@charset "utf-8";


@import url("/common/css/rn01/common.css");
#hdArea.common{ border-bottom:none !important; }



/* パンくず */
div.topicpath{
	width:100%;
	padding:5px 0;
	position:relative;
	clear:both;
}
div.topicpath:after, div.topicpath div:after{ content:''; display:block; clear:both; }

div.topicpath div{ margin:0 auto; position:relative; clear:both; }

div.topicpath li{ font-size:85%; color:#333; float:left; }
div.topicpath li a{
	margin-right:10px;
	padding-right:10px;
	background:url(../images/arrow_topicpath.gif) right center no-repeat;
	color:#333;
	float:left;
}
div.topicpath li a:link, div.topicpath li a:visited{ color:#333; text-decoration:none; }
div.topicpath li a:hover, div.topicpath li a:active{ color:#333; text-decoration:underline; }

div.topicpath p{ font-size:85%; color:#333; position:absolute; right:0; top:0; }








div.mainimg h1{ padding-bottom:10px; zoom:1; }



/* 最新コラムのご紹介 START */
div.mainimg .latestColumn{
	background-color:#fff;
	border-bottom:1px solid #dbd7d0;
	position:relative;
}
div.mainimg .latestColumn.sumai{ background:#fff url(../images/mainimg/bg_sumai.jpg) left bottom no-repeat; }
div.mainimg .latestColumn.letter{ background:#fff url(../images/mainimg/img_letter.jpg) right bottom no-repeat; }

div.mainimg .latestColumn p.hd{ padding:7px 12px; background-color:#0f2c4f; }
div.mainimg .latestColumn.sumai p.hd{ background-color:#264f0f; }

div.mainimg .latestColumn.sumai div.tit p{ margin:0 0 5px; }
div.mainimg .latestColumn.letter div.tit p{ margin:0; padding:0; }
div.mainimg .latestColumn.letter div.tit p.txt{ padding:5px 20px 25px 10px; font-size:12px; line-height:1.5; }

div.mainimg .latestColumn p.txt{ font-size:14px; line-height:1.4; clear:both; }
div.mainimg .latestColumn p.btn a{
	width:170px;
	height:16px;
	
	padding:10px 20px 10px 10px;
	background:#e33050 url(../images/arrow_btn.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:16px;
	line-height:1.0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
}
div.mainimg .latestColumn p.btn a:link, div.mainimg .latestColumn p.btna:visited{ text-decoration:none; }
div.mainimg .latestColumn p.btn a:hover, div.mainimg .latestColumn p.btn a:active{ text-decoration:none; }

/* 最新コラムのご紹介 END */





/*
.mainimg div p.txt{ padding:5px 5px 15px; font-size:115%; line-height:1.4; color:#333; }
*/

.mainimg div.bnr p{ padding:0; font-size:100%; line-height:1.0; background-color:#fff; }


#contents .columns:after, #contents .columns div:after, #contents .columns div li:after{ content:''; display:block; clear:both; }
#contents .columns{ padding-bottom:30px; zoom:1; clear:both; }

#contents .columns div{
	border:7px solid #e9e6cd;
}


#contents .columns div.letter h2{
	margin:0;
	padding:0;
	background:url(../images/bg_letter.gif) left bottom repeat-x;
	border-bottom:none;
	text-align:center;
}
#contents .columns div.sumai h2{
	margin:0;
	padding:0;
	background:url(../images/bg_sumai.gif) left bottom repeat-x;
	border-bottom:none;
	text-align:center;
}


#contents .columns div li p.txt{ color:#333; }
#contents .columns div li p.txt a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 3px no-repeat;
	font-size:110%;
	line-height:1.3;
	font-weight:bold;
}
#contents .columns div li p.txt a:link, #contents .columns div li p.txt a:visited{ color:#366; text-decoration:none; }
#contents .columns div li p.txt a:hover, #contents .columns div li p.txt a:active{ color:#366; text-decoration:underline; }

#contents .columns div li p.txt a span.new{
	padding:2px 5px 0;
	color:#fff;
	font-weight:bold;
	background-color:#e33050;
	font-size:85%;
}


#contents .columns div ul{ padding:10px 10px 0; }
#contents .columns div li{ padding-bottom:10px; zoom:1; position:relative; clear:both; }
#contents .columns div li p.img{ position:absolute; top:0; left:0; }
#contents .columns div li p.img a{ display:block; }

* html #contents .columns div li{ height:60px; zoom:1; }












#resultList{
	clear:both;
}


#main h2{
	margin:0 0 10px;
	padding:5px 10px;
	background-color:#2c507c;
	border-bottom:3px solid #abbe31;
	font-size:125%;
	color:#fff;
}
#sub h2{
	padding:5px 10px;
	background-color:#2c507c;
	background-position:7px 10px;
	background-repeat:no-repeat;
	font-size:125%;
	color:#fff;
}
#main h2 small, #sub h2 small{
	margin-top:-5px;
	font-size:75%;
	font-weight:normal;
	color:#fff;
	display:block;
}

#main h3{ margin-bottom:10px; padding-bottom:0.05em; border-bottom:3px solid #abbe31; font-size:120%; color:#0f2c4f; }








#contents p.txt_tag{
	padding-left:16px;
	background:url(../images/arrow_anchor.gif) left 0.5em no-repeat;
	font-size:110%;
	color:#333;
}

/*
.tagBtns{
	width:950px;
	margin:0 0 20px;
	padding:2px;
	background-color:#eee;
	clear:both;
}
.tagBtns:after{ content:''; display:block; clear:both; }
.tagBtns ul{ margin:0; padding:0; }

.tagBtns li{
	width:8em;
	margin:0;
	padding:10px;
	background-color:#fff;
	border:2px solid #eee;
	list-style-type:none;
	text-align:center;
	font-weight:bold;
	float:left;
}
*/
.tagBtns li a{ font-size:120%; display:block; }
#contents .tagBtns li a:link, #contents .tagBtns li a:visited{ border:1px solid #ccc; text-decoration:none; }
#contents .tagBtns li a:active, #contents .tagBtns li a:hover{ background-color:#e33050; border:1px solid #fff; color:#fff; text-decoration:none; }


#contents .tagBtns li.current a { background-color:#e33050; border:1px solid #fff; color:#fff; font-weight:bold; display:block; }













/* 最新コラム */
.newColumn .colBlock p.img{ margin-bottom:10px; }

.newColumn .colBlock p span{
	width:8em;
	margin-bottom:5px;
	margin-right:1em;
	padding:2px 5px;
	background-color:#2baca2;
	color:#fff;
	text-align:center;
	display:block;
}

.newColumn .colBlock .sumai p span{ background-color:#abbe31; }


/*
.newColumn .colBlock p a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 7px no-repeat;
	display:block;
	font-size:120%;
	line-height:1.3;
	float:left;
}
.newColumn .colBlock p a:link, .newColumn .colBlock p a:visited{ color:#366; text-decoration:none; }
.newColumn .colBlock p a:hover, .newColumn .colBlock p a:hover{ color:#366; text-decoration:underline; }
*/

.newColumn .colBlock div p{ background-color:#fff; }
.newColumn .colBlock div p a{ display:block; font-size:110%; line-height:1.3; font-weight:bold; text-align:center; }

.newColumn .colBlock div p a:link, .newColumn .colBlock div p a:visited{ border:7px solid #e9e6cd; color:#366; text-decoration:none; }
.newColumn .colBlock div p a:hover, .newColumn .colBlock div p a:active{ border:7px solid #2baca2; color:#366; text-decoration:none; }
.newColumn .colBlock div.sumai p a:hover, .newColumn .colBlock div.sumai p a:active{ border:7px solid #abbe31; color:#366; text-decoration:none; }


.newColumn .colBlock div p span{ margin:10px; /margin:10px 10px 0; font-weight:normal; float:left; display:block; }
.newColumn .colBlock div p span.txt{
	width:auto;
	margin-bottom:0;
	margin-right:0;
	padding:0 10px 10px 10px;
	background:url(/common/images/renew2009/arrow.gif) left 5px no-repeat;
	background-color:transparent;
	color:#366;
	font-weight:bold;
	text-align:left;
	float:none;
	clear:both;
}
.newColumn .colBlock div p span.txt small{ color:#366; font-size:80%; }



#contents div.enquete:after{ content:''; display:block; clear:both; }
#contents div.enquete{ margin-bottom:30px; zoom:1; position:relative; clear:both; }

#contents div.enquete p.txtlink_list{ line-height:1.2; white-space:nowrap; position:absolute; top:10px; right:10px; }
#contents div.enquete p.txtlink_list a{
	padding-left:12px;
	background:url(../images/arrow_txtlink.gif) left 0.2em no-repeat;
}
#contents div.enquete p.txtlink_list a:link, #contents div.enquete p.txtlink_list a:visited{ color:#fff; font-weight:bold; text-decoration:none; }
#contents div.enquete p.txtlink_list a:hover, #contents div.enquete p.txtlink_list a:active{ color:#fff; font-weight:bold; text-decoration:underline; }

#contents div.enquete p.lead{ margin-bottom:10px; font-size:120%; color:#333; }

#contents div.enquete p.lead a.txtlink{
	margin-left:2em;
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat;
	font-weight:bold;
	white-space:nowrap;
}
#contents div.enquete p.lead a.txtlink:link, #contents div.enquete p.lead a.txtlink:visited{ color:#366; text-decoration:none; }
#contents div.enquete p.lead a.txtlink:hover, #contents div.enquete p.lead a.txtlink:active{ color:#366; text-decoration:underline; }


#contents div.enquete div.result div{ background-color:#f8f8eb; }
#contents div.enquete div dt{
	padding:10px 10px 10px 50px;
	background:#e9e6cd url(../images/ic_enquete.gif) 10px 10px no-repeat;
	font-size:120%;
	line-height:1.3;
	color:#333;
	font-weight:bold;
}
#contents div.enquete div dd{
	padding:10px;
	background-color:#f8f8eb;
	color:#333;
}
#contents div.enquete div dd li{ clear:both; }
#contents div.enquete div dd li p{ width:30%; text-align:right; float:right; }
#contents div.enquete div dd li p.txt{ width:70%; color:#333; text-align:left; float:left; }




#contents div.present{ margin-bottom:30px; zoom:1; clear:both; }
#contents div.present:after{ content:''; display:block; clear:both; }
#contents div.present p{
	font-size:115%;
	line-height:1.5;
	color:#333;
}

#contents div.present p.btn{ padding-top:20px; }
#contents div.present p.btn a{
	padding:10px 30px 10px 10px;
	background:#e33050 url(../images/arrow_btn.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:125%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
}
#contents div.present p.btn a:link, #contents div.present p.btn a:visited{ /*background-color:#e33050;*/ text-decoration:none; }
#contents div.present p.btn a:hover, #contents div.present p.btn a:active{ /*background-color:#d61c34; background-image:url(../images/arrow_btn_o.png);*/ text-decoration:none; }
#contents div.present p.btn a span{ padding-left:30px; background:url(../images/ic_btn.gif) 2px 0.1em no-repeat; color:#fff; }
/*
#contents div.present p.btn a:hover span, #contents div.present p.btn a:active span{ background-image:url(../images/ic_btn_o.gif); color:#ff0; }
*/









#sub .information h2{
	padding-left:32px;
	background-image:url(../images/ic_information.gif);
}


#sub .information dt{
	padding:5px 10px 5px 30px;
	background:#f1cd3c url(../images/ic_calendar.gif) 5px 5px no-repeat;
	color:#333;
	font-weight:bold;
}
#sub .information dd{
	padding:10px;
	background-color:#f8f8eb;
}
#sub .information dd p a{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat;
	font-weight:bold;
}
#sub .information dd p a:link, #sub .information dd p a:visited{ color:#366; text-decoration:none; }
#sub .information dd p a:hover, #sub .information dd p a:active{ color:#366; text-decoration:underline; }

#sub .information dd p strong{ color:#366; font-weight:bold; }

#sub .information dd li{
	margin-bottom:5px;
	padding-left:10px;
	background:url(../images/ic_li.gif) left 4px no-repeat;
}

#sub .information dd li a:link, #sub .information dd li a:visited{ color:#333; text-decoration:underline; }
#sub .information dd li a:hover, #sub .information dd li a:active{ color:#333; text-decoration:none; }








#sub div.present{
	margin:20px 0 0;
	padding:10px;
	background-color:#fff;
	border:8px solid #e9e6cd;
	position:relative;
	zoom:1;
	display:block;
	clear:both;
}
#sub div.present p.btn a{
	padding:10px 30px 10px 10px;
	background:#e33050 url(../images/arrow_btn.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:115%;
	line-height:1.3;
	color:#fff;
	font-weight:bold;
	text-align:center;
	zoom:1;
	display:block;
}
#sub div.present p.btn a:link, #sub div.present p.btn a:visited{ /*background-color:#e33050;*/ text-decoration:none; }
#sub div.present p.btn a:hover, #sub div.present p.btn a:active{ /*background-color:#d61c34; background-image:url(../images/arrow_btn_o.png); color:#ff0;*/ text-decoration:none; }

#sub div.present p.img_letter{ position:absolute; top:-7px; right:-7px; }

#sub div.present p.txt{ color:#333; font-weight:bold; }
#sub div.present p.txt img{ margin-bottom:5px; }

#sub div.present p.img{ text-align:center; }
#sub div.present p.img img{ width:85%; height:auto; margin:0 0 10px; }

@media only screen and (max-width: 1020px) {
	/* 右カラムプレゼント */
	#sub div.present{ height:0; display:none; } 
}









/*  ランキング */
#sub .ranking h2{
	padding-left:35px;
	background-image:url(../images/ic_ranking.gif);
}


#sub .ranking{ margin:20px 0; clear:both; }

#sub .ranking p.date{
	padding:5px 10px 5px 30px;
	background:#f1cd3c url(../images/ic_calendar.gif) 5px 5px no-repeat;
	font-size:110%;
	color:#333;
	font-weight:bold;
}


#sub .ranking div{
	padding:10px;
	background:#f8f8eb url(/common/images/renew2009/line_dotted.gif) left bottom repeat-x;
}
#sub .ranking div.rank_05{ padding-bottom:15px; background-image:none; }

#sub .ranking div p a{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left 6px no-repeat;
	line-height:1.3;
	font-weight:bold;
	display:block;
}
#sub .ranking div p a:link,#sub .ranking div p a:visited{ color:#366; text-decoration:none; }
#sub .ranking div p a:hover, #sub .ranking div p a:active{ color:#366; text-decoration:underline; }


#sub .ranking div.rank_01 p a,
#sub .ranking div.rank_02 p a,
#sub .ranking div.rank_03 p a{ font-size:115%; }


#sub .ranking div.rank_01 p.ic,
#sub .ranking div.rank_02 p.ic,
#sub .ranking div.rank_03 p.ic{
	padding:5px 0 5px 30px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:115%;
	color:#333;
	font-weight:bold;
}
#sub .ranking div.rank_01 p.ic{ background-image:url(../images/ic_ranking_01.gif); }
#sub .ranking div.rank_02 p.ic{ background-image:url(../images/ic_ranking_02.gif); }
#sub .ranking div.rank_03 p.ic{ background-image:url(../images/ic_ranking_03.gif); }


#sub .ranking div.rank_04 p.ic,
#sub .ranking div.rank_05 p.ic{ width:4em; margin-bottom:5px; background-color:#2baca2; font-size:85%; font-weight:bold; color:#fff; text-align:center; }







/* 変更・配信停止ボタン */
#sub p.btn_change a{
	padding:10px 10px 10px 40px;
	background:url(../images/ic_change.gif) 7px center no-repeat;
	border:4px solid #ccc;
	line-height:1.3;
	display:block;
}

#sub p.btn_change a:link, #sub p.btn_change a:visited{ border:4px solid #ccc; color:#333; text-decoration:none; }
#sub p.btn_change a:hover, #sub p.btn_change a:active{ border:4px solid #999; color:#333; text-decoration:none; }