@charset "utf-8";
/*

* Theme Name: Coopnet
* Last Update: Oct 01 2013
* Version: 2.1
* Author: Coopnet
* Author URI: http://www.coopnet.jp/
* Copyright © CO-OP NET.All rights reserved

* File Name : /topics/css/topics_index.css

*/


/*
/topics/ メインページ
---------------------------------------------------------- */

#topicsMain dl{
	border-top:1px dotted #BDA47D;
	padding:10px 10px 7px 10px;
	width:700px;
	overflow:hidden;
}
#topicsMain dl.notice{
	background:#F5D7DB;
}
#topicsMain dl.last{
	border-bottom:1px dotted #BDA47D;
	}	
	#topicsMain dt{
		float:left;
		margin-right:10px;
		width:70px;
		}	
		#topicsMain dd{
			float:left;
			}
			#topicsMain dd.topicsDate{
				margin-right:35px;
				}
				#topicsMain dd.topicsTitle{
					width:460px;
					}
					#topicsMain dd.topicsTitle img{
						position: relative;
						top: 2px;
						margin: 2px 5px 0 3px;
						vertical-align: baseline;
						}


/*

カテゴリ別一覧
年別一覧
---------------------------------------
*/


/* clearfix */
.topics_linkBox_RSS01 ul,
.topics_basic_infoList01 ul li dl
{
	display: block;
	min-height: 1%;
}
.topics_linkBox_RSS01 ul:after,
.topics_basic_infoList01 ul li dl:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .topics_linkBox_RSS01 ul,
* html .topics_basic_infoList01 ul li dl
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*
body#topPage .flImgL { display: inline; float: left; margin-right: 20px;}
body#topPage .flImgR { display: inline; float: right; margin-left: 20px;}
*/

/*
.w260 { width: 260px;}
*/

/* topics_linkBox_RSS01 */
.topics_linkBox_RSS01 {
	border: 1px solid #E3CAA8;
	background: #fff;
	padding: 15px;
	margin-bottom: 20px;
}
	.topics_linkBox_RSS01 ul {
		float: left;
		width: 630px;
	}
	.topics_linkBox_RSS01 .btnTopicsRSS01 {
		float: right;
		width: 41px;
		margin-top: 3px;
	}
		.topics_linkBox_RSS01 ul li {
			float:left;
			margin-right: 30px;
			display: inline;
			background: url(/common/images/ico/ico_arrow_right.gif) left center no-repeat;
			padding-left: 18px;
			
		}


/* topics_basic_infoList01 */
.topics_basic_infoList01 ul {
	/*border-top: 1px dotted #BDA47D;*/
}
.topics_basic_infoList01 ul.no_dot {
	border-top: 0px;
}
	.topics_basic_infoList01 ul li {
		border-top: 1px dotted #BDA47D;
	}
	.topics_basic_infoList01 ul li.last {
		/*border-bottom: none;*/
	}
		.topics_basic_infoList01 ul li dl {
			padding: 10px 10px 10px 15px; 
		}
			.topics_basic_infoList01 dt {
				float: left;
				width: 115px;
			}
				.topics_basic_infoList01 dd {
					float: right;
					width: 575px;
				}
					.topics_basic_infoList01 dd img {
						position: relative;
						top: 2px;
						margin: 2px 5px 0 3px;
						vertical-align: baseline;
					}


 /* fix -end- */
/*
.btn_other {
	text-align: center;
	margin-top: 30px;
}
*/

.current_page {
	display: inline-block;
	padding: 2px 8px 2px 8px;
	background-color: #71A127;
	color: #fff;	
}

.link_page {
	display: inline-block;
	border: 1px solid #E3CAA8;
	margin: 0 3px;
}
	a.link_page {
		display: inline-block;
		padding: 2px 8px 2px 8px;
	}
	a.link_page:hover {
		background-color: #71A127;
		color: white;
		text-decoration: none;
	}


/* 記事別ページ
---------------------------------------------------------- */

.topics_imgBorder01 {
	border: 1px solid #E3CAA8;
	padding: 4px;
}
.topics_caption01 {
	font-size: 78%;
	margin-top: 3px;
}
.topics_txt01 {
	text-align: right;
	margin-top: 10px;
}


/* topics_basic_linkNotice01 */
.topics_basic_linkNotice01 {
	background: url(../images/bg_detail_line01.gif) left top no-repeat;
	padding-top: 20px;
	margin-top: 20px;
}
	.topics_basic_linkNotice01 p {
		text-align: center;
		letter-spacing: 0.2em;
	}
		.topics_basic_linkNotice01 p a {
			background: url(/common/images/ico/ico_arrow_right.gif) left 0.1em no-repeat;
			padding-left: 18px;
		}


/* h1 */
.h1_basic_topics01 {
	padding: 20px 0 28px 0;
	background: url(/common/images/bg/bg_h1.jpg) no-repeat left bottom;
	margin-bottom: 20px;
}


/* h2 */
.h2_basic_topics01 {
	font-size: 184%;
	font-weight: bold;
	color: #402B00;
}
.h2_basic_topics02 {
	font-size: 184%;
	line-height: 1.3;
	color: #3F2B00;
	background: url(../images/bg_detail_line01.gif) left bottom no-repeat;
/*	padding-bottom: 10px;
	margin: 3px 0 15px 0;*/
}

.h2_basic_topics02 {
	color: #402B00;
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
}


#topcisDetail{
	background:url(../images/bg_detail_top.jpg) no-repeat top;
	padding-top: 20px;/*add20130303*/
}


	.addCaption03{
		border: 1px solid #E3CAA8;
		padding: 4px;
		background: white;
		margin-bottom: 5px;
		width:560px;
		margin:0 auto 5px;
		}

	.addCaption03 img{
		width:560px;
		}

/*

.customSection 正しい表記
--------------------------------
*/

.customSection_l
	{
	width:570px;
	margin:0 auto;
	}
.customSection
	{
	width:600px;
	margin:0 auto;
	}

.customSection2
	{
	width:650px;
	margin:0 auto;
	}

		.customSection dl{
			width:180px;
			margin-right:10px;
			margin-left: 10px;
			float:left;
			}
		.customSection dl img{
			width:180px;
			border: 1px solid #E3CAA8;
			padding: 2px;
		}
		.customSection dt{
			margin-bottom: 5px;
		}
			.customSection dl.last{
				margin:0;
				}

		.customSection2 dl{
			width:300px;
			margin-right:10px;
			margin-left: 10px;
			float:left;
			}
		.customSection2 dt{
			margin-bottom: 5px;
		}
		.customSection2 dl img{
			width:300px;
			border: 1px solid #E3CAA8;
			padding: 2px;
		}

/*

「custum」誤記。旧HTML互換のため並記
修正後削除
ここから
---------------------------------
*/
.custumSection_l
	{
	width:570px;
	margin:0 auto;
	}
.custumSection
	{
	width:600px;
	margin:0 auto;
	}

.custumSection2
	{
	width:650px;
	margin:0 auto;
	}

		.custumSection dl{
			width:180px;
			margin-right:10px;
  			margin-left: 10px;
			float:left;
			}
		.custumSection dl img{
			width:180px;
			border: 1px solid #E3CAA8;
			padding: 2px;
		}
		.custumSection dt{
			margin-bottom: 5px;
		}
			.custumSection dl.last{
				margin:0;
				}

		.custumSection2 dl{
			width:300px;
			margin-right:10px;
			margin-left: 10px;
			float:left;
			}
		.custumSection2 dt{
			margin-bottom: 5px;
		}
		.custumSection2 dl img{
			width:300px;
			border: 1px solid #E3CAA8;
			padding: 2px;
		}


/*

「custum」誤記。旧HTML互換のため並記
修正後削除
ここまで
---------------------------------
*/




/* 
記事内のその他装飾関連
---------------------------------
*/

blockquote{
	margin:20px 20px 20px 1em !important;
}

#topics div.section01 {
	width: 685px;
	background: #fff;
}
	#topics div.section01 p span {
		font-weight: bold;
		float: left;
		padding-right: 30px;
	}
	#topics div.section01 ul.ul_link01 {
		float: left;
		width: 385px;
	}
	#topics div.section01 ul.ul_link01 li {
		margin-bottom: 0;
	}
	#topics div.section01:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
}

#topics #topcisDetail b,
#topics #topcisDetail strong{
	font-weight:bold;
	color:#402B00 !important;
}
#topics #topcisDetail p em {
	font-style: italic;
}
#topics #topcisDetail ul,
#topics #topcisDetail ol{
	margin:0 2em;
}
#topics #topcisDetail ul li{
	margin-left:0.5em;
	padding-left: 1.5em;
	background:url(/common/images/ico/ico_bullet02.gif) left 10px no-repeat;
}
#topics #topcisDetail ol li{
	margin-left:2em;
	list-style: decimal;
}



/*
.boxPagenate
---------------------------------
*/

.boxPagenate {
	clear: both;
	width:720px;
	text-align: center;
	vertical-align: middle;
	padding-top: 25px;
	border-top:1px dotted #BDA47D;
}
	.boxPagenate p {
		display: inline;
	}
	.boxPagenate p.btn_prev {
		padding: 0 0 0 15px;
		background: url("/common/images/ico/ico_arrow_left.gif") left 50% no-repeat;
		margin-right: 10px;
	}
	.boxPagenate p.btn_next {
		padding: 0 15px 0 0;
		background: url("/common/images/ico/ico_arrow_right.gif") right 50% no-repeat;
		margin-left: 10px;
	}
	.boxPagenate ul {
		padding: 0 15px;
		display: inline;
	}
		.boxPagenate ul li {
			display: inline-block;
			/display: inline;
			/*border: 1px solid #E3CAA8;*/
			margin: 0 3px;
		}
			.boxPagenate ul li span,
			.boxPagenate ul li a {
				display: inline-block;
				/display: inline;
				padding: 2px 8px 2px 8px;
				/padding: 4px 8px 4px 8px;
				border: 1px solid #E3CAA8;
				text-decoration: none;
			}

			.boxPagenate ul li span.current_page 
				{
				border:1px solid #71A127;
				}
			
			.boxPagenate ul li span.current_page,
			.boxPagenate ul li a:hover {
				background-color: #71A127;
				color: #fff;
				text-decoration: none;
			}



/*
総合トップ
お知らせの一覧
---------------------------------
*/

#includeSection{
	position:relative;
	margin-bottom:30px;
}

#newsSection{
	width:720px;
	min-height:300px;
	}
	#newsSection h3{
		float:left;
		margin-bottom:10px;
		}
		#newsSection p{
			}

.topTopicsSection{
	width:720px;
	margin-bottom:15px;
	border-bottom:1px dotted #BDA47D;
	clear:left;	
	}
	.topTopicsSection dl{
	border-top:1px dotted #BDA47D;
	padding:10px;
	width:700px;
	overflow:hidden;
	}

.topTopicsSection_on{
	width:720px;
	background:#fff;
	border:1px solid #E3CAA8;
	margin-bottom:10px;
	}		
	.topTopicsSection_on dl{
	border-bottom:1px dotted #BDA47D;
	padding:10px;
	width:700px;
	overflow:hidden;
	}

	.topTopicsSection  dl.notice,
	.topTopicsSection_on  dl.notice{
		background:#F5D7DB;
	}
	.topTopicsSection  dl.last{
		/*border-bottom:1px dotted #BDA47D;*/
		}
		.topTopicsSection dt,
		.topTopicsSection_on dt{
			float:left;
			margin-right:10px;
			width:70px;
			}	
			.topTopicsSection dd,
			.topTopicsSection_on dd{
				float:left;
				}
				.topTopicsSection dd.topicsDate,
				.topTopicsSection_on dd.topicsDate{
					margin-right:35px;
					}
					.topTopicsSection dd.topicsTitle,
					.topTopicsSection_on dd.topicsTitle{
						width:460px;
						}
						.topTopicsSection dd.topicsTitle img,
						.topTopicsSection_on dd.topicsTitle img{
							position: relative;
							top: 2px;
							margin: 2px 5px 0 3px;
							vertical-align: baseline;
							}



/*

総合トップのPickup部分
-------------------------------
*/


#includeSection02{
	position:absolute;
	top:8px;
	left:740px;
	}

#pickupSection{
	background: url(../../images/bg_pickup_mag01.jpg) no-repeat left bottom #E8DFD0;
	padding-bottom:13px;
	}
	#pickupSection dt{
		margin:0 0 7px 12px;
		border:3px solid #fff;
		border-radius:3px;
		width:190px;
		}
		#pickupSection dd{
			font-size:85%;
			width:190px;
			margin-left:15px;
			}
			#pickupSection dd #pickupTxt{
				width:190px;
				}