@charset "utf-8";

/* --------------------------------------------------------------
#inner
-------------------------------------------------------------- */

/* for IE6 */
*html #inner {
	width:740px;
}

/* --------------------------------------------------------------
top
-------------------------------------------------------------- */

#top {
	font-size:10px;
	width:732px;
	background:url(/images/index/news_bg.gif) 0 40px no-repeat;
	margin:0 0 5px 0;
	text-align:left;
}
/* for IE6 */
* html #top {
float:left;
}

#top div.news_box {
	float:left;
	width:365px;
	background:url(/images/index/news_bg.gif) 0 40px no-repeat;
}

#top dl {
	padding:10px 20px 0 10px;
	height:210px;
	background:url(/images/index/news_btm.gif) left bottom no-repeat;
}

/* for IE6 */
* html #top dl {
	height:220px;
}

#top dt {
	padding:5px 0 0 0;
}

#top dd {
	padding:0 0 5px 15px;
	border-bottom:dashed 1px #999;
	background:url(/images/common/icon_circle.png) 0 3px no-repeat;
}

/* for IE6 */
* html #top dd {
	background:url(/images/common/icon_circle.gif) 0 3px no-repeat;
}

#top dd.list {
	border-bottom:none;
	background:none;
}

#list {
	margin:10px 0 0 0;
	float:right;
	display:block;
	width:109px;
	height:18px;
	background:url(/images/index/bt_list.gif) 0 0 no-repeat;
}

#top object {
	float:right;
}

/* --------------------------------------------------------------
main
-------------------------------------------------------------- */

#bannerArea {
	margin:0 0 10px 0;
}

#bannerArea a {
	display:inline-block;
}


#detailArea {
}

#detailArea ul {
	padding:0 0 10px 0;
}

#detailArea h3 {
	clear:both;
}

#detailArea h3.detail {
	padding:0 0 10px 0;
}

#detailArea li {
	float:left;
	padding:0 5px 0 0;
}

#detailArea div.detailBg {
	background:url(/images/common/detail_bg.png) 0 0 repeat-y;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

/* for IE6 */
* html #detailArea div.detailBg {
	height:1%;
}

#detailArea div.detailTop {
	background:url(/images/common/detail_top.png) 0 0 no-repeat;
}

#detailArea div.detailBtm {
	background:url(/images/common/detail_btm.png) left bottom no-repeat;
	padding:0 0 23px 0;
	text-align:center;
}

#detailArea div.detailBox {
	width:516px;
	margin:0 auto;
}

#detailArea div.detailBox img {
	float:left;
	border:solid 1px #999;
	padding:1px;
	margin:0 0 20px 0;
}

#detailArea div.detailBox dl {
	float:right;
	width:340px;
	margin:0 0 10px 0;
	text-align:left;
}

#detailArea div.detailBox dt {
	font-weight:bold;
	color:#d74506;
	font-size:14px;
	margin:0 0 0 0;
}

#detailArea a.detail {
	margin:10px 0 0 0;
	float:right;
	display:block;
	width:109px;
	height:18px;
	background:url(/images/common/bt_detail.gif) 0 0 no-repeat;
}

#detailArea a.detail:hover {
	background:url(/images/common/bt_detail.gif) 0 -18px no-repeat;
}

#detailArea div.captureBox {
	background:url(/images/common/capture_bg.png) 0 0 repeat-y;
	margin:0 0 10px 0;
}

#detailArea div.captureTop {
	background:url(/images/common/capture_top.png) 0 0 no-repeat;
}

#detailArea div.informationBox {
	background:url(/images/common/information_bg.png) 0 0 repeat-y;
	margin:0 0 10px 0;
}

#detailArea div.informationTop {
	background:url(/images/common/information_top.png) 0 0 no-repeat;
}

#detailArea div.varietyBox {
	background:url(/images/common/variety_bg.png) 0 0 repeat-y;
	margin:0 0 10px 0;
}

#detailArea div.varietyTop {
	background:url(/images/common/variety_top.png) 0 0 no-repeat;
}

#detailArea div.captureBox ul, #detailArea div.informationBox ul, #detailArea div.varietyBox ul {
	background:url(/images/common/capture_btm.png) left bottom no-repeat;
	padding:10px 0 20px 18px;
	text-align:left;
}

#detailArea div.informationBox ul {
	background:url(/images/common/information_btm.png) left bottom no-repeat;
}

#detailArea div.varietyBox ul {
	background:url(/images/common/variety_btm.png) left bottom no-repeat;
}

#detailArea div.captureBox li, #detailArea div.informationBox li, #detailArea div.varietyBox li {
	background:url(/images/common/icon_circle.png) 0 3px no-repeat;
	border-bottom:dotted 1px #999;
	margin:0 15px 5px 0;
	padding:0 0 5px 15px;
	width:235px;
}

/* for IE6 */
* html #detailArea div.captureBox li, * html #detailArea div.informationBox li, * html #detailArea div.varietyBox li {
	background:url(/images/common/icon_circle.gif) 0 3px no-repeat;
	width:247px;
}