@charset "UTF-8";

/* Table Of Contents
----------------------------------------

#06 content
#07 aside
#08 clearfix

----------------------------------------*/



#content h2 {
	font-size: 1.2rem;
	border-bottom: #c9c9b9 solid 2px;
	margin: 0 0 4px;
	padding: 0;
}
#content h2 span {
	font-size: 0.8rem;
	margin-left: 5px;
}

#content .details a {
	background: url(../common/images/ico_right.gif) no-repeat center left;
	padding-left: 10px;
	text-decoration: none;
}
@media only screen and (min-width: 768px){
	#content .details a {
		font-size: 11px;
	}
}



/* visual */ 
#visual {
	height: 409px;
	margin-bottom: 20px;
}



/* indexlist */ 
#indexlist {
	margin-bottom: 6px;
}
#indexlist dl {
	border: #CCC solid 1px;
	float: left;
	width: 225px;
	margin-right: 24px;
	margin-bottom:24px;
	padding-bottom: 48px;
	line-height: 1.6;
	position: relative;
}
#indexlist dl.last{
	margin-right:0;
}
#indexlist dl:last-child {
	margin-right: 0;
}
#indexlist dl dt {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	width: 225px;
}
#indexlist dl dt em {
	background: url(../common/images/ico_right.gif) no-repeat left center;
	line-height: 40px;
	margin-left: 10px;
	padding-left: 15px;
}
#indexlist dl dt a {
	color: #221815;
	display: block;
	text-decoration: none;
	height: 136px;
}
#indexlist dl dt a:hover {
	background-color: #eeeee6;
}

#indexlist dl dt img {
	border-top: #9f9f95 solid 2px;
	border-bottom: #CCC solid 1px;
}
#indexlist dl dd p {
	margin: 12px 12px 0;
}
#indexlist dl dd p.details {
	position: absolute;
	bottom: 6px;
	left: 12px;
	margin: 0;
}



/* info */ 
#info {
	margin-bottom: 25px;
}
#info section {
	float: right;
	width: 730px;
	position: relative;
}
#info section#news {
	margin-bottom: 35px;
}
#info aside {
	float: left;
	width: 220px;
	padding: 0;
}

#info section .details {
	font-weight: bold;
	position: absolute;
	width: 8em;
	text-align: right;
	top: 0;
	right: 0;
}
#info section .details a {
	color: #221815;
}

#info dl {
	line-height: 1.6;
}
#info dl dt {
	font-weight: bold;
	float: left;
	width: 11em;
	padding: 10px 0;
}
#info dl dd {
	border-bottom: #dad8d3 dotted 1px;
	padding: 10px 0 10px 11em;
}

#info aside ul {
	margin-top: 12px;
}
#info aside li {
	margin-bottom: 6px;
}
#info aside li img {
	vertical-align: top;
}
#info aside li.nolink img {
	-ms-filter: "alpha( opacity=25 )";
	.filter: alpha( opacity=25 );
	opacity:0.25;
}





/* clearfix */
#indexlist,
#info {
	zoom: 1;
}
#indexlist:after,
#indexlist:before,
#info:after,
#info:before {
	font-size: 0;
	content: ".";
	display: table;
}
#indexlist:after,
#info:after {
	clear: both;
}