﻿@charset "utf-8";

/*-----------------------------------------
SampleFan detail

detail.css date:2013/01/28 write:r_yoshida
2017/11/6 s_shimizu
2019/9/11 n_hara
-----------------------------------------*/

#detailBox {
	
}

ul#snsArea li{
	float:right;
	margin-right:5px;
	margin-bottom:5px;
}

div#detailTit{
	background:url(/common/img/detail_tit_bg01.jpg) left top no-repeat;
	padding:10px 10px 10px 40px;
	margin-top:0;
}

div#detailTit h2, div#detailTit h3{
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
}


#detailBox dl.catebox{
	display:block;
}

#detailBox dl.catebox{
	padding:15px 10px 0;
}

#detailBox dl.catebox dt{
	width:152px;
	margin-right:18x;
	float:left;
	text-align:center;
}

#detailBox dl.catebox dt img{
/*	border:1px solid #cccccc;*/
}


#detailBox dl.catebox dt, ul#etcList li{
	opacity:1.0;
	filter: alpha(opacity=100);
}

#detailBox dl.catebox dt:hover, ul#etcList li:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}


#detailBox dl.catebox dd{
	width:450px;
	float:right;
	line-height:150%;
}

/* resultSpec */
#detailBox .cateInfo{
	margin-top:20px;
}

#detailBox .cateInfoLeft{
	width:302px;
	float:left;
	margin-right:10px;
}

#detailBox .cateInfoBtn{
	width:138px;
	float:right;
}


#detailBox #specBox {
	border:5px solid #eeeeee;
	margin-top:30px;
}

#detailBox #specBox dl.specTxt {
	background:url(/common/img/border01.gif) left bottom repeat-x;
	margin-top:7px;
	padding-bottom:5px;
}

#detailBox #specBox dl.specPrice {
	margin-top:7px;
	padding-bottom:8px;
}

#detailBox #specBox dl.specTxt dt, #detailBox #specBox dl.specPrice dt{
	width:130px;
	float:left;
	text-align:right;
	padding-left:10px;
}

#detailBox #specBox dl.specTxt dd{
	width:450px;
	float:right;
	text-align:left;
	padding:0 10px 0 30px;
	font-weight:bold;
}

#detailBox #specBox dl.specPrice dd{
	width:450px;
	float:right;
	text-align:left;
	padding:0 10px 0 30px;
	font-weight:bold;
	color:#cc0000;
}

#detailBox #specBox dl.specTxt dd ul.keywordDetail li{
	float:left;
	margin-right:10px;
}


ul#etcList {
	text-align:center;
	margin-top:20px;
}

ul#etcList li{
	display:inline;
	margin-right:50px;
}

ul#etcList li.last{
	display:inline;
	margin-right:0;
}


ul#etcList li img{
	border:1px solid #cccccc;
}

#detailBox .asSense336 {
	width:336px;
	float:left;
	margin-right:15px;
}

#detailBox .staffPr {
	width:289px;
	float:left;
}

#detailBox .staffPr h5{
	font-weight:bold;
	font-size:14px;
}

#detailBox .staffPr p{
	text-indent:-12px;
	padding-left:12px;
	margin-top:10px;
}

#detailBox .staffPr a{
	padding-left:13px;
	text-decoration:none;
	background:transparent url(/common/img/icon_arrow01.gif) left top no-repeat;
}

.checkHistory{
	border-left:5px solid #fe8193;
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
}

.not_apply{
text-align:center;
background:#999;
padding:5px;
display:block;
color:#fff;
border-radius:2px;
}

.not_apply_l{
background:#999;
padding:10px;
display:block;
color:#fff;
border-radius:2px;
width:50%;
font-size:16px;
margin:0 auto;
}


/* update date */
.updateDate {padding: 5px 10px;}
}