@charset "UTF-8";
/* CSS Document */


/*--------------------------------------

		form_navi

--------------------------------------*/



/*----------	overview	------------*/

#form_top_navi_overview{
	top:0;
	left:0;
}

#form_top_navi_overview a{
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:0px 0px ;
}

#form_top_navi_overview a:hover{ background-position:0px -30px ;}


#form_top_navi_overview_selected{
	top:0;
	left:0;
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:0px -60px ;
	z-index:99;
}

/*----------	orderkit	------------*/

#form_top_navi_orderkit{
	top:0;
	left:115px;
}

#form_top_navi_orderkit a{
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-120px 0px ;
}

#form_top_navi_orderkit a:hover{ background-position:-120px -30px ;}


#form_top_navi_orderkit_selected{
	top:0;
	left:115px;
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-120px -60px ;
	z-index:99;
}

/*----------	catalog	------------*/

#form_top_navi_catalog{
	top:0;
	left:230px;
}

#form_top_navi_catalog a{
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-240px 0px ;
}

#form_top_navi_catalog a:hover{ background-position:-240px -30px ;}


#form_top_navi_catalog_selected{
	top:0;
	left:230px;
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-240px -60px ;
	z-index:99;
}

/*----------	download------------*/

#form_top_navi_dl{
	top:0;
	left:345px;
}

#form_top_navi_dl a{
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-360px 0px ;
}

#form_top_navi_dl a:hover{ background-position:-360px -30px ;}


#form_top_navi_dl_selected{
	top:0;
	left:345px;
	background-image:url(../common/img/contents_header/top_navi_form.png);
	background-position:-360px -60px ;
	z-index:99;
}


/*--------------------------------------

		order form

--------------------------------------*/


#form_index_wrap {
	width:960px;
	height:520px;
	position:relative;
	margin-top:0px;
	margin-bottom:150px;
}


#form_index_kit_wrap{
	width:390px;
	height:440px;
	position:absolute;
	top:0px;
	left:0px;
	padding:40px;
	background-color:#005368;
	background-image: url(../orderform/img/index/bg/bg_kit.png);
	background-repeat: no-repeat;
}

#form_index_catalog_wrap{
	width:390px;
	height:260px;
	position:absolute;
	top:0px;
	right:0px;
	padding:40px;
	background-color:#F0F5F5;
	background-image: url(../orderform/img/index/bg/bg_catlog.png);
	background-repeat: no-repeat;	
}

#form_index_dl_wrap{
	width:390px;
	height:100px;
	position:absolute;
	top:352px;
	right:0px;
	padding:20px 40px 40px 40px;
	background-color:#EEEEEE;
	background-image: url(../orderform/img/index/bg/bg_dl.png);
	background-repeat: no-repeat;
}

#form_index_title_kit{
	margin-bottom:40px;
	margin-right:120px;
	margin-left: 120px;
	margin-top: 20px;
}

.form_index_title{
	margin-bottom:40px;
	margin-right: auto;
	margin-left: auto;
}

.form_index_btn{
	position:absolute;
	bottom:40px;
	right:39px;
}

#form_index_dl_title{
	margin-bottom:20px;
}

#form_index_dl_btn{
	position:absolute;
	bottom:20px;
	right:40px;
}

/*--------------------------------------

		ORDER KIT

--------------------------------------*/


#form_hedder{
	width:960px;
	height:125px;
	position:relative;
	background-color:#F5F7F2;
	margin-bottom:35px;
}

#form_footer {
	width:960px;
	height:10px;
	border-top:#005368 dotted 1px;
	border-bottom:#005368 solid 2px;
	margin-bottom:30px;
}
#form_submit{
	width:960px;
	height:72px;
	position:relative;
}
#form_submit_next{
	width:180px;
	height:40px;
	position:absolute;
	top:17px;
	right:0;
}
				 

#form_flow{
	width:190px;
	height:40px;
	position:absolute;
	top:42px;
	right:40px;
}
#form_textbox{
	width:460px;
	height:85px;
	padding:20px 0px 20px 40px;
	text-align:justify;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:20px;
}
.form_contents_title{
	width:940px;
	height:45px;
	line-height:45px;
	padding-left:20px;
	border-top:#005368 solid 2px;
	border-bottom:#005368 dotted 1px;
	margin-bottom:0px;
}
.form_contents_table{
	margin:0 auto 0 auto;
}
.form_contents_wrap{

	width:100%;
	padding:50px 0 50px 0;
	
	font-size:12px;
}

/*----KIT WEAR INPUT -----*/

#form_kit_wear_wrap{
	width:960px;
	height:300px;
	position:relative;
	padding:30px 0px 30px 0;
	font-size:12px;
}

#form_kit_wear_text{
	width:470px;
	height:54px;
	padding: 10px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:18px;
	
}
#form_kit_wear_1{
	width:310px;
	height:140px;
	padding:15px 0 15px 0;
	position:absolute;
	top:120px;
	left:0px;
	background-color:#F5F7F2;
}
#form_kit_wear_2{
	width:310px;
	height:140px;
	padding:15px 0 15px 0;
	position:absolute;
	top:120px;
	left:325px;
	background-color:#F5F7F2;
}

#form_kit_wear_3{
	width:310px;
	height:140px;
	padding:15px 0 15px 0;
	position:absolute;
	top:120px;
	right:0px;
	background-color:#F5F7F2;
}

.form_kit_wear_title{
	width:280px;
	height:25px;
	display: block;
	line-height:25px;
	border-bottom:#005368 1px solid;
	margin:0px auto 10px auto ;
	color:#005368;
 
}

				 
/*----	PRODUCTION	----*/

#form_production_wrap{
	width:960px;
	height:200px;
	position:relative;
	margin-bottom:35px;
	font-size:13px
}

#form_production_count{
	width:376px;
	height:120px;
	margin-right:20px;
	float:left;
	padding:30px 0 30px 0;
}
#form_production_memo{
	width:564px;
	height:120px;
	float:right;
	padding:30px 0 30px 0;

}
	
/*--------------------------
		confirm
----------------------------*/

#form_confirm_table{
margin:0 auto 0 auto;
border-left:solid 1px #005368;
border-right:solid 1px #005368;
border-bottom:solid 1px #005368;
	
}


.form_confirm_cel th{
	border-bottom:solid 1px #FFF;
	background-color: #F0F3F3;
}
.form_confirm_cel td{
	background:#FFF ;
}

.form_confirm_hedding{
	background:#FFF;
	border-top:solid 1px #005368;
	border-bottom:dotted 1px #005368;
	color:#005368;
	
}
#form_submit_center{
	position:absolute;
	top:30px;
	left:400px;
	
	}

/*--------------------------------------

		form finish

--------------------------------------*/

#form_finish_hedder{
	width:960px;
	height:360px;
	position:relative;
	background-color:#F5F7F2;
	margin-bottom:70px;
}
#form_finish_textbox{
	position:absolute;
	top:95px;
	left:280px;
	width:400px;
	text-align:justify;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:20px;
}
#form_finish_textbox h3{
	font-size:14px;
	line-height:30px;
	text-align:center;
}

#form_finish_flow{
	width:190px;
	height:40px;
	position:absolute;
	top:40px;
	left:385px;
}

#form_finish_contact li{
	text-align:right;
		
	
}

#form_finish_contact li{
	list-style:none;
	line-height:28px;
	font-size:14px;
	
	
}

/*------*/
#form_submit_btn_wrap{
	width:380px;
	height:35px;
	margin:auto;
	padding:18px 0 19px 0;
}

#form_submit_btn_L{
	float:left;
	margin-right:10px;
	border:0;
	padding:0;
	width: 180px;
}

#form_submit_btn_R{
	float:right;
	border:0;
	padding:0;
	width: 180px;
}
#form_seal{
	width:100px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
}

/*--------------------------------

		download

--------------------------------*/

#form_col2_main{
	width:716px;
	position:static;
	
}

#form_col2_sub{
	
	width:228px;
	position:absolute;
	top:0;
	right:0
	
}

.form_dl_wrap{
	width:716px;
	height:219px;
	position:relative;
	margin-bottom:50px;
}
.form_dl_text{
	width:348px;
	position:absolute;
	top:0px;
	left:368px;
	text-align:justify;
}
.form_dl_img{
	width:348px;
	height:219px;
	
}



#form_dl_kit{
	width:180px;
	position:absolute;
	bottom:0px;
	left:368px;
}

#form_dl_kit li{
	width:180px;
	height:25px;
	list-style:none;
	padding-bottom:5px;
}

#form_dl_kit a{
	display:block;
	width:180px;
	height:25px;
	line-height:25px;
	
}