﻿/* ---------------------------------------------
基本レイアウト
--------------------------------------------- */

html { margin: 0; padding: 0;}
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
p  { margin: 15px; padding: 0; }

body {
    position: relative;
    width: 800px;
    text-align: center; /* center on ie */
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    color: #000;
    line-height: 1.25;
    height:100%;
}

/* ---------------------------------------------
見出し
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 0; }


/* ---------------------------------------------
リンク色（ページ全体）
--------------------------------------------- */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }
.s a { color: #333; text-decoration: underline; }
p a { color: #333; text-decoration: none; }


/* ---------------------------------------------
アドセンス・アフィリ
--------------------------------------------- */

.af a{text-decoration: underline; 
 color:#00f;
 font-weight: bold;
 font-size:18px;}

.af-center {text-align: center;}
.af-right {text-align: right;}
.af-left {text-align: left;}

.af-center a{text-decoration: underline; 
 color:#00f;
 font-weight: bold;
 font-size:18px;
 }

.af-right a{text-decoration: underline; 
 color:#00f;
 font-weight: bold;
 font-size:18px;
 }

.af-left a{text-decoration: underline; 
 color:#00f;
 font-weight: bold;
 font-size:18px;
 }


/* ---------------------------------------------
ページレイアウト
--------------------------------------------- */

*:first-child+html body { padding: 0 1px 0 0; }

#header
{
    position: relative;
    width: 800px;
    height: 250px;
    margin: 0 auto;
    padding: 65px 0 0;
    text-align: left;
    background: url(img/head2.png) no-repeat top;
}
#header div
{
    position: relative;
    width: 720px;
    height: 220px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: left;
}
#header p
{
    width: 450px;
    margin: 0 auto ;
    padding: 0;
    text-align: left;
    position:absolute; top: 100px; left: 30px;
    font-size: 1.1em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    line-height:1.25;
}
#header h2 {
    margin: 0;
    padding: 0;
    width: 450px;
    font-size: 2.0em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    position:absolute; top: 30px; left: 30px;
    line-height:1.1;
}

#container
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    padding: 1px 0;
    text-align: left;
    * text-align: center;
    background: url(img/bbg.png) repeat-y center;
    font-weight:normal;
    font-size:1.1em;
  font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------
コンテンツ
--------------------------------------------- */

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

ul#menu1, ul#menu2, ul#link
{
    position: relative;
    display: block;
    width; auto;
    min-height: 30px;
    list-style: none;
    margin: 0;
    padding: 10px 5px 10px;
    text-align: center;
}

ul#menu1 li, ul#menu2 li, ul#link li
{
    margin: 0;
    padding: 5px;
    list-style: none;
    display: inline;
}

#ad1, #ad2 { clear: both; padding: 0; text-align: left; }

#kiji01, #kiji02, #kiji03, #kiji04, #kiji05
{
    margin: 10px 35px;
    padding: 1px 0 15px;
    clear: both;
    text-align: left;
}


/* ---------------------------------------------
フッター
--------------------------------------------- */

#foot
{
    position: relative;
    width: 800px;
    height: 140px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    background: url(img/foot.png) no-repeat bottom;
}

#foot p, #foot p a
{
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
    linbe-height: 1.1;
}


/* ---------------------------------------------
見出し
--------------------------------------------- */


h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    position:absolute; top: 40px; right: 20px;
}


h4 {
    margin: 10px 35px;
    padding: 0;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px dotted #7e571e;
    font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
    text-align: center;
    clear: both;
}


/* ---------------------------------------------
画像回り込み
--------------------------------------------- */

.img1 { float: right; margin-left: 10px; }
.img2 { float: left; margin: 0 15px 10px 0; }


/* ---------------------------------------------
文字制御
--------------------------------------------- */

.right { text-align: right; } /* 左寄せ */
.center { text-align: center; } /* 右寄せ */


/* ---------------------------------------------
ボックス
--------------------------------------------- */

.box
{
    margin: 10px 0;
    border: 1px solid #999;
    background-color: #fff;
    padding: 0 10px;
    clear: both;
    line-height: 1.25;
}

.box p
{
    margin: 10px 0;
    line-height: 1.5;
    font-size: 0.9em;
}


/* ---------------------------------------------
文字装飾
--------------------------------------------- */

.bbb /* 最大・太字 */
{
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    padding: 0;
}

.bb /* 大・太字 */
{
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbbr /* 最大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.b { font-size: 1.1em; } /* 太字 */
.br { color: #dc0000; font-size: 1.1em; } /* 赤・太字 */
.line { background: #ffff00; } /* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */
.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 


/* ---------------------------------------------
文字色
--------------------------------------------- */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 


 