/* -----------------------------------------
html5 reset
------------------------------------------*/
@import "html5-reset.css" ;


/* -----------------------------------------
clearfix
------------------------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.cb{clear:both;height:0;line-height:0;font-size:1%;}


/* -----------------------------------------
layout
------------------------------------------*/
.wrapper {
	width:980px;
	margin-left:-490px;
	position:relative;
	left:50%;
}
#L_box{
	float:left;
	width:580px;
	overflow:hidden;
	padding:0 0 0 30px;
}

#R_box{
	margin-left:640px;
	width:310px;
	padding:20px 0 0 0;
}
#R_box h2{
	margin:0 0 10px 0;
}
#contents{
	background:url(../images/wrapper_base.png) repeat-y 50% 0 ;
	overflow:hidden;
}

#W_box{
	width:900px;
	padding:20px 0 0 30px;
}
/* -----------------------------------------
basic
------------------------------------------*/
body{
	font-size:15px;
	font-family:Meiryo,"メイリオ","ＭＳ ゴシック","Osaka -等幅","ヒラギノ角ゴ Pro W3";
	line-height:1.8;
	color:#fff;
	background-color:#0066FF;
}
#body_inner{
}

a:link,  a:active {
	color:#006699;
}
a:visited {
	color:#8b4089;
}
a:hover {
	color:#1f8fc7;
	text-decoration:underline;
}
ul,li{
	list-style:none;
}
a:hover img.alpha { opacity:0.8; filter: alpha(opacity=80); }

.box_top{
	background:url(../images/box_top.png) no-repeat 0 0;
	padding-top:17px;
	width:604px;
}
.box_base{
	background:url(../images/box_base.png) repeat-y 0 0;
	padding:5px 25px 20px;
}

.box_base2{
	background:url(../images/box_base.png) repeat-y 0 0;
	padding:0 17px 20px;
	overflow:hidden;
}
.box_bottom{
	background:url(../images/box_bottom.png) no-repeat 0 100%;
	padding-bottom:20px;
}

.go_top2{
	text-align:right;
}
.go_top2 a{
	background:url(../images/arrow.png) no-repeat 0 50%;
	padding:0 0 0 10px;
	font-size:12px;
}
/*ie7対策*/
h2,h3,#contents p,#contents dl,#yoyaku p,#yoyaku input{
		/background-color:transparent;
}

em{
	font-weight:bold;
}
/* -----------------------------------------
parts
------------------------------------------*/

.f_left{
	float:left;
}
.f_right{
	float:right;
}
.t_left{
	text-align:left;
}
.t_right{
	text-align:right;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt50{
	margin-top:50px;
}
.ml5{
	margin-left:5px;
}
.ml7{
	margin-left:7px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml70{
	margin-left:70px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb50{
	margin-bottom:50px;
}
.pl5{
	padding-left:5px;
}
.overH{
	overflow:hidden;
}
.bold{
	font-weight:bold;
}

/* -----------------------------------------
header
------------------------------------------*/
header{
	height:483px;
	background:url(../images/wrapper_base.png) repeat-y 50% 0 ;
	position:relative;
}
header h1{
	font-size:13px;
	font-weight:normal;
	position:absolute;
	left:48px;
	top:78px;
	color:#FFF;
}

header #logo{
	position:absolute;
	left:50px;
	top:23px;
}
header #eigyou{
	position:absolute;
	top:22px;
	right:30px;
}
#kyv{
	position:absolute;
	top:183px;
	left:10px;
}
#social li{
	display:block;
	float:left;
}
#social li#social_fb{
	width:160px;
}
#social li#social_gplus{
	width:60px;
}


	
/* -----------------------------------------
gnavi
------------------------------------------*/
#gnavi{
	width:960px;
	background:url(../images/gnavi.png) no-repeat;
	height:64px;
	position:absolute;
	left:10px;
	top:119px;
}
#gnavi li{
	float:left;
	height: 64px;
}
#gnavi li a{
	display:block;
	background:url(../images/gnavi.png) no-repeat;
	height:0;
	padding-top:64px;
	overflow:hidden;
}
#gnavi li#gnavi01 a{background-position:0 0;width:147px;}
#gnavi li#gnavi01 a:hover,#top #gnavi li#gnavi01 a{background-position:0 -64px;}

#gnavi li#gnavi02 a{background-position:-147px 0;width:172px;}
#gnavi li#gnavi02 a:hover,#style #gnavi li#gnavi02 a{background-position:-147px -64px;}

#gnavi li#gnavi03 a{background-position:-319px 0;width:158px;}
#gnavi li#gnavi03 a:hover,#plice #gnavi li#gnavi03 a{background-position:-319px -64px;}

#gnavi li#gnavi04 a{background-position:-477px 0;width:152px;}
#gnavi li#gnavi04 a:hover,#information #gnavi li#gnavi04 a{background-position:-477px -64px;}

#gnavi li#gnavi05 a{background-position:-629px 0;width:124px;}
#gnavi li#gnavi05 a:hover,#map #gnavi li#gnavi05 a{background-position:-629px -64px;}

#gnavi li#gnavi06 a{background-position:-753px 0;width:207px;}
#gnavi li#gnavi06 a:hover,#inquiry #gnavi li#gnavi06 a{background-position:-753px -64px;}


	
/* -----------------------------------------
snavi
------------------------------------------*/
#snavi{
	width:250px;
	background:url(../images/snavi.png) no-repeat;
	height:17px;
	position:absolute;
	left:650px;
	top:73px;
}
#snavi li{
	float:left;
	height: 17px;
}
#snavi li a{
	display:block;
	background:url(../images/snavi.png) no-repeat;
	height:0;
	padding-top:17px;
	overflow:hidden;
}
#snavi li#snavi01 a{background-position:0 0;width:70px;margin-right:1px;}
#snavi li#snavi01 a:hover{background-position:0 -17px;}

#snavi li#snavi02 a{background-position:-71px 0;width:70px;margin-right:1px;}
#snavi li#snavi02 a:hover{background-position:-71px -17px;}

#snavi li#snavi03 a{background-position:-142px 0;width:50px;margin-right:1px;}
#snavi li#snavi03 a:hover{background-position:-142px -17px;}

#snavi li#snavi04 a{background-position:-193px 0;width:57px;}
#snavi li#snavi04 a:hover{background-position:-193px -17px;}




/* -----------------------------------------
breadcrumb
------------------------------------------*/
#breadcrumb{
	font-size:12px;
	padding:12px 0;
}
#breadcrumb span{
	margin:0 10px;
}
#breadcrumb a{
	margin:0 10px;
	text-decoration:underline;
}


/* -----------------------------------------
contents
------------------------------------------*/
h2#h2_00{
	font-size: 20px;
	color: #f00;
	background-color: #fff;
	padding: 2px 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.kinkyu{
	
}
h2#h2_01{
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* -----------------------------------------
side
------------------------------------------*/
#R_box h2{
	/*margin:25px 0 5px 0;*/
}



/* -----------------------------------------
footer
------------------------------------------*/
footer{
	height:50px;
	clear:both;
	padding:100px 0 0 0;
}

/* -----------------------------------------
f_gnavi
------------------------------------------*/
#f_gnavi{
	width:574px;
	/*background:url(../images/f_gnavi.png) no-repeat;*/
	height:65px;
	position:absolute;
	left:309px;
	top:91px;
}
#f_gnavi li{
	float:left;
}
#f_gnavi li a{
	display:block;
	background:url(../images/f_gnavi.png) no-repeat;
	height:0;
	padding-top:19px;
	overflow:hidden;

}
#f_gnavi li#f_gnavi01 a{background-position:0 0;width:133px;margin:0 15px 46px 0;}
#f_gnavi li#f_gnavi01 a:hover{background-position:0 -65px;}

#f_gnavi li#f_gnavi02 a{background-position:-148px 0;width:118px;margin:0 18px 46px 0;}
#f_gnavi li#f_gnavi02 a:hover{background-position:-148px -65px;}

#f_gnavi li#f_gnavi03 a{background-position:-284px 0;width:95px;margin:0 26px 46px 0;}
#f_gnavi li#f_gnavi03 a:hover{background-position:-284px -65px;}

#f_gnavi li#f_gnavi04 a{background-position:-405px 0;width:85px;margin:0 15px 46px 0;}
#f_gnavi li#f_gnavi04 a:hover{background-position:-405px -65px;}

#f_gnavi li#f_gnavi05 a{background-position:-511px 0;width:63px;margin:0 0 27px 0;}
#f_gnavi li#f_gnavi05 a:hover{background-position:-511px -65px;}


#f_gnavi li#f_gnavi06 a{background-position:0 -46px;width:133px;margin:0 15px 0 0;}
#f_gnavi li#f_gnavi06 a:hover{background-position:0 -111px;}

#f_gnavi li#f_gnavi07 a{background-position:-148px -46px;width:118px;margin:0 18px 0 0;}
#f_gnavi li#f_gnavi07 a:hover{background-position:-148px -111px;}

#f_gnavi li#f_gnavi08 a{background-position:-284px -46px;width:95px;}
#f_gnavi li#f_gnavi08 a:hover{background-position:-284px -111px;}

	
/* -----------------------------------------
f_snavi
------------------------------------------*/
#f_snavi{
	position:absolute;
	left:500px;
	top:256px;
}
#f_snavi2{
	position:absolute;
	left:500px;
	top:296px;
}
#f_snavi li,#f_snavi2 li{
	display:inline;
	font-size:10px;
	margin-right:1em;
}
#f_snavi li a,#f_snavi2 li a{
	color:#FFF;
	text-decoration:none;
}
#f_snavi li a:hover,#f_snavi2 li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#footer_copy{
	/*position:absolute;
	left:5px;
	top:260px;
	font-size:9px;
	color:#FFF;*/
	text-align:center;
}

/* -----------------------------------------
inquiry_bottom
------------------------------------------*/
#inquiry_bottom{
	background:url(../images/inquiry_bottom_base.png) no-repeat 0 0;
	width:598xp;
	height:140px;
	margin-top:20px;
	margin-left:4px;
	position:relative;
}
#inquiry_bottom_btn{
	position:absolute;
	top:80px;
	left:350px;
}
#inquiry_bottom_btn a{
	display:block;
	background:url(../images/inquiry_btn.png) no-repeat 0 0 #fff;
	height:0;
	padding-top:34px;
	width:178px;
	display:block;
	overflow:hidden;
	border:none;
	cursor:pointer;
	/*margin:10px 0 0 25px;*/
}
#inquiry_bottom_btn a:hover{
	background-position:0 -34px;
}
#kyv_sp{
	display:none;
}
a[href^="tel:"] {
    pointer-events: none;
}

.pc_none {
  display: none !important;
}

.sp_none {
  display: block !important;
}

@media screen and (max-width: 768px) {
 .pc_none {
    display: block !important;
  }

  .sp_none {
    display: none !important;
  }
a[href^="tel:"] {
    pointer-events: auto;
}
.wrapper {
    width: 100%;
    margin-left: 0;
    position: relative;
    left: 0%;
}
header {
    height: 330px;
}
header h1 {
    font-size: 12px;
    font-weight: normal;
	position:static;
    left: 48px;
    top: 78px;
    color: #FFF;
	text-align:center;
	padding-top:80px;
}
header #logo {
    position: absolute;
    left: 10px;
    top: 10px;
	width:30%;
}
header #logo img{
	width:100%;
	height:auto;
}
#gnavi {
	width:100%;
    background: none;
    height: auto;
    position: absolute;
    left: 0px;
    top: 120px;
}
#gnavi li {
    float: left;
    height: 30px;
    width: 16.6%;
	font-size:12px;
	text-align:center;
}
#gnavi li a {
    display: block;
    background: none;
    height: auto;
    padding-top: 0;
    overflow: hidden;
}
#gnavi li#gnavi01 a,
#gnavi li#gnavi02 a,
#gnavi li#gnavi03 a,
#gnavi li#gnavi04 a,
#gnavi li#gnavi05 a,
#gnavi li#gnavi06 a {
	color:#fff;
    width: 100%;
}
#gnavi li#gnavi01 a.now,
#gnavi li#gnavi02 a.now,
#gnavi li#gnavi03 a.now,
#gnavi li#gnavi04 a.now,
#gnavi li#gnavi05 a.now,
#gnavi li#gnavi06 a.now{
	color:#FF3;
	
}
header #eigyou {
    position: absolute;
	right:10px;
    top: 10px;
	width:40%;
}
header #eigyou img{
	height:auto;
	width:100%;
}
#kyv {
	display:none;
}
#kyv_sp {
	display:block;
    position: absolute;
    top: 170px;
    left: 0;
	width:100%;
}
#kyv_sp img{
	width:100%;
	height:auto;
}
#L_box {
    float: none;
    width: 96%;
    overflow: hidden;
    padding: 0 2%;
}
#L_box img{
	width:100%;
	height:auto;	
}
#W_box {
    width: 96%;
    padding: 0 2%;
}
#W_box iframe{
	width:90%;
	height:500px;
}
#R_box {
	display:none;
}
}