@charset "utf-8";

div#description{
	line-height:1.8;
	margin-bottom:30px;
	text-align:left;
}

/* lineup */

div#lineup{}

div#lineup h2{
	margin-bottom:20px;
	text-align:left;
}

div#lineup > div{
	background:url(../img/back_item-b.gif) repeat-y;
	float:left;
	margin-bottom:30px;
	margin-right:29px;
	padding-bottom:60px;
	position:relative;
	width:204px;
}
div#lineup > div.last{
	margin-right:0;
}


div#lineup > div h3{
	background:url(../img/back_item-h.gif) no-repeat top;
	color:#0047AB;
	font-weight:bold;
	text-align:left;
	padding:25px 30px 0;
	width:144px;
}

div#lineup > div h3 img{
	margin-bottom:15px;
}

div#lineup > div p.caption{
	line-height:1.8;
	margin-bottom:5px;
	padding:0 30px;
	text-align:left;
	width:144px;
}

div#lineup > div p.more{
	background:url(../img/back_item-f.gif) no-repeat bottom;
	padding:0 30px;
	padding-bottom:20px;
	position:absolute;
	bottom:0;
	left:0;
	width:144px;
}

div#lineup > div p.more a{
	background:url(../img/back_btn_shadow.gif) no-repeat bottom #0047AB;
	color:#FFF;
	display:block;
	padding:2px 5px 12px;
	text-decoration:none;
	width:134px;
}

div#lineup > div p.more a:hover{
	background:url(../img/back_btn_shadow.gif) no-repeat bottom #4075C0;
}

div#lineup > div p.more span{
	background:url(../img/arrow_crw.png) no-repeat left center;
	padding-left:16px;
}

/* DRY追加版 */

div#lineup ul{
	margin:-10px;
	width:690px;
}
div#lineup ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
div#lineup ul{display:inline-block;}
html[xmlns] div#lineup ul{display:block;}
* html div#lineup ul{height:1%;}

div#lineup ul li{
	background:url(../img/back_item/body.png) repeat-y;
	float:left;
	margin:10px;
	position:relative;
	width:325px;
}

div#lineup ul li:before {
	content:url(../img/back_item/head.png);
	display:block;
	vertical-align:bottom;
}

div#lineup ul li:after {
	content:url(../img/back_item/foot.png);
	display:block;
	clear:both;
	vertical-align:bottom;
}

div#lineup ul li div{
	display:table-cell;
	float:right;
	padding:0 20px 0 0;
	width:154px;
}

div#lineup ul li h3{
	color:#0047AB;
	font-weight:bold;
	text-align:left;
}

div#lineup ul li .photo{
	float:left;
	display:table-cell;
	height:9em;
	padding:0 0 0 21px;
	padding-right:0;
	vertical-align:central !important;
}


div#lineup ul li .photo img{
	height:100px;
	width:auto;
}

div#lineup ul li p.caption{
	font-size:90%;
	line-height:1.8;
	padding-bottom:3em;
	text-align:left;
}

div#lineup ul li p.more{
	position:absolute;
	right:20; bottom:10px;
}

div#lineup ul li p.more a{
	background:url(../img/back_btn_shadow.gif) no-repeat bottom #0047AB;
	color:#FFF;
	display:block;
	padding:2px 5px 12px;
	text-decoration:none;
	width:144px;
}

div#lineup ul li p.more a:hover{
	background:url(../img/back_btn_shadow.gif) no-repeat bottom #4075C0;
}

div#lineup ul li p.more span{
	background:url(../img/arrow_crw.png) no-repeat left center;
	padding-left:16px;
}



#banner{
	margin-top:30px;
}