body{
	font-family:'teko',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background-image:url(../images/bgGrd.jpg);
	
	word-break: break-all;
}

#allWrapper{
	
}

a img{
  border:none;

  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}

a img:hover,
.btn:hover,
path:hover,
#modelBtn .container div:hover,
#typeBtn .container div:hover,
#partsBtn div:hover,
#modelTypeBtn:hover{
  cursor:pointer;
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

.btn,
#modelBtn div,
#typeBtn div,
#partsBtn div,
#settingInfo{
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari,Chrome */
  -ms-user-select: none; /* IE10- */
  user-select: none; /* CSS3 */
}

.hidden{
	display:none;
}

#brandLogo{
	width:50%;
	position:relative;
	left:10px;
	display:inline-block;
}

#brandLogo img{
	width:100%;
	max-width:185px;
	min-width:160px;
}

#modelTypeBtn{
	position:absolute;
	width:60px;
	top:0px;
	right:120px;
	text-align:right;
	cursor:pointer;
	
	display:none;
}

#modelTypeBtn img{
	width:60px;
}


#modelTypeWindow{
	position:relative;
	top:0px;
}

#detailBtn{
	position:absolute;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	width:60px;
	height:60px;
	top:0px;
	right:60px;
	text-align:right;
	cursor:pointer;
	
	display:none;
}

#printBtn img{
  width:50px;
  height:50px;
}


#settingInfo{
	position:relative;
	font-size:20px;
	top:-10px;
	left:10px;
	
	text-align:left;
	cursor:pointer;
	line-height:12px;
}

#modelType{
	position:relative;
	display:inline-block;
}

#YEN{
	position:relative;
	display:inline-block;
	font-size:16px;
	left:6px;
}

#price{
	position:relative;
	display:inline-block;
}

#detailWindow{
	position:absolute;
	top:55px;
	left:-320px;
	text-align:left;
	background:rgba(0,0,0,0.80);
	z-index:10;
}

#detailInfo{
	margin:10px;
	text-align:left;
	color:#FFF;
}

.detailSec{
	/*display:block;*/
	margin-bottom:5px;
	min-height:30px;
}

.detailChange{
	width:45px;
	background:#CCC;
	color:#000;
	text-align:center;
	display:inline-block;
}

.detailTitle{
	color:#999;
	display:inline-block;
	margin-left:5px;
	width:60px;
	text-align:left;
}

.detailVal{
	color:#FFF;
	display:inline-block;
	background:#000;
	font-size:20px;
	padding:0 5px;
}

#detailActions{
	/*display:none;*/
}

.actionBtn{
	background:#EEE;
	padding:10px;
	margin:5px 5px 0 0;
	color:#000;
	text-align:center;
	/*width:60px;*/
	display:inline-block;
	display:none;
}

.detailExp{
	font-size:10px;
	color:#CCC;
	margin-top:5px;	
}

#detailAsk{
	font-size:10px;
	color:#CCC;
	margin-top:5px;
}

#modelBtn{
	height:130px;
	width:100%;
	overflow-x:scroll;
	overflow:auto;	
}

#modelBtn .container div{
	position:relative;
	background:#FFF;
	color:#000;
	width:100px;
	padding:35px 0;
	text-align:center;
	margin:5px;
	display:inline-block;	
}

.container{
  white-space: nowrap;
}


#typeBtn{
	height:120px;
	width:100%;
	overflow-x:scroll;
	overflow:auto;	
}


#typeBtn .container > div{
	position:relative;
	background:#EEE;
	color:#000;
	width:100px;
	height:65px;

	padding:20px 0 0 0;

	text-align:center;
	margin:5px;
	display:inline-block;
}

#typeBtn .container .typeEN{
	display:block;
	height:40px;
}

#typeBtn .container .typeJP{
  position:absolute;
  top:40px;
  display:block;
  height:25px;
  width:100px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  line-height:14px;
}

/* partsBtn START */
#partsBtn{
	background:rgba(0,0,0,0.75);
	padding:0px;
	position:absolute;
	top:50px;
	right:-120px;
}

#partsBtn div{
	font-size:16px;
	background:#EEE;
	
	width:60px;
	padding:15px 0 0 0;
	text-align:center;
	margin:5px 0 5px 5px;
	display:block;
	
}

#partsBtn div span{
	display:block;
	line-height:16px;
}

#partsBtn div span.btnName{
	color:#000;
	text-shadow:
		-1px -1px #CCC,
		1px -1px #CCC,
		-1px 1px #CCC,
		1px 1px #CCC;
}

#partsBtn div span.selectedCol{
	background:rgba(0,0,0,0.50);
	padding-top:3px;
	line-height:10px;
	
	color:#FFF;	
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;	
}
/* partsBtn END */

#colONOFF{
	position:absolute;
	top:0px;
	right:-120px;
	width:60px;

	font-size:16px;
	text-align:center;
	margin:0;
	display:block;
}

#colONOFF img{
	width:100%;
}

.selected{
	border-bottom:5px solid #000;
	/*box-sizing:border-box;*/
}

.selectedSide{
	/*border-left:5px solid #000;*/
	
	border-left: 10px solid #000;
	box-sizing:border-box;
}

.selectedOP{
	/* border-top: 10px solid #FFF; */
	border: 3px solid #FF0000;
	box-sizing:border-box;
}

#suitsDisplay{
	max-width:480px;
	margin:0 auto;
}

#svg{
  display:block;
  width: 100%;
}

/*
#svg path{
  -webkit-transition: stroke-dashoffset 1s ease;
  transition: stroke-dashoffset 1s ease;
}
*/

#interfaceBottom{
	padding:0;
	text-align:center;
	background:rgba(94,81,81,0.50);
	color:#FFF;
	position:absolute;
	bottom:-200px;
	display:none;
	width:100%;
	z-index:10;
}

#colContainer{
	height:100px;
	width:100%;
	overflow-x:scroll;
	overflow:auto;
}

#itemList{
	height:80px;
	width:auto;
	position:relative;
    white-space: nowrap;
	margin:0 0 0 10px;
}

.itemBtn{
	display:inline-block;
	width:60px;
	height:60px;
	margin:10px 10px 0 0;
	position:relative;
	overflow:hidden;
	
	border-radius:5px;
}

.itemTxt{
	width:60px;
	position:absolute;
	bottom:0;
	white-space: normal;
	text-align:center;
	word-wrap:break-word;
	
	line-height:12px;
	padding:5px 0 0 0;
	border-radius:0 0 5px 5px;
	
	background:rgba(0,0,0,0.50);
}

#intClose{
	display:inline-block;
	width:100%;
	padding:15px 0 10px 0;
	background:rgba(0,0,0,0.1);
	border-radius:0px;
	font-size:40px;
	line-height:15px;
	margin-top:0px;
}


#orderSheet{
	display:none;	
}



/* for printing START */

/*
@media print {

@page {
  size: 297mm 210mm;
  margin: 0mm;
}

body{
	background-image:none;
	margin:0;
	position:relative;
}

#allWrapper{
	display:none;
}


#orderSheet{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:1169px;
	height:756px;
}

#orderSheetBase{
	position:absolute;
	top:0px;
	left:0px;
	width:1169px;
	height:756px;
}

#orderSheetInfo{
	position:absolute;
	top:-35px;
	left:0px;
	width:100%;
	height:800px;
}

#detailInfo_print{
	position:absolute;
	top:0px;
	left:0px;
	height:756px;
}

#brandLogo_print{
	position:absolute;
	bottom:0px;
	left:910px;
	width:160px;
	height:50px;
	z-index:100;
}

#model_print{
	position:absolute;
	top:190px;
	left:88px;
	width:121px;
	text-align:center;
	font-size:24px;
}

#type_print{
	position:absolute;
	top:190px;
	left:213px;
	width:145px;
	text-align:center;
	font-size:24px;
}

.detailVal{
	color:#000;
	background:none;
}


#detail_SIZE_print{
	position:absolute;
	top:189px;
	left:398px;
	width:161px;
	text-align:center;
	font-size:24px;
}

#detail_MATERIAL_print{
	position:absolute;
	top:180px;
	left:601px;
	width:143px;
	text-align:center;
	font-size:24px;
}

#detail_ZIP_print{
	position:absolute;
	top:460px;
	left:601px;
	width:143px;
	text-align:center;
	font-size:24px;
}

#detail_THICK_print{
	position:absolute;
	top:222px;
	left:125px;
	width:143px;
	text-align:center;
	color:#FFF;
	background:none;
}

#detail_THICK_print .detailVal{
	font-size:32px;
}


#detail_OPTION_print{
	position:absolute;
	top:606px;
	left:748px;
	width:343px;
	text-align:center;
	font-size:24px;
}



#partsBtn_print{
	position:absolute;
	top:0px;
	left:0px;	
}

#partsBtn_print .parts_top{
	position:absolute;
	top:238px;
	left:635px;
	width:110px;
	text-align:center;
	font-size:18px;	
}

#partsBtn_print .parts_bottom{
	position:absolute;
	top:261px;
	left:635px;
	width:110px;
	text-align:center;
	font-size:18px;	
}

#partsBtn_print .parts_aparts{
	position:absolute;
	top:301px;
	left:613px;
	width:132px;
	text-align:center;
	font-size:18px;	
}

#partsBtn_print .parts_bparts{
	position:absolute;
	top:347px;
	left:613px;
	width:132px;
	text-align:center;
	font-size:18px;	
}

#partsBtn_print .parts_stitch{
	position:absolute;
	top:385px;
	left:613px;
	width:132px;
	text-align:center;
	font-size:18px;	
}

#partsBtn_print .parts_logo{
	position:absolute;
	top:575px;
	left:600px;
	width:146px;
	text-align:center;
	font-size:18px;	
}


}
*/
/* for printing END */