/* ===================================================================
 CSS information
 file name  :  style.css
 style info :  whole page
=================================================================== */

/*------------------------------------------------------------------
base
------------------------------------------------------------------*/

html,body{ background:#f6f4f0; width:100%; font-size:0.9em; color:#4e4d4d; line-height:1.5em;}

a:link,a:visited{ text-decoration:none; color:#4e4d4d; }
a:hover,a:active{ color:#00a39d; }

#wrapper{ width:100%; border-top:5px solid #e52e28; overflow-x:hidden; }

#head{ width:100%; margin:0 auto; padding-top:25px;}
#head .header_top{ max-width:1085px; margin:0 auto 20px; width:100%;}
#head .header_top p.logo{ float:left; max-width:207px; width:100%; margin-right:20px;}
#head .header_top p.logo a{ display:block; width:100%; }
#head .header_top h1{ font-size:0.9em; float:left; max-width:420px; height:17px; padding-top:24px;}
#head .header_top p.contact_btn{ max-width:168px; width:100%; float:right; margin-top:12px;}
#head .header_top p.contact_btn a{
	display:block;
	width:100%;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background: #ea3730; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea3730 0%, #ea3730 50%, #e02520 51%, #e02520 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea3730), color-stop(50%,#ea3730), color-stop(51%,#e02520), color-stop(100%,#e02520)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3730', endColorstr='#e02520',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px 3px #b21d19;
	-webkit-box-shadow:1px 1px 3px #adaba8;
	-moz-box-shadow:1px 1px 3px #adaba8;
	box-shadow:1px 1px 3px #adaba8;
}
#head .header_top p.contact_btn a:hover{ background:#e02520; }
#head .header_top p.contact_btn a:active{ box-shadow:none; text-shadow:none; }

#head #navi{
background: #c4c2ba; /* Old browsers */
background: -moz-linear-gradient(top,  #c4c2ba 0%, #9e9a8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c2ba), color-stop(100%,#9e9a8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4c2ba 0%,#9e9a8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4c2ba 0%,#9e9a8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4c2ba 0%,#9e9a8e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c4c2ba 0%,#9e9a8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c2ba', endColorstr='#9e9a8e',GradientType=0 ); /* IE6-9 */
}

#head #navi ul{ max-width:1085px; margin:0 auto; width:100%;}
#head #navi ul li{ width:14.2857142857%; float:left; text-align:center; height:40px; line-height:40px; }
#head #navi ul li a{ display:block; width:100%; position:relative; color:#fff; text-shadow:1px 1px 3px #4e4d4d; }

#head #navi ul li.navi_price{
	background: #b3b1a9; /* Old browsers */
	background: -moz-linear-gradient(top,  #b3b1a9 0%, #8e8a80 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b1a9), color-stop(100%,#8e8a80)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b3b1a9 0%,#8e8a80 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b3b1a9 0%,#8e8a80 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b3b1a9 0%,#8e8a80 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b3b1a9 0%,#8e8a80 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b1a9', endColorstr='#8e8a80',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_price a{padding-left:10px;}

#head #navi ul li.navi_price:hover{ background: #8e8a80; }
#head #navi ul li.navi_price a:before{content:""; display:block; width:12px; height:12px; position:absolute; top:15px; left:15%; background:url(../img/common/nav_price_icon.png) no-repeat;}

#head #navi ul li.navi_temp{
	background: #b4a56e; /* Old browsers */
	background: -moz-linear-gradient(top,  #b4a56e 0%, #8f794b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4a56e), color-stop(100%,#8f794b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4a56e 0%,#8f794b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4a56e 0%,#8f794b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4a56e 0%,#8f794b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b4a56e 0%,#8f794b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4a56e', endColorstr='#8f794b',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_temp a{padding-left:15px;}
#head #navi ul li.navi_temp:hover{ background: #8f794b; }
#head #navi ul li.navi_temp a:before{content:""; display:block; width:17px; height:17px; position:absolute; top:12px; left:12%; background:url(../img/common/nav_temp_icon.png) no-repeat;}

#head #navi ul li.navi_design{
	background: #f7a597; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7a597 0%, #f37865 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a597), color-stop(100%,#f37865)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7a597 0%,#f37865 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7a597 0%,#f37865 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7a597 0%,#f37865 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7a597 0%,#f37865 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a597', endColorstr='#f37865',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_design:hover{background: #f37865;}
#head #navi ul li.navi_design a{padding-left:10px;}
#head #navi ul li.navi_design a:before{content:""; display:block; width:17px; height:17px; position:absolute; top:12px; left:15px; background:url(../img/common/nav_design_icon.png) no-repeat;}

#head #navi ul li.navi_estimate{
	background: #f17968; /* Old browsers */
	background: -moz-linear-gradient(top,  #f17968 0%, #eb5146 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f17968), color-stop(100%,#eb5146)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f17968 0%,#eb5146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f17968 0%,#eb5146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f17968 0%,#eb5146 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f17968 0%,#eb5146 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17968', endColorstr='#eb5146',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_estimate:hover{background: #eb5146;}
#head #navi ul li.navi_estimate a{padding-left:10px;}
#head #navi ul li.navi_estimate a:before{content:""; display:block; width:19px; height:22px; position:absolute; top:10px; left:12%; background:url(../img/common/nav_estimate_icon.png) no-repeat;}

#head #navi ul li.navi_form{
	background: #1ab8c5; /* Old browsers */
	background: -moz-linear-gradient(top,  #1ab8c5 0%, #1295a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab8c5), color-stop(100%,#1295a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1ab8c5 0%,#1295a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1ab8c5 0%,#1295a8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1ab8c5 0%,#1295a8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1ab8c5 0%,#1295a8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab8c5', endColorstr='#1295a8',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_form:hover{background: #1295a8;}
#head #navi ul li.navi_form a{padding-left:15px;}
#head #navi ul li.navi_form a:before{content:""; display:block; width:21px; height:24px; position:absolute; top:8px; left:30px; background:url(../img/common/nav_order_icon.png) no-repeat;}

#head #navi ul li.navi_blog{
	background: #356491; /* Old browsers */
	background: -moz-linear-gradient(top,  #356491 0%, #234361 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356491), color-stop(100%,#234361)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #356491 0%,#234361 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #356491 0%,#234361 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #356491 0%,#234361 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #356491 0%,#234361 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356491', endColorstr='#234361',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_blog:hover{background: #234361;}
#head #navi ul li.navi_blog a{padding-left:10px;}
#head #navi ul li.navi_blog a:before{content:""; display:block; width:23px; height:21px; position:absolute; top:10px; left:35px; background:url(../img/common/nav_blog_icon.png) no-repeat;}

#head #navi ul li.navi_transaction{
	background: #aab6b7; /* Old browsers */
	background: -moz-linear-gradient(top,  #aab6b7 0%, #809293 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aab6b7), color-stop(100%,#809293)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aab6b7 0%,#809293 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aab6b7 0%,#809293 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aab6b7 0%,#809293 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aab6b7 0%,#809293 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aab6b7', endColorstr='#809293',GradientType=0 ); /* IE6-9 */
}
#head #navi ul li.navi_transaction:hover{background: #809293;}
#head #navi ul li.navi_transaction a{padding-left:15px;}
#head #navi ul li.navi_transaction a:before{content:""; display:block; width:23px; height:21px; position:absolute; top:10px; left:20px; background:url(../img/common/nav_transaction_icon.png) no-repeat;}

#footer_wrap{max-width:1085px; width:100%; margin:25px auto 20px;}
#footer .address{ float:left; width:40%;　font-weight:bold; font-style:normal;}
#footer .address p{font-weight:bold;}
#footer .footer_right{ float:right; width:51.5%; }
#footer .footer_right ul.top_navi{ margin-bottom:15px; }
#footer .footer_right ul.top_navi li{ float:right; }
#footer .footer_right ul.bottom_navi{ margin:10px 0; }
#footer .footer_right ul.bottom_navi li{ float:right;}
#footer .footer_right .copyright{ text-align:right; margin-top:30px;}

/*------------------------------------------------------------------
index
------------------------------------------------------------------*/

#mainVisual{width:100%; background:#c6c4bb;background:url(../img/main_visual_bg.jpg) repeat-x;}
#mainVisual div.mainVisual_wrap{ position:relative; max-width:1085px; width:100%; height:325px; margin:0 auto;  }
#mainVisual ul{ }
#mainVisual ul li{ }
#mainVisual img{ width:100%; }
#mainVisual .make_btn{
	position:absolute;
	bottom:67px;
	left:550px;
	max-width:350px;
	width:100%;
	background: #e53831; /* Old browsers */
	background: -moz-linear-gradient(top,  #e53831 0%, #e53831 50%, #cf1e1b 51%, #cf1e1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53831), color-stop(50%,#e53831), color-stop(51%,#cf1e1b), color-stop(100%,#cf1e1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53831', endColorstr='#cf1e1b',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
	z-index:100;
}
#mainVisual .make_btn:hover{ background: #e53831; }
#mainVisual .make_btn:active{ box-shadow:none; text-shadow:none; }
#mainVisual .make_btn a{ 
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	height:55px; 
	line-height:58px;
	text-shadow:1px 1px 3px #9c1714;
}

.sns{ max-width:1085px; margin:20px auto; }

.process{ max-width:1085px; width:100%; margin:35px auto 0; }

#index .cvr_btn p.estimate_btn,#goods .cvr_btn p.estimate_btn{
	float:none;
	margin:0 auto;
	max-width:640px;
}

.cvr_btn{ max-width:980px; width:100%; margin:35px auto 35px; }
.cvr_btn p{
	max-width:480px;
	width:100%;
	height:55px;
	border-radius:0.3em;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
}

.cvr_btn p a{
	display:block;
	width:100%;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
}

.cvr_btn p.estimate_btn{
	float:left;
	background: #a7b2b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7b2b3 0%, #a7b2b3 50%, #97a4a7 51%, #97a4a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b2b3), color-stop(50%,#a7b2b3), color-stop(51%,#97a4a7), color-stop(100%,#97a4a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b2b3', endColorstr='#97a4a7',GradientType=0 ); /* IE6-9 */
}
.cvr_btn p.estimate_btn:hover{background: #a7b2b3;}
.cvr_btn p.estimate_btn:active{ text-shadow:none; box-shadow:none;}
.cvr_btn p.estimate_btn a{}

.cvr_btn p.order_btn{
	float:right;
	background: #1c6db5; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c6db5 0%, #1c6db5 50%, #185da9 51%, #185da9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c6db5), color-stop(50%,#1c6db5), color-stop(51%,#185da9), color-stop(100%,#185da9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6db5', endColorstr='#185da9',GradientType=0 ); /* IE6-9 */
}
.cvr_btn p.order_btn:hover{background: #1c6db5;}
.cvr_btn p.order_btn:active{ text-shadow:none; box-shadow:none;}
.cvr_btn p.order_btn a{}

.recommend{ background:#ede5d4; }
.recommend h1{max-width:1085px; width:100%; margin:0 auto; padding:30px 0; text-align:center; font-size:1.8em; color:#353434;}
.recommend ul{max-width:1085px; width:100%; margin:0 auto; padding-bottom:30px;}
.recommend ul li{ float:left; width:31.11520737%; background:#f8e9c9; border:5px solid #fff; margin-right:1.843317972%; height:220px;}
.recommend ul li:last-child{ margin:0; }
.recommend ul li.last{ margin:0; }
.recommend ul li h2{ text-align:center; margin:10px 0;}
.recommend ul li p{font-size:1.05em; padding:0 15px; font-weight:bold; line-height:1.6em;}

.amazing{ background:#eddcd4; }
.amazing h1{max-width:1085px; width:100%; margin:0 auto; padding:30px 0; text-align:center; font-size:1.8em; color:#353434;}
.amazing ul{max-width:1085px; width:100%; margin:0 auto;; padding-bottom:30px;}
.amazing ul li{ float:left; width:31.11520737%; background:#fceae1; border:5px solid #fff; margin-right:1.843317972%; height:220px;}
.amazing ul li:last-child{ margin:0; }
.amazing ul li.last{ margin:0; }
.amazing ul li h2{ text-align:center; margin:10px 0;}
.amazing ul li p{font-size:1.05em; padding:0 15px; font-weight:bold; line-height:1.6em;}

/*------------------------------------------------------------------
estimate-input
------------------------------------------------------------------*/

#estimate{}
#estimate #contents{ background:#fff; border:1px solid #e1e1e0; max-width:1085px; margin:40px auto 30px; }
.main_visual_estimate{ max-width:700px; margin:0 auto; }
.main_visual_estimate div{ float:left; width:73.8667%; padding:35px 0 0; }
.main_visual_estimate div h1{ font-size:2.14em; margin-bottom:40px; }
.main_visual_estimate div p{ font-size:1.1em; line-height:1.7em; font-weight:bold; }
.main_visual_estimate div p a{ text-decoration:underline; }
.main_visual_estimate .calculator{ float:left; width:26.1333%; margin-top:5px;}

.bx-controls{ display:none; }

.estimate_form{ border:1px solid #a2a2a2; margin:20px 50px 50px; padding:30px; }
.estimate_form div{ /*border:1px solid #e1e1e0;*/ }
.estimate_form div dl:first-child{ border-top:1px solid #e1e1e0; }
.estimate_form div dl{ border-bottom:1px solid #e1e1e0; height:60px; line-height:60px;}
.estimate_form div dl dt{ font-weight:bold; background:#f0f0f0; width:23.97%; float:left;  border-left:1px solid #e1e1e0; padding-left:2.02634%; }
.estimate_form div dl dd{ width:71.76066%; float:left; border-right:1px solid #e1e1e0;  padding-left:2.02634%; font-weight:bold; font-size:1.1em;}
.estimate_form div dl dd label{ margin-left:3px; font-weight:bold; }
.estimate_form div dl dd #type_etc{ margin-left:10px; }
.estimate_form div dl dd #need{ margin-left:10px; }
.estimate_form div dl dd select,input[type="text"]{height:30px;}
.estimate_form div dl dd select{ padding:5px; border:1px solid #ddd; background:#fff;}

a.more_estimate,input[type="submit"].more_estimate{
background: #a7b2b3; /* Old browsers */
background: -moz-linear-gradient(top,  #a7b2b3 0%, #a7b2b3 50%, #97a4a7 51%, #97a4a7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b2b3), color-stop(50%,#a7b2b3), color-stop(51%,#97a4a7), color-stop(100%,#97a4a7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b2b3', endColorstr='#97a4a7',GradientType=0 ); /* IE6-9 */
width:480px;
line-height:55px;
height:55px;
border:0;
text-align:center;
font-size:1.3em;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
text-shadow:1px 1px 3px #808180;
display:block;
margin:30px auto 10px;
}
a.more_estimate:hover,input[type="submit"].more_estimate:hover{background: #a7b2b3;}
a.more_estimate:active,input[type="submit"].more_estimate:active{ text-shadow:none; box-shadow:none; border:none;}

input[type="submit"].submit_result,a.submit_result{
	background: #1c6db5; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c6db5 0%, #1c6db5 50%, #185da9 51%, #185da9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c6db5), color-stop(50%,#1c6db5), color-stop(51%,#185da9), color-stop(100%,#185da9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6db5', endColorstr='#185da9',GradientType=0 ); /* IE6-9 */
	width:480px;
	height:55px;
	line-height:55px;
	border:0;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
	display:block;
	margin:0px auto 60px;
}

input[type="submit"].submit_result:hover,a.submit_result:hover{background: #1c6db5; }
input[type="submit"].submit_result:active,a.submit_result:active{ text-shadow:none; box-shadow:none;border:none;}

#footer{ border-top:5px solid #e52e28; width:100%; }

.estimate_price{ margin:60px 50px 40px; position:relative;}
.estimate_price .estimate_price_wrap{ padding:15px 50px 25px; border:1px solid #a2a2a2;  }

.estimate_price ul.tabs{ position:absolute; top:-30px; right:30px;}
.estimate_price ul.tabs li{
	float:left;
	width:100px;
	margin-right:15px;
	border:1px solid #a2a2a2;
	border-bottom:none;
	border-radius:0.2em;
	height:30px;
}
.estimate_price ul.tabs li a{ display:block; width:100%; line-height:30px; text-align:center; font-weight:bold; background:#a2a2a2; color:#f2f0f0;}
.estimate_price ul.tabs li a.on{ background:#fff; color:#000; }

.estimate_price table{ width:100%; margin-top:20px; /*border:1px solid #a2a2a2;*/ }
.estimate_price table tr th,.estimate_price table tr td{  border:1px solid #a2a2a2; height:35px; width:14.2857%; text-align:right; padding-right:5px;}
.estimate_price table tr th:first-child{ width:8.121%; }

.estimate_price table tr th.left { border-left:none; border-top:none; }
.estimate_price table tr th.top { border-top:none; text-align:center; }
.estimate_price table tr th.quentity{ background:#818181; color:#fff; text-align:center; padding:0; }
.estimate_price table tr th.unit{ background:#d53834; color:#fff; text-align:center; padding:0; }


/*------------------------------------------------------------------
estimate-result
------------------------------------------------------------------*/

#estimate_result #contents{ background:#fff; border:1px solid #e1e1e0; max-width:1085px; margin:40px auto 30px; }
#estimate_result .estimate_form{ margin-top:30px !important; }
#estimate_result .estimate_form h1{ font-size:1.2em; margin-bottom:20px; }
.result_unit{ width:100%; margin-bottom:30px; }
.result_unit:last-child{ margin-bottom:0; }
.result_unit .caption{ 
	background: #c8c8c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #c8c8c8 0%, #a6a6a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c8c8c8 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c8c8c8 0%,#a6a6a6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c8c8c8 0%,#a6a6a6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c8c8c8 0%,#a6a6a6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */
	height:40px;
	line-height:40px;
	color:#fff;
	padding-left:20px;
}
.result_unit .caption h2{font-size:1.1em; float:left; width:35%;}
.result_unit table{ width:100%; border:1px solid #e1e1e0; padding:0; font-size:1.1em; font-weight:bold;  }
.result_unit table tr{height:40px; line-height:40px; border-bottom:1px solid #e1e1e0;}
.result_unit table tr th:first-child{ width:400px; }
.result_unit table tr th{ border-bottom:1px solid #e1e1e0; border-right:1px solid #e1e1e0;background:#f0f0f0; }
.result_unit table tr td div{ float:left; width:50%; }
.result_unit table tr td:first-child{padding-left:20px;}
.result_unit table tr td.left{ border-left:1px solid #e1e1e0; }
.result_unit table tr td.price{ text-align:right; padding-right:20px; width:200px; }
.result_unit table tr td.center{ text-align:center; }
.result_unit table tfoot tr td{ text-align:right; padding-right:20px; }

#estimate_result .submit_btn{ width:1000px; margin:0 auto 20px; }
#estimate_result .submit_btn input{ float:left; margin:0 10px 40px; }

.total{ width:400px; float:right;}
.total table{ width:100%; border:1px solid #e1e1e0; font-weight:bold; font-size:1.1em; }
.total table tr{ height:40px; line-height:40px; border-bottom:1px solid #e1e1e0; }
.total table th{ width:150px; background:#f7f7f7; border-right :1px solid #e1e1e0;}
.total table td{ text-align:right; padding-right:20px; }

.caption div{ float:right; width:35%; }
.caption div .change{
	margin-left:110px !important;
background: #1d73b9; /* Old browsers */
background: -moz-linear-gradient(top,  #1d73b9 0%, #1d73b9 50%, #1d73b9 50%, #1b67b1 51%, #1b67b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d73b9), color-stop(50%,#1d73b9), color-stop(50%,#1d73b9), color-stop(51%,#1b67b1), color-stop(100%,#1b67b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d73b9 0%,#1d73b9 50%,#1d73b9 50%,#1b67b1 51%,#1b67b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d73b9 0%,#1d73b9 50%,#1d73b9 50%,#1b67b1 51%,#1b67b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d73b9 0%,#1d73b9 50%,#1d73b9 50%,#1b67b1 51%,#1b67b1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1d73b9 0%,#1d73b9 50%,#1d73b9 50%,#1b67b1 51%,#1b67b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d73b9', endColorstr='#1b67b1',GradientType=0 ); /* IE6-9 */
border:0;
color:#fff;
}
.caption div .delete{
background: #ef6255; /* Old browsers */
background: -moz-linear-gradient(top,  #ef6255 0%, #ef6255 50%, #e74239 51%, #e74239 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6255), color-stop(50%,#ef6255), color-stop(51%,#e74239), color-stop(100%,#e74239)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ef6255 0%,#ef6255 50%,#e74239 51%,#e74239 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ef6255 0%,#ef6255 50%,#e74239 51%,#e74239 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ef6255 0%,#ef6255 50%,#e74239 51%,#e74239 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef6255 0%,#ef6255 50%,#e74239 51%,#e74239 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6255', endColorstr='#e74239',GradientType=0 ); /* IE6-9 */
border:0;
color:#fff;
}
.caption div .change,.caption div .delete{ float:left; width:90px; margin:6.5px 10px 0 0; height:26px; border:1px solid #b4b4b4; text-align:center; line-height:26px;}

/*------------------------------------------------------------------
form-input
------------------------------------------------------------------*/
p.form_process{ width:57.788018433%; margin:30px auto; }
#form #contents{ background:#fff; border:1px solid #e1e1e0; max-width:1085px; margin:40px auto 30px; }

.form_area h1{ font-size:1.5em; margin-bottom:20px; }
.form_area h1 span{ font-size:0.65em; padding-left:30px; }
.form_area{ margin: 0 50px; padding:10px 30px; }
.form_area div{ border:1px solid #e1e1e0; margin-bottom:20px;}
.form_area div dl:first-child{  }
.form_area div dl{ min-height:60px; line-height:60px; border-bottom:1px solid #e1e1e0; }
.form_area div dl:last-child{ border-bottom:none; }
.form_area div dl dt{ font-weight:bold; background:#f0f0f0; width:23.97366%; float:left;  padding-left:2.02634%; }
.form_area div dl dd{ width:71.76066%; float:left; padding-left:2.02634%; font-weight:bold; font-size:1.1em; height:100%;  }
.form_area div dl dt b{ color:#e52e28; font-weight:bold; }
.form_area div dl.textarea{ min-height:200px;}
.form_area div dl.textarea dt{ height:200px; }
.form_area div dl.textarea dd {line-height:1.56em; height:200px; overflow-y:scroll; }
.form_area div dl.textarea dd textarea{ margin-top:16px; resize:none; }
.form_area div dl dd label{ margin-left:3px; font-weight:bold; padding:0 10px; }
.form_area div dl dd.tel input{}
.form_area div dl dd #type_etc{ margin-left:10px; }
.form_area div dl dd #disuse{ margin-left:10px; }
.form_area div dl dd input.long{ width: 350px; }
.form_area div dl dd select{ height:30px; padding:5px; border:1px solid #ddd; background:#fff;}
/*.form_area div dl dd select,input[type="text"]{ height:30px; }*/
#contents .estimate_form.form_input{ margin-top:40px; }
#contents .estimate_form h1{ font-size:1.2em; margin-bottom:20px; }

.form_area div dl dd.payment p { position:relative; float:left;}
.form_area div dl dd.payment p input[type="radio"]{position: absolute; top:-5px; width:100%; height:100%; opacity:0; padding:0;}
.form_area div dl dd p label{ padding-left:25px !important; }
.form_area div dl dd p.payment_circle input[type="radio"]#type_circle + label,.form_area div dl dd p.payment_etc input[type="radio"]#type_etc + label{  background: url(../img/check_off.png) no-repeat; background-size:19px; padding:2px 10px; text-decoration:none;}
.form_area div dl dd p.payment_circle input[type="radio"]#type_circle:checked + label,.form_area div dl dd p.payment_etc input[type="radio"]#type_etc:checked + label{ background: url(../img/check_on.png) no-repeat; background-size: 19px;}
.form_area .form_complete h2{ padding:20px 0; text-align:center; font-size:1.8em; }
.form_area .form_complete p{ text-align:center; padding-bottom:20px; line-height:2.0em; font-weight:bold; }
.input_result{ margin:40px 50px; }

.form_area .confirm{ padding:10px 20px; line-height:2.5em; margin:0; }

.form_area p.announce{ text-align:center; margin-bottom:10px; }

.add_btn{ max-width:650px; width:100%; margin:20px auto !important; border:none !important; }
.add_btn p{
	max-width:320px;
	width:100%;
	height:35px;
	border-radius:0.3em;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
}

.add_btn p a{
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
}

.add_btn p.estimate_btn{
	float:right;
	background: #a7b2b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7b2b3 0%, #a7b2b3 50%, #97a4a7 51%, #97a4a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b2b3), color-stop(50%,#a7b2b3), color-stop(51%,#97a4a7), color-stop(100%,#97a4a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b2b3', endColorstr='#97a4a7',GradientType=0 ); /* IE6-9 */
}
.add_btn p.estimate_btn:hover{background: #a7b2b3;}
.add_btn p.estimate_btn:active{ text-shadow:none; box-shadow:none;}
.add_btn p.estimate_btn a{}

.add_btn p.order_btn{
	float:left;
	background: #e53831; /* Old browsers */
	background: -moz-linear-gradient(top,  #e53831 0%, #e53831 50%, #cf1e1b 51%, #cf1e1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53831), color-stop(50%,#e53831), color-stop(51%,#cf1e1b), color-stop(100%,#cf1e1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53831', endColorstr='#cf1e1b',GradientType=0 ); /* IE6-9 */
}
.add_btn p.order_btn:hover{background: #e53831;}
.add_btn p.order_btn:active{ text-shadow:none; box-shadow:none;}
.add_btn p.order_btn a{}
.err{color:#e3504b;display:block; margin:5px 0;}
/*.err:nth-of-type(1){ margin-top:20px; }*/
#err_area{background:#fff; border:1px solid #e1e1e0; max-width:935px; margin:40px auto 0; padding:20px 75px 30px;}
#err_area div{border:1px solid #e1e1e0; padding:10px 20px;}
#err_area h1{ font-size:1.5em; margin-bottom:20px; letter-spacing:0.1em;color:#e02822; }
/*------------------------------------------------------------------
form-upload
------------------------------------------------------------------*/
#form_upload #contents{ background:#fff; border:1px solid #e1e1e0; max-width:1085px; margin:40px auto 30px; }
.upload_area{ margin: 0 50px; padding:10px 30px; }
.upload_area h1{ font-size:1.5em; margin-bottom:20px; }
.upload_area .frame{ border:1px solid #e1e1e0; margin-bottom:20px; }
.upload_area .confirm{ padding:20px 30px; line-height:2.0em; font-weight:bold; }



#AddItem{ 
	max-width:320px;
	width:100%;
	height:35px;
	border-radius:0.3em;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
	margin-bottom:20px;
	background: #e53831; /* Old browsers */
	background: -moz-linear-gradient(top,  #e53831 0%, #e53831 50%, #cf1e1b 51%, #cf1e1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53831), color-stop(50%,#e53831), color-stop(51%,#cf1e1b), color-stop(100%,#cf1e1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e53831 0%,#e53831 50%,#cf1e1b 51%,#cf1e1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53831', endColorstr='#cf1e1b',GradientType=0 ); /* IE6-9 */
}

#AddItem a{
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
}
#AddItem:hover{ background: #e53831; }
#AddArea{ position:relative; }
#DropArea{ position:absolute; top:0; left:37%; max-width:320px; width:100%; }

.fileinput-button{
	cursor:pointer;
	position:relative;
	display:block;
	max-width:320px;
	width:100%;
	height:35px;
	border-radius:0.3em;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
	background: #a7b2b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7b2b3 0%, #a7b2b3 50%, #97a4a7 51%, #97a4a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b2b3), color-stop(50%,#a7b2b3), color-stop(51%,#97a4a7), color-stop(100%,#97a4a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a7b2b3 0%,#a7b2b3 50%,#97a4a7 51%,#97a4a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b2b3', endColorstr='#97a4a7',GradientType=0 ); /* IE6-9 */
}

.fileinput-button:hover{background: #a7b2b3;}

.fileinput-button span{
	cursor:pointer;
	width:100%;
	display:block;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
}

.fileinput-button input{
	opacity:0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:35px;
}

.files li { float:left; width:47%; margin:9px 1.5% 9px 0; height:80px; border:1px solid #e1e1e0; padding:1%; }
.files li:nth-of-type(2n){ margin-right:0; }
.files li div{ margin:4px; }

.btn-danger{ z-index:10; }
.fade.in{ opacity:1; }
.fade{opacity:0; -webkit-transition:opacity .15s linear; transition:opacity .15s linear;}
.upload_text {border:1px solid #e1e1e0; margin:30px 0;}

.upload_area div dl dt{line-height:60px; font-weight:bold; background:#f0f0f0; width:23.97366%; float:left;  padding-left:2.02634%; }
.upload_area div dl dd{ width:71.76066%; float:left; padding-left:2.02634%; font-weight:bold; font-size:1.1em; }

.upload_area div dl.textarea{ height:200px; }
.upload_area div dl.textarea dt{ height:200px; }
.upload_area div dl.textarea dd textarea{ margin-top:16px; resize:none; }

p#NextStep{
	background: #1c6db5; /* Old browsers */
	background: -moz-linear-gradient(top,  #1c6db5 0%, #1c6db5 50%, #185da9 51%, #185da9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c6db5), color-stop(50%,#1c6db5), color-stop(51%,#185da9), color-stop(100%,#185da9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1c6db5 0%,#1c6db5 50%,#185da9 51%,#185da9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6db5', endColorstr='#185da9',GradientType=0 ); /* IE6-9 */
	width:480px;
	height:55px;
	border:0;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow:1px 1px 3px #808180;
	display:block;
	margin:0px auto 60px;
	-webkit-box-shadow:1px 1px 3px #808180;
	-moz-box-shadow:1px 1px 3px #808180;
	box-shadow:1px 1px 3px #808180;
}

p#NextStep a{ color:#fff; line-height:55px; display:block; width:100%; }
p#NextStep:hover{background: #1c6db5;}
p#NextStep:active{ text-shadow:none; box-shadow:none;}

.upload_area .form_complete{border:1px solid #e1e1e0; margin:30px 0;}
.upload_area .form_complete h2{ padding:20px 0; text-align:center; font-size:1.8em; }
.upload_area .form_complete p{ text-align:center; padding-bottom:20px; line-height:2.0em; font-weight:bold; }

/*------------------------------------------------------------------
price-menu
------------------------------------------------------------------*/
#goods{}
#priceVisual{ max-width:1085px; width:100%; height:275px; margin:0 auto; }
#goods #contents{ background:#fff; max-width:985px; margin:40px auto 0; }
#goods #contents.using{padding:25px 50px; position:relative;}

#goods #contents h1{ font-size:1.6em !important;　}
#goods #contents.using ul.tabs{ position:absolute; top:40px; right:80px;}
#goods #contents.using ul.tabs li{
	float:left;
	width:100px;
	margin-right:15px;
	border:1px solid #a2a2a2;
	border-bottom:none;
	border-radius:0.2em;
	height:30px;
}
#goods #contents.using ul.tabs li a{ display:block; width:100%; line-height:30px; text-align:center; font-weight:bold; background:#a2a2a2; color:#f2f0f0;}
#goods #contents.using ul.tabs li a.on{ background:#fff; color:#000; }

#goods #contents.using .using_panel{ border:1px solid #a2a2a2; margin-top:25px; padding-bottom:25px; padding-top:20px; }
#goods #contents.using .using_panel figure{ float:left; width:17.25%; margin:10px 1.015% 0 6.091%; }
#goods #contents.using .using_panel figure.etc{ float:left; width:39.25%; margin:10px 1.015% 0 4.091%; }
#goods #contents.using .using_panel .panel_right{float:left; margin:10px 6.091% 0 3.05%; width:66.503%; }
#goods #contents.using .using_panel .panel_right.etc{float:left; margin:10px 4.091% 0 1.05%; width:50.503%; }
#goods #contents.using .using_panel .description{line-height:2.5em; font-weight:bold; margin-bottom:20px;}
#goods #contents.using .using_panel .panel_right .cvr_btn { margin:45px 0 0 0; }
#goods #contents.using .using_panel .panel_right .cvr_btn p{ width:60%; height:35px; float:none; margin: 0 auto; min-width:392px;}
#goods #contents.using .using_panel .panel_right .cvr_btn p a{ height:38px; line-height:39px; font-size:1.1em; }
#goods #contents.using .using_panel .panel_right .cvr_btn p.order_btn{
background: #b5931c; /* Old browsers */
background: -moz-linear-gradient(top,  #b5931c 0%, #b5931c 50%, #a98118 51%, #a98118 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5931c), color-stop(50%,#b5931c), color-stop(51%,#a98118), color-stop(100%,#a98118)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5931c 0%,#b5931c 50%,#a98118 51%,#a98118 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5931c 0%,#b5931c 50%,#a98118 51%,#a98118 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5931c 0%,#b5931c 50%,#a98118 51%,#a98118 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5931c 0%,#b5931c 50%,#a98118 51%,#a98118 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5931c', endColorstr='#a98118',GradientType=0 ); /* IE6-9 */
}
#goods #contents.using .using_panel .panel_right .cvr_btn p.order_btn:hover{ background: #b5931c; /* Old browsers */}
#goods #contents.price_menu{padding:10px 50px 15px; }
.option_menu{padding:25px 50px }
#goods #contents.price_menu table{ width:100%; margin-top:20px; /*border:1px solid #a2a2a2;*/ }
#goods #contents.price_menu table tr th,#goods #contents.price_menu table tr td{  border:1px solid #a2a2a2; height:35px; width:14.2857%; text-align:right; padding-right:5px;}
#goods #contents.price_menu table tr th:first-child{ width:8.121%; }

#goods #contents.price_menu table tr th.left { border-left:none; border-top:none; }
#goods #contents.price_menu table tr th.top { border-top:none; text-align:center; }
#goods #contents.price_menu table tr th.quentity{ background:#818181; color:#fff; text-align:center; padding:0; }
#goods #contents.price_menu table tr th.unit{ background:#d53834; color:#fff; text-align:center; padding:0; }

#goods #contents.option_menu table{ width:100%; margin-top:20px; }
#goods #contents.option_menu table tr th{ color:#e3504b; }
#goods #contents.option_menu table tr th,#goods #contents.option_menu table tr td { width:33.3%; text-align:center; border:1px solid #a2a2a2; height:40px; }

/*------------------------------------------------------------------
design
------------------------------------------------------------------*/
#design #contents{ max-width:1085px; width:100%; margin:0 auto; }
#design #contents ul.tabs{ margin: 30px 0; }
#design #contents ul.tabs li{ float:left; z-index:1; margin-right:1.751%; position:relative; z-index:0; width:23.6%;}
#design #contents ul.tabs li:last-child{ margin:0; }
#design #contents ul.tabs li.last{ margin:0; }
#design #contents ul.tabs li a{ display:block; z-index: -1; width:100%; }
#design #contents ul.tabs li a img{ width:100%; }
#design #contents ul.tabs li a.on{}
#design #contents ul.tabs li a.on:after{ content:""; display:block; width:257px; height:190px; position:absolute; top:0; left:0; background:url(../img/design_nav_on.png) no-repeat; z-index:10; }
#design #contents .using_panel{ max-width:985px; padding:25px 50px; border:1px solid #a2a2a2; background:#fff; margin-bottom:40px; }
#design #contents .using_panel h1{ font-size:1.6em; margin-bottom:20px; }
#design #contents .using_panel div p{ float:left; width:515px; line-height:1.8em; font-size:1.0em; font-weight:bold; color:#646262;}
#design #contents .using_panel div p b{color:#e3504b;}
#design #contents .using_panel div figure{ float:right; width:440px; }
#design .check_list{ background:#edd4da;}
#design .check_list div{ max-width:1085px; padding:25px 0; margin:0 auto; }
#design .check_list div h1{font-size:1.6em; color:#353434; margin-bottom:15px; }
#design .check_list div ul{ background:#fff; border:1px solid #a2a2a2; padding:10px;}
#design .check_list div ul li{ line-height:2.5em; font-weight:bold;}

.cvr_btn p.contact_btn{
	float:right;
	background: #ea3730; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea3730 0%, #ea3730 50%, #e02520 51%, #e02520 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea3730), color-stop(50%,#ea3730), color-stop(51%,#e02520), color-stop(100%,#e02520)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea3730 0%,#ea3730 50%,#e02520 51%,#e02520 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3730', endColorstr='#e02520',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px 3px #b21d19;
	-webkit-box-shadow:1px 1px 3px #adaba8;
	-moz-box-shadow:1px 1px 3px #adaba8;
	box-shadow:1px 1px 3px #adaba8;
}
.cvr_btn p.contact_btn:hover{background: #ea3730;}
.cvr_btn p.contact_btn:active{ text-shadow:none; box-shadow:none;}
.cvr_btn p.contact_btn a{}

/*------------------------------------------------------------------
transaction
------------------------------------------------------------------*/

#transaction #contents{ max-width:985px; margin:40px auto 30px;  border:1px solid #a2a2a2; padding:25px 50px 45px; background:#fff; }
#transaction #contents h1{font-size:1.6em;}
#transaction #contents div{ border:1px solid #a2a2a2; padding:20px 100px 0; margin-top:20px;}
#transaction #contents div dl{ margin:0 auto 25px; font-size:1.1em; line-height:1.5em; }
#transaction #contents div dl dt{ float:left; width:20%; font-weight:bold; }
#transaction #contents div dl dd{ float:left; width:80%; }

/*------------------------------------------------------------------
agreement
------------------------------------------------------------------*/

#agreement #contents{ max-width:985px; margin:40px auto 30px;  border:1px solid #a2a2a2; padding:25px 50px 45px; background:#fff; }
#agreement #contents h1{font-size:1.6em;}
#agreement #contents div{ border:1px solid #a2a2a2; padding:20px 40px 30px; margin-top:20px;}

/*------------------------------------------------------------------
privacy
------------------------------------------------------------------*/

#privacy #contents{ max-width:985px; margin:40px auto 30px;  border:1px solid #a2a2a2; padding:25px 50px 45px; background:#fff; }
#privacy #contents h1{font-size:1.6em;}
#privacy #contents div{ border:1px solid #a2a2a2; padding:20px 40px 30px; margin-top:20px;}

/*------------------------------------------------------------------
contact
------------------------------------------------------------------*/

#contact #contents{ background:#fff; border:1px solid #e1e1e0; max-width:1085px; margin:40px auto 30px; }
#contact #contents h1{ font-size:1.2em; margin-top:10px; }
#contact #contents div div h1{ font-size:1.6em; text-align:center; margin-top:40px; }
#contact #contents div div p{ font-size:1.1em; text-align:center; line-height:2.0em; font-weight:bold; margin-bottom:40px; }

/*------------------------------------------------------------------
@ media_queries
------------------------------------------------------------------*/

@media screen and (max-width: 1028px) {
/* - layout setting - */
.bx-wrapper .bx-pager{ padding-top:50px !important; } /* carrousel control */

.cvr_btn p{ width:49%; } /* top cvr btn */

.recommend ul li,.amazing ul li{ font-size:0.9em; margin-right:1.5%; }

#design #contents .using_panel div p{ width:48%; }
#design #contents .using_panel div figure{ width:48%; }

#design #contents ul.tabs li a.on{ opacity:0.6; }
#design #contents ul.tabs li a.on:after{ content:""; display:block; position:absolute; top:0; left:0; background:none; z-index:10; }

}