﻿/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
p  { margin: 15px; padding: 0;
    font-family: メイリオ,Meiryo; }

/* 見出し */

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: #0000ff; text-decoration: underline; }

p a { color: #0000ff; 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;
 }

/* ページレイアウト */

body {
    position: relative;
    width: 820px;
    text-align: center; /* center on ie */
    margin: 0 auto;
    padding: 0;
    font-size: 15px;
    color: #333;
    line-height: 1.25;
    background: url(./img/bg.gif) no-repeat top #6699cc;
}

*:first-child+html body { padding: 0 1px 0 0; }

#header
{
    position: relative;
    width: 810px;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #666;
}

#header p
{
    text-indent: -9999px;
    display: block;
    width: 400px;
    margin: 0 auto ;
    padding: 0;
    text-align: left;
    position:absolute; top: 110px; right: 0px;
    font-size: 0.9em;
}

/* コンテンツ */

#container
{
    position: relative;
    width: 730px;
    margin: 0 auto;
    * margin: 0 0 0 1px;
    padding: 10px 45px;
    text-align: left;
    * text-align: center;
    background: url(./img/bbg.gif) repeat-y;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

ul#menu1, ul#menu2, ul#link
{
    position: relative;
    display: block;
    width; auto;
    min-height: 30px;
    list-style: none;
    margin: 0 0 10px;
    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: 10px 0; text-align: center; }

#kiji01, #kiji02, #kiji03, #kiji04, #kiji05, #kiji06, #kiji07, #kiji08, #kiji09, #kiji10
{
    margin: 10px 15px;
    padding: 1px 0 15px;
    clear: both;
    text-align: left;
}

/* フッター */

#foot
{
    position: relative;
    width: 730px;
    margin: 0 auto;
    * margin: 0 0 0 1px;
    padding: 1px 45px 20px;
    text-align: center;
    background: url(./img/fbg.gif) no-repeat bottom ;
}

#foot p
{
    margin: 0 20px 5px;
    padding: 0;
    font-size: 12px;
}

#foot p a 
{ 
    color: #333; 
    text-decoration: none;
}

/* 見出し */

h1 {
    margin: 0;
    text-align: right;
    font-size: 0.8em;
    font-family: メイリオ,Meiryo,HGP創英角ｺﾞｼｯｸUB;
    font-weight: normal;
    color: #999;
    position:absolute; top: 5px; right: 20px;
}

h2 {
	display:block;
    margin: 0;
	text-indent:-9999px;
	padding: 0;
    color: #333;
    font-size: 1.7em;
    font-family: "メイリオ","Meiryo","HGP創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W8";
    font-weight: bold;
    position:absolute; top: 45px; left: 250px;
}

h3 {
    position: relative;
    margin: 5px 0 15px;
    padding: 2px 0 2px 25px;
    color: #000;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px dotted #7e571e;
    clear: both;
    font-family: メイリオ,Meiryo,HGP創英角ｺﾞｼｯｸUB,ヒラギノ角ゴ Pro W8;
    background: url(./img/check.gif) no-repeat left;
}

h4 {
    margin: 10px 0;
    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;
}

.boxh3 {
	text-indent: -9999px;
	display: block;
	position: relative;
	margin: 20px 0 0 120px;
	padding: 8px 0 2px 20px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	border-bottom: 1px dotted #ff9900;
	clear: both;
	font-family: メイリオ,Meiryo,HGP創英角ｺﾞｼｯｸUB,ヒラギノ角ゴ Pro W8;
	background: url(./img/point.gif) no-repeat left;
}

/* 画像回り込み */

#img1 { float: right; margin-left: 10px; }
#img2 { float: left; margin: 0 15px 10px 0; }


/* 文字制御 */

.right { text-align: right; } /* 左寄せ */
.center { text-align: center; } /* 右寄せ */

/* ボックス */

.box
{
  height: 400px;
   border:0px solid #cc0000;
   padding:5px;
   margin:0px 0px 0px 0px;
   background: url(./img/boxbg.jpg) no-repeat;
}

.box p
{
    background	: url(./img/checkboxb.gif) no-repeat left;
    line-height: 1.5;
    margin: 5px 0 3px 200px;
    padding: 8px 0 3px 30px;
    color: #000;
    font-size: 17px;
    font-weight: normal;
}

.backred {
    /* ie win (5, 5.5, 6) bugfix */
    line-height: 1.45;
    padding: 5px 15px 5px 15px;
    font-size: 1.1em;
    font-weight: normal; 
    font-family: "HGP創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ8","ヒラギノ角ゴ Pro W7";
    text-align: left;
    clear: both;
    color: #FFF;
    margin:0px;
    background:#3838a1;
    position:relative;top:10px;
}


/* 文字装飾 */

.bb /* 大・太字 */
{
    color: #000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.2em;
    font-family: "メイリオ","Meiryo","HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.b { font-weight: bold; } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */
.line { background: #ffaacc; }/* 背景マーカー処理 */
.line2 { background: #d0edf5; }/* 背景マーカー処理 */
.redline { background: #ffcccc; }/* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */


/* 文字色 */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */
.yellow { color: #fffa78; } /* 黄 */ 
.pink { color: #f41f74; } /* ピンク */ 
.mizu { color: #0066ff; } /* 水色 */ 

.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 


.kobetu
{
    font-size: 1.2em;
    font-family: メイリオ,Meiryo,HGP創英角ｺﾞｼｯｸUB;
    font-weight: normal;
    text-align	: left;
}

.trial
{
    line-height: 1.6;
    margin: 0;
    padding: 3px 0 3px 5px;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-family: メイリオ,Meiryo;
    font-weight: normal;
}

.trial2
{
    line-height: 1.6;
    margin		:0px 0px 0px 220px;
    padding: 3px 0 3px 5px;
    background: #fff;
    color: #111;
    font-size: 16px;
    font-family: メイリオ,Meiryo;
    font-weight: normal;
}


.noteline{
	background-image: url(./img/note_line.gif);
	padding-top: 6px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.check {
	width		: 40%;
	height		: 24px;
	clear		:left;
	margin		:20px 0 0px 10px;
	padding: 0px 0 0 40px;
	color		:#333;
	font-size	:18px;
	font-weight	: normal;
	text-align	: left;
	font-family	: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
	background	: url(./img/checkbox.jpg) no-repeat left;
}

.bt1{
	padding: 160px 15px 0px 350px;
	}

.bt1 a{
    clear: both;
    display: block;
    height: 70px;
    width: 450px;
    background: url(./img/bt.gif) no-repeat;
    text-indent: -9999px;
    }


.bt1 a:hover {
    display: block;
    height: 70px;
    width: 450px;
    background: url(./img/bta.gif) no-repeat;
    text-indent: -9999px;
    }

.bt2 a{
    clear: both;
    display: block;
    height: 70px;
    width: 670px;
    margin: 20px auto;
    background: url(./img/bt2.gif) no-repeat;
    text-indent: -9999px;
    }


.bt2 a:hover {
    display: block;
    height: 70px;
    width: 670px;
    background: url(./img/bt2a.gif) no-repeat;
    text-indent: -9999px;
    }


.banner { 
	padding: 180px 48px 0px 317px;
	}
