@import "/css/common.css";
@import "./bend_common.css";

/*==================================================================*/

/* bend css  (class=bend)*/

/*==================================================================*/

/*------------------------------------------------------------*/
/* 板曲げリストから選ぶ bend_list_all.php */
/*------------------------------------------------------------*/
.bend-list{
	width:660px;
	margin:0 auto 1.0em;
	padding:7px 7px 0;
	background:#e5e5e5;
}

/* clear hack */
.bend-list{zoom:1;}
.bend-list:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* for ie6 */
* html .bend-list{padding:7px;}

/* for ie7 */
*:first-child + html .bend-list{padding:7px;}

/* 曲げ数 */
/*-------------------*/
.bend-list h2{
	float:left;
	width:100px;
	padding:36px 0;
	margin:0 0 0 7px;
	background:#fff url('../image/bend_list_back.gif') repeat-x left top;
	text-align:center;
	border:1px #a4a4a4 solid;
	font-size:1.1em;
}

/* 定型曲げの数量が11以上の場合は以下のclassを適用 */
.bend-list h2.over{
	margin:0 0 150px 4px;
}


/* 曲げタイプ */
/*-------------------*/
.bend-list dl{
	float:left;
	width:100px;
	margin:0 0 5px 7px;
	border:1px #a4a4a4 solid;
	background:#fff;
}

/* clear hack */
.bend-list dl{zoom:1;}
.bend-list dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

.bend-list dt{
	padding:2px;
	text-align:center;
	border-bottom:1px #a4a4a4 solid;
}


.bend-list dd{
	padding:3px 0;
	text-align:center;
	font-weight:bold;
	background:#fff url('../image/bend_list_back.gif') repeat-x left top;
}

/* 5つごとの調整 */
.bend-list div.ajust{
	float:left;
	display:block;
	width:102px;
	margin:0 0 0 7px;

}

/* 選択ボタン */
.bend-list dd p{
	display:inline;
	width:25px;
	margin:0 auto ;
	font-weight:normal;
}

.bend-list dd p a{
	padding:1px 4px;
	background:#144fab;
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.bend-list dd p a:hover{
	color:#facd55;

}

/* その他・多角 */
/*-------------------*/
.other{margin:0 auto 2.5em;}

.other h2{padding:25px 0;}

.other dl{
	width:520px;
}
.other dt{
	float:left;
	width:165px;
	padding-top:20px;
	border:none;
}

.other dd{
	float:right;
	width:350px;
	padding:17px 0;
	font-weight:normal;
	border-left:1px #a4a4a4 solid;
}



.other dd p{
	display:block;
	width:300px;
	background:#fa7e25;
	border:none;
}

.other dd p a{
	display:block;
	width:300px;
	background:#fa7e25;
	color:#fff;
}

.other dd p a{
	display:block;
	width:300px;
	background:#fa7e25;
	color:#fff;
}

.other dd p a:hover{
	color:#333;
}

/*------------------------------------------------------------*/
/* 特定の定型曲げリスト bend_list_more.php */
/*------------------------------------------------------------*/
.bend-more{
	width:580px;
	margin:0 auto;
}

.bend-more h2{
	margin-bottom:5px;
	padding:6px 0;
	background:url(../image/bend_list_more_title.gif) no-repeat left top;
	font-size:1.4em;
	color:#fff;
	text-align:center;
}

.bend-more .bend-image{
	margin:0 auto 18px;
}

.bend-more p{
	width:570px;
	margin:0 auto 18px;
}

.bend-more table{
	width:580px;
	margin:0 auto 30px;
	border-collapse:collapse;
}

.bend-more th{
	width:45px;
	padding:4px 0;
	background:#7d7d7d;
	text-align:center;
	vertical-align:middle;
}

.bend-more th.scale{
	width:70px;
	background:#a5cddd;
}

.bend-more td{
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
}

.bend-more table,
.bend-more th,
.bend-more td {
	border:#bdbcbd 1px solid;
}

.bend-more td.scale{
	background:#dff3fb;
}

.bend-more td.nodata{
	background:#eeeeee;
}


/*------------------------------------------------------------*/
/* 寸法・長さ・数量の入力 bend_draft.php */
/*------------------------------------------------------------*/

#draft{
	width:718px;
	margin:0 auto 2.5em;
}


#flash-info{
	width:500px;
	margin:0 auto 2.5em;
	padding:15px;
	border:1px #999 solid;
}

#flash-info dl{
}

/* clear hack */
#flash-info dl{zoom:1;}
#flash-info dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#flash-info dt{
	float:right;
	width:160px;
}


#flash-info dd{
	float:left;
	width:300px;
}

/*------------------------------------------------------------*/
/* 付属品を選ぶ attachment_list.php */
/*------------------------------------------------------------*/

#attachment{
	width:700px;
	margin:0 auto 2.5em;
}

#attachment h2{
	margin:0 auto 0.5em;
	padding-left:6px;
	border-left:#666 5px solid;
	font-size:1.4em;
}

#attachment table{
	width:700px;
	margin:0 auto 1.2em;
}

#attachment table,#attachment th,#attachment td{
	padding:2px;
	border:1px #999 solid;
	border-collapse:collapse;
	text-align:center;
	font-weight:normal;
}

#attachment table th{
	background:#e6f2d4;
}

/* 商品コード */
#attachment td.code{
	width:81px;
}

/* サイズ */
#attachment td.size{
	width:291px;
	text-align:left;
}

/* 単価 */
#attachment td.price{
	width:81px;
	text-align:right;
}

/* 長さ */
#attachment td.long{
	width:41px;
	text-align:right;
}

/* 入り数 */
#attachment td.number{
	width:56px;
	text-align:center;
}

/* 数量 */
#attachment td.amount{
	width:76px;
	text-align:right;
}

/* 数量入力フォーム */
#attachment input.amount{
	width:25px;
}

#attachment p{
	margin:0 0 1.0em;
	color:#a40000;
}

#attachment p.right{
	text-align:right;
}
/*------------------------------------------------------------*/
/* パスワードを忘れた方 password.php */
/*------------------------------------------------------------*/
#pass-title{
	width:640px;
	margin:0 auto;
	padding-top:3em;
	text-align:center;
}

#pass-title h1{
	margin:0 auto 1.0em;
}

#pass-title p{
	margin:3em;
}

.pass-comment{
	width:550px;
	margin:0 auto 1.5em;
}

#pass-form{
	width:430px;
	margin:0 auto 2.5em;
	padding:1px;
	border:#ccc solid 1px;
}

#pass-form div{
	padding:20px 0 20px 35px;
	background:#f1f1f1 url('../image/back_password.gif') repeat-x left top;
}

#pass-form th{
	width:100px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#pass-form td{
	padding:5px 0 5px 10px;
	vertical-align:middle;
}

#pass-form td input.mail-field{
	width:215px;
}

#pass-form td input.pass-field{
	width:115px;
}

#pass-form p{
	padding-top:10px;
	margin-left:6em;
}

#pass-form p a{
	color:#a40000;
}


/*------------------------------------------------------------*/
/* パスワードを送信しました password_send.php */
/*------------------------------------------------------------*/
.send-comment{
	width:600px;
	margin:0 auto 1.5em;
	text-align:center;
}


/*------------------------------------------------------------*/
/* ログイン login.php */
/*------------------------------------------------------------*/
#login-select{
	width:600px;
	margin:0 auto 3em;
}
/* clear hack */
#login-select{zoom:1;}
#login-select:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#login-select a{
	color:#a40000;
}

#login-select a:hover{
	color:#bf4c4c;
}

#login-select .left{
	float:left;
	width:290px;
}

#login-select p{
	margin-bottom:1em;
	text-align:center;
}

#login-select .waku{
	padding:0 1px 1px;
	border:#999 1px;
	border-style:none solid solid solid;
}

#login-select .left .waku .inner{
	padding:15px 0 2px;
	background:#f3f3f3 url('../image/loginback.gif') repeat-x left top;
}

#login-select table{
	width:250px;
	margin:0 auto 1em;
}

#login-select th{
	width:90px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#login-select td{
	padding:5px 0 5px 10px;
	vertical-align:middle;
}

#login-select td input.mail-field{
	width:215px;
}

#login-select td input.pass-field{
	width:115px;
}

#login-select .right{
	float:right;
	width:290px;
}

#login-select .right p.note{
	margin-bottom:1em;
	padding:0 1em;
	text-align:left;
}

#login-select .right .waku .inner{
	padding:22px 0 1px;
	background:#f3f3f3 url('../image/loginback.gif') repeat-x left top;
}



#login-form{
	width:350px;
	margin:0 auto 0.7em;
	padding:1px;
	border:#ccc solid 1px;
}

#login-form div{
	padding:20px 0 20px 35px;
	background:#f1f1f1 url('../image/back_password.gif') repeat-x left top;
}

#login-form th{
	width:100px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#login-form td{
	padding:5px 0 5px 10px;
	vertical-align:middle;
}

#login-form td input.mail-field{
	width:215px;
}

#login-form td input.pass-field{
	width:115px;
}

.btn-area{
	width:420px;
	margin:0 auto 3em;
	padding:0 6em 1.5em !important;
	background:url('../image/line_dot.gif') repeat-x left bottom;
}
/* clear hack */
.btn-area{zoom:1;}
.btn-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.btn-area p{
	float:left;
}

.btn-area p a{
	padding-left:1em;
	background:url(../image/arw_password.gif) no-repeat left center;
	color:#a40000;
}

.btn-area p a:hover{
	color:#bf4c4c;
}

.btn-area img{
	float:right;
}

.menber{
	width:434px;
	margin:0 auto 0.5em;
	font-weight:bold;
	text-align:left;
}

#entry{
	width:434px;
	margin:0 auto 3em;
}

#entry a{
	color:#a40000;
}

#entry a:hover{
	color:#bf4c4c;
}

#entry .btn{
	margin-bottom:1.2em;
	text-align:center;
}

#entry p.service{
	text-align:right;
}

/*------------------------------------------------------------*/
/* 自由曲げオーダー用紙ダウンロード bend_free_fax.php */
/*------------------------------------------------------------*/

/* ダウンロード説明枠 */
#free-fax{
	width:730px;
	margin:0 auto 0.5em;
}

#free-fax a{color:#a40000;}

/* clear hack */
#free-fax{zoom:1;}
#free-fax:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */


#free-fax #fax-image{
	float:left;
	width:270px;
	margin:0 auto 1.5em;
}

#free-fax #fax-info{
	float:right;
	width:450px;
	margin:0 auto 1.5em;
}

#free-fax #fax-info p{
	margin:0 auto 1.5em;
	padding-bottom:1.0em;
	background:url('../image/dotline.gif') repeat-x left bottom;
}

#free-fax #fax-info dl{
	text-align:center;
	margin:0 auto 1.5em;
	padding-bottom:0.5em;
	background:url('../image/dotline.gif') repeat-x left bottom;
}

#free-fax #fax-info #member{
	width:400px;
	text-align:center;
	margin:0 auto 1.5em;
	padding:1.0em 0 0.2em;
	background-color:#fef6cd;
	border:1px #bdbcbd solid;
}

#free-fax #fax-info #member h2{
	margin:0 0 0.5em;
}

#free-fax #fax-info #member dl{
	margin:0;
	padding:0;
	background-image:none;
}

#free-fax #fax-info dt{
	margin:0 auto 0.5em;
}

#free-fax #fax-info dd{
	margin:0 auto 1.5em;
}

/* 注文の流れ枠 */

#free-flow{
	width:680px;
	margin:0 auto 3.5em;
}

#free-flow h2{
	margin:0 auto 0.8em;
	padding-bottom:0.3em;
	background:url('../image/dotline.gif') repeat-x left bottom;
}

#free-flow dl{
	width:650px;
	margin:0 auto ;
}

#free-flow dt{
	margin:0 auto 0.5em;

}

#free-flow dd{
	margin:0 auto 2.0em;

}


/*------------------------------------------------------------*/
/* 自由曲げオーダー簡易見積り bend_free_estimate.php */
/*------------------------------------------------------------*/

#bend-free-estimate{
	width:500px;
	margin:0 auto 4.5em;
}

#bend-free-estimate h2{
	margin:0 auto 1.0em;
}

#bend-free-estimate p{
	margin:0 auto 1.0em;
	text-align:center;
}

#bend-free-estimate table,#bend-free-estimate th,#bend-free-estimate td{
	padding:5px;
	border:1px #999 solid;
	border-collapse:collapse;
}

#bend-free-estimate table{
	width:95%;
	margin:0 auto 1.0em;
}

#bend-free-estimate th{
	background:#fbeee3 url('../image/bend_free_estimate_th_back.gif') repeat-x left top;
}

/* 必須 */
#bend-free-estimate th .need{
	font-size:0.9em;
	font-weight:normal;
	color:#ff7c00;
}

#bend-free-estimate th.sub{
	background-image:none;
	background-color:#e5e5e5;
}

#bend-free-estimate td{
}


#bend-free-estimate input.amount{
	width:30px;
}

#bend-free-estimate p.calculate{
	width:90%;
}

#bend-free-estimate p.calculate img{
	float:left;
}
#bend-free-estimate p.calculate input{
	float:right;
}


#bend-free-estimate p#price{
	width:95%;
	text-align:right;
	font-size:1.2em;
	border-bottom:3px #999 double;
}

#bend-free-estimate p#price strong{
	padding-left:15px;
	font-size:1.4em;
	color:#a40000;
}




/* 自由曲げ見積り例 */
/*--------------------------------------------*/
#free-example{
	width:650px;
	margin:0 auto 2.5em;

}

/* clear hack */
#free-example{zoom:1;}
#free-example:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */


#free-example h3{
	margin:0 auto 2.0em;
	text-align:center;
}

#free-example dl{
	float:left;
	width:200px;
	margin-left:1.0em;
}

#free-example dt{
	margin:0 0 1.0em;
	text-align:center;
}

#free-example dd{
	padding:5px;
	background:#efefef;
}

#free-example dd span{
	color:#a40000;
}

/*------------------------------------------------------------*/
/* 自由曲げオーダー用紙 bend_free_print.php */
/*------------------------------------------------------------*/

#bend-free-fax{
	width:680px;
	margin:0 auto;
}
#bend-free-fax p.number{
	width:300px;
	margin:0 0 0.7em;
	border-bottom:1px #333 solid;
	font-size:1.2em;
	letter-spacing:0.2em;
}


#bend-free-fax table,#bend-free-fax th,#bend-free-fax td{
	padding:2px;
	border:1px #333 solid;
	border-collapse:collapse;
}

#bend-free-fax table{
	width:100%;
}


/* free-data-main */
#bend-free-fax table.free-data-main th{
	width:60px;
}

#bend-free-fax table.free-data-main td.thickness{
	text-align:right;
}

#bend-free-fax table.free-data-main td.stn{
	vertical-align:top;
}

/* free-data */
#bend-free-fax table.free-data{
	margin:0 auto 1.0em;
	border:none;
}
#bend-free-fax table.free-data th{
	width:120px;
}

#bend-free-fax table.free-data th.kakou{
	width:240px;
}

#bend-free-fax table.free-data td{
	width:120px;
	text-align:right;
}


#bend-free-fax table.free-data td.color{
	width:360px;
	text-align:left;
}
#bend-free-fax table.free-data span{
	font-size:1.3em;
}

#bend-free-fax table.free-data th.unit{
	width:240px;
}

/* borderなし */
#bend-free-fax table.free-data th.no-border{
	border-style:solid solid none none;
}

/* amount */
#bend-free-fax table.free-data .amount{
	border-top:3px #333 double;
}
#bend-free-fax table.free-data th.amount{
	width:240px;
}
/* draw */
#bend-free-fax p.draw{
	margin:0 auto 1.0em;
	padding:5px;
	height:492px;
	border:1px #333 solid;
	background:url('../image/grid_back.gif') repeat center top;
}

/* etc */
#bend-free-fax p.etc{
	margin:0 auto 1.0em;
	padding:5px;
	height:70px;
	border:1px #333 solid;
	font-weight:bold;
}