@charset "EUC-JP";

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/r_css/parts/snswidget.css";

/*----------------------------------------------------------------
	
	xxx CSS
	
	contents
	
	topicPath
	
	contentsHeader
	
	contentsContainer
	
	contentsFooter
	
	
	----------------------------------------------------------------*/


/* contents
========================================== */
#contents{
}

/* topicPath
========================================== */
.topicPath{
	margin-bottom: 10px;
}
.topicPath ul{
}
.topicPath li{
	padding: 0 4px 0 0;
	background: url(../img/arrowtopicpath.gif) no-repeat;
	background-position: 0 4px;
	list-style: none;
	display: inline;
}


/* contentsHeader
========================================== */
.contentsHeader{
	position:relative;
	margin-bottom:20px;
}
.contentsHeader h1{
	font-weight:bold;
	margin-bottom:10px;
}

/*SNS*/
.contentsHeader .snsWidget{
	position:absolute;
	right:0;
	top:-10px;
}


/* contentsContainer
========================================== */
.contentsContainer{
	width:715px;
	padding:0 0 8px;
}
.contentsContainer .section{
	width:705px;
	margin:15px 5px;
	position:relative;
}
.contentsContainer .section:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}

.contentsContainer .section .img{
	float:left;
	display:inline;
	width:360px;
}
.contentsContainer .section .txt{
	float:left;
	display:inline;
	width:330px;
	margin-left:15px;
}
.contentsContainer .section .txt h2{
	background:#000;
	color:#ffea00;
	font-weight:bold;
	padding:3px 6px;
}
.contentsContainer .section .txt p{
	margin:15px 0;
}
.contentsContainer .section ul{
	width:330px;
	position:absolute;
	bottom:0;
	border-top:1px solid #000;
	padding-top:10px;
}
.contentsContainer .section ul li{
	background:url(../img/bgarrow.gif) no-repeat;
	background-position:0 6px;
	padding-left:8px;
}