@charset "utf-8";
@import('login.css');
/* CSS Document */
/*--------Adjust------------*/

#order option{
	padding-right:4px;
}

#order form#order01{
	padding:0px;
	height:auto;
	margin:0px;
}

#order input{
	line-height:normal;
}

#order h2{
	height:30px;
	margin-top:0px;
}
#order h2.entry{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.check{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.inputinfo{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.payment{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.confirm{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.complete{
	background-image: url(../img/order_h2.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.doc_entry{
	background-image: url(../img/order_h2_doc.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order h2.za_entry{
	background-image: url(../img/order_h2_za.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
	text-indent: 10px;
	margin-top: 20px;
}

#order #contents{
	margin-left:20px;
	margin-right:20px;
}

#order .frame{
	clear:both;
	border:solid 1px #999999;
	width:700px;
	margin:12px auto;
	padding-bottom:12px;
	}

#order .frame2{
	clear:both;
	width:700px;
	margin:12px auto;
	}

#order .frame3 h3{
	background:none;
	font-size:larger;
}

#order .frame01{
	clear:both;
	width:700px;
	height: 33px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;
	}
	
#order .footmenu{
	clear:both;
	margin-top: 25px;
	margin-bottom: 12px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}	
	
#order #statusbar_logout{
	margin:0px 0px 8px 0px;
	text-align:center;
	}

#order #statusbar_login{
	margin:0px 0px 8px 0px;
	text-align:center;
	display:none;
	}

#order .statusbar img{
	vertical-align:top;
	}

#order #main #contents li{
	list-style-type:none;
	text-align:left;
	margin:0px 12px;
	}
	
#order .per{
	width:30px;
	float:left;
	display:inline;
	text-align:center;
	margin-top:0px;
}

#order #cnt01 li{
	float:left;
	margin-right:24px;
	display:inline;
}

#order #cnt01 dt
,#order #cnt01 dd{
	float:left;
}

#order #cnt01 ul
,#order #cnt01 dl{
	margin:0px 25px;
	float:left;
	display:inline;
}

#order #cnt01 dt{
	margin-right:12px;
}

#order #cnt01 dd{
	margin-right:30px;
}

h3.pri{
	font-weight:bold;
	color:#333333;
	background:#C2F3C2;
	clear:both;
	padding:4px 0px;
	margin-bottom:8px;
	}

h3.doc{
	font-weight:bold;
	color:#333333;
	clear:both;
	padding:4px 0px;
	margin-bottom:8px;
	background-color: #FEE4BC;
	}

h3.za{
	font-weight:bold;
	color:#333333;
	clear:both;
	padding:4px 0px;
	margin-bottom:8px;
	background-color: #D3EEF8;
	}
	
#order #cnt01 h4{
	margin-left:14px;
	float:left;
	border-bottom:solid 1px #999999;
	display:inline;
	width:400px;
}

#order .menu1 li{
	padding:0px;
}

#order #contents ul{
	margin:0px 0px 12px 25px;
}

#order p{
	margin:4px 30px 4px;
}

#order .help{
	float:right;
	margin-right:15px;
	display:inline;
	font-size:12px;
}

#order .doctext{
	font-size:12px;
	width: 650px;
	display: block;
	margin-left: 30px;
	clear: both;
	margin-top: 10px;
}

#order #cnt01 ul.cover_color{
	width:500px;
	float:left;
	margin-left:14px;
	display:inline;
}

#order #cnt01 .cover_color	li{
	float:left;
	display:inline;
	white-space:nowrap;
	margin:2px 10px;
}

#order .cover_sample_frame{
	width:96px;
	height:130px;
	border:solid 1px #999999;
	margin:22px 24px 14px 24px;
	float:right;
	display:inline;
}

#order .cover_sample_frame_06{
	margin:22px auto;
	float:none;
	border:solid 1px #999999;
	width:96px;
	height:130px;		
}

#order #cover_color_sample{
	width:86px;
	height:120px;
	background:#FF0000;
	margin:5px;
}

#order #colorPreview{
	width:86px;
	height:120px;
	background:#FF0000;
	margin:5px;
}

#order #colorCharPreview{
	width:86px;
	height:120px;
	background:#FF0000;
	margin:5px;
}

#order .bdrleft_none{
	border-left:none;
	width:90px;
	text-align:center;
}

#order td.bdrright_none{
	border-right:none;
}
/*----cover color sample-------*/

#order .n1 .sample{
	color:#000b00;
}
#order .n2 .sample{
	color:#595857;
}

/*↓不明カラー*/
#order .n16 .sample{
	color:#000068;
}
#order .n18 .sample{
	color:#949a41;
}
#order .n4 .sample{
	color:#6e7955;
}
#order .n8 .sample{
	color:#683f36;
}
#order .n3 .sample{
	color:#ec6800;
}
#order .n15 .sample{
	color:#ebe1a9;
}

#order .sp3 .sample{
	color:#2b2b2b;
}
#order .sp4 .sample{
	color:#3e62ad;
}
#order .sp6 .sample{
	color:#1c305c;
}
#order .sp9 .sample{
	color:#7b8d42;
}
#order .sp8 .sample{
	color:#752100;
}
#order .sp1 .sample{
	color:#BA2B36;
}

#order .gold{
	color:#ffd700;
	}

/*---result------*/
#order table.estimate_result{
	width:300px;
	margin:0px auto;
	border-top:solid 2px #999999;
	border-bottom:solid 2px #999999;	
}

#order .estimate_result th{
	width:40%;
	background:none;
	border:none;
	}

#order .estimate_result td.result{
	font-weight:bold;
	font-size:larger;
	text-align:right;
}

#order .estimate_result .double{
	border-top:double 3px #999999;
}

#order .estimate_result .b_dotted{
	border-bottom:dotted 1px #999999;
	border-top:dotted 1px #999999;
}

#order .estimate_result .t_none{
	border-top:none;
}

#order .estimate_result td{
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	padding:2px 4px;
	}

#order .estimate_result td.unit{
	width:50px;
	padding:0px;
	font-size:smaller;
	border-right:none;
}

#order .estimate_result td.larger{
	text-align:right;
}

#order th.caption{
	background:#cccccc;
	border-bottom:solid 2px #999999;
	font-size:larger;
}

#order #cnt01 ul.preview{
	margin-left:60px;
}

#order .help img{
	vertical-align:middle;
	margin-right:2px;
}

/*-----upload---------*/
#order .preview{
	
}

#order .upload{
	width:82px;
	height:22px;
	background:transparent url(../img/bt_upload.gif) no-repeat 0px 0px;
	border:none;
	cursor:hand;cursor:pointer;
}

#order .buttons a.go_to_order{
	background:url(../img/order_buttons_02.gif) no-repeat 0px 0px;
}

#order .buttons a.go_to_order:hover{
	background-position:-150px 0px;
}

.buttons a.backto_spec{
	background-image: url(../img/order_buttons_21.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.buttons a.backto_spec:hover{
	background-position:-150px 0px;
}

.buttons a.backto_ord{
	background-image: url(../img/order_buttons_22.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.buttons a.backto_ord:hover{
	background-position:-150px 0px;
}

.buttons a.input_info{
	background:url(../img/order_buttons_04.gif) no-repeat 0px 0px;
	}

.buttons a.input_info:hover{
	background-position:-150px 0px;
	}

.buttons a.payment{
	background:url(../img/buttons_27.gif) no-repeat 0px 0px;
	}

.buttons a.payment:hover{
	background-position:-150px 0px;
	}
.buttons a.docpayment{
	background-image: url(../img/order_buttons_15.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.buttons a.docpayment:hover{
	background-position:-150px 0px;
	}

.buttons a.payment{
	background-image: url(../img/buttons_27.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.buttons a.payment:hover{
	background-position:-150px 0px;
	}

.buttons a.goto_confirm{
	background:url(../img/buttons_30.gif) no-repeat 0px 0px;
	}
	
.buttons a.goto_confirm:hover{
	background-position:-150px 0px;
	}

.buttons a.backto_inputinfo{
	background:url(../img/order_buttons_09.gif) no-repeat 0px 0px;
}

.buttons a.backto_inputinfo:hover{
	background-position:-150px 0px;
	}

.buttons a.backto_check{
	background:url(../img/order_buttons_07.gif) no-repeat 0px 0px;
}

.buttons a.backto_check:hover{
	background-position:-150px 0px;
	}

.buttons a.goto_payment{
	background:url(../img/order_buttons_08.gif) no-repeat 0px 0px;
}

.buttons a.goto_payment:hover{
	background-position:-150px 0px;
	}

.buttons a.go_to_order{
	background:url(../img/buttons_30.gif) no-repeat 0px 0px;
}

.buttons a.go_to_order:hover{
	background-position:-150px 0px;
	}

.buttons a.backto_payment{
	background:url(../img/order_buttons_11.gif) no-repeat 0px 0px;
}

.buttons a.backto_payment:hover{
	background-position:-150px 0px;
	}

.buttons a.backto_docpayment{
	background-image: url(../img/order_buttons_09.gif);
	background-repeat: no-repeat;
}

.buttons a.backto_docpayment:hover{
	background-position:-150px 0px;
	}


.buttons a.goto_check{
	background:url(../img/order_buttons_10.gif) no-repeat 0px 0px;
}

.buttons a.goto_check:hover{
	background-position:-150px 0px;
	}

.buttons a.decide{
	background:url(../img/order_buttons_12.gif) no-repeat 0px 0px;
}
.buttons a.decide:hover{
	background-position:-150px 0px;
}

.buttons a.backto_order{
	background:url(../img/order_buttons_18.gif) no-repeat 0px 0px;
}

.buttons a.backto_order:hover{
	background-position:-150px 0px;
}

.buttons a.docbackto_order{
	background:url(../img/order_buttons_16.gif) no-repeat 0px 0px;
}

.buttons a.docbackto_order:hover{
	background-position:-150px 0px;
}

.buttons a.zabackto_order{
	background:url(../img/order_buttons_19.gif) no-repeat 0px 0px;
}

.buttons a.zabackto_order:hover{
	background-position:-150px 0px;
}

.buttons a.entry_members{
	background:url(../img/member_buttons_16.gif) no-repeat 0px 0px;
} 

.buttons a.entry_members:hover{
	background-position:-150px 0px;
} 

.buttons a.moji{
	background:url(../img/order_buttons_17.gif) no-repeat 0px 0px;
}

.buttons a.moji:hover{
	background-position:-150px 0px;
}

.buttons a.souhu{
	background:url(../img/order_buttons_20.gif) no-repeat 0px 0px;
}

.buttons a.souhu:hover{
	background-position:-150px 0px;
}

.buttons a.sakujyo{
	background:url(../img/order_buttons_23.gif) no-repeat 0px 0px;
}

.buttons a.sakujyo:hover{
	background-position:-150px 0px;
}

.buttons a.mousi{
	background:url(../img/order_buttons_24.gif) no-repeat 0px 0px;
}

.buttons a.mousi:hover{
	background-position:-150px 0px;
}

.buttons a.jyouki{
	background:url(../img/order_buttons_25.gif) no-repeat 0px 0px;
}

.buttons a.jyouki:hover{
	background-position:-150px 0px;
}

/*-------button-----*/
#order .button_set{
	margin-left:360px;
	margin-bottom:18px;
	}

#order .button_set2{
	width:360px;
	margin-left:320px;
	}

#order .button_set p{
	margin:0px auto;
	}
	
#order #cnt01 ul.notice{
	width:auto;
	clear:both;
	float:none;
}

#order #cnt01 .notice li{
	clear:both;
	width:auto;
	margin:0px;
	color:#333333;
	float:none;
	line-height:1.5;
	display:block;
	margin-left:20px;
}

#order .button_set3{
	clear:both;
	width:600px;
	margin:0px auto;
}

#order .button_set3 span{
	margin-left:30px;
	float:left;
}

#order .button_set4{
	margin-left:280px;
	margin-bottom:18px;
}

#order .button_set5{
	margin-left:auto;
	margin-bottom:18px;
	width: 525px;
	margin-right: auto;
}

#order .button_set6{
	margin-left:auto;
	margin-bottom:18px;
	width: 400px;
	margin-right: auto;
	margin-top: 20px;
}


#order .button01{
	clear:both;
	width:700px;
	height: 33px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;
	}

/*--------order02-------*/
#order  .cnt02 .frame table.price {
	width: 400px;
}

#order  .price th{
	width: 216px;
}

#order  table {
	width:630px;
	margin-left:30px;
	margin-bottom:8px;
	margin-top:8px;
	border-collapse:collapse;
	border: 2px solid #999999;	
	}

#order  table.small {
	width:360px;
	margin-left:30px;
	}

#order .small th{
	width:200px;
	}

#order td{
	border: 1px solid #999999;
	padding:2px 4px;
	}

#order th{
	background:#cccccc;
	width:20%;
	font-weight:bold;
	padding:2px 4px;
	border: 1px solid #999999;
	}

#order th.adjust05{
	width:90px;
}

#order th.adjust06{
	width:80px;
}

#order th.adjust07{
	width:110px;
}

#order td.unit{
	width:40px;
	text-align:left;
	border-left:none;
}

#order .payment th{
	vertical-align:top;
	text-align:left;
	width:80px;
}

#order .payment h4{
	border-left:solid 14px #666666;
	border-bottom:solid 1px #666666;
	display:inline;
	font-size:110%;
	padding:2px 5px;
	font-weight:bold;
	margin:4px 4px;
}

#order .payment ol{
	list-style-type:decimal;
}
#order .payment li{
	display:list-item;
	list-style-type:decimal;
	margin-left:40px;
	clear:both;
	vertical-align:top;
	
}
/*------tables*---------*/

#order p{
	margin:4px 12px;
	}



/*-----buttons-----*/
#order .button_set{
	margin-left:400px;
}

/*-----iframe---------*/

#order .iframe{
	width:500px;
	height:250px;
	border:solid 1px #999999;
	margin:2px auto;
	overflow:auto;
	background:#FEFFDF;
	}

/*---------------*/
#order dl.short{
	width:460px;
	margin:8px auto;
}

#order  .short dt{
	width:150px;
	background:#cccccc;
	float:left;
	display:inline;
	border:solid 1px #999999;
	text-align:center;
	height:18px;
	vertical-align:bottom;
	font-weight:bold;
}

#order .short dd{
	padding-left:20px;
	border:solid 1px #999999;
	border-left:none;
	float:left;
	width:260px;
	margin-left:0px;
	margin-bottom:4px;
	height:18px;
	vertical-align:bottom;
	display:inline;
	
}

#order .short input{
	height:15px;
	margin-top:0px;
	vertical-align:bottom;
	_margin-top:-1px;
}

#order .short dd.noborder{
	border:none;
	margin-left:-20px;
}

#order table.noborder
,#order .noborder th
,#order .noborder td{
	border:solid 1px #999999;
	padding:4px 8px;
	font-weight:normal;
	vertical-align:middle;
}

#order .noborder th{
	text-align:center;
	background:#FDFFD2;
	width:180px;
}

#order .complate{
	font-size:larger;
	color:#00CC00;
	text-align:center;
	font-weight:bold;
	}

#order ul.send_to{
	margin:0px;
	padding:0px;
	width:600px;
	margin:4px auto;
	}

#order .send_to li{
	float:left;
	margin-right:40px;
	display:inline;
	}

#order #cnt06 .login{
	border:none;
	background:none;
	width:400px;
	margin:4px auto;
	}

#order #cnt06 .login dt{
	width:150px;
	background:#cccccc;
	padding-top:1px;
	_height:18px;
	padding-bottom:1px;
	font-weight:bold;
	text-align:center;
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:0px;
	background:#cccccc;
	clear:left;
	margin-bottom:4px;
	}
#order #cnt06 .login dd{
	margin-bottom:4px;
	display:inline;
}

#order #cnt06 .login input{
	height:14px;
	_margin-top:-1px;
	display:inline;
}

#order .frame3{
	background:url(../img/frame3_02.gif) repeat-y;
	padding:0px;
	}
	
#order .frame3 img.top{
	vertical-align:top;
	}

#order .frame3 img.bottom{
	vertical-align:bottom;
	}
	
#order #errMsg_bindingCnt
,#order #errMsg_mainFile
,#order #errMsg_backCover
,#order #errMsg_frontCover{
	color:#FF0000;
	display:none;
	}

#order #errMsg_mainFile
,#order #errMsg_backCover
,#order #errMsg_frontCover{
	margin-left:48px;
}

#order #sendaddress
,#order #rec_addr{
	display:none;
	}
#order #rec_addr th{
	background:none;
	text-align:left;
	width:auto;
	font-weight:normal;
}

#order #rec_addr input.radio{
	vertical-align:middle;
}

#order #uploadMsg_mainFile
,#order #uploadMsg_backCover
,#order #uploadMsg_frontCover{
	text-align:center;
	color:#006600;
	font-weight:bold;
	display:none;
}

#order #uploadMsg_mainFile img
,#order #uploadMsg_backCover img
,#order #uploadMsg_frontCover img{
	vertical-align:middle;
}

#after_body_upload,
#after_back_upload,
#after_cover_upload{
	display:none;
}