/* body設定
------------------------------------------------------------ */
body{
	background-image: url(../images/header_bg.jpg); 
	background-repeat:no-repeat;  
	background-position: center top;
	background-color:#F3F1E2;
	color:#333333;
  font-size:inherit;
  font:100%;
}

/* 全体枠
------------------------------------------------------------ */
#layoutBody{
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

/* ヘッダ
------------------------------------------------------------ */
#Header{
	width:850px;
	height:260px;
}

/* ヘッダ > サイトタイトル
------------------------------------------------------------ */
h1{
	float:left;
	width:370px;
	height:235px;
	z-index:9999;
}
h1 span{
  display:block;
  width:370px;	
	height:0;
	padding-top:235px;
	overflow:hidden;
  background:url(../images/header_title.jpg) left top no-repeat;
}

/* ヘッダ > 右カラム情報エリア
------------------------------------------------------------ */
#HeaderRight{
	float:left;
	width:466px;
	height:154px;
	padding-top:81px;
	padding-left:14px;
  background:url(../images/header_right.jpg) left top no-repeat;
}
#HeaderFuroku{
	width:466px;
	list-style-type:none;
}
#HeaderFuroku li{
	height:20px;
	padding-bottom:4px;
	z-index:9999;
}
#HeaderFuroku li.hFuroku1{
	width:421px;
}
#HeaderFuroku li.hFuroku2{
	width:408px;
}
#HeaderFuroku li.hFuroku3{
	width:255px;
}
#HeaderFuroku li.hFuroku1 a{
  display:block;
  width:421px;	
	height:0;
	padding-top:20px;
	overflow:hidden;
  background:url(../images/header_furoku1_1.jpg) left top no-repeat;
}
#HeaderFuroku li.hFuroku2 a{
  display:block;
  width:408px;	
	height:0;
	padding-top:20px;
	overflow:hidden;
  background:url(../images/header_furoku2_1.jpg) left top no-repeat;
}
#HeaderFuroku li.hFuroku3 a{
  display:block;
  width:255px;	
	height:0;
	padding-top:20px;
	overflow:hidden;
  background:url(../images/header_furoku3_1.jpg) left top no-repeat;
}
#HeaderFuroku li.hFuroku1 a:hover{
  background:url(../images/header_furoku1_2.jpg) left top no-repeat;
}
#HeaderFuroku li.hFuroku2 a:hover{
  background:url(../images/header_furoku2_2.jpg) left top no-repeat;
}
#HeaderFuroku li.hFuroku3 a:hover{
  background:url(../images/header_furoku3_2.jpg) left top no-repeat;
}

/* ヘッダ > 右カラムリンクエリア
------------------------------------------------------------ */
#linkBox{
	width:421px;
	height:56px;
	padding-top:13px;
}
#linkBox a#lBanner{
	display:block;
	float:left;
	width:143px;
	height:56px;
}
#linkList{
		width:180px;
		padding-left:20px;
		padding-right:18px;
		/*margin-top:15px;*/
		float:left;
}
#linkList li{
	list-style-image:url(../images/link_icon.gif);
	margin-bottom:4px;
}
#linkList li span{
	color:#ffffff;
}
#linkList li a{
	text-decoration:underline;
}
#linkList li a:link{color:#ffffff;}
#linkList li a:visited{color:#ffffff;}
#linkList li a:hover{color:#FF9;}
#linkList li a:active{color:#FF9;}

	
	

/* コンテンツ枠
------------------------------------------------------------ */
#contentsBody{
	width:840px;
	margin:0px 5px;
	padding-top:0px;
	padding-bottom:20px;
}

/* 付録 > 付録タイトル
------------------------------------------------------------ */
h2{
  width:840px;
  height:55px;
	z-index:9999;
}
h2 span{
  display:block;
  width:840px;	
	height:0;
	padding-top:55px;
	overflow:hidden;
}
h2#f1 span{
  background:url(../images/f_title1.jpg) left top no-repeat;
}
h2#f2 span{
  background:url(../images/f_title2.jpg) left top no-repeat;
}
h2#f3 span{
  background:url(../images/f_title3.jpg) left top no-repeat;
}

/* 付録 > 共通
------------------------------------------------------------ */
.fBody{
	width:810px;
	padding:10px 15px;
	background-color:#D5DBF2;
}
.fMain{
	padding:5px;
	background-color:#B3BEE8;
}

/* 付録 > 個別
------------------------------------------------------------ */
.f1commentArea{
	padding:10px;
	margin-top:5px;
	line-height:1.3;
	background:url(../images/comment_bg.jpg) left top;
}
.f2Left{
	float:left;
	width:320px;
	height:240px;
	padding-right:5px;
}
.f2commentArea{
	float:left;
	padding:10px;
	width:455px;
	height:220px;
	line-height:1.3;
	background:url(../images/comment_bg.jpg) left top;
}
.f2commentArea ul{
	border-top:1px solid #AAA;
	padding-top:8px;
	padding-left:20px;
	margin-top:20px;
}
.f2commentArea ul li{
	margin-bottom:4px;
}
.f3Left{
	display:block;
	float:left;
	width:400px;
	height:400px;
	padding-right:5px;
}
.f3commentArea{
	float:left;
	padding:10px;
	width:375px;
	height:380px;
	line-height:1.3;
	background:url(../images/comment_bg.jpg) left top;
}
.f3commentArea p{
	border-top:1px solid #AAA;
	padding-top:8px;
	margin-top:20px;
}

/* トップへ戻るリンク
------------------------------------------------------------ */
p.toTop{
	width:840px;
	padding-top:5px;
	padding-bottom:25px;
	text-align:right;
}

/* フッタ
------------------------------------------------------------ */
#footer{
	width:840px;
	padding-bottom:20px;
}
address{
	display:block;
  width:220px;
  height:20px;
	padding-left:620px;
	z-index:9999;
}
address span{
  display:block;
  width:220px;	
	height:0;
	padding-top:20px;
	overflow:hidden;
  background:url(../images/copyright.jpg) left top no-repeat;
}

/* フッタ > FlashPlayerボタン
------------------------------------------------------------ */
#fpBt{
	width:840px;
	border-top:#BBB5A0 1px solid;
}
#fpBt img{
	float:left;
	padding-top:5px;
}
#fpBt p{
	float:left;
	padding:7px;
	color:#666;
}

/* 追記
------------------------------------------------------------ */
.addBody{
	width:830px;
	padding:5px 5px;
	line-height:1.3;
	color:#000000;
	text-align:right;
}
.addBody a:link{color:#000000;}
.addBody a:visited{color:#000000;}
.addBody a:hover{color:#F00;}
.addBody a:active{color:#F00;}