@charset "utf-8";

@import "/css/common.css";
/*==================================================================*/

/* style css */

/*==================================================================*/
h1{
	margin:0 0 12px;
	padding:0;
}

#contents{font-size:14px;}

/* links：ページ内リンク */
/* -------------------------------------------- */
#links{
	margin:0 auto;
	width:708px;
}

#links ul{
	margin:0 0 12px;
	padding:0;
}
/* clear hack */
#links ul{zoom:1;}
#links ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#links li{
	margin:0;
	padding:0;
	float:left;
	width:177px;
	list-style:none;
}

#links li a{
	margin:0 3px;
	padding:5px 0;
	display:block;
	height:100%;
	background:url('/common_img/arrow_white.gif') no-repeat 6px 12px #163088;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	zoom:1;
}

/* link */
#links li a					{color:#fff;text-decoration:none;}
#links li a:hover		{background-color:#416ab6;}

#links li.chart a{background-color:#6aa71e;}
#links li.chart a:hover{background-color:#88b94b;}

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

/* chart：お見積りについて */

/* ---------------------------------------------------------------- */
#chart{}

#chart #read h2{
	padding:12px 0;
	text-align:center;
}

#chart #read ul{
	margin:0 auto;
	padding:0 0 36px;
	width:678px;
	font-size:0;
	text-align:center;
}
/* clear hack */
#chart #read ul{zoom:1;}
#chart #read ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#chart #read li{
	margin:24px 0 0;
	padding:0 16px 0 0;
	float:left;
	list-style:none;
	background:url('../image/chart_arrow1.gif') no-repeat 100% 50%;
}
#chart #read li.last{
	margin:0;
	padding:0 0 0 28px;
	background:url('../image/chart_arrow2.gif') no-repeat 0 16px;
}
#chart #read li.last img{margin-bottom:12px;}


#chart #read li.chart6{
	padding:0;
	background:none;
}

#chart #read li a:hover img{opacity:0.75;filter:alpha(opacity=75);}

/* リセット */
#chart .block *{margin:0;padding:0;}
#chart .block{
	margin:0 auto 0.5em;
	padding:6px 0 12px;
	border-bottom:1px dashed #ccc;
	width:660px;
	min-height:108px;
	background:url('../image/chart_arrow_row.gif') no-repeat 100px 60px;
}
/* clear hack */
#chart .block{zoom:1;}
#chart .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* IE hack */
* html #chart .block{padding:0 0 48px;}
*:first-child+html #chart .block{}

#chart .block h3{
	float:left;
	width:220px;
	background:url('../image/chart_back.gif') repeat 0 0;
	font-size:18px;
	line-height:60px;
}

#chart .block h3 span{
	margin:0 12px;
	padding:0 6px;
	color:#fff;
	background:#b61d1d;
}

#chart .block p{
	padding:18px 0 0;
	float:right;
	width:416px;
}

#chart #chart1{border:none;}

#chart #chart7{background:none;}
#chart #chart7 h3{margin-bottom:1em;}
#chart #chart7 br{clear:both;}

/* 再注文 */
#chart #reorder{
	margin:0 auto;
	border:1px solid #ccc;
	background:#b7ddfb;
	width:660px;
}
#chart #reorder h3{
	margin:12px;
	font-size:20px;
	float:left;
	width:120px;
}
#chart #reorder h3 span{
	margin:0 12px 0 0;
	padding:0 6px;
	color:#fff;
	background:#b61d1d;
}

#chart #reorder p{
	margin:18px 0 12px;
	float:left;
	width:420px;
}

/* more */
#chart #reorder p.more{
	margin:12px;
	width:auto;
	float:none;
	clear:both;
	text-align:right;
}
#chart #reorder p.more a{
	margin:0 0 0 auto;
	width:180px;
	display:block;
	line-height:2;
	color:#fff;
	background:#b61d1d;
	text-align:center;
	zoom:1;
}
#chart #reorder p.more a:hover{
	color:#fff;
	background:#d64141;
	text-decoration:none;
}

#chart .ic{
	margin:0 24px 0.5em;
	padding:6px 0 12px;
	border-bottom:1px dashed #ccc;
	text-align:right;
}
#chart .ic img{margin-bottom:6px;}


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

/* simulation：お見積りについて */

/* ---------------------------------------------------------------- */
#simulation{}

#simulation #read{
	margin:0 0 4em;
	padding:0 24px 0;
}
#simulation #read p{
	margin:0 24px 1em;
	padding:0;
}
#simulation #read p.fig{
	margin:0 0 1em;
	text-align:center;
}

#simulation #read p.fig img{border:1px solid #ccc;}

/* リセット */
#simulation .block *{margin:0;padding:0;}
#simulation .block{
	margin:0 auto 2em;
	padding:0 0 12px;
	width:700px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

#simulation .block h3{
	margin:0 12px 24px;
	padding:0 0 9px 0;
	background:url('/common_img/line_dash_blue.gif') no-repeat 0 100%;
	font-size:18px;
}

#simulation .block h3 span{
	margin:0 12px 0 0;
	padding:0 6px;
	color:#fff;
	background:#b61d1d;
}

#simulation .block dl{
	margin:0 auto 2em;
	width:684px;
}

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

#simulation .block dt{
	float:left;
	width:300px;
}

#simulation .block dt img{border:1px solid #ccc;}


#simulation .block dd{
	margin:0 0 1em;
	float:right;
	width:360px;
}


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

/* reorder：再注文について */

/* ---------------------------------------------------------------- */
#reorder{}

#reorder #links{margin-bottom:9px;}

#reorder #read{
	margin:0 0 4em;
	padding:0 24px 0;
}
#reorder #read p{
	margin:0 24px 1em;
	padding:0;
}

#reorder #read ul{
	margin:0 0 0 20px;
	padding:0 0 12px;
	font-size:0;
	text-align:center;
}
/* clear hack */
#reorder #read ul{zoom:1;}
#reorder #read ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#reorder #read li{
	margin:0;
	padding:0 16px 0 0;
	float:left;
	list-style:none;
	background:url('../image/reorder_chart_arrow.gif') no-repeat 100% 50%;
}
#reorder #read li.last{
	padding:0;
	background:none;
}
#reorder #read li a:hover img{opacity:0.75;filter:alpha(opacity=75);}


/* リセット */
#reorder .block *{margin:0;padding:0;}
#reorder .block{
	margin:0 auto 2em;
	padding:0 0 12px;
	width:700px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

#reorder .block h3{
	margin:0 12px 24px;
	padding:0 0 9px 0;
	background:url('/common_img/line_dash_blue.gif') no-repeat 0 100%;
	font-size:18px;
}

#reorder .block h3 span{
	margin:0 12px 0 0;
	padding:0 6px;
	color:#fff;
	background:#b61d1d;
}

#reorder .block dl{
	margin:0 auto 2em;
	width:684px;
}

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

#reorder .block dt{
	float:left;
	width:300px;
}
#reorder .block dd{
	margin:0 0 1em;
	float:right;
	width:360px;
}

#reorder .block dt img{
	margin:0 0 12px;
	border:1px solid #ccc;
}

#reorder .block #sub{}
#reorder .block #sub dt{
	float:none;
	width:auto;
	text-align:center;
}
#reorder .block #sub dt img{margin:0 6px 12px;}
#reorder .block #sub dd{
	float:none;
	width:auto;
}

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

/* member：会員について */

/* ---------------------------------------------------------------- */
#member{}

#member #links{margin-bottom:9px;}


#member p.fig{text-align:center;}

#member #read{
	margin:0 0 2em;
	padding:24px 24px 0;
}

#member #read{
	margin:0 auto 3em;
	padding:12px;
	border:1px solid #ccc;
	width:600px;
	background:#fffacc;
}
#member #read p{
	margin:0 0 1em;
	padding:0;
}

#member #read h3{
	margin:0;
	padding:0;
	color:#76c232;
	font-size:18px;
}

#member #read p.note{
	margin:0 0 1em;
	color:#f60;
	font-size:12px;
}

#member #read dt{
	margin:0;
	padding:0 12px;
	color:#f60;
	font-weight:bold;
	font-size:18px;
}

#member #read dd{
	margin:0;
	padding:0 12px;
}

/* リセット */
#member .block *{margin:0;padding:0;}
#member .block{
	margin:0 auto 2em;
	width:700px;
}

#member .block h3{
	margin:0 0 24px;
	padding:0 0 0 48px;
	line-height:38px;
	background:url('../image/subtitle_back.gif') no-repeat 0 0;
	font-size:14px;
}

#member .block dl{
	margin:0 auto 2em;
	width:684px;
}

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

#member .block dt{
	float:left;
	width:300px;
}
#member .block dt img{border:1px solid #ccc;}

#member .block dd{
	float:right;
	width:360px;
}

/* more */
#member .block dd.more{
	margin:12px 0 0;
	text-align:right;
}
#member .block dd.more a{
	margin:0 0 0 auto;
	width:132px;
	display:block;
	line-height:2;
	color:#fff;
	background:#b61d1d;
	text-align:center;
	zoom:1;
}
#member .block dd.more a:hover{
	color:#fff;
	background:#d64141;
	text-decoration:none;
}

#member .block ul{padding:0 0 0 30px;}
#member .block li{
	padding:0;
	list-style:square;
}


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