@charset "utf-8";



/* ------------------------------------------------ */
/* LAYOUT */
/* ------------------------------------------------ */

#contents {
	padding: 0;
}




/* Layout */
/* ------------------------------------------------ */

#contents #contentsBody {
	margin: 16px 20px 0 20px;
}



/* Headline */
/* ------------------------------------------------ */

#contents h1 {
}
#contents h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 75%;
	background: #fff;
	border: none;
}
#contents h3 {
	margin: 0 0 4px 0;
	font-size: 75%;
}



/* Text */
/* ------------------------------------------------ */

#contents p {
	margin: 0 0 0 0;
}



/* Catch */
/* ------------------------------------------------ */

#contents img.catch {
}
#contents p.catch {
	padding: 10px 10px;
	font-size: 90%;
	line-height: 1.4;
}



/* Topics */
/* ------------------------------------------------ */

#contents #topicsHead {
	margin: 10px 0 0 0;
	padding: 5px 10px 8px 30px;
	font-size: 100%;
	line-height: 1.1;
	font-weight:bold;
	color: #e96136;
	background: url("../images/bg_h1.gif") no-repeat;
	width: 500px;	/* for ie5 */ 
	voice-family : "\"}\"";
	voice-family : inherit;
	width: 460px;
}
#contents dl#topics  {
	margin: 8px 0 0 0;
	padding: 0 15px;
}
#contents dl#topics  dt {
	float: left;
	width: 80px;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 75%;
	line-height: 1.2;
	border-top: 1px dashed #999;
}
#contents dl#topics dd {
	float: left;
	width: 390px;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 75%;
	line-height: 1.3;
	border-top: 1px dashed #999;
}
#contents dl#topics  dt.first,
#contents dl#topics  dd.first {
	border-top: none;
}



/* Box */
/* ------------------------------------------------ */

#contents .row {
	width: 500px;
	margin: 0 0 0 0;
}


#contents .row .box {
	float: left;
	width: 239px;
	padding: 0 0 0 0;
	background: url("../images/home/box_body.gif") repeat-y;
}
#contents .row .box .top {
	float: left;
	width: 239px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url("../images/home/box_top.gif") no-repeat;
}
#contents .row .box .bottom {
	float: left;
	width: 239px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url("../images/home/box_bottom.gif") no-repeat;
}
#contents .row .box .body {
	float: left;
	padding: 4px 5px 4px 8px;
}

#contents .row .box .body .text {	/* for IE5 Mac */
	float: left;
	width: 130px;
}

#contents .row .box .body img.pic {
	float: left;
	display: inline;
	margin: 0 8px 0 0;
}
#contents .row .box .body p {
	float: left;
	width: 120px;
	padding: 0 3px;
	font-size: 12px;
}
#contents .row .box .body p.title {
	width: 126px;
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #89676b;
}
#contents .row .box .body p.title a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#contents .row .box .body p.explain a {
	color: #444;
	text-decoration: none;
}


#contents .row #featureBox,
#contents .row #case2Box {
	display: inline;
	margin: 0 0 0 22px;
}

#contents .row #case1Box p,
#contents .row #case2Box p {
	width: 217px;
}
#contents .row #case1Box p.title,
#contents .row #case2Box p.title {
	width: 223px;
}
#contents .row #case1Box img.pic,
#contents .row #case2Box img.pic {
	margin: 0 0 8px 0;
}

#contents .row #featureBox .body,
#contents .row #seasonBox .body {
	min-height: 90px;
}
#contents .row #case1Box .body,
#contents .row #case2Box .body {
	min-height: 120px;
}


#contents .boxL {
	float: left;
	width: 500px;
	margin: 20px 0 20px 0;
	background: url("../images/home/box_l_body.gif") repeat-y;
}
#contents .boxL .top {
	float: left;
	width: 500px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url("../images/home/box_l_top.gif") no-repeat;
}
#contents .boxL .bottom {
	float: left;
	width: 500px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url("../images/home/box_l_bottom.gif") no-repeat;
}
#contents .boxL .body {
	float: left;
	padding: 4px 8px 4px 8px;
}


/* Feature */
/* Lineup */

#contents #featureBox,
#contents #lineupBox {
	float: left;
}

#contents #lineupBox .pBox {
	float: left;
	width: 190px;
	display: inline;
	margin: 0 10px 0 0;
}

#contents #featureBox p,
#contents #lineupBox p {
	padding: 4px 4px;
	font-size: 12px;
}

#contents .boxL  p.title {
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	font-size: 14px;
	border-bottom: 1px solid #89676b;
}
#contents .boxL  p.title a {
	font-size: 120%;
	font-weight: bold;
	color: #e96136;
	text-decoration: none;
}

#contents #featureBox p.title,
#contents #lineupBox p.title {
	font-size: 90%;
	font-weight: bold;
	color: #e96136;
}
#contents #featureBox p.explain a,
#contents #lineupBox p.explain a {
	color: #444;
	text-decoration: none;
}

#contents #featureBox img,
#contents #lineupBox img {
	float: right;
	display: block;
	margin: 0 0 0 1px;
}


/* Feature */

#contents #featureBox .pBox {
	float: left;
	width: 246px;
	display: inline;
	margin: 0 10px 0 0;
}


/* Lineup */

#contents #lineupBox ul {
	float: left;
	width: 128px;
	padding: 0;
}
#contents #lineupBox ul li {
	float: left;
	width: 120px;
	margin: 0 0 0 0;
	padding: 4px 0 4px 18px;
	font-size: 12px;
	background: url("../images/home/bl_lineup.gif") left center no-repeat;
}
#contents #lineupBox ul li a {
	font-weight: bold;
	text-decoration: none;
}