html, body{
	height:100%;margin:0px;padding:0px;
/*	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;*/
/*	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;*/
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
/*	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
}
ul{margin:0px;padding:0px;}
li{list-style-type:none;}
p{margin:0px;padding:0px;}
a{text-decoration:none;color:black}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#container{
	width:1024px;
	height:687px;
	margin:0 auto;
}

#menuBar{
	width:1024px;
	height:42px;
}
#menuBar ul li{
	line-height:42px;
	vertical-align:middle;
	float:right;
	margin-right:25px;
}

#mainContainer{
	width:1024px;
	height:645px;
	position:relative;
}

#leftTypeListButton{
	width:80px;
	height:80px;
	margin:10px 45px;
	background:white;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
}

#leftItemList{
	padding:5px;
	width:180px;
	height:645px;
	float:left;
}
#itemTable{
	width:155px;
	margin:8px;
	font-size:13px;
/*	background:red;*/
}

#screenShotContainer{
	width:458px;
	height:540px;
	position:absolute;
	left:-319px;
	top:60px;
	padding:5px;
	background:white;
}

#itemTitle,#typeTitle{
	margin:0px auto;
	font-size:18px;
	border:3px solid gray;
	width:130px;
	padding:5px;
	text-align:center;
	box-shadow:3px 3px 3px 3px rgba(0,0,0,0.4) inset;
	background:#585858;
	color:white;
}

.itemIcons{
	background:white;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
	overflow:hidden;
}
.itemIcons2{
	background:#F6E3CE;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
	text-align:center;
	line-height:25px;
	color:#3B170B;
}
.itemIcons2ON{
	background:#DF7401;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
	color:white!important;
}

.itemIcons img{/*画像のサイズに合わせて変更する*/
	margin-left:5px;
	margin-top:5px;
	width: 53px !important;
	height: 53px !important;;
}
.selectedItems2 img{
	margin-left:0px;
	margin-top:0px;*/
}

#stepButtonsContainer{
	width:62px;
	height:60px;
	position:absolute;
	left:-488px;
	top:207px;
}
#stepButtonsContainer img{
	clear:both;
	cursor:pointer;
}

#simulationDisplay{
	padding:5px;
	width:407px;
	height:635px;
	float:left;
	position:relative;
}

#rightItemList{
	padding:5px;
	width:407px;
	height:635px;
	float:left;
	position:relative;
/*	background:blue;*/
}

#processBar{
	width:407px;
	height:40px;
}

/*ステップバー*/

.stepBar {
  position: relative;
  list-style: none;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 25px 0 5px;
  background-color: #eee;
  font-size:14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	cursor:pointer;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.stepBar .step.current {
  color: #FFF;
  background-color: #FF8000;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #FF8000;
}

.stepBar .step {
  width: 25%;
}

/**ステップバー*/

.shadowBox{
	background:#E6E6E6;
	box-shadow:0px 1px 2px 1px rgba(0,0,0,0.4) inset;
}

#designList{
	position: absolute;
    left: -533px;
    top: 210px;
    width: 916px;
    height: 180px;
    z-index: 2;
}
.arrows{
	width:38px;
	height:180px;
	margin:0px 5px;
	float:left;
/*	background:red;*/
}
.arrows img{
	margin-top:80px;
	margin-left:10.5px;
	cursor:pointer;
}
.arrowLDummy,.arrowRDummy{
	display:none;
}
#designListContainer{
	width:820px;
	height:180px;
	float:left;
	position:relative;
	overflow:hidden;
/*	background:blue;*/
}
.itemParts{
	float:left;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
	background:white;*/
}
.itemParts img{
	margin-left:5px;
	margin-top:5px;
}

.selectedItems img{
	margin-left:0px;
	margin-top:0px;
}

#designPartsDetails{
	margin-top:10px;
	width:407px;
	height:60px;
	background:#E6E6E6;
}

.designPartsLists{
	font-size:15px;
	float:left;
	text-align:center;
	background:white;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
}
.designPartsListsON{
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset;
	background:#F8E0E0;
}

#emblemInput,#needleworkInput{
	margin-top:10px;
	height:30px;
	padding:5px 10px;
}

#emblemInput{
	width:210px;
	display:none;
}
#needleworkInput{
	width:265px;
	display:none;
}

.styleMenuList{
	width:129px;
	height:24px;line-height:24px;
	margin-top:3px;
	margin-left:5px;
	background:white;
	font-size:12px;
	float:left;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
}
.styleMenuListON{
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset;
	background:#F8E0E0;
}

.clothMenuList{
	font-size:14px;
	background:white;
	float:left;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
}
.clothMenuListON{
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset;
	background:#F8E0E0;
}

#styleListDep{
	position:relative;
	margin-top:5px;
	width:407px;
	padding-top:5px;
}
.styleItemDeparts{
	float:left;
	cursor:pointer;
	border:2px solid white;
}

.activePtagOfClothDep{
	color:red;
	font-weight:bold;
	border:2px solid red !important;
}

#styleList{
	position:absolute;
	left:-395px;
	top:335px;
	width:607px;
	height:220px;
	padding:5px;
	display:none;
	z-index:2;
}
.styleItemParts{
	float:left;
	cursor:pointer;
	border:2px solid white;
}

#clothDataInfo{
	width:100%;
	height:80px;
	padding:5px;
}

#clothDepContainer{
	height:100%;
	float:left;
}

#clothNameTytle{
	width:400px;
	height:70px;
	float:left;
	margin-right:5px;
/*	background:red;*/
}
#clothNameTytle p{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:3px;
	font-size:14px;
	padding-left:10px;
	text-align:left;
	border:2px solid gray;
	background:white;
	border-radius:10px;
}
#clothImgThumb{
	width:70px;
	height:70px;
	float:left;
/*	background:blue;*/
}

#backToClothDep{
	width:94px;
	height:71px;
	float:left;
	margin-left:15px;
	cursor:pointer;
	background-image:url("../images/btn_big.png");
	background-repeat:no-repeat;
}

#selectThisCloth{
	text-align:center;
	cursor:pointer;
	background-image:url("../images/btn_small.png");
	background-repeat:no-repeat;
}

#clothDataList{
	padding:5px;
	margin-top:5px;
	height:128px;
	overflow-x:scroll;
	overflow-y:hidden;
}

#styleClothContainer{
	width:607px;
	height: 315px;
    position: absolute;
    left: -395px;
    top: 20px;
    z-index: 2;
    display:none;
}

.styleClothContainerExp{
	left: 5px !important;
    top: 320px !important;
}
.styleClothContainerExp div{
	width: 200px !important;
    height: 200px !important;
}

#styleDetails{
	margin-top:8px;
	width:300px;
	height:300px;
	float:left;
}
#styleDetails img{
	margin-left:5px;
	margin-top:5px;
}

#styleExplains{
	padding:10px;
	margin-top:8px;
	margin-left:7px;
	width:300px;
	height:300px;
	overflow:auto;
	font-size:22px;
	line-height:32px;
	float:left;
	background:white;
}

#priceDisplay{
	width:150px;
	height:50px;
	line-height:50px;
	font-size:25px;
/*	text-align:center;*/
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	position:absolute;
	left:10px;
	top:5px;
	background:white;
/*	background-image:url("../images/priceBack.png");*/
    background-repeat:no-repeat;
    border-radius:3px;
    box-shadow: 0 2px 3px 0 black;
    -moz-box-shadow: 0 2px 3px 0 black;
    -webkit-box-shadow: 0 2px 3px 0 black;
    font-weight:bold;
}

#createConteporalSave{
	width:110px;
	height:30px;
	line-height:30px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	position:absolute;
	left:-120px;
	top:5px;
    background: #fff;
    border-radius:5px;
    box-shadow: 0 2px 3px 0 black;
    -moz-box-shadow: 0 2px 3px 0 black;
    -webkit-box-shadow: 0 2px 3px 0 black;
    font-weight:bold;
    cursor:pointer;
}

#loadConteporalSave{
	width:110px;
	height:30px;
	line-height:30px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	position:absolute;
	left:-120px;
	top:45px;
    background: #fff;
    border-radius:5px;
    box-shadow: 0 2px 3px 0 black;
    -moz-box-shadow: 0 2px 3px 0 black;
    -webkit-box-shadow: 0 2px 3px 0 black;
    font-weight:bold;
    cursor:pointer;
}

.createConteporalSaves{
	width:50px;
	height:50px;
	line-height:16px;
	text-align:center;
	border-radius:5px;
	background: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0 2px 3px 0 black;
    -moz-box-shadow: 0 2px 3px 0 black;
    -webkit-box-shadow: 0 2px 3px 0 black;
	position:absolute;
	font-size:15px;
	top:585px;
	cursor:pointer;
}
#createConteporalSave1{
	left:-115px;
}
#createConteporalSave2{
	left:-55px;
}

#loginOrLogout{
	cursor:pointer;
}
#loginForn,#selectOrderedSize,#loadDesignID,#selectDressType,#selectClothStyle{
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

#loadDesignID table{
	width:460px;
	height:80px;
	position:absolute;
	top:240px;
	left:282px;
	border-radius:5px;
	background:white;
	margin:auto;
}

/********** ここからサイズ画面 **********/
#selectSizeContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:white;
	display:none;*/
}

#leftSizeList{
	width:170px;
	height:100%;
	padding:5px;
	float:left;
/*	background:red;*/
}
.sizeMenu{
	font-size:13px;
	font-weight:bold;
	width:100%;
	height:20px;
	line-height:20px;
	margin:20px 0px;
	border-bottom:1px dotted gray;
}
.sizeImages{
	cursor:pointer;
}
.sizeImages img{
	margin:5px;
}
.sizeImagesON img{
	margin:0px;
}

#middleArrange{
	width:417px;
	height:100%;
	padding:5px 25px;
	float:left;
/*	background:blue;*/
}

#measureImage{
	float:left;
}

#orderStyle{
	float:right;
	margin-bottom:5px;
}

#orderStyle img{
	cursor:pointer;
}

#mySizeInputTable{
	clear:both;
	width:380px;
	height:500px;
	padding:5px;
}

#mySizeInputTable th{
	font-size:14px;
	color:#610B21;
	text-align:left;
}

#mySizeInputTable td{
	border-top:1px dotted gray;
}

.tdPosition{
	font-weight:bold;
	font-size:14px;
}

.tdStandard{
	font-weight:bold;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

.inputMySize{
	width:50px;
}
#inputMySizeMemo{
	width:120px;
	height:65px;
}

#rightMeasure{
	padding:5px;
	float:left;
	width:430px;
	height:100%;
/*	background:red;*/
}

#modeOriginal{
	position:relative;
	height:100%;
	padding:5px 123px;
}

#modeStandard{
	position:relative;
	height:100%;
	padding:5px 100px;
	display:none;*/
}
#modeStandard img:first-child{
	width:230px;
}

.partsExplains{
	font-size:14px;
	font-weight:bolder;
	padding-left:5px;
	color:white;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
	border-radius:6px;
	cursor:pointer;
}
.partsExplains:hover{
	background:white;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset;
}

#originalExplains{
	width:350px;
	position:absolute;
	left:40px;
	top:380px;
}

#explainFrame{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

/********** ここからオーダー画面 **********/
#orderPrice{
	width:400px;
	margin-top:10px;
	font-weight:bold;
	font-size:30px;
	color:red;
	border-bottom:1px solid red;
}

#orderCount{
	margin-top:20px;
	font-weight:bold;
	color:red;
}

#inputOrderCount{
	width:45px;
}

#orderMenuContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:rgba(255,255,255,0.92);
	display:none;*/
}

#leftOrder{
	width:587px;
	padding:5px;
	float:left;
/*	background:red;*/
}

#rightInfomationInput{
	padding:5px;
	float:left;
	width:430px;
/*	background:red;*/
}

#informationForCloth{
	width:100%;
	text-align:center;
	font-size:14px;
}

#informationForSize{
	width:100%;
	text-align:center;
	font-size:14px;
}

#informationForCloth th{
	background:#E6E6E6;
	width:80px;
}

#informationForCloth td{
	text-align:left;
}

#informationForCloth th,#informationForCloth td, #informationForSize th, #informationForSize td{
	padding:5px;
	border:1px solid #E6E6E6;
}

.sizeMenuL{
	font-size:13px;
	font-weight:bold;
	width:100%;
	height:20px;
	line-height:20px;
	margin-top:45px;
	margin-bottom:20px;
	border-bottom:1px dotted gray;
}

#inputPersonalInfo{
	clear:both;
	width:100%;
	height:640px;
	display:none;
}

/********** 個人情報入力 **********/
#inputPersonalDataDiv, #inputPersonalSendDataDiv{
	padding:5px;
	font-size:14px;
	width:500px;
	float:left;
	margin-right:10px;
}

#inputPersonalDataTbl th, #inputPersonalSendDataDiv th{
	padding:3px;
	text-align:right;
	width:160px;
	border:2px solid white;
}

#inputPersonalDataTbl td, #inputPersonalSendDataDiv td{
	padding:3px;
	background:white;
}

#orderMemoDiv{
	clear:both;
	overflow:hidden;
	padding:5px;
	margin-top:10px;
	display:none;
}
#orderMemo{
	width:100%;
	height:60px;
}

#submitButton, #inputInfomationForNewMember{
	font-size: 15px;
	padding: 10px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	cursor:pointer;
	display:none;
}

#inputInfomationForNewMember{
	display:block;
	width:300px;
	text-align:center;
	border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
}

.myError{color:red;}
.w4em{width:50px;}
.w3em{width:50px;}
.w230{width:230px;}
.display-block{
	display:block;
}

#backToProcess{
	height:25px;
	line-height:25px;
	position:absolute;
	left:480px;
	text-align:center;
	top:46px;
	color:white;
	cursor:pointer;
	border-radius:5px;
	background-color: rgba(128,128,128, .5);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
	display:none;
}

#inputLoadDesignID{
	height:40px;
	font-size:20px;
}

#loadDesignIDButton{
	width:70px;
	height:40px;
}
/* （仮）サイズリンク */
.partsExplains-tshirt {
	background: #800000;
}
.partsExplains-tshirt {
	font-size: 14px;
	font-weight: bolder;
	padding-left: 5px;
	color: white;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: 6px;
}