@charset "utf-8";

/* --------------------------------------------------
 Main Style
 -------------------------------------------------- */

footer .selectBox{
	display:block;
}
#itemTitle{
	position:relative;
	text-align:left;
	margin:0 0 20px;
	padding-top:50px;
}
#itemTitle h1{
	display:inline-block;
	/zoom:1;
	/display:inline;
	margin-left:-10px;
    color: #898989;
    font-family: "Signika Negative",sans-serif;
    font-size: 50px;
    font-weight: 300;
	line-height:1;
}
#itemTitle h2{
	display:inline-block;
	/zoom:1;
	/display:inline;
}
#itemTitle h2 img{
	padding:30px 0 5px;
}
#itemTitle .link{
	position:absolute;
	top:10px;
	right:0;
}
#itemTitle .link a{
	display:block;
	color:#535353;
	border:1px solid #d2d2d2;
	padding:3px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #eaeaea 0px 1px 0px;
	-moz-box-shadow: #eaeaea 0px 1px 0px;
	box-shadow: #eaeaea 0px 1px 0px;
}
#itemTitle .link a:hover{
	text-decoration:none;
	background:#eee;
}
#itemTitle .backLink{
	position:absolute;
	top:50px;
	left:-40px;
}
#itemTitle .backLink a{
	display:block;
	color:#535353;
	width:20px;
	height:0;
	padding-top:51px;
	overflow:hidden;
	background:url(../img/arrow02.gif) no-repeat left center;
}
#itemTitle .backLink a:hover{
	text-decoration:none;
	filter: alpha(opacity=70)!important;
	-moz-opacity:0.7!important;
	opacity:0.7!important;
}
#photoArea{
	width:459px;
	float:left;
}
#photoArea #photoBox{
	position:relative;
	margin-bottom:10px;
	height:474px;
	border:1px solid #626262;
	overflow:hidden;
}
#photoArea #photoBox li{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#photoArea #photoBox li.active{
	filter: alpha(opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;
}
#photoArea #photoBox li.p1{
	display:block;
	z-index:11;
}
#photoArea #photoBox{
	margin-bottom:13px;
}
#photoArea #thumBox{
	margin-bottom:13px;
}
#photoArea #thumBox li{
	width:72px;
	border:1px solid #626262;
	float:left;
	margin:0 10px 0 0;
	display:none;
	cursor:pointer;
}
#photoArea #thumBox li img{
	width:100%;
	height:auto;
}
#photoArea #thumBox li.c1{
	display:block;
}
#photoArea #thumBox li.none{
	display:none!important;
}
#photoArea #colorBox{
	padding:15px 0;
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
}
#photoArea #colorBox h3{
	float:left;
	font-size:16px;
	margin-right:20px;
}
#photoArea #colorBox dl{
	float:left;
	margin-right:4%;
	cursor:pointer;
	width:17%;
}
#photoArea #colorBox dl.c4{
	/*margin-right:0px;*/
}
#photoArea #colorBox dl dt{
	text-align:center;
}
#photoArea #colorBox dl dd{
	font-size:10px;
	text-align:center;
}
#photoArea #subTxt .icon{
	display:inline-block;
	/zoom:1;
	/display:inline;
	vertical-align:middle;
	padding:0 0 0 0;
}
#photoArea #subTxt .icon img{
	padding:0 12px 0 0;
}
#photoArea #subTxt p{
	text-align:center;
}
#photoArea #subTxt p.icontxt{
	display:inline-block;
	/zoom:1;
	/display:inline;
	vertical-align:middle;
	width:35%;
}
#photoArea #subTxt p a{
	color:#000;
	text-decoration:underline;
}
#specArea{
	width:487px;
	float:right;
}
#specArea p{
	font-size:16px;
	margin-bottom:10px;
}
#specArea h3{
	font-size:16px;
}
#specArea .specTable{
	border-top:1px solid #000;
	margin-bottom:35px;
}
#specArea .specTable dt{
	border-right:3px double #000;
	border-bottom:1px solid #000;
	width:7.5em;
	clear:both;
	float:left;
	padding:2px 3px;
	font-size:14px;
}
#specArea .specTable dd{
	border-bottom:1px solid #000;
	padding:2px 3px 2px 9.5em;
	font-size:14px;
}
#specArea .specTable dd .note{
	font-size:12px;
}
#specArea .exTxt{
	padding-bottom:15px;
}
#specArea .exTxt h3{
	font-size:16px;
}
#specArea .exTxt ul{
	margin:0 0 15px 20px;
}
#specArea .exTxt li{
	font-size:16px;
	list-style-type:disc;
	margin-bottom:8px;
}
#bottomArea{
	clear:both;
	padding-top:60px;
}
#bottomArea ul{
	text-align:center;
}
#bottomArea ul li{
	display:inline-block;
	/zoom:1;
	/display:inline;
}
#bottomArea ul li a{
	color:#313131;
}
#bottomArea ul.link01{
	margin-bottom:15px;
}
#bottomArea ul.link01 li{
	font-size:22px;
}
#bottomArea ul.link01 li.prev{
	background:url(../img/arrow07.gif) no-repeat left center;
	margin-right:10px;
}
#bottomArea ul.link01 li.prev a{
	display:block;
	padding:0 0 0 30px;
}
#bottomArea ul.link01 li.next{
	background:url(../img/arrow06.gif) no-repeat right center;
	margin-left:10px;
}
#bottomArea ul.link01 li.next a{
	display:block;
	padding:0 30px 0 0;
}
#bottomArea ul.link01 li.prev a:hover,
#bottomArea ul.link01 li.next a:hover{
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#bottomArea .link02{
	text-align:center;
}
#bottomArea .link02 ul{
	margin-bottom:8px;
	display:inline-block;
	/zoom:1;
	/display:inline;
}
#bottomArea .link02 ul:first-child{
	margin-right:5px;
}
#bottomArea .link02 li{
	border-left:1px solid #313131;
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	font-size:14px;
}
#bottomArea .link02 ul:first-child li:first-child{
	border-left:none;
}
#bottomArea .link02 li a {
	color: #727272;
}
#bottomArea .link02 li.current a {
	color: #000;
}
#mainContent article .btn01 a{
	display:inline-block;
	/zoom:1;
	/display:inline;
	padding:10px 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#c9c9c9;
	font-size:12px;
	color:#313131;
	border:1px solid #b5b5b5;
}
#mainContent article .btn01 a:hover{
	text-decoration:none;
	background:#aaa;
}
footer .linkTop{
	display:none;
}
@media screen and (max-width: 639px){

#itemTitle{
	margin:10px 0 5px;
}
#itemTitle h1{
	display:block;
	margin:0 auto 40px;
	text-align:center;
	font-size:40px;
}
#itemTitle h1 img {
	padding-top:10px;
}
#itemTitle h2{
	width:50%;
	display:block;
	margin:0 auto;
}
#itemTitle .link{
	display:none;
}
#itemTitle .backLink{
	left:10px;
}
#photoArea{
	width:auto;
	float:none;
	margin:0 15px;
}
#photoArea #photoBox{
	height:260px;
	max-width:457px;
}
#photoArea #photoBox li{
	width:100%;
}
#photoArea #thumBox{
	margin-bottom:0;
}
#photoArea #thumBox li{
	margin-bottom:10px;
	width:70px;
}
#photoArea #thumBox li.end{
}
#photoArea #colorBox{
	text-align:center;
	margin-bottom:10px;
}
#photoArea #colorBox h3{
	float:none;
	margin-bottom:10px;
	margin-right:0;
}
#photoArea #colorBox dl{
	float:none;
	display:inline-block;
	margin:0 0%;
	width:24%;
	vertical-align:top;
}
#photoArea #colorBox.color3 dl{
	width:30%;
}
#photoArea #colorBox dl dd{
	font-size:10px;
}
#photoArea #subTxt .icon{
	border:none;
	display:block;
	margin:0 0 10px;
	text-align:center;
	padding:0;
	letter-spacing:-0.1em;
}
#photoArea #subTxt .icon img{
	padding:0 4% 0 0;
	width:26%;
}
#photoArea #subTxt .icon img.end{
	width:38%;
	padding:0;
}
#photoArea #subTxt p{
	display:block!important;
	width:100%!important;
	margin:0 0 10px!important;
}

#specArea{
	width:auto;
	float:none;
	margin:0 15px;
}
/*
#specArea .specTable{
	border-top:1px solid #000;
	margin-bottom:35px;
}
#specArea .specTable dt{
	border:none;
	width:auto;
	clear:both;
	height:auto!important;
	line-height:1.3;
	padding-top:5px;
}
#specArea .specTable dt:after{
	content:':';
}
#specArea .specTable dt.spbr{
	padding-bottom:0px;
}
#specArea .specTable dd{
	border:none;
	border-bottom:1px solid #000;
	padding:5px 3px 5px 0;
	height:auto!important;
	line-height:1.3;
}
#specArea .specTable dd.spbr{
	clear:both;
	padding-left:3px;
	padding-top:0px;
}
*/
#specArea p.btn01{
	text-align:center;
}
#bottomArea{
	padding-top:30px;
}
#bottomArea ul.link02{
	margin-bottom:20px;
}
#bottomArea .link02 ul{
	display:block;
}
#bottomArea .link02 ul:first-child{
	margin-right:0;
}
#bottomArea .link02 ul li:first-child{
	border-left:none;
}
footer .linkTop{
	display:block;
}
footer .linkTop li{
	text-align:center;
	padding:15px 0;
	width:100%;
	border-bottom:1px solid #9F9FA0;
}
footer .linkTop li a{
	color:#313131;
}

}