html{
	overflow-x: hidden;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* layout */
#wrapper{
	width:1024px;
	margin:auto;
	opacity:0;
}


#header{
	height:70px;
}

#functions_area,
#functions{
	clear:both;
	padding-top: 30px;
	margin-top:50px;
}

.head_menu{
	list-style: none;
}

.head_menu li{
	float: left;
}

.mizuno_logo{
	width: 112px;
}

.ski_order_logo{
	padding-top: 7px;
	width: 656px;
}

.separator{
	margin:0;
	clear: both;
	width: 1028px;
	border-top: solid 10px #000;
}

.steps{
	max-height: 605px;
	/*padding-top: 35px;*/
	margin-top:20px;
	padding-bottom:40px;
	overflow-y: scroll;
	box-sizing: border-box;
	width: calc(100% - 698px);
	position:fixed;
	width:325px;
	top:90px;
}
/*スクロールバーの横幅指定*/
.steps::-webkit-scrollbar {
	width: 15px;
	height:30px;
}
/*スクロールバーの背景色・角丸指定*/
.steps::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.steps::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#09C9D9;
}

.school_model_pants,
.school_model_jacket {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.school_model_pants img,
.school_model_jacket img{
	cursor: pointer;
}

.school_model_pants li,
.school_model_jacket li{
	float: left;
    margin: 0;
	padding: 0 4px 0 0;
    width: 94px;
}


.school_model_pants li{
	padding-left:10px;
}

/*.school_model_pants li{
	width: 80px;
}*/

.school_model_pants{
	margin-top: 0;
}

#input div{
	float: left;
}

.step_00 img{
	padding-left: 10px;
	cursor: pointer;
}

.step_00 img:first-child{
	padding-left: 0;
}

.step_01{
	margin-top: 10px;
	width: 300px;
	height:262px;
	clear: both;
}

.step_title{
	width: 300px;
	background-color: #000;
	height:40px;
}

.step_title img{
	padding-top: 10px;
	padding-left: 15px;
}

.box{
	width: 298px;
	border: solid 1px #000;
	border-top: none;
	border-bottom: none;
	padding: 0;
	line-height: 0;
	display: table;
	clear: both;
}

.box img{
	vertical-align: top;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.b180{
	height: 176px;
}

.tab{
	width: 300px;
}

.tab img{
	float: left;
	cursor: pointer;
	box-sizing:border-box;
}
.tab .tab_on{
	max-width:43.289%;
}
.tab .tab_off{
	max-width:56.72%;
}
.tab_on_area,
.tab_on{
	border: solid 1px #000;
	border-top: none;
}

.tab_jk_off_area,
.tab_jk_off{
	border: solid 1px #000;
	border-right: none;
}
.tab .tab_jk_off{
	max-width:43.289%;
}
.tab_pt_on{
	max-width:56.72%;
}
.tab_off_area{
	border: none;
}

.step_02{
	margin-top: 10px;
	clear: both;
}

.color_selector,
.step02_menu{
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-bottom: solid 1px #000;*/

}
.step02_menu li{
	padding-bottom: 1px;
}
.step02_menu > li:last-child{
	border-bottom: 1px solid #000;
}
.box_color_grey{
	background-color: #f2f2f2;
}

.step02_menu img{
	margin: 0;
	padding: 0;
}
.color_selector li{
	float: left;
	padding-left: 8px;
	padding-top: 10px;
}
.step02_tab_on{
/*	height: 230px; */
}

.step02_menu p{
	cursor: pointer;
	margin:0;
}
.color_selector{
	padding-top: 10px;
	padding-bottom: 10px;
	height: 170px;
}

.color_selector li{
	cursor: pointer;
}

.marking_color dd{
	cursor: pointer;
}

.color_selector li.top_color{
	padding-top: 0;
}

.models{
	padding-top: 30px;
	padding-left: 325px;
	width: 683px;
}

.reload{
	clear: both;
	text-align: center;
	width: 520px;
	padding-top: 30px;
}

.area_pants,
.pants{
	clear: both;
	padding-left: 94px;
	padding-top: 30px;
}

.functions_list{
	list-style: none;
	padding-left: 0;
}
.functions_list li{
	float:left;
}

.functions{
	clear: both;
	width: 330px;
	font-size: 12px;
}

.functions p{
	float: left;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 0;
}
.functions img{
	padding-top: 1px;
}
p.f_txt{
	width: 250px;
	padding-left: 5px;
}

p.f_txt_02{
	width: 150px;
	padding-left:10px;
}

p.f_left{
	clear: both;
	padding-left: 10px;
}
p.f_right{
	width:110px;	
}
.p30{
	padding-top:30px;
}

.p10{
	padding-top:30px;
}

.p20{
	padding-top:20px;
}
.lp10{
	padding-left: 10px;
}

.foot_hr{
	clear: both;
	border: solid 1px #00009c;
}

.footer_menu{
	list-style: none;
	width: 1024px;
	margin:auto;
}

.footer_menu li{
	float: left;
}

.footer_menu li{
	padding: 0 8px 0 0;
}

.footer_menu li:last-child{
	float: right;
}

/* print */
.print_title{
	width: 1024px;
	background-color: #000;
	height:40px;
	text-align: center;
	padding-top: 0;
}

.print_title img{
	padding-top: 10px;
}

#print div{
	float: left;
}

.model_jk{
	padding-top: 70px;
}

.model_pt{
	clear:both;
	padding-top: 125px;
	padding-left: 50px;
}

.spec{
	width:544px;
	min-height:945px;
}

#print .spec div{
	float:right;
}

.order_no{
	width:375px;
	height: 45px;
	border-bottom: 5px solid #000;
	text-align: right;
	font-weight: bold;
}
.order_name{
	padding-top: 20px;
}

.order_spec{
	clear: both;
	text-align: left;
	width:500px;
}

.order_spec img{
	padding-top: 5px;
	padding-bottom: 5px;
}

.order_box{
	width:500px;
	height: 45px;
	border: 1px solid #000;
	font-size: 19px;
	line-height: 10px;
}

.order_box p{
	padding-left: 15px;
	float: left;
}
.order_box_bottom{
	border-top:none;
}

.box_black{
	background-color: #000;
	color:#fff;
}

.order_color{
	line-height: 0;
	margin-top: 6px;
}

.color_name_title{
	width: 160px;
}

.f16{
	font-size: 16px;
}
.f14{
	font-size: 14px;
}

/*accordion*/

ul.step02_menu ul {
	display:none;
}

.marking_list{
	list-style: none;
	padding-left: 10px;	
}

.marking_type dt{
	padding-bottom: 10px;
}

.marking_color dd,
.marking_type dd{
	float: left;
	margin-left: 0;
	width: 135px;
	padding-top: 10px;
	height: 45px;
	vertical-align: middle;
}

.marking_color dd{
	padding-left: 5px;
	padding-top: 10px;
	width: 65px;
}
.marking_color{
	clear: both;
    padding-top: 10px;
}
.marking_type dd img{
	padding-left: 5px;
}

.marking_type dd input{
	margin-top: auto;
	margin-bottom: auto;
	vertical-align:0.7em;
	width: 20px;
	height: 20px;
}
.marking_charactor{
	clear: both;
	padding-top: 15px;
}
.marking_charactor dt{
	padding-bottom: 10px;
}
.marking_charactor dd{
	margin-left: 0;
	padding-bottom: 10px;
}
.marking_btn{
	text-align: right;
	padding-right: 10px;
}
.marking_charactor input{
	width: 270px;
}


/* ジャケット */
.jacket2,
.area_jacket,
.jacket{
	height: 513px;
}
.jacket3{
	height: 513px;
}
.jacket6th{
	height: 513px;
}
.layer{
	position: absolute;
}

.layer_01{
	z-index: 100000;
}

.layer_02{
	z-index: 100010;
}

.layer_03{
	z-index: 100020;
}

.layer_04{
	z-index: 100030;
}

.layer_05{
	z-index: 100040;
}

.layer_06{
	z-index: 100050;
}

.layer_07{
	z-index: 100060;
}

.layer_08{
	z-index: 100070;
}

.layer_09{
	z-index: 100080;
}
.layer_19{
	z-index: 100090;
}
.layer_16{
	z-index: 110000;	
}

.pants_turn_btn,
.jacket_turn_btn{
	cursor: pointer;
}

.marking_position dt{
	margin-top: 10px;
	margin-bottom: 10px;
}

.marking_position dd{
  position: relative;
  height: 105px;
  margin-left: 0;
  line-height: normal;
  clear: both;
}

.marking_position dd p,
.marking_position dd input,
.marking_position dd img{
	float: left;
}
.marking_position dd input{
margin-top: 45px;
width: 15px;
}
.marking_position dd p{
	font-weight: bold;
	 margin-top: 42px;
 width: 125px;
 margin-left:5px;
 font-size: 0.8em;
}
textarea {
	font:normal!important;
	height:50px;
}

.attention{
	line-height: normal;
	font-size: 0.7em;
}

/* pants */
.area_pants,
.pants{
	height: 487px;
}

.layer_20{
	z-index: 200000;
}

.layer_21{
	z-index: 200010;
}

.layer_22{
	z-index: 200020;
}

.layer_23{
	z-index: 200030;
}

.layer_24{
	z-index: 200040;
}

.layer_25{
	z-index: 200050;
}

.layer_30{
	z-index: 210000;	
}

.layer_100{
	z-index: 300000;		
}

.layer_101{
	z-index: 300010;		
}

.layer_199{
	z-index: 300015;			
}

.layer_102{
	z-index: 300020;		
}

.layer_103{
	z-index: 300030;		
}

.layer_104{
	z-index: 300040;		
}

.layer_105{
	z-index: 300050;		
}

.layer_106{
	z-index: 300060;		
}

.layer_107{
	z-index: 300070;		
}

.layer_108{
	z-index: 300080;		
}

.layer_109{
	z-index: 300090;		
}

.layer_120{
	z-index: 410000;	
}

.layer_110{
	z-index: 400000;	
}

.layer_123{
	z-index: 400001;	
}

.layer_111{
	z-index: 400002;		
}

.area_model_pants,
.area_model_jacket{
	margin-top: 10px;
	padding-left : 0;	
}
.area_model_pants,
.area_model_jacket li{
	list-style: none;
}

/*marking */

.marking{
	width:592px;
	height:320px;
	padding: 20px;
	margin-top: 20px;
	background-image: url(../images/marking/marking_back.png);
	background-repeat: no-repeat;
	bottom:100px;
	z-index:10000000;
}

.marking_close{
	float: right;
	padding-right: 50px;
}



.marking_box{
	background-image: url(../images/marking/marking_box_bg_A_01.png);
	width: 500px;
	height: 160px;
	line-height: 0;
	margin-top:30px;
	margin-left:20px;
	overflow-x:auto;
	overflow-y:hidden;
	white-space: nowrap;
}

.marking_box img{
/*	float: left; */
	padding-top: 2px;
	padding-left:0;	
}

.char_start{
	clear:both;
	padding-left:5px!important;
}

.marking_attention{
	clear:both;
	padding-top:10px;
	padding-left:20px;
}

.marking_close,
.marking_check{
	cursor: pointer;
}


.color_tip{
	width: 50px;
	height:23px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.order_clor{
	padding: 0;
	margin: 0;
}


.layer_500{
	z-index: 500000;
}

.layer_501{
	z-index: 500010;
}

.layer_502{
	z-index: 500020;
}
.layer_510{
	z-index: 500025;	
}

.layer_503{
	z-index: 500030;
}

.layer_504{
	z-index: 500040;
}

.layer_505{
	z-index: 500050;
}

.layer_506{
	z-index: 500060;
}

.layer_507{
	z-index: 500070;
}

.layer_508{
	z-index: 500080;
}

.print_model .model_jk{
	width:477px;
	height:308px;
}

.layer_600{
	z-index: 600000;	
}

.layer_601{
	z-index: 600010;	
}

.layer_699{
	z-index: 600015;	
}

.layer_602{
	z-index: 600020;	
}

.layer_603{
	z-index: 600030;	
}

.layer_604{
	z-index: 600040;	
}

.layer_605{
	z-index: 600050;	
}

.layer_606{
	z-index: 600060;	
}

.layer_607{
	z-index: 600070;	
}

.layer_608{
	z-index: 600080;	
}

.print_btn{
	cursor: pointer;
}

.input_btn{
	cursor: pointer;
}

.order_marking_position{
	margin-top: 20px;
}

.insatsu_btn{
	cursor: pointer;
}

#marking_print{
	min-width: 500px;
	width: auto;
	background-image: none;
	background-color: #eef5f9;
	border: solid 1px #ccc;
}