@charset "utf-8";


/******************************************************

 body
 
******************************************************/

body {
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
/*   font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; */
  background: #fff;
  color: #333;
  font-size:14px;
}

a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #333333;}
a:hover { 
	opacity: 0.7;
   filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    /*background: #fff\9;*/
}

a img:hover { 
	opacity: 0.7;
   filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    /*background: #fff\9;*/
}
*{
	box-sizing: border-box;
}


/******************************************************
header
******************************************************/

header{
	width: 960px;
	height: 110px;
	margin: 0 auto;
	background: url(../img/common/logo.jpg) center center no-repeat;
}
header > div h2{
	font-size: 12px;
	margin-top: 27px;
}
header > div p#h2{
	font-size: 12px;
	margin-top: 27px;
	line-height:18px;
}
header h1{
	font-size: 27px;
}
header p#h1{
	font-size: 27px;
	line-height:42px;
}

header h1 span,
header p#h1 span{
	font-size: 0.73em;
}
header div.tel p.no:before{
	width: 43px;
  height: 45px;
  background: url(../img/common/obj_tel.jpg);
  content: "";
  display: inline-block;
  margin: 0 0 -2px 0;
}
header div.tel p.time{
	font-size: 11px;
	margin-top: 27px;
	padding-left: 43px;
}
header div.tel p.no{
	font-size: 29px;
	margin-top: -19px;
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

/******************************************************
gloval nav
******************************************************/
nav.gnav{
	
	background: url(../img/common/gnav_bg.jpg) repeat-x;
}
nav.gnav ul{
	width: 960px;
	margin: 0 auto;
}
nav.gnav ul li a{
	text-align: center;
	float: left;
	background: url(../img/common/gnav.jpg) no-repeat;
	height: 70px;
	display: block;
	font-size: 0;
	
}
nav.gnav ul li#gnav1 a{background-position: 0px 0px; width: 45px;}
nav.gnav ul li#gnav2 a{background-position: -45px 0px; width: 135px;}
nav.gnav ul li#gnav3 a{background-position: -180px 0px; width: 151px;}
nav.gnav ul li#gnav4 a{background-position: -331px 0px; width: 138px;}
nav.gnav ul li#gnav5 a{background-position: -469px 0px; width: 101px;}
nav.gnav ul li#gnav6 a{background-position: -570px 0px; width: 126px;}

nav.gnav ul li a:hover{opacity: 1;}
nav.gnav ul li#gnav1 a:hover{background-position: 0px -70px;}
nav.gnav ul li#gnav2 a:hover{background-position: -45px -70px;}
nav.gnav ul li#gnav3 a:hover{background-position: -180px -70px;}
nav.gnav ul li#gnav4 a:hover{background-position: -331px -70px;}
nav.gnav ul li#gnav5 a:hover{background-position: -469px -70px;}
nav.gnav ul li#gnav6 a:hover{background-position: -570px -70px;}

nav.gnav ul li#gnav1 a.active{background-position: 0px -70px;}
nav.gnav ul li#gnav2 a.active{background-position: -45px -70px;}
nav.gnav ul li#gnav3 a.active{background-position: -180px -70px;}
nav.gnav ul li#gnav4 a.active{background-position: -331px -70px;}
nav.gnav ul li#gnav5 a.active{background-position: -469px -70px;}
nav.gnav ul li#gnav6 a.active{background-position: -570px -70px;}

nav.gnav ul li#gnav7 a{
	background: url(../img/common/gnav_order_off.png) no-repeat;
	width: 234px;
	float: right;
}
nav.gnav ul li#gnav7 a:hover{background: url(../img/common/gnav_order_on.png) no-repeat;}


/******************************************************
footer nav
******************************************************/

nav.fnav{
	background: #f7f5f1;
	padding: 55px 0 75px;
}
nav.fnav .inner{
	position: relative;
}
nav.fnav div.box{
	float: left;
	width: 25%;
}
nav.fnav div.box h6{
	font-size: 14px;
	line-height: 26px;
}
nav.fnav div.box h6 a:before{
	width: 10px;
  height: 10px;
  background: url(../img/common/fnav_obj1.png);
  content: "";
  display: inline-block;
  margin: 0 4px -0px 0;
}
nav.fnav div.box ul li{
	margin-left: 12px;
}
nav.fnav div.box ul li{
	font-size: 12px;
	line-height: 26px;
}
nav.fnav div.box ul li a:before{
	width: 5px;
  height: 5px;
  background: url(../img/common/fnav_obj2.png);
  content: "";
  display: inline-block;
  margin: 0 4px -0px 0;
}
nav.fnav div.box.under{
	width: auto;
	position: absolute;
	bottom: -0;
	left: 50%;
}






/******************************************************
footer
******************************************************/
p.pagetop{
	width: 960px;
	margin: 0 auto 18px;
	text-align: right;
}
footer {
	padding: 60px 0 48px;
}
footer div.box{
	float: left;
	width: 34%;
}
footer div.box:nth-child(3){width: 32%;}
footer div.box:first-child + * + *{width: 32%;}
footer div.box p.copy2{
	font-size: 12px;
	line-height: 1;
	margin-bottom: 8px;
}

footer h1{
	font-size: 27px;
}

footer h1 span{
	font-size: 0.73em;
}

footer div.box h1{
	font-size: 29px;
	margin-bottom: 8px;
}
footer div.box h1 span{
	font-size: 0.70em;
}
footer div.box h1:before{
	width: 51px;
  height: 44px;
  background: url(../img/common/fmark.png);
  content: "";
  display: inline-block;
  margin: 0 5px -7px 0;
}
footer div.box p.s_address{
	font-size: 13px;
	line-height: 18px;
}
footer div.box p.copy3{
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
footer div.box p.telno{
	font-size: 35px;
	margin-bottom: 3px;
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
footer div.box p.telno:before{
	width: 43px;
  height: 45px;
  background: url(../img/common/obj_tel.jpg);
  content: "";
  display: inline-block;
  margin: 0 0 -9px 0;
}
footer div.box p.fax{
	font-size: 12px;
	margin-bottom: 5px;
}
footer div.box p.fax span{
	color: #b61521;
	width: 43px;
	display: block;
	float: left;
}
footer div.box p.link_contact a{
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	display: block;
	padding: 8px 0;
	border-radius: 3px;
	background: #b61521 url(../img/common/obj_link2.png) no-repeat 13% center;
}
address{
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


.copyright{
	font-size: 12px;
	color: #fff;
	padding: 25px 0;
	background: #b61521;
	padding: 19px 0;
	line-height: 1;
}


/******************************************************
inner page common
******************************************************/

.top-inner{
	width: 960px;
	margin: 0 auto;
}

.inner{
	width: 960px;
	margin: 0 auto;
}

.top-inner h3,
.container h1{
	font-size: 12px;
	color: #666;
	text-align: center;
	margin-bottom: 15px;
}
.top-inner h3 span,
.container h1 span{
	font-family:  "KozGoPro-extralight", "小塚ゴシック Pro EL", "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProL", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 32px;	
	color: #b61521;
	display: block;
	line-height: 1;
	margin-bottom: 5px;
	font-weight: 100;
}
div.ttl {
	height: 130px;
	padding-top: 39px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image:url(../img/common/ttl.jpg);
	background-color: #f7f5f1;
}
@media screen and (max-width: 960px){
	div.ttl{
		background-position: -120px top;
	}
}
div.ttl h1{
	text-align: left;
}

/******************************************************
left_column
******************************************************/

div.left_column{
	float: left;
	width: 670px;
}
div.left_column h2{
	font-size: 20px;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 3px solid #ededed;
	position: relative;
	margin: 0 0 20px 0;
}
div.left_column h2:before{
	width: 206px;
  height: 3px;
  background: #b61521;
  content: "";
  display: block;
  margin: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.inner div.left_column h3{
	font-size: 18px;
	color: #fff;
	background: #b61521;
	line-height: 1;
	padding: 6px 10px;
	margin: 30px 0 15px;
}
.top-inner div.left_column h3{
}

div.left_column p.text{
	font-size: 15px;
	line-height: 24px;
}

/******************************************************
left_column　order
******************************************************/

div.left_column div.order{
	background: #b61521;
	color: #fff;
	padding: 15px;
}
div.left_column div.order p.ttl{
	background: #fff;
	color: #b61521;
	font-size: 21px;
	text-align: center;
	padding: 8px 0 5px;
	margin-bottom: 15px;
}

div.left_column div.order ul li p.copy{
	font-size: 12px;
}
div.left_column div.order ul li p.btn a{
	font-size: 16px;
	text-align: center;
	background: #910610 url(../img/common/obj_link2_l.png) no-repeat 10px center ;
	display: block;
	color: #fff;
	border-radius: 4px;
	text-indent: 15px;
	padding: 5px 0;
}

div.left_column div.order ul li{
	float: left;
}
div.left_column div.order ul li.order{
	width: 350px;
	border-right: 1px solid #fff;
	background: url(../img/common/order_obj_web.png) no-repeat 0 center;
	padding-left: 60px;
	position: relative;
}
div.left_column div.order ul li.order p.btn{
	width: 265px;
	right: 8px;	
}
div.left_column div.order ul li.estimate{
	padding-left: 0;
	margin-left: 20px;
	width: 265px;
}
div.left_column div.order ul li.estimate p.copy{
	margin-bottom: 0;
}

/******************************************************
right_column
******************************************************/

div.right_column{
	float: right;
	width: 225px;
}
div.right_column .banner div.traders{
	border-bottom: 1px dashed #b61521;
	margin-bottom: 20px;
}
div.right_column .banner div.traders p{
	margin-top: -34px;
	margin-left: -26px;
	margin-bottom: 20px;
}
div.right_column .banner ul li{
	margin-bottom: 10px;
}

nav.sidenav ul{
	border-bottom: 1px dashed #b61521;
  margin-bottom: 50px;
  padding-bottom: 20px;
}
nav.sidenav ul li a{
	display: block;
	font-size: 13px;
	line-height: 1;
	padding: 11px 0;
}
nav.sidenav ul li a:before{
	width: 4px;
  height: 7px;
  background: url(../img/common/sidenav_obj.png);
  content: "";
  display: inline-block;
  margin: 0 10px 2px 10px;
}
nav.sidenav ul li a.active{
	background: #f0f0f0;
}
nav.sidenav ul li a:hover{
	opacity: 1;
	background: #f0f0f0;
}

/******************************************************
Google Maps JavaScript API v3
******************************************************/
.map-embed
{
	max-width: 100% ;
	height: 0 ;
	margin: 0 ;
	padding: 0 0 56.25% ;

	overflow: hidden ;

	position: relative ;
	top: 0 ;
	left: 0 ;
}

.map-embed > div
{
	position: absolute ;
	top: 0 ;
	left: 0 ;

	width: 100% ;
	height: 100% ;

	margin: 0 ;
	padding: 0 ;
}

.map-embed img
{
	max-width: none ;
}