@charset "utf-8";


@import url("/common/css/rn01/common.css");


/* パンくず */
div.topicpath{
	width:100%;
	padding:5px 0;
	background-color:#fff;
	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; }




#contents h2{
	margin:0 0 10px;
	padding:5px 10px;
	background-color:#2c507c;
	border-bottom:3px solid #abbe31;
	font-size:125%;
	color:#fff;
}


#contents p.lead{ margin:0 0 15px; font-size:120%; color:#333; }



#contents div.mmagazine div.tit{ width:auto; padding:15px 0; clear:both; }
#contents div.mmagazine div.tit:after{ content:''; display:block; clear:both; }

#contents div.mmagazine h3{
	margin-right:15px;
	font-size:165%;
	line-height:1.3;
	color:#333;
	vertical-align:middle;
	/*float:left;*/
	display:inline;
}
#contents div.mmagazine h3 small{ font-size:75%; color:#333; }


#contents div.mmagazine div.txt p{ font-size:120%; color:#333; }


#contents div.mmagazine div.txt p.item{
	margin-right:5px;
	padding:3px 10px;
	background-color:#269991;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	/*float:left;*/
	display:inline;
}
#contents div.mmagazine div.txt p.item_owner{
	padding:3px 10px;
	background-color:#f79f1a;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	/*float:left;*/
	display:inline;
}


#contents div.mmagazine div.txt p.txt{ padding-top:10px; clear:both; }
#contents div.mmagazine div.txt p.notes{ margin-left:1em; padding:5px 0 10px; font-size:100%; text-indent:-1em; clear:both; }

#contents div.mmagazine div.txt p.txt_attention{ color:#f00; }






/* テキストリンク */
#contents div.mmagazine p.txtlink, #contents div.mmagazine ul.txtlink{ padding:15px 0; }
#contents div.mmagazine p.txtlink a,
#contents div.mmagazine ul.txtlink a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 0.2em no-repeat;
	font-size:120%;
}
#contents div.mmagazine .txtlink a:link, #contents div.mmagazine .txtlink a:visited{ color:#366; font-weight:bold; text-decoration:none; }
#contents div.mmagazine .txtlink a:hover, #contents div.mmagazine .txtlink a:active{ color:#366; font-weight:bold; text-decoration:underline; }

#contents div.mmagazine .txtlink a.blank{ padding-left:15px; background:url(/common/images/renew2009/arrow_blank.gif) left 4px no-repeat; }

#contents div.mmagazine .txtlink small{ font-size:75%; color:#366; }



#contents div.mmagazine div.btns p{ padding-bottom:10px; }

/* 購読するボタン */
#contents div.btns p.btn_kodoku 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%;*/
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
}
#contents div.btns p.btn_kodoku a:link, #contents div.btns p.btn_kodoku a:visited{ text-decoration:none; }
#contents div.btns p.btn_kodoku a:hover, #contents div.btns p.btn_kodoku a:active{ text-decoration:none; }
#contents div.btns p.btn_kodoku a span{ padding-left:32px; background:url(../images/ic_btn.gif) left center no-repeat; color:#fff; }



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

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




/* アンケートボタン */
#contents div.btns p.btn_enquete{ margin-right:0; }
#contents div.btns p.btn_enquete a{
	padding:10px 14px 10px 10px;
	background:#2c507c url(../images/arrow_btn.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/*font-size:125%;*/
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
}
#contents div.btns p.btn_enquete a:link, #contents div.btns p.btn_enquete a:visited{ text-decoration:none; }
#contents div.btns p.btn_enquete a:hover, #contents div.btns p.btn_enquete a:active{ text-decoration:none; }