@import "/css/common.css";

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

/* guide css  (class=guide)*/

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

/* reset */
.guide *{margin:0;padding:0;}

/* タイトル */
.guide h1{
	margin-bottom:0.5em;
	padding:0;
	text-align:center;
}

/* 共通サブタイトル */
.guide h2{
	width:620px;
	margin:0 auto 1.5em;

}

.guide h3{
	width:605px;
	margin:0 auto 1.2em;
	padding:11px 0 9px 0;
	background:url('../image/h3_back.gif') no-repeat left bottom;
	font-size:1.2em;
	color:#1C5AB3;
	}

.guide h3 span{padding-left:25px;}

.guide h4{
	width:550px;
	margin:0 auto 1.2em;
	padding:0 0 3px 0;
	border-bottom:1px #79b9cf solid;
	color:#1584a9;
}

.guide hr{
	width:95%;
	margin:1.0em auto;
}

.guide p.comment{
	width:600px;
	margin:0 auto 2.5em;

}

.guide strong{
	color:#a40000;

}

/* リンクテキストの→ */
.guide ul.link{
	width:570px;
	margin:1.5em auto 1.5em;

}

.guide ul.link li{
	padding-left:15px;
	background:url('../image/arrow_black.gif') no-repeat left 0.3em;
	list-style:none;
}

/* ガイド内左右float包括枠 */
.guide .l-r{
	width:600px;
	margin:0 auto 3.5em;
}
/* clear hack */
.guide .l-r{zoom:1;}
.guide .l-r:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


.guide .left{
	float:left;
	width:415px;
}

.guide .right{
	float:right;
	width:175px;
}

/*-------------------------------------------------------*/
/* guide-menu (共通サブメニュー)*/
/*-------------------------------------------------------*/
#guide-menu{
	width:600px;
	margin:0 auto 2em;
	padding:1.3em 0 0.8em 1em;
	background:url('../image/submenu_back.gif') repeat-x 0 0;
	border:#e1e1e1 3px solid;
}

/* ポップアップウィンドウ用 */
#guide-popupwin-menu{
	width:500px;
	margin:0 auto 1em;
	padding:0.5em 0 0.2em 1.0em;
	background:url('../image/submenu_back.gif') repeat-x 0 0;
	border:1px #ccc dashed;
}

#guide-menu ul,
#guide-popupwin-menu ul{
	padding-left:15px;
	list-style:none;
}
/* clear hack */
#guide-menu ul,#guide-popupwin-menu ul{zoom:1;}
#guide-menu ul:after,#guide-popupwin-menu ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


#guide-menu li,
#guide-popupwin-menu li{
	float:left;
	padding:0 1.25em 0.5em 0;
}

#guide-menu a,
#guide-popupwin-menu a{
	padding-left:0.8em;
	background:url('../image/guide_submenu_arw.gif') no-repeat 0 center;
}

/*-------------------------------------------------------*/
/* ご利用になる前に index.html */
/*-------------------------------------------------------*/

/* 比較表 */
#compare{
	width:610px;
	margin:0 auto 2.0em;

}
#compare table{
	width:100%;
	margin:0 auto 1.5em;
}

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

#compare th{
	width:170px;
	background:#efefef;
}
#compare th.ordinary{
	background:#b2c7e4;
}
#compare th.member{
	background:#fecf8c;
}

#compare td{
	text-align:center;
	background:#fef6cd;

}

#compare td.ordinary{
	background:#dfeafa;
}

/*-------------------------------------------------------*/
/* お見積り/ご注文の手順 order.html */
/*-------------------------------------------------------*/

.flow-image{
	width:570px;
	margin:0 auto 1.0em;
}
.flow-image img{
	margin:0 auto 0.5em;
}


#flow{
	width:100%;
	margin:5em auto 2.5em;
}

#flow h2{
	margin:0 auto 1.0em;
	padding:0 0 5px;
	border-bottom:1px #999 solid;
}

/* 手順枠 */
#flow .bend-flow{
	width:90%;
	margin:0 auto 1.5em;
}

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

#flow .bend-flow dl{
	float:left;
	width:350px;
}

#flow .bend-flow dt{
	margin:0 0 0.5em;
	font-size:1.4em;
	font-weight:bold;
	color:#1c5ab3;
}

#flow .bend-flow dt strong{
	padding:1px 5px;
	background:#1c5ab3;
	color:#fff;
}

#flow .bend-flow dd span{
	color:#a40000;
}

#flow .bend-flow dd ul{
	width:350px;
}


#flow .bend-flow p{
	float:right;
	width:215px;
}

#flow .bend-flow p span{
	display:block;
	padding:3px 0;
}

/* 注文モードから色が変わる */
#flow .order-mode dt{
	margin:0 0 0.5em;
	font-size:1.4em;
	font-weight:bold;
	color:#fa7e25;
}

#flow .order-mode dt strong{
	padding:1px 5px;
	background:#fa7e25;
	color:#fff;
}

/*-------------------------------------------------------*/
/* 製図システムの使い方 drafting.html */
/*-------------------------------------------------------*/

#drafting{
	margin:0 auto 2em;
}

#drafting p.draft-img{
	margin:0 auto 1.3em;
	text-align:center;
}

#drafting .howto h2{
	width:600px;
	margin:0 auto 1.3em;
	padding-bottom:3px;
	font-size:1.3em;
	border-bottom:1px #c17474 solid;
}

/* clear hack */
#drafting .howto h2{zoom:1;}
#drafting .howto h2:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


#drafting .howto h2 img{
	float:left;
	margin-right:5px;
}

#drafting .howto dl{
	width:550px;
	margin:0 auto 1.5em;
}
/* clear hack */
#drafting .howto dl{zoom:1;}
#drafting .howto dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#drafting .howto dt{
	float:right;
	width:250px;
}

#drafting .howto dt img{
	margin:0 0 1.0em;
}

#drafting .howto dd{
	float:left;
	width:280px;
}

#drafting .howto dd span{
	width:20px;
	padding:0 4px;
	text-align:center;
	color:#fff;
	background:#a40000;
}

/*-------------------------------------------------------*/
/* 色と仕上げについてに color.html */
/*-------------------------------------------------------*/

#color table{
	margin:0 auto 1.0em;
}

#color th{
	padding:5px 10px;
}

#color td{
	padding:0 10px;
}

#color .text{
	width:550px;
	margin:0 auto 1.5em;
	padding:10px;
}

#color .caution{
	border:1px #999 solid;
}

#color h2{
	margin:0 auto 0.3em;
}

#color h3{
	margin:0 auto 0.3em;
	background:url('../image/h3_back_color.gif') no-repeat left bottom;
}

#color h3 span{
	color:#333;
}

/*-------------------------------------------------------*/
/* 会員専用ページについて member_page.html */
/*-------------------------------------------------------*/

dl.member-page{
	width:600px;
	margin:0 auto 2.5em;
}

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



dl.member-page dt{
	float:right;
	width:215px;
}

dl.member-page dd{
	float:left;
	width:370px;
}

/*-------------------------------------------------------*/
/* お支払・送料について pay.html */
/*-------------------------------------------------------*/
/* お支払について:大枠 */
#pay{
	margin:0 auto 3.5em;
	padding:0;
	}

#pay p{
	width:560px;
	margin:0 auto 1.5em;
	padding:0;
	}

#pay .pagetop p{width:620px;}

#pay blockquote{
	width:450px;
	margin:0 auto 1.5em;
	padding:10px;
	border:1px #999 solid;
	background:#edf4f6;
	text-align:center;
	}

#pay blockquote span{font-weight:bold;}

/* お支払について:リスト枠 */

#pay ul{
	width:520px;
	margin:0 auto 2.5em;
	padding:0 15px;
	}

/* お支払について:リスト */
#pay li{
	margin:3px 0px;
	padding:0px;
	list-style-type:square;
	}

#pay strong{color:#a40000;}

/*送料について:table */
#pay table.shipping,#pay table.shipping th,#pay table.shipping td{
	padding:5px;
	border:1px #999 solid;
	border-collapse:collapse;
}


#pay table.shipping{
	width:450px;
	margin:0 auto;
}

#pay table.shipping th{
	background:#edf4f6;
}



/*-------------------------------------------------------*/
/* 法律に基づく表記 law.html */
/*-------------------------------------------------------*/
.guide #law{
	width:575px;
	margin:0 auto;
}

.guide #law table{
	width:570px;
	margin-bottom:3em;
	border:#ccc 1px;
	border-style:solid solid none solid;
	border-collapse:collapse;
}

.guide #law th{
	width:130px;
	padding:5px 2px 5px 10px;
	background:url('../image/law_back.gif') no-repeat left bottom;
	font-weight:normal;
	color:#363534;
	text-align:left;
}

/* テーブル最下段 */
.guide #law th.last{
	background:url('../image/law_back_last.gif') no-repeat left bottom;
}

.guide #law td{
	width:419px;
	padding:5px 2px;
	border-left:#ccc 1px solid;
	background:url('../image/law_line.gif') repeat-x left bottom;
}


/* 納期表 */
/*-----------------------------------*/
.guide #law td table#nouki,.guide #law td table#nouki th,.guide #law td table#nouki td{
	border:#ccc 1px solid;
	border-collapse:collapse;
}
.guide #law td table#nouki{
	width:100%;
	margin-bottom:1em;
}

.guide #law td table#nouki th{
	background-color:#efefef;
	background-image:none;
	font-size:0.8em;
}

.guide #law td table#nouki td{
	background-image:none;
	text-align:center;
}
/* テーブル最下段 */
.guide #law td.last{
	background:url('../image/law_line_last.gif') repeat-x left bottom;
}

/*-------------------------------------------------------*/
/* 当日発送サービスについて express.html */
/*-------------------------------------------------------*/
#express *{margin:0;padding:0;}

#express{}
#express h2{
	margin:0 auto 2em;
	text-align:center;
}

#express h3{
	margin:0 auto 3em;
	padding:0;
	background:none;
	text-align:center;
}
#express ul{
	margin:0 20px 1em;
	padding:10px 10px 0 20px;
	background:#d8eaf6;
}
#express li{
	padding:0 0 10px;
	list-style:none;
}
#express p{
	margin:0 40px 1em;
}
#express p strong{
	color:#a40000;
	font-size:1.2em;
}

#express dl{
	margin:4em auto 3em;
	width:548px;
	text-align:center;
}
#express dt{margin:0 0 10px;}
#express dd{color:#f00000;text-align:right;}

#express #day{
	margin:0 auto;
	width:620px;

}
/* clear hack */
#express #day{zoom:1;}
#express #day:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#express #day p{
	margin:0 0 2em;
	padding:0;
	text-align:center;
}

#express #day h3{
	margin:0 0 1em;
	padding:0;
	background:none;
	text-align:left;
}

#express #day div{
	width:300px;
}
#express #day .aluminum{float:left;}
#express #day .stainless{float:right;}

#express #day h4{
	margin:0;
	padding:5px 0;
	border:none;
	width:auto;
	text-align:center;
}

#express #day .aluminum h4{color:#fff;background:#3b92c5;}
#express #day .stainless h4{color:#fff;background:#5eae77;}

#express table{
	margin:0 auto 3em;
	border:solid 1px #999;
	border-collapse:collapse;
	width:300px;
}
#express th,
#express td{
	padding:5px 8px;
	border:solid 1px #999;
}

#express th{background:#e4f2f9;}
#express .aluminum th{background:#e4f2f9;}
#express .stainless th{background:#f0f9e4;}

#express p.tel{
	text-align:center;
}