@charset "utf-8";

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

/* style css */

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

/* ---------------------------------------------------------------- */
/* mainvisual：メインビジュアル */
/* ---------------------------------------------------------------- */
/* リセット */
#mainvisual *{margin:0;padding:0;}
#mainvisual img{vertical-align:bottom;}

#mainvisual h1{margin:0 0 6px;}
#mainvisual p{padding:0 12px 12px;}


/* ---------------------------------------------------------------- */
/* campaign：キャンペーン商品 */
/* ---------------------------------------------------------------- */
p.campaign{text-align:center;margin:0 0 2em;}
p.campaign a:hover img{opacity:0.8;filter:alpha(opacity=80);}


/* ---------------------------------------------------------------- */
/* pickup：おすすめシールPickup */
/* ---------------------------------------------------------------- */
/* リセット */
#pickup *{margin:0;padding:0;}
#pickup img{vertical-align:bottom;}
#pickup a:hover img{opacity:0.7;filter:alpha(opacity=70);}

#pickup{margin:0 auto 2em;}

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

#pickup h2{margin:0 0 12px;}

#pickup dl{
	float:left;
	width:132px;
	line-height:1.5;
	text-align:center;
}
#pickup dt{
	margin:0 auto;
	padding:4px 0;
	width:124px;
	background:#fff6c3;
	font-size:0;

}
#pickup dd{
	margin:0 auto 3px;
	width:124px;
	background:#fff6c3;
}

#pickup dd.data{background:#fff;}

#pickup dd.data{
	font-size:0.81em;
	text-align:left;
}


/* ---------------------------------------------------------------- */
/* select1：自分でじっくり検討したい方 */
/* ---------------------------------------------------------------- */
/* リセット */
#select1 *{margin:0;padding:0;}
#select1 img{vertical-align:bottom;}

#select1{background:url('../image/select1_back.gif') repeat 0 0;}

#select1 #headline{
	margin:0 0 6px;
	background:url('../image/select1_headline.gif') repeat-x 0 0;
}

#select1 #headline h2{padding:0 12px;}
#select1 #headline p{
	text-align:right;
	font-size:0.81em;
}

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

#select1 .block dl{
	margin:0 0 0 0;
	padding:0 0 6px;
	float:left;
	width:212px;
	background:url('../image/select1_bottom.gif') no-repeat 3.5px 100%;
}
#select1 .block dl a:hover img{opacity:0.7;filter:alpha(opacity=70);}

#select1 .block dt,#select1 .block dd{
	margin:0 auto;
	width:205px;
	background:#fff;
}

#select1 .block dt{
	padding:12px 0 6px;
	text-align:center;
}

#select1 .block dd a{
	margin:0 0 3px;
	display:block;
	text-align:center;
}

#select1 .block dd p{
	padding:0 12px 6px;
	line-height:1.5;
}

#select1 .block dd.more a{
	margin:0 12px 0 auto;
	width:110px;
	display:block;
	color:#555;
	text-align:center;
}
#select1 .block dd.more a:hover{
	color:#fff;
	text-decoration:none;
}

#select1 dl.form{
	margin:0 auto;
	padding:0 0 3px;
}
#select1 dl.form dt{
	margin:0 0 6px;
	text-align:center;
}
#select1 dl.form dd{
	padding:0 18px 12px;
	background:url('../common_img/line_dash.gif') repeat-x 0 100%;
}

/* color */
/* -------------------------------------------- */
#select1 #use dt{background:url('../image/select1_use_top.gif') no-repeat 0 0 #fff;}
#select1 #use dd.more a{background:#fc6104;}

#select1 #special dt{background:url('../image/select1_special_top.gif') no-repeat 0 0 #fff;}
#select1 #special dd.more a{background:#97cb2b;}

#select1 #paper dt{background:url('../image/select1_paper_top.gif') no-repeat 0 0 #fff;}
#select1 #paper dd.more a{background:#44cef2;}


/* ---------------------------------------------------------------- */
/* select2：何を選んだらいいか分からないという方 */
/* ---------------------------------------------------------------- */
/* リセット */
#select2 *{margin:0;padding:0;}
#select2 img{vertical-align:bottom;}

#select2{
	margin:0 auto 2em;
	background:url('../image/select2_back.gif') repeat 0 0;
}

#select2 h2{
	padding:24px 12px 12px;
	background:url('../common_img/line_dash.gif') repeat-x 0 3px;
}

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

#select2 .block #standard dd.more a:hover,
#select2 .block #designer dd.more a:hover{
	text-decoration:none;
	background:#888;
}

/* 規格品から選ぶ */
/* -------------------------------------------- */
#select2 .block #standard{
	float:left;
	width:330px;
	background:url('../image/select2_standard_back.gif') no-repeat 0 61px;
}

#select2 .block #standard dd.text{
	margin:9px 0 17px 36px;
	line-height:1.5;
	width:150px;
}

#select2 .block #standard dd.more a{
	margin:0 0 20px 36px;
	width:110px;
	display:block;
	color:#fff;
	background:#555;
	text-align:center;
}

#select2 .block #standard dd.contact{
	margin:0 0 0 20px;
	padding:33px 0 0;
	width:306px;
	background:url('../image/select2_arrow.gif') no-repeat 50% 2px;
}

/* デザイナーに全部お任せ */
/* -------------------------------------------- */
#select2 .block #designer{
	float:right;
	width:323px;
	background:url('../image/select2_designer_back.jpg') no-repeat 0 52px;
}

#select2 .block #designer dd.text{
	margin:12px 0 12px 18px;
	line-height:1.5;
	width:150px;
}

#select2 .block #designer dd.more a{
	margin:0 0 12px 12px;
	width:110px;
	display:block;
	color:#fff;
	background:#555;
	text-align:center;
}

#select2 .block #designer dd.contact{
	margin:0 0 0 3px;
	padding:33px 0 0;
	width:306px;
	background:url('../image/select2_arrow.gif') no-repeat 50% 2px;
}

#select2 p{padding:0 18px 12px;}

/* ---------------------------------------------------------------- */
/* strength：3つの強み */
/* ---------------------------------------------------------------- */
/* リセット */
#strength *{margin:0;padding:0;}
#strength img{vertical-align:bottom;}

#strength{margin:0 0 2em;}
/* clear hack */
#strength{zoom:1;}
#strength:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#strength h2{
	float:left;
	width:176px;
}
#strength .block{
	float:right;
	width:472px;
}

#strength dt{margin:0 0 6px;}

#strength #first{
	padding:12px 0 0 50px;
	background:url('../image/strength1_num.gif') no-repeat 0 0;
}
#strength #second{
	margin:20px 0 0;
	padding:0 0 15px 50px;
	background:url('../image/strength2_num.gif') no-repeat 0 0;
}

#strength #third{
	margin:20px 0 0 60px;
	padding:0 0 0 50px;
	clear:both;
	background:url('../image/strength3_num.gif') no-repeat 0 0;
	zoom:1;
}
#strength a:hover img{opacity:0.7;filter:alpha(opacity=70);}


/* ---------------------------------------------------------------- */
/* flowchart：お見積り・ご注文の流れ */
/* ---------------------------------------------------------------- */
/* リセット */
#flowchart *{margin:0;padding:0;}
#flowchart img{vertical-align:bottom;}

#flowchart{margin:0 auto 2em;}


/* ---------------------------------------------------------------- */
/* box */
/* ---------------------------------------------------------------- */
.box{margin:0 0 4em;}
/* clear hack */
.box{zoom:1;}
.box:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* ---------------------------------------------------------------- */
/* news：お知らせ */
/* ---------------------------------------------------------------- */
/* リセット */
#news *{margin:0;padding:0;}
#news img{vertical-align:bottom;}

#news{
	margin:0 auto 0;
	float:left;
	width:324px;
	background:url('../image/news_back.gif') repeat-y 0 0 #fff;
}

#news iframe{
	margin:1px 2px;
	width:320px;
	height:230px;
}

#newsarea{padding:6px 0;}

#newsarea dl{
	margin:0;
	padding:3px 12px 6px;
	background:url('../common_img/line_dot.gif') repeat-x 0 100%;
}
#newsarea dt{
	margin:0;
	padding:0;
	color:#7abd26;
	font-weight:bold;
}
#newsarea dt span{color:#fbad42;}

#newsarea dd{
	margin:0;
	padding:0;
}


/* ---------------------------------------------------------------- */
/* calendar：カレンダー */
/* ---------------------------------------------------------------- */
/* リセット */
#calendar *{margin:0;padding:0;}
#calendar img{vertical-align:bottom;}

#calendar{
	margin:0 auto;
	float:right;
	width:312px;
}
/* clear hack */
#calendar{zoom:1;}
#calendar:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#calendar iframe{
	width:312px;
	height:240px;
}

#calendararea{}
/* リセット */
#calendararea *{margin:0;padding:0;}
#calendararea img{vertical-align:bottom;}

#calendararea .block{
	width:156px;
	float:left;
}

#calendararea h3{
	margin:9px 0 6px;
	background:url('../common_img/menu/calendar.gif') no-repeat 0 0;
	font-size:12px;
	text-align:center;
}

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

#calendar ul.headline{margin-bottom:0;}

#calendararea li{
	margin:0 1px 1px 0;
	padding:0.2em 0 0.1em;
	float:left;
	width:20px;
	background:#fff;
	text-align:center;
	list-style:none;
}

#calendararea ul.headline li{background:#fffdc0;}
#calendararea li.holiday{background:#fd8e9d;}

#calendararea p{
	padding:0 12px;
	clear:both;
	font-size:0.81em;
}

/* ---------------------------------------------------------------- */
/* company：会社概要 */
/* ---------------------------------------------------------------- */
/* リセット */
#company *{margin:0;padding:0;}
#company img{vertical-align:bottom;}

#company{
	margin:0 auto;
}

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

#company p{
	margin:24px 0 0;
	float:right;
	width:270px;
}

#company .block{
	float:left;
	width:380px;
}

#company h2{margin:0 0 30px;}
#company h3{
	padding:0 0 12px 24px;
	font-size:15px;
}

#company address{
	padding:0 0 24px 24px;
	font-style:normal;
}

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

#company li{
	margin:0 6px;
	float:left;
	width:110px;
	list-style:none;
}
#company li a{
	width:110px;
	display:block;
	color:#fff;
	background:#555;
	text-align:center;
}
#company li a:hover{
	text-decoration:none;
	background:#888;
}

/* ---------------------------------------------------------------- */
/* address：お問合せ */
/* ---------------------------------------------------------------- */
#address{
	margin:0 auto;
	padding:0;
	text-align:center;
}
#address{zoom:1;}
#address:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#address li{
	margin:0;
	padding:0;
	float:left;
	line-height:0;
	list-style:none;
	font-size:0;
}
#address li img{margin:0 1px;}
#address li a:hover img{opacity:0.7;filter:alpha(opacity=70);}

/* ---------------------------------------------------------------- */
/* ssl：SSL */
/* ---------------------------------------------------------------- */
#ssl *{margin:0;padding:0;}

#ssl{
	margin:0 0 4em;
	padding:0;
}

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