@charset "utf-8";

/* CSS Document */



#container.top{

	background:url(../img/mainimage.jpg) no-repeat 430px 80px;

}

div#lead{

	width:800px;

	height:225px;

	margin-top:3px;

}

div#lead h1{

	width:430px;

	height:120px;

	background:url(../img/title.gif) no-repeat top left;

	text-indent:-9999px;

}

div#lead p{

	width:360px;

	margin-left:15px;

	padding-left:20px;

	background:url(../img/lead_bg.gif) no-repeat top left;

	line-height:1.8;

	color:#066;

}



div#monthly{

	width:504px;

	background:url(../img/monthly_bg.gif) no-repeat left bottom;

	padding-bottom:5px;

	margin-bottom:20px;

	float:left;

	overflow:hidden;

}

/*\*/

* html div#monthly{

	height:1em;

	overflow:visible;

}

/**/

div#monthly div.article{

	width:504px;

	height:106px;

	margin-bottom:0px;

	background:url(../img/monthly_article_bg.gif) no-repeat left top;

}

div#monthly div.article div.image{

	width:150px;

	height:99px;

	float:left;

}

div#monthly div.article div.image img{

	width:90px;

	height:90px;

	margin:7px 0 0 38px;

}

div#monthly div.article div.image a img:hover{

	border:3px solid #C39;

	margin:4px 0 0 35px;

}

div#monthly div.txt{

	width:270px;

	padding-top:30px;

	float:left;

}

div#monthly div.txt h3{

	font-size:120%;

	margin:0;

	padding:0;

}

div#monthly div.txt h3 img{

	width:36px;

	padding-bottom:30px;

	margin-right:10px;

	float:left;

}



#ranking{

	width:280px;

	background:url(../img/ranking_bg.gif) no-repeat left bottom;



	margin-left:10px;

	margin-bottom:10px;

	padding-bottom:4px;

	float:left;

}

#ranking div.article{

	clear:both;

	padding:0 15px 0 5px;

	border-bottom:1px solid #F9EFE6;

	overflow:hidden;

}

/*\*/

* html div#ranking div.article{

	height:1em;

	overflow:visible;

}

/**/

#ranking div.article img{

	width:80px;

	height:80px;

	margin:5px 15px 5px 5px;

	float:left;

}

#ranking div.image a img:hover{

	border:3px solid #C39;

	margin:2px 12px 2px 2px;

}

#ranking div.txt{

	margin-top:10px;

}

#ranking div.article h3{

	font-size:100%;

}

#ranking div.article h3 a{

	padding-left:27px;

}

#ranking div.article h3 a.no01{

	background:url(../img/ranking_no01.gif) no-repeat 0 0;

}

#ranking div.article h3 a.no02{

	background:url(../img/ranking_no02.gif) no-repeat 0 0;

}

#ranking div.article h3 a.no03{

	background:url(../img/ranking_no03.gif) no-repeat 0 0;

}

#ranking div.article h3 a.no04{

	background:url(../img/ranking_no04.gif) no-repeat 0 0;

}

#ranking div.article h3 a.no05{

	background:url(../img/ranking_no05.gif) no-repeat 0 0;

}

#backnumber{

	width:273px;

	height:40px;

	background:url(../img/btn_backnumber.gif) no-repeat left top;

	text-indent:-9999px;

	margin:5px 10px;

	float:left;

}

#backnumber a{

	display:block;

	width:273px;

	height:40px;

	background:url(../img/btn_backnumber.gif) no-repeat left top;

}

#backnumber a:hover{

	background:url(../img/btn_backnumber.gif) no-repeat left bottom;

}

#backnumber p{



}



#banner{

	clear:both;

	width:750px;

	height:110px;

	margin:10px 0 0 30px;

}

#banner ul{

	margin:5px 0 5px 6px;

}

#banner li{

	width:135px;

	height:75px;

	margin:0 8px;

	display:inline;

}



/*LPリンク*/



div#lplink{

	clear:both;

	width:760px;

	margin:20px 0 10px 20px;

}

div#lplink dl{

	padding:1px;

	overflow:hidden;

}

/*\*/

* html div#lplink dl{

	height:1em;

	overflow:visible;

}

/**/



div#lplink dt{

	clear:both;

	width:160px;

	height:30px;

	float:left;

}

div#lplink dd{

	width:585px;

	line-height:1.3;

	padding-top:3px;

	color:#999999;

	float:left;

}



/*コンテンツページ*/



div#title{

	margin:5px 0;

}

div#title h1{

	width:256px;

	height:52px;

	background:url(../img/title_s.gif) no-repeat left top;

	text-indent:-9999px;

}

div#title h1 a{

	display:block;

	width:256px;

	height:52px;

}

div#MainContent{

	clear:both;

	width:800px;

	background:url(../img/content_title_bg.gif) no-repeat top;

	margin-top:10px;

	overflow:hidden;

}

/*\*/

* html div#MainContent{

	height:1em;

	overflow:visible;

}

/**/

div#MainContent h2{

	width:700px;

	height:45px;

	padding:25px 30px 0 70px;

	font-size:120%;

	color:#C39;

}

div#MainContent h3{

	font-size:120%;

	margin:15px 10px 15px 50px;

	background:url(../img/icon_h3.gif) no-repeat top left;

	line-height:1;

	padding:0px 10px 0 20px;

	color:#066;

}

div#MainContent p{

	line-height:1.8;

	margin:15px 30px 15px 60px;

}



div#MainContent strong{

	color:#666666;

}

div#MainContent .photo{

	background:url(../img/img_photo.gif) right bottom;

	margin:0 6px 10px 30px;

	float:right;

}

div#MainContent .photoL{

	background:url(../img/img_photo.gif) right bottom;

	margin:0 30px 10px 30px;

	float:left;

}

div#MainContent .photo img, div#MainContent .photoL img{

	position:relative;

	left:-3px;

	top:-3px;

	padding:10px 5px 10px 5px;

	background:#FFF;

	border:1px solid #EEEEEE;

}

div#backnumberS{

	clear:both;

	width:204px;

	height:30px;

	background:url(../img/btn_backnumber_s.jpg) no-repeat left top;

	text-indent:-9999px;

	margin-left:576px;

}

div#backnumberS a{

	display:block;

	width:204px;

	height:30px;

	background:url(../img/btn_backnumber_s.gif) no-repeat left top;

}

div#backnumberS a:hover{

	background:url(../img/btn_backnumber_s.gif) no-repeat left bottom;

}



/*バックナンバーページ*/

div#BgContent{

	clear:both;

	width:800px;

	background:url(../img/content_bg.gif) no-repeat top;

	margin-top:10px;

	padding-bottom:20px;

	overflow:hidden;

}

/*\*/

* html div#BgContent{

	height:1em;

	overflow:visible;

}

/**/

div.bnmonth{

	width:260px;

	background:url(../img/backnumber_bg.gif) no-repeat top;

	margin:18px 2px;

	float:left;

}

div.bnmonth h2{

	width:260px;

	height:45px;

	margin:0;

	padding:0;

}

div.bnmonth ul{

	margin:5px 25px 0 35px;

}

div.bnmonth ul li{

	line-height:1.3;

	margin-top:5px;

	background:url(../img/icon_link_g.gif) no-repeat 0 3px;

	padding-left:15px;

}