@charset "utf-8";
/* CSS Document */


/* コンテンツの設定
-------------------------------------------------------------------------------------------- */

#contents-frame{
	width: 960px;
	background: url(../images/top/back_top.gif) no-repeat top;
}

#contents{
	width: 960px;
	background: url(../images/top/back_bottom.gif) no-repeat bottom;
}

#contents-box{
	width: 960px;
	height: 1590px;
	_height: 1535px;
	position: relative;
	font-size: 12px;
	line-height: 1.1em;
}

*:first-child+html #contents-box{
	height: 1535px;
}

#sample{
	width: 328px;
	position: absolute;
	top: 30px;
	left: 110px;
}

#sample ul{
	list-style-type: none;
	margin: 3px 0 0 0;
}

#sample li{
	display: inline;
}

/*
.doara-sample{
	margin: 0 0 0 108px;
}
*/


#main{
	width: 472px;
	position: absolute;
	top: 30px;
	left: 472px;
}

#maintext{
	width: 388px;
	height: 532px;
	_height: 512px;
	padding: 0 84px 0 0;
	background: url(../images/top/frame_out.gif) no-repeat bottom;
}

*:first-child+html #maintext{
	height: 512px;
}

.text01,.text02{
	color: #ffffff;
}

.main-img{
	margin: 10px 0 0 0;
	text-align: center;
}

.request-img{
	text-align: center;
}

.btn-order{
	text-align: center;
}

.text02{
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
	line-height: 1.2em !important;
}

.text02 span{
	font-weight: bold;
	text-decoration: underline;
}

#detail-frame{
	width: 472px;
	background: url(../images/top/frame_top.gif) no-repeat top;
}

#detail-contents{
	width: 462px;
	padding: 5px 0 37px 10px;
	background: url(../images/top/frame_bottom.gif) no-repeat bottom;
	font-size: 12px;
	color: #091C5A;
}

#detail-box{
	width: 312px;
}

.detail-main{
	width: 312px;
}

.attention{
	height: 60px;
	margin: 10px 0 0 10px;
	list-style-type: none;
}

.attention li{
	text-indent: -1em;
	padding-left: 1em;
}

.box-detail{
	padding: 10px 0 0 10px;
	height: 45px;
}

.box-detail h2{
	width: 87px;
	float: left;
}

.box-detail ul{
	width: 205px;
	float: right;
	list-style-type: none;
}

head~/* */body .box-detail li{ /* for ie8 */ margin: 5px 0; }
html:not(:target) .box-detail li{ /* for others */ margin: 0; }


.box-other{
	padding: 10px 0 0 10px;
	height: 130px;
}

.other-text{
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.other-text01{
	margin: 10px 0 5px 0;
}

.box-pay{
	padding: 10px 0 0 10px;
	height: 250px;
	_height: 245px;
}


*:first-child+html .box-pay{
	height: 480px;
}

.box-pay dt{
	margin: 10px 0 5px 0;
}

.box-pay dd{
	margin: 0;
	padding: 0;
}

.box-pay dd span{
	color: #FF0095;
}

.link{
	margin: -20px 0 0 192px !important;
}

.link img{
	margin: 2px 0 0 0;
}

.link a{
	color: #091C5A;
	text-decoration: none;
}

.box-pay ul{
	margin: 15px 0 0 0;
	list-style-type: none;
}

.box-pay li{
	text-indent: -1em;
	padding-left: 1em;
}

.btn-order02{
	margin: 30px 0 15px 85px;
}

/*
#specifications{
	margin: -65px 0 0 10px;
}
*/

#package{
	position: absolute;
	top: 560px;
	_top: 540px;
	left: 88px;
}

*:first-child+html #package{
	top: 540px;
}

#package dl{
	width: 378px;
}

#package dd{
	margin: 0;
	text-align: center;
}

#package p{
	margin: 5px 0 0 262px;
	_margin: 5px 0 0 270px;
	color: #ffffff;
}

*:first-child+html #package p{
	margin: 5px 0 0 270px;
}


#doara-img{
	width: 461px;
	position: absolute;
	top: 889px;
	_top: 834px;
	left: 15px;
}

*:first-child+html #doara-img{
	top: 834px;
}

#doara-img ul{
	list-style-type: none;
}

#doara-img li{
	display: inline;
}