@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table,th,td {font-size: 100%;line-height: 1.6;}
caption,th {text-align: left;font-weight: normal;}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
img,abbr,acronym,fieldset {border: 0;}
ul,li {list-style-type: none;}
img,a img{border:none;background:transparent;vertical-align:bottom;}

/* font
----------------------------------------------------*/
body {
	font: 62.5% Meiryo, arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
}
html>/**/body { font-size: 10px; } /* Except IE */
* html body { /* IE6用フォント指定 */
	font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif;
}

/*--- default */
body {
	text-align: center;
}

/* Link
----------------------------------------------------*/
a {
	color: #111;
}
a:hover {
	text-decoration: none;
}


/* float,clear
----------------------------------------------------*/
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}
.cf { /* clearfix */
	zoom: 1;
}
.cf:after {
	content:'';
	display: block;
	clear: both;
}


/* margin
---------------------------------------- */
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top: 40px !important;}

.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}

.m10 { margin-bottom:10px !important;}
.m15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}

.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}



/* padding
---------------------------------------- */
.pt10 { padding-top:10px;}

.pr10 { padding-right:10px;}

.pb20 { padding-bottom:20px;}
.pb90 { padding-bottom:90px;}

.pl10 { padding-left:10px;}




/* text
---------------------------------------- */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.txt_narrow {
	letter-spacing: -1px;
}
.txt_space {
	letter-spacing: 1px;
}
.txt_indent {
	text-indent: 1em;
}


/* その他
---------------------------------------- */
/*画像透過*/
a.imgHover:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}



/* wrapper
----------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
} 


/* header
----------------------------------------------------*/
#header {
	position: relative;
	width: 1000px;
	height: 90px;
	text-align: left;
}

/*  ========================= general */
#header .headTxt,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #tel,
#header #headInfo {
	position: absolute;
}

/*  ========================= header */
#header h1.headTxt {
	top: 0;
	left: 0;
	color: #333;
}
#header #logo {
	top: 10px;
	left: 10px;
}

#header p#tel {
	top: 20px;
	right: 10px;
}
#header #globalNav {
	top: 115px;
	left: 0;
	width: 900px;
	height: 35px;
}
#header #globalNav li {
	float: left;
}
#header #headInfo {
	top: 30px;
	right: 0;
}


/* content
---------------------------------------- */
#content {
	width: 1000px;
	font-size: 140%;
	margin: 0 auto;
}
p.gotop {
	clear: both;
	text-align: right;
	font-size: 0;
}


/* nav
---------------------------------------- */
#nav {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}


/* main
---------------------------------------- */
#main {
	width: 1000px;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.6;
}

/*  ========================= locus */
#content ol#locus {
	margin-bottom: 10px;
}
#content ol#locus li {
	display: inline;
	padding-left: 20px;
	background: url(../img/common/bg_locus.gif) no-repeat center left;
	line-height: 1;
}
#content ol#locus li.firstChild {
	padding-left: 0;
	background: none;
}


/* footer
---------------------------------------- */
#footer {
	width: 1000px;
	margin: 0 auto;
}
#footer #assistNav {
	text-align: center;
	margin: 30px 0;
	font-size: 120%;
}
#footer #assistNav li {
	display: inline;
	padding-left: 10px;
	/*background: url(../img/common/bg_assist.gif) no-repeat center left;*/
}
#footer #assistNav li + li {
	border-left: 1px solid #DDD;
	margin-left: 10px;
}
#footer #assistNav li.firstChild {
	padding-left: 0;
	background: none;
}
#copyright {
	margin-top: 10px;
	background: url(../images/common/fotter_copyright.png) repeat 0 0;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 120%;
	padding: 20px 0;
}


/* general
----------------------------------------------------*/
#content .last {
	margin-bottom: 0;
}

/*  ========================= text */
#content p {
	margin-bottom: 1em;
}
#content .emphasis {
	color: #f00;
	font-weight: bold;
}

/*  ========================= img */
#content .imgL {
	float: left;
	margin-right: 1em;
	margin-bottom: 0;
}
#content .imgLbtm {
	float: left;
	margin-right: 1em;
}
#content .imgR {
	float: right;
	margin-left: 15px;
	margin-bottom: 0;
}
#content .imgRbtm {
	float: right;
	margin-left: 1em;
}

/*  ========================= box */
.section {
	/*margin: 0 10px;*/
}
.section dl {
	margin: 0 10px;
}
.section dt {
}
.section dd {
}

/*  ========================= title */
#main h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}
#main h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#main h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h3.firstChild,
#main h4.firstChild,
#main h5.firstChild {
	margin-top: 0;
}

/*  ========================= table */
#main table {
}
#main table th,
#main table td {
}
#main table th {
}
#main table td {
}

/*  ========================= defalt list */
#main p.defList,
#main .defList li,
#main .defList dt {
	padding-left: 15px;
	background: url(../img/common/icon.gif) no-repeat 0 5px;
}
#main .defList dd {
	padding-left: 15px;
}

/*  ========================= attention */
#main p.attention,
#main .attention li,
#main .attention dt {
	padding-left: 15px;
	background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#main .attention dd {
	padding-left: 15px;
}

/*  ========================= text Link */
#main p.txtLink {
	margin-top: 5px;
	text-align: right;
}
#main p.txtLink a {
	display: block;
	padding-left: 20px;
	background: url(../img/common/icon_arrow.gif) no-repeat left center;
	/zoom: 1;
}


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


















/* formPage
----------------------------------------------------*/
#contactPage form input,
#contactPage form select,
#contactPage form textarea {
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	vertical-align: middle;
}
#contactPage form .nonDeco {
	border: none;
	padding: 0;
	background: none;
}
#contactPage form textarea {
	font-size: 12px;
}


/* input width style
----------------------------------------------------*/
#contactPage form .input1 {
	width: 150px;
}
#contactPage form .input2 {
	width: 350px;
}
#contactPage form .input3 {
	width: 200px;
}
#contactPage form .input4 {
	width: 50px;
}
#contactPage form .input6 {
	width: 540px;
}


/* submit area style
----------------------------------------------------*/
#contactPage div#submit {
	margin-top: 30px;
	text-align: center;
}
#contactPage div#submit input {
	width: 150px;
	padding: 5px;
	border: solid 1px #ccc;
	background: #dfdfdf;
}


/* text style
----------------------------------------------------*/
#contactPage form p.attention {
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
	color: #f00;
	text-align: right;
}
#contactPage form table em {
	margin-left: 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	color: #f00;
}
#contactPage p.formError {
	color: #f00;
	text-align: center;
}
#contactPage p.formMessage {
	margin: 50px 0;
	text-align: center;
}





/* 150109
-----------------------------------*/
.feature {
	width: 100%;
	background: url(../images/common/feature_back.png) repeat-x 0 0 #F2F2F2;
}
.feature .feature_inner {
	text-align: center;
	margin: 0 auto;
	width: 1000px;
}
.feature .feature_inner dl {
	text-align: left;
	margin-bottom: 40px;
}
.feature .feature_inner dt {
	margin-bottom: 30px;
	text-align: center;
}
.feature .feature_inner dd {
	text-align: center;
}

.feature .feature_inner ul {
	text-align: center;
	margin: 0 auto 40px auto;
	display: inline-block;
}
.feature .feature_inner li {
	float: left;
}
.feature .feature_inner li + li {
	margin-left: 15px;
}
.feature .feature_form {
	background: #006837;
	text-align: center;
	padding: 30px 0;
}
.feature .feature_form ul {
	width: 1000px;
	margin: 0 auto;
}
.feature .feature_form li {
	float: left;
}
.feature .feature_form li+li {
	margin-left: 40px;
}

#indexPage {
	background: url(../images/common/body_top.png) repeat-x 0 0;
}
.glonav {
	width: 1000px;
	margin: 0 auto 70px auto;
}
.glonav li {
	float: left;
}
#pageImg {
	padding: 0 0 20px 0;
}
.footerAddress {
}
.footerAddress dt {
	float: left;
}
.footerAddress dd {
	float: right;
	text-align: left;
	margin-left: 10px;
	margin-top: 15px;
    font-size: 94%;
}


.bestBox {
	/*position: relative;*/
	/*width: 980px;*/
	/*margin: 0 10px;*/
}
.bestNumber01 {
	height: 183px;
}
.bestNumber02 {
	height: 161px;
}
.bestNumber03 {
	height: 139px;
}
.bestNumber04 {
	height: 365px;
}
.omnibus {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.best {
	/*position: absolute;
	top: 25px;
	left: 40px;*/
	background: url(../images/best_back.png) repeat 0 0;
	padding-bottom: 1px;
	/*width: 890px;*/
}
.best dt {
	padding: 13px 10px 13px 20px;
}
.best dd {
	background: #FFF;
	margin: 0 7px 5px 7px;
	padding: 15px 10px 15px 15px;
}
.best dd p {
	margin-bottom: 0 !important;
	/*text-indent: -13px;
	padding-left: 10px;*/
}
.best dd p + p {
	margin-top: 1em !important;
}
.best dd ul li {
	margin-bottom: 0 !important;
	text-indent: -13px;
	padding-left: 10px;
}
h2 {
	background: url(../images/h2_ttl_bg.png) no-repeat 0 0;
	padding: 0.1%;
}
h2 span {
	border: 1px solid #FFF;
	margin: 0.1%;
	width: 99.8%;
	padding-left: 25px;
	display: inline-block;
	box-sizing: border-box;
}
h2#logo {
	background: none;
}
.sp {
	display: none;
}
button.drawer-toggle.drawer-hamburger {
		display: none;
}


.bnrarea {
	text-align: center;
}

/* linkSec
-----------------------------------*/
#content .linkSec {
	text-align: center;
}
#content .linkSec .subtxt {
	font-size: 140%;
	margin: 0;
}
#content .linkSec .maintxt {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#content .linkSec .maintxt:hover {
	opacity: .5;
}
/*----------------------------------------------------------------------------------------------------------------

responsive style

----------------------------------------------------------------------------------------------------------------*/
@media all and (min-width: 0px) and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#logo {
		width: 100%;
		display: block;
		text-align: left;
	}
	#logo a img {
		width:45%;
	}
	#pageImg {
		padding-top: 80px;
	}
	.mb70 {
		margin-bottom: 0 !important;
	}
	.mb70 + .mb70 {
		padding-top: 80px !important;
	}
	.drawer_menu {
		text-align: center;
		font-size: 12px;
		width: 100%;
		position: absolute;
		top: 45px;
		left: 0;
	}
	#header {
		position: fixed;
		height: 70px;
		background: #FFF;
		z-index: 9999;
		top: 0;
		left: 0;
	}

	/*#logo img {
		height: 34px;
	}*/
	#tel {
		display: none;
	}
	.h3en {
		font-size: 18px;
		font-weight: bold;
		padding-left: 25px;
		/*text-indent: -30px;*/
		background: url(../images/common/icon_head.png) no-repeat 0 0;
		background-size: 18px 18px;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		line-height: 1.2em;
	}
	body,
	#wrapper,
	#header,
	#main,
	#content,
	#footer,
	.glonav,
	.feature .feature_form ul,
	.feature .feature_inner {
		width: 100% !important;
	}
	body {
		overflow: hidden;
	}
	.sp_glonav {
		width: 100%;
		margin-bottom: 20px;
	}
	.sp_glonav li a {
		box-sizing: border-box;
		margin: 0 0.5% 1% 0.5%;
		width: 49%;
		background: #3F3A39;
		float: left;
		text-align: center;
		padding: 10px 0;
	}
	.sp_glonav li img {
		height: 25px;
	}
	.spLink {
		float: none;
		width: 98%;
		margin: 0 1%;
		clear: both;
		background: #CCC;
		padding-bottom: 10px;
		padding-left: 5px;
	}
	.spLink li a {
		width: 94%;
		padding: 10px 5px;
		border-bottom: 1px dotted #999;
		background: url(../images/common/footer_arrow.png) no-repeat right center;
		text-align: left;
		display: block;
		font-size: 14px;
	}
	#footer #assistNav li + li {
		border-left: none;
	}
	
	
	
	#pageImg img {
		width: 100%;
	}
	.feature .feature_inner li {
		float: none;
	}
	.feature .feature_inner li img {
		width: 100%;
	}
	.feature .feature_inner li + li {
		margin-top: 10px;
		margin-left: 0;
	}
	.feature .feature_form {
		padding: 20px 0;
	}
	.feature .feature_form li {
		width: 48%;
		margin: 0 1% 1% 1%;
		text-align: center;
	}
	.feature .feature_form li + li {
		margin-left: 1%;
	}
	.feature .feature_form li img {
		width: 100%;
	}
	.glonav li {
		background: #3F3A39;
		width: 100%;
		float: none;
		text-align: center;
	}
	.glonav li + li {
		margin-top: 1px;
	}
	#indexPage {
		background: none;
	}
	.best dt {
		padding-left: 10px;
	}
	/*.best dt img {
		width: 100%;
	}*/
	.footerAddress {
		width: 100%;
		margin-bottom: 30px;
	}
	.footerAddress dt {
		text-align: center;
		width: 100%;
	}
	.footerAddress dd {
		float: none;
		margin-left: 0;
		margin-top: 0;
		text-align: center;
		width: 100%;
		clear: both;
		padding-top: 10px;
		font-size: 14px;
	}
	#main h3 img {
		max-width: 100%;
	}
	h2 span {
		border: 1px solid #FFF;
		margin: 0.5%;
		width: 99%;
		padding-left: 12px;
		display: inline-block;
		box-sizing: border-box;
	}
	#footer #assistNav li {
		padding-left: 0;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	#footer #assistNav li + li {
		margin-left: 0;
		border-left: none;
	}
	.footerCopy {
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	#ftelBox {
		text-align: center;
		margin: 10px 0 20px 0;
	}
	.ftel {
		padding: 1% 3% 1% 7%;
		margin: 0 1%;
		color: #FFF;
		background: -moz-linear-gradient(
			top,
			#FF9444 0%,
			#F06406);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#FF9444),
			to(#F06406));
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.ftel a {
		font-size: 14px;
		color: #FFF;
		background: none;
		width: auto;
		display: inline;
	}
	.ftel span {
		text-decoration: none;
		font-size: 32px;
		text-align: center;
		display: inline-block;
		background: none;
		padding-left: 5px;
		color: #FFF;
		font-weight: bold;
		margin-bottom: 0px;
	}
	.telIcon {
		background: url(../images_sp/common/icon_tel.png) no-repeat 0 center;
		background-size: 14%;
		font-size: 13px;
		padding: 2% 0 2% 10%;
	}
	.teltxt {
		font-size: 21px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#copyright {
		background: #000;
		font-size: 10px;
		margin-top: 0;
	}
	.sp_footer {
		background: url(../images/common/sp_footerBack.png) repeat-x 0 0;
	}
	
	
	/*右メニュー
	--------------------------------------------------------*/
	button.drawer-toggle.drawer-hamburger {
		display: block;
	}
	.drawer-open button.drawer-toggle.drawer-hamburger {
		background: rgba(0,0,0,.8);
	}
	.drawer-open .drawer-hamburger-icon:before,
	.drawer-open .drawer-hamburger-icon:after {
		background-color: #FFF !important;
	}
	.drawer_home a {
		font-size: 14px !important;
		font-weight: bold;
		padding-top: 12px !important;
		padding-left: 20px !important;
		padding-bottom: 12px !important;
		background: url(../images_sp/common/icon_home.png) no-repeat 0 center !important;
		background-size: 14px !important;
	}
	.btn_close {
		color: #FFF;
		background: url(../images_sp/common/drawer_close.png) no-repeat 0 center;
		background-size: 15px 15px;
		padding-left: 20px;
		padding-bottom: 15px;
		padding-top: 15px;
		font-weight: bold;
		display: inline-block;
		font-weight: bold;
	}
	.drawer-nav-list li {
		text-align: left;
		color: #FFF;
		font-size: 14px;
		border-bottom: 1px dotted #FFF;
		padding: 10px 0 10px 15px;
	}
	.drawerMini {
		padding: 0;
		background: none;
		font-weight: normal;
	}
	.drawer-default li {
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		border-bottom: 1px dotted #FFF;
	}
	.drawer-default li a {
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
		padding: 0 10px 0 15px;
		background: url(../images_sp/common/icon_drawer_ttl.png) no-repeat left center;
	}
	.drawer_ttl {
		font-weight: bold;
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
		padding: 10px;
	}
	.lp_ttl {
		font-size: 16px;
		font-weight: bold;
		width: 100% !important;
		padding: 10px 5px !important;
		border: none !important;
		display: block !important;
		background: #F06406 !important;
		border-radius: 0 !important;
		line-height: 1.2 !important;
		height: 35px !important;
	}
	.spFBox {
		/*background: #e0e0e0;*/
		padding: 10px 5px;
	}
	.sp_contMenu li {
		text-align: left;
		/*margin-bottom: 5px;*/
		/*border-bottom: 1px dotted #000000;*/
		height: 42px;
		line-height: 38px;
		
		padding: 1% 3% 1% 5%;
		margin: 0 1% 5px 1%;
		color: #FFF;
		background: -moz-linear-gradient(
			top,
			#FFF 0%,
			#CCC);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#FFF),
			to(#CCC));
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #DDD;
		
	}
	.sp_contMenu li a {
		padding-left: 5%;
		text-decoration: none;
		font-size: 14px;
		color: #000000;
		margin-bottom: 8px;
		box-sizing: border-box;
		width: 100%;
		background: url(../images_sp/common/icon_drawer_ttl22.png) no-repeat right center;
		padding-right: 11px;
		display: block;
	}
	.bnrarea { margin-top: 20px;}
	.bnrarea img {max-width: 100%;}
}