﻿@charset "utf-8";



/****詳細情報エリア**************/

.detailframe{background:#3F3F3F}

.detailframe iframe{padding:0;margin:0;overflow:hidden;}

/*
#detailArea{
	width:100%;
	height:100%;
	text-align:center;
	position : absolute;
	top:0px;
	left:0px;
	
	padding:0;
	z-index:10;
}
*/
.dframe{position:relative;width:835px;}
.dMiddle{width:835px;padding:0px 0 0px 0;position:relative;background:url(/img/imagedetail/detailback2.png) repeat;}
.dHead,.dFoot{background:url(/img/imagedetail/detailback.png) no-repeat;width:835px;height:0px;display:none;}
.dFoot{background-position:0px -15px;}


.dHead{background:#3F3F3F}
.dMiddle{background:#3F3F3F}
.dFoot{background:#3F3F3F}



.detailCont{
	width:835px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
	text-align:left;
		border-radius: 10px;  
	   -moz-border-radius:10px;
	   -webkit-border-radius: 10px;
		position:relative;
		overflow:hidden;

}
html > body .detailCont{behavior: url(/js/PIE.htc);}


/*inner frame*/
.detailCont .dInner{width:835px;margin:10px 0 10px 10px;}
.detailCont .dInner:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
	.dInner .leftArea{width:489px;float:left;border-right:1px solid #CCC;margin-top:20px;min-height:870px;}
	.dInner .rightArea{width:325px;float:left;}

	/*contents---------------*/
	/*sprite*/
	.leftCont .navibtn .backbtn,.leftCont .navibtn .nextbtn,.rightCont .dClosebtn a,.leftCont .btns a,.leftCont .btns div,.similarArea .similarbtn a{background:url(/img/imagedetail/imagedetail.png) no-repeat;}
	
	/*left------------------*/
	.leftArea .leftCont{/*padding-right:10px;*/}
	/*arrow btn*/
	.leftCont .navibtn{padding:2px 0 5px 0;width:480px;}
		.leftCont .navibtn:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.leftCont .navibtn .backbtn,.leftArea .navibtn .nextbtn{width:50px;height:16px;}
		.leftCont .navibtn .backbtn{background-position:0px -16px;	float:left;}
		.leftCont .navibtn .nextbtn{background-position:-50px -16px;float:right;}

		.leftCont .navibtn .backbtn input:hover,.leftCont .navibtn .nextbtn input:hover{filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);opacity: 0.0;}
	/*photo*/
	.leftCont .photo{width:480px;}
		.leftCont .photo img{display:block;margin:0 auto 0 auto;background-color:#F3F3F3;}
	/*copyright*/
	.leftCont .copyright{width:480px;text-align:center;font-size:85%;margin-top:2px;}
		
	/*btns*/
	.leftCont .btns{margin:4px auto 20px auto;width:279px;/*width:247px;*/}
		.leftCont .btns:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.leftCont .btns a.compbtn{background-position:-100px 0px;display:block;width:129px;height:17px;float:right;margin:0 5px 0 0px;}
		.leftCont .btns a.compbtn:hover{background-position:-100px -17px;}
		.leftCont .btns div.favoritebtn{background-position:-100px -34px;display:block;width:108px;height:17px;float:right;margin:0 20px 0 5px;	cursor:pointer;}
		.leftCont .btns div.favoritebtn:hover{background-position:-100px -51px;}
		/*.leftCont .btns a.favoritebtn_on{background-position:-123px -156px;display:block;width:140px;height:17px;float:right;margin:0 0px 0 5px;}*/
		.leftCont .btns div.favoritebtn_on{background-position:-123px -156px;display:block;width:140px;height:17px;float:right;margin:0 0px 0 5px;}

	/*similar*/
	.leftCont .similarArea{margin-bottom:10px;width:480px;}
		.leftCont .similarArea .subtitle{padding-bottom:10px;}
		.leftCont .similarArea .subtitle:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.leftCont .similarArea .tx{float:left}
		.leftCont .similarArea .paging{float:right;}
	
	
	.similarArea .backbtn,.similarArea .backbtn_dis a,.similarArea .nextbtn,.similarArea .nextbtn_dis a,.similarArea .backbtn a,.similarArea .nextbtn a{background:url(/img/common/bg1.png) no-repeat;width:16px;height:16px;display:block;}
	.similarArea .backbtn,.similarArea .nextbtn,.similarArea .backbtn_dis,.similarArea .nextbtn_dis {margin:1px 0 0 0;width:16px;height:16px;float:left;}
	.similarArea .nextbtn {margin:1px 0 0 0;width:16px;height:16px;float:left;}
	.similarArea .backbtn{background-position:-950px -167px;}
	.similarArea .nextbtn{background-position:-950px -183px;}

	.similarArea .backbtn a{background-position:-950px -103px;}
	.similarArea .nextbtn a{background-position:-950px -119px;}
	.similarArea .backbtn a:hover{background-position:-950px -135px;}
	.similarArea .nextbtn a:hover{background-position:-950px -151px;}

	.similarArea .backbtn_dis a{background-position:-950px -167px;}
	.similarArea .nextbtn_dis a{background-position:-950px -183px;}


	.similarArea .pageNum{margin:0px 10px 0px 10px;float:left;font-size:93%;}
	
		.similarArea .similarBlock{width:480px;overflow:hidden;}
		.similarArea .similarBlock .simframe{width:500px;}
		.similarArea .similarBlock .simframe .tumbf{float:left;	margin-right:10px;border:1px solid #CCC;height:84px;padding:1px;}
		.similarArea .similarBlock .simframe .tumbf div{
			width:84px !important;
			height:84px !important;
			vertical-align:middle;
			display: table-cell;
			text-align: center;
			}
		.similarArea .similarBlock .simframe .tumbf div * {vertical-align: middle;}
		.similarArea .similarbtn{margin-top:6px;width:480px;}
		.similarArea .similarbtn a{margin-left:auto;width:111px;height:14px;display:block;	background-position:0px -78px;}
		.similarArea .similarbtn a:hover{background-position:-111px -78px}
	/*kw*/
	.leftCont .kwArea{margin-bottom:10px;width:480px;}
		.kwArea .subtitle{padding-bottom:10px;}
		.kwArea .kwBlock{border:1px dashed #CCC;padding:10px;font-size:85%;}
		.kwArea .kwBlock a:link,.kwArea .kwBlock a:visited{color:#808080;}
		.kwArea .kwBlock a:hover,.kwArea .kwBlock a:active{color:#7AB12A;}
		.kwArea .kwBlock span{margin-right:0px;color:#FFF}
		.kwArea .kwBlock span.kwset{white-space:nowrap;line-height:1.2em;}

	/*right------------------*/
	.rightArea .rightCont{padding-left:10px;}
	.rightCont .dClosebtn{height:22px;}
	.rightCont .dClosebtn:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
	.rightCont .dClosebtn a{display:none;/*width:60px;height:22px;display:block;background-position:0px -34px;margin-left:auto;*/}
	.rightCont .dClosebtn a:hover{background-position:0px -56px;}
	/*info*/
	.rightCont .infoArea{margin-bottom:20px;}
		.infoArea .subtitle{padding-bottom:10px;}
		.infoArea .list{border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
		.infoArea .colum{border-top:1px dotted #CCC;padding:4px 0 4px 0;font-size:85%;line-height:1.3em;}
		.infoArea .colum:first-child{border:none;}
		.infoArea .colum:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.infoArea .colum .title{float:left;width:110px;padding-left:2px;}
		.infoArea .colum .cont{float:left;width:197px; word-wrap: break-word;	overflow:hidden}
		.infoArea .colum .cont span{color:#C00}
	/*price*/	
	.rightCont .priceArea{margin-bottom:20px;}
		.priceArea .subtitle{padding-bottom:10px;}
		.priceArea .plist{border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin-bottom:14px;}
		.priceArea .colum{border-top:1px dotted #CCC;cursor:pointer;height:50px}
		.priceArea .colum_dis{border-top:1px dotted #CCC;cursor:default;height:50px}
		.priceArea .colum2{/*border-top:1px dotted #CCC;margin-top:0px;*/}
		.priceArea .colum:first-child{border:none;}
		.priceArea .colum_dis:first-child{border:none;}
		.priceArea .colum:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.priceArea .colum_dis:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.priceArea .colum2:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

		.priceArea .colum .size,.priceArea .colum_dis .size{float:left;width:34px;background-color:#E6E6E6;height:50px;}/*photo*/
		.priceArea .colum .size2,.priceArea .colum_dis .size2{float:left;width:34px;background-color:#E6F0CC;height:50px;}/*vector*/
		.plist .v,.plist .xs,.plist .s,.plist .m,.plist .l,.plist .xl,.plist .xxl,.plist .cartbtn,.colum2 .entrybtn,.colum2 .entrybtn_dis,.colum2 .pstartbtn a,.colum2 .entrybtn a,.colum2 .downloadbtn a,.colum2 .helplink a,.shareArea .colum a{background:url(/img/imagedetail/imagedetail.png) no-repeat;width:20px;height:15px;margin:20px 0 0 7px;}
		/*.colum_dis{background:url(/img/imagedetail/imagedetail.png) no-repeat;width:20px;height:15px;margin:20px 0 0 7px;}
		*/
		.priceArea .colum2 .size{float:left;width:34px;background-color:#CCCCCC;height:95px;}	
		.colum2 .teigaku{background:url(/img/imagedetail/imagedetail.png) no-repeat;width:34px;height:27px;margin:35px 0 0 0px;background-position:-240px -92px;}

		.priceArea .colum .xs,.priceArea .colum_dis .xs{background-position:0px -92px;}
		.priceArea .colum .s,.priceArea .colum_dis .s{background-position:-20px -92px;}
		.priceArea .colum .m,.priceArea .colum_dis .m{background-position:-40px -92px;}
		.priceArea .colum .l,.priceArea .colum_dis .l{background-position:-60px -92px;}
		.priceArea .colum .xl,.priceArea .colum_dis .xl{background-position:-80px -92px;}
		.priceArea .colum .xxl,.priceArea .colum_dis .xxl{background-position:-100px -92px;}
		.priceArea .colum .v,.priceArea .colum_dis .v{background-position:-240px -119px;}

		.priceArea .colum .cont,.priceArea .colum_dis .cont{float:left;width:160px;overflow:hidden;}
		.priceArea .colum .cont div,.priceArea .colum_dis .cont div{ font-size:108%;font-weight:bold;margin:6px 0 0 10px;}
		.priceArea .colum .cont span,.priceArea .colum_dis .cont span{ font-size:77%;display:block;margin:0 0 0 10px;width:180px;}
		.priceArea .colum .cart,.priceArea .colum_dis .cart{float:left;width:110px;}
		.priceArea .colum .cart .cartbtn{width:110px;height:23px;background-position:0px -107px;margin:14px 0 0 2px;}
		.priceArea .colum_dis .cart .cartbtn{width:110px;height:23px;background-position:0px -153px;margin:14px 0 0 2px;}
		
		.priceArea .colum2 .cont{float:left;width:280px;}
		.priceArea .colum2 select{width:236px;}
		.priceArea .colum2 .jqformUIsW div{ margin:6px 0 0 4px;}
		.priceArea .colum2 .jqformUIsW div span{padding: 1px 0 0 2px;font-size:93%;}
		.priceArea .colum2 .jqformUIsW ul{}
		.priceArea .colum2 .jqformUIsW ul a {display: block;padding: 2px 5px 2px 5px !important;}	
		.priceArea .colum2 .jqformUIsW  a.jqformUIsOpen {top:0px;}
		.priceArea .price{}
		.priceArea .price:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.priceArea .colum2 .cont .price{margin:10px 0 0 6px;height:24px;}
		.priceArea .colum2 .tx{font-size:85%;padding:2px 0 0px 10px;}
		.priceArea .colum2 .tx span{font-size:108%;color:#09698A;font-weight:bold;}
		
		
		
		/*.priceArea .colum2 .cont span{ font-size:93%;display:block;margin:0 0 0 0px}*/
		.priceArea .colum2 .cart{float:left;width:110px;}
		.priceArea .colum2 .cart .cartbtn{width:110px;height:23px;background-position:0px -107px;margin:14px 0 0 2px;}
		.priceArea .colum2 .cart .cartbtn_dis{width:110px;height:23px;background-position:0px -153px;margin:14px 0 0 2px;}
		
		.priceArea .colum2 .cart2{width:270px;}
		.priceArea .colum2 .helplink{width:130px;float:left;margin:10px 0 10px 7px;}
		.priceArea .colum2 .helplink a{display:block;width:110px;height:16px;background-position:0px -176px;padding:1px 0 0 1.8em;font-size:85%;margin:0;}
		.priceArea .colum2 .helplink a:link,.priceArea .colum2 .helplink a:visited{color:#4C4C4C}
		.priceArea .colum2 .helplink a:hover{background-position:0px -196px;color:#7AB12A}
		
		/*in cart*/
		.priceArea .colum2 .plan{font-weight:bold;color:#09698A;height:24px;padding:0 0 0 5px;}
		.priceArea .colum2 .note{color:#C00;height:24px;padding:0 0 0 5px;}
				
		.priceArea .colum2 .cart2 .entrybtn{width:110px;height:23px;background-position:0px -153px;margin:7px 0 10px 0;float:right;}
		.priceArea .colum2 .cart2 .entrybtn a{width:110px;height:23px;background-position:-120px -107px;display:block;padding:0;margin:0}
		.priceArea .colum2 .cart2 .entrybtn a:hover{background-position:-120px -130px;}
		.priceArea .colum2 .cart2 .entrybtn_dis{width:110px;height:23px;background-position:0px -153px;margin:14px 0 0 2px;}
		/*planstart*/
		.priceArea .colum2 .cart2 .pstartbtn{width:110px;height:23px;margin:7px 0 10px 0;float:right;}
		.priceArea .colum2 .cart2 .pstartbtn a{width:110px;height:23px;background-position:0 -340px;display:block;padding:0;margin:0}
		.priceArea .colum2 .cart2 .pstartbtn a:hover{background-position:0px -363px;}
		/*download*/
		.priceArea .colum2 .cart2 .downloadbtn{width:110px;height:23px;margin:7px 0 10px 0;float:right;}
		.priceArea .colum2 .cart2 .downloadbtn a{width:110px;height:23px;background-position:-120px -340px;display:block;padding:0;margin:0}
		.priceArea .colum2 .cart2 .downloadbtn a:hover{background-position:-120px -363px;}

		
		
		/*price hover*/
		.priceArea .colum:hover{background-color:#E6F0CC}
		.priceArea .colum:hover .size{background-color:#C6DD87}
		.priceArea .colum:hover .size2{background-color:#C6DD87}
		.priceArea .colum:hover .xs{background-position:-120px -92px;}
		.priceArea .colum:hover .s{background-position:-140px -92px;}
		.priceArea .colum:hover .m{background-position:-160px -92px;}
		.priceArea .colum:hover .l{background-position:-180px -92px;}
		.priceArea .colum:hover .xl{background-position:-200px -92px;}
		.priceArea .colum:hover .xxl{background-position:-220px -92px;}
		.priceArea .colum:hover .v{background-position:-260px -119px;}
		.priceArea .colum:hover .cart .cartbtn{background-position:0px -130px;}
		
		/*notice*/
		.rightCont .size_notice{font-size:85%;
		border:1px dashed #999;
		padding:8px;
		margin:-5px 0 10px 0;}

	/*option*/	
	.rightCont .optionArea{margin-bottom:10px;}
		.optionArea .subtitle{padding-bottom:10px;}
		.optionArea .olist{border-top:1px solid #CCC;}
		.optionArea .column{padding:10px 0 10px 0;font-size:85%;}
	/*share*/	
	.rightCont .shareArea{margin-bottom:10px;}
		.shareArea .subtitle{padding-bottom:10px;}
		.shareArea .slist{border-top:1px solid #CCC;}
		.shareArea .column{border-bottom:1px solid #CCC;padding:0px 0 0px 0;font-size:85%;}
		.shareArea .colum{border-bottom:1px solid #CCC;padding:0px 0 0px 0;font-size:85%;}
	/*twitter*/		

		#custom-tweet-button a{background:url(/img/imagedetail/imagedetail.png) no-repeat !important;}

		.shareArea .colum a.twitter{margin:0;padding:0 0 0 37px;display:block;width:278px;height:31px;line-height:34px;background-position:0px -216px;}
		.shareArea .colum a.twitter:hover{background-position:0px -247px;color:#7AB12A;text-decoration:none;}

		#custom-tweet-button a{margin:0;padding:0 0 0 37px;display:block;width:278px;height:31px;line-height:34px;background-position:0px -216px;}
		#custom-tweet-button a:hover{background-position:0px -247px;color:#7AB12A;text-decoration:none;}



/*new sns*/
		.shareArea .slist{}
		.shareArea .slist:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
		.shareArea .column{float:left;margin:10px 10px 0 0;}
		.shareArea .column a{background:url(/img/imagedetail/imagedetail.png) no-repeat;}
		.shareArea .column a.twitter{margin:0;padding:0 0 0 0px;display:block;width:88px;height:20px;background-position:-151px -176px;}
		.shareArea .column a.twitter:hover{background-position:-151px -196px;}
		.shareArea .column a.fb{margin:0;padding:0 0 0 0px;display:block;width:70px;height:20px;background-position:-240px -176px;}
		.shareArea .column a.fb:hover{background-position:-240px -196px;}
		.shareArea{padding-bottom:10px; border-bottom:1px solid #CCC;}
		.shareArea:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
/*********/


		
		.shareArea .colum a:link,.shareArea .colum a:visited{color:#4C4C4C}
		.shareArea .colum a.mail{margin:0;padding:0 0 0 37px;display:block;width:278px;height:31px;line-height:34px;background-position:0px -278px;}
		.shareArea .colum a.mail:hover{background-position:0px -309px;color:#7AB12A;text-decoration:none;}
		
		.shareArea .midashi{padding:10px 0 6px 0px;font-size:85%;}
		.shareArea .permalink{margin:0 0 10px 0px;}
		.shareArea .permalink input{width:305px;}

	
.detailBox{/*detail用オーバーレイ*/
/*display:none !important;*/
}

.dInner .notfound{height:440px;text-align:center;color:#C00;font-weight:bold;font-size:123.1%;padding-top:400px;}

.child1 h1{ display:inline !important; font-size:12px; font-weight:normal;}