@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2011-06-30
 * Editor:    contents tazaki
 * Modified:  2010-02-09 by:contents tazaki
 *
 * ***********************************************************
 */
 
/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------

10px 	72%
11px 	79%
12px 	86%
13px 	93%
14px 	100%
15px 	108%
16px 	115%
17px 	122%
18px 	129%
19px 	136%
20px 	143%
21px 	150%
22px 	158%
23px 	165%
24px 	172%
25px 	179%
26px 	186%


*/

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

COMMON

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


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

detail

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

.detail div.dBox{
	padding:0 10px 10px;
	background:url(../common/line_dot01.gif) repeat-x 0 100%;
	margin-bottom:10px;
}

.detail div.dBoxInner{
	float:left;
	width:335px;
	margin-right:13px;
}

.detail div.dBoxInner p.msg{
	font-size:93%;
	color:#FF6600;
}
.detail div.dBoxInner dl{
	margin-top:5px;
}
.detail div.dBoxInner dl dt{
	font-weight:bold;
	color:#000;
	font-size:100%;
	line-height:1.4;
	margin-bottom:5px;
}
.detail div.dBoxInner dl dd{
	margin-bottom:5px;

}
.detail div.dBoxInner dl dd.price{
	padding:10px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	
}
.detail div.dBoxInner dl dd.price span{
	font-size:150%;
	font-weight:bold;
}
.detail div.dBoxInner dl dd.link{
	padding:0 5px 0 ;
}
.detail div.dBoxInner dl dd.link a{
	background:url(../common/icon_02.gif) 0 50% no-repeat ;	
	padding:0 0 0 10px;
	font-size:93%;
}
.detail div.dBoxInner dl dd.txt{
	line-height:1.5;		
	font-size:93%;
	margin:10px 0;

}

.detail dl.proDetail{
	background:url(../common/line_dot01.gif) repeat-x 0 100%;
	margin-bottom:15px;
	padding-bottom:5px;
}
.detail dl.proDetail dt{
	font-size:86%;
	background:#ACE7F4;
	padding:3px 5px 2px;
	margin-bottom:3px;
	font-weight:bold;
}
.detail dl.proDetail dt.chusui{
	background:#ACE7F4;
}
.detail dl.proDetail dt.kigen{
	background:#D1F1EB;
}

.detail dl.proDetail dt.hokan{
	background:#DDDDFF;
}


.detail dl.proDetail dd{
	font-size:86%;
	padding:2px 5px 3px;
}


.detail div.conR{
	float:right;
	width:260px;
}
.detail p.pImg{
	border:1px solid #EFEFEF;
	width:260px;
	text-align:center;
	padding:25px 0 20px;
}

.detail div.number{
	background:#EFEFEF;
	width:240px;
	padding:10px;
	margin:10px 0;
	text-align:center;
}

.detail div.number input{
	margin-left:10px;
}


.detail ul.btnArea{
	background:url(../common/line_dot01.gif) repeat-x 0 100%;
	padding:0 50px 10px;
	margin-bottom:10px;
}
.detail ul.btnArea li{
	float:left;
	padding:0 20px 0 0;
}
.detail ul.btnArea li.one{
	padding:0 0px 0 0;
	margin-top:26px;
}
.detail ul.btnArea li.only{
	padding:0 0px 0 0;
	width:250px;
	margin:0 auto;
	float:none;
}


.detail ul.snsArea{
	margin-bottom:10px;
	padding:0 5px;
}
.detail ul.snsArea li{
	float:left;
	padding:0 10px 0 0;
}
.detail ul.snsArea li.one{
	padding:0 0px 0 0;
}

.detail div.dataArea{
	padding:15px 0 100px;
}
.detail div.dataArea p.txtBox{
	padding:5px 10px;
}





div.detail h4{
	color:#0066CC;
	margin:0px 0 0px;
	font-weight:bold;
	
	background:url(../common/icon_rect01.jpg) no-repeat 5px 50%;
	padding: 0 0 0 20px;
}

.detail div.dataArea table{
	border-top:2px solid #0784D3;
	margin:5px auto 25px;
	padding:0;
	border-collapse:collapse;
	width:620px;
	border-right:1px solid #CCC;
}

.detail div.dataArea table th{
	width:120px;	
	background:#DDEDF7;	
	border-bottom:3px solid #CCC;
}

.detail div.dataArea table td{
	background:#FFF;
	border-bottom:1px dotted #399AD6;
}
.detail div.dataArea table td.bg01{
	background:#EBF4FA;
	width:50%;
}

.detail div.dataArea table td.pro{
	width:50%;
	background:url(../common/icon_rect01.jpg) no-repeat 8px 50%;
	color:#0066CC;
	font-weight:bold;

}



div.detail table td.price{
	text-align:right;
}