@charset "utf-8";
/* CSS Document */

/*--------------------------------------------
初期化
--------------------------------------------*/
body { margin: 0; padding: 0; font-size: 85%;}
a{ text-decoration:underline; outline:none;}
a:hover{ text-decoration:none;}
p,ul,li,form { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
img{ margin:0; padding:0; border:0; vertical-align:top;}
ul,li{ list-style-type:none; margin:0; padding:0;}

/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/*--------------------------------------------
全体を包むコンテナ
--------------------------------------------*/
#wrapper{ width: 100%; margin:0;}
/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
#header { width:100%; margin:0 atuo; background-image:url(../images/top_bg.gif); background-repeat:repeat-x; }
#header p#mainimg{margin:0 auto; width:1000px;}
#header_s { width:1000px; margin:0 auto;}
#header_s p#mainimg{ margin:0 auto; width:1000px;}
/*-----------------------------------------------------------------
コンテンツボックス
-----------------------------------------------------------------*/
#ContentsBox{width:904px; clear:both; margin:36px auto 0 ; background-color:#797979; overflow:hidden}

/*-----------------------------------------------------------------
メインボックス
-----------------------------------------------------------------*/
#ContentsBox div#MainBox{width:654px; margin:0; padding:0 20px 0 0; float:left; background-color:#FFFFFF;}

#ContentsBox div#MainBox #LeftArea{float:left; width:248px; margin:0 16px 0 0;}
#ContentsBox div#MainBox #LeftArea p#pic{ margin:0 4px;}
#ContentsBox div#MainBox #LeftArea p#message{ margin:9px 0 0 0;}


#ContentsBox div#MainBox #RightArea{ float:left; width:390px;}
#ContentsBox div#MainBox #RightArea #ad{ width:390px;}
#ContentsBox div#MainBox #RightArea #ad .promotion01{ display:block; background-image:url(../images/m_ad_top.jpg); width:390px; height:179px;}
#ContentsBox div#MainBox #RightArea #ad .promotion02{ display:block; background-image:url(../images/mid_ad_bottom.gif); width:390px; height:209px;}
#ContentsBox div#MainBox #RightArea #ad .promotion01 .btn{padding:14px 12px 0 236px; display: inline-block; }
html>/**/body #ContentsBox div#MainBox #RightArea #ad .promotion01 .btn {padding/*\**/:2px 12px 0 236px \9; }/* IE8向け */
#ContentsBox div#MainBox #RightArea #ad .promotion02 .btn{padding:113px 15px 15px 15px;}
html>/**/body #ContentsBox div#MainBox #RightArea #ad .promotion02 .btn{padding/*\**/:98px 15px 15px 15px \9;}/* IE8向け */

#ContentsBox div#MainBox #RightArea #ad p#book{padding:18px 32px 4px 24px; border-bottom:2px #000000 solid; border-left:2px #000000 solid; border-right:2px #000000 solid; }
#ContentsBox div#MainBox #RightArea #ad p#title{ background-image:url(../images/title_bg.gif); padding:9px 0 11px 17px; color:#FFFFFF; font-weight:bold; margin:18px 0;}
#ContentsBox div#MainBox #RightArea #ad p#explain{ line-height:21px; padding-bottom:27px;}
#ContentsBox div#MainBox #RightArea #ad p#explain span{ font-size:16px; font-weight:bold;}

/*-----------------------------------------------------------------
Sidenavi
-----------------------------------------------------------------*/
#ContentsBox div#SideBox {width:230px; margin:0; float:left; background-color:#FFFFFF;}

#ContentsBox div#SideBox .area_top{ background-color:#797979; padding:10px 9px 10px 8px; width:213px; height:auto; *padding:10px 9px 10px 8px; _padding:10px 6px 10px 8px;}
#ContentsBox div#SideBox .area_top p#m_txt{margin:15px 3px 0 3px;line-height:20px;color:#ffffff; font-size:14px;font-weight:bold; float:left; width:207px;}
#ContentsBox div#SideBox .area_top p#m_txt02{margin:15px 3px;line-height:20px;color:#ffffff; font-size:14px;font-weight:bold; float:left; width:207px;}

html>/**/body  #ContentsBox div#SideBox .area_top p#m_txt02{padding/*\**/:15px 0px \9; line-height:20px;color:#ffffff; font-size:14px;font-weight:bold; float:left;}

#ContentsBox div#SideBox .area_top p#m_txt span{ color:#ffba00; font-size:16px; letter-spacing:-0.1em;}
#ContentsBox div#SideBox .area_top p#m_txt02 span{ color:#ffba00; font-size:16px; letter-spacing:-0.1em}

#ContentsBox div#SideBox .area_top p#movie{ margin:0 0 0 2px; }
#ContentsBox div#SideBox .area_top .btn{ padding:11px 19px 0 19px;}

#ContentsBox div#SideBox .area_btm{ background-color:#797979; padding:10px 9px 10px 8px; width:213px; height:auto; margin-top:11px;}
#ContentsBox div#SideBox .area_btm p#m_txt {padding:15px 5px;line-height:20px;color:#ffffff; font-size:14px;}
#ContentsBox div#SideBox .area_btm p#form{ padding:10px 0 0 0;}
#ContentsBox div#SideBox .area_btm p#frmtlt{ font-size:12px; line-height:18px; color:#000000; margin:6px auto; width:165px; font-weight:bold; height:38px;}
/*--------------------------------------------
フッター
--------------------------------------------*/
#footer { width:100%; margin:0 atuo; background-image:url(../images/btm_bg.gif); background-repeat:repeat-x;}
#footer p#mainimg{margin:0 auto; width:1000px;clear:both; padding-top:31px;background:#FFFFFF; }

#footer_s { width:1000px; margin:0 auto; padding-top:31px;}

ul#Fnavi{margin:10px auto ; clear:both; padding-bottom:38px; width:312px;}
ul#Fnavi li{ float:left; font-size:0; padding-right:10px;}