@charset "utf-8";

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

common.css

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

#container{
	background:#FFF;
}

/* 
header
---------------------------------------------------------------------- */

#header{
	width:100%;
	height:70px;
	border-top:5px solid #027;
	box-sizing:border-box;
}

#header h1{
	margin:12px 0px 0px 10px;
	padding:0;
	width:140px;
	height:42px;
	background:url(../common/logo.png) top left no-repeat;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:140px 42px;
	display:block;
	float:left;
}

#header h1 a{
	width:140px;
	height:42px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

#header #menuBtn{
	margin:10px 10px 0 0;
	width:45px;
	height:45px;
	background-image: url(../common/btn_menu.png);
	background-position:0 0;
	background-size:45px 45px;
	display:block;
	float:right;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header .b_tel{
	margin:12px 10px 0 0;
	width:40px;
	height:40px;
	background-image: url(../common/btn_tel.png);
	background-position:0 0;
	background-size:40px 40px;
	display:block;
	float:right;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header .b_contact{
	margin:12px 7px 0 0;
	width:40px;
	height:40px;
	background-image: url(../common/btn_contact.png);
	background-position:0 0;
	background-size:40px 40px;
	display:block;
	float:right;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



/* 
slide main menu
---------------------------------------------------------------------- */

/* jquery.mmenu.css */

#gNav{
	margin:0 0 10px;
	padding:35px 0 0;
	background-color:#f7f7f7;
	box-sizing:border-box; 
}

#gNav ul{
	margin:0;
	padding:0;
}

#gNav ul li{
	margin:0;
	padding:3px 0 3px 25px;
	width:100%;
	height:61px;
	box-sizing:border-box;
}

#gNav ul li a{
	margin:0;
	padding:10px 0;
	width:100%;
	height:55px;
	background-image:url(../common/arrow_black2.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:16px 16px;
	display:block;
	box-sizing:border-box;
}

#gNav ul li a img{
	width:240px;
}

#gNav ul li a.a_pc{
	background-image:url(../common/icon_pc.png);
	background-size:15px 14px;
}

#gNav ul li.contact{
	margin:26px 0 0;
	padding:0;
	width:100%;
	height:60px;
	box-sizing:border-box;
}

#gNav ul li.contact a{
	margin:0;
	padding:20px 0 0;
	width:100%;
	height:60px;
	background-color:#027;
	background-image:url(../common/icon_mail.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:16px 12px;
	text-align:center;
	box-sizing:border-box;
}

#gNav ul li.contact a img{
	width:195px;
}

#gNav ul li.tel{
	margin:0;
	padding:0;
	width:100%;
	height:60px;
	box-sizing:border-box;
}

#gNav ul li.tel a{
	margin:0;
	padding:20px 0 0;
	width:100%;
	height:60px;
	background-color:#fff;
	background-image:url(../common/icon_tel.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:16px 12px;
	text-align:center;
	box-sizing:border-box;
}

#gNav ul li.tel a img{
	width:195px;
}

#gNav ul li.home{
	margin:0;
	padding:0;
	width:100%;
	height:60px;
	box-sizing:border-box;
}

#gNav ul li.home a{
	margin:0;
	padding:20px 0 0;
	width:100%;
	height:60px;
	background-color:#111;
	background-image:url(../common/icon_home.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
	background-size:16px 12px;
	text-align:center;
	box-sizing:border-box;
}

#gNav ul li.home a img{
	width:195px;
}

/* 
contents
---------------------------------------------------------------------- */

#contents{
	margin:0px;
}

/* inner */
.inner {
	padding: 0 10px;
}


/* 
footer
---------------------------------------------------------------------- */

#footer {
	margin:0;
	padding:0;
}

#footer #footer_address{
	margin:0;
	padding:18px 0 20px;
	background:#027;
	text-align:center;
}

#footer #footer_address .copy{
	margin:0 auto;
	padding:0;
	width:204px;
}

#footer #footer_address .copy img{
	width:100%;
}

#footer #footer_address h2{
	margin:16px auto 0;
	padding:0;
	width:45px;
}

#footer #footer_address h2 img{
	width:45px;
}

#footer #footer_address p{
	margin:15px 0 0;
	padding:0;
	font-size:1.2rem;
	line-height:1.5em;
	color:#fff;
	text-align:center;
}

#footer #footer_address p a{
	color:#fff;
	text-decoration:none;
}

#footer #copyright{
	margin:0;
	padding:0;
	background:#fff;
}

#footer #copyright p{
	padding:10px 0;
	font-size:1.1rem;
	line-height:1em;
	color:#027;
	text-align:center;
}

/*
ボタン
---------------------------------------------------------------------- */

a.btn_black{
	margin:0 auto;
	padding:7px 0;
	width:150px;
	font-size:1.3rem;
	line-height:1em;
	color:#fff;
	text-decoration:none;
	background-color:#111;
	-webkit-border-radius: 1em;/* for Safari and Chrome */
	-moz-border-radius: 1em; /* for Firefox */
	-o-border-radius: 1em; /* for opera */
	border-radius: 1em;
	text-align:center;
	display:block;
	box-sizing:border-box;
}


/*ページTOP*/

#pageTop{
	position: fixed;
	width:35px;
	height:35px;
	right:20px;
	bottom:20px;
}

#pageTop a{
	width:35px;
	height:35px;
	background-image:url(../common/page_top.png);
	background-size:35px 35px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*
float
---------------------------------------------------------------------- */

.f_left{
	float:left;
}

.f_right{
	float:right;
}

em{
	margin:0;
	padding:0 0 0 1em;
	font-size:1.2rem;
	line-height:1.4em;
	color:#69c;
	text-indent:-1em;
	display:block;
}

/*
space
---------------------------------------------------------------------- */
.mB05 { margin-bottom: 5px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB15 { margin-bottom: 15px !important;}
.mB20 { margin-bottom: 20px !important;}
.mB25 { margin-bottom: 25px !important;}
.mB30 { margin-bottom: 30px !important;}

.mT05 { margin-top: 5px !important;}
.mT10 { margin-top: 10px !important;}
.mT15 { margin-top: 15px !important;}
.mT20 { margin-top: 20px !important;}
.mT25 { margin-top: 25px !important;}
.mT30 { margin-top: 30px !important;}

.mR00 { margin-right: 0 !important;}
.mR05 { margin-right: 5px !important;}
.mR10 { margin-right: 10px !important;}
.mR15 { margin-right: 15px !important;}
.mR20 { margin-right: 20px !important;}
.mR25 { margin-right: 25px !important;}
.mR30 { margin-right: 30px !important;}

.mL00 { margin-left: 0 !important;}
.mL05 { margin-left: 5px !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;}

.pB05 { padding-bottom: 5px !important;}
.pB10 { padding-bottom: 10px !important;}
.pB15 { padding-bottom: 15px !important;}
.pB20 { padding-bottom: 20px !important;}
.pB25 { padding-bottom: 25px !important;}
.pB30 { padding-bottom: 30px !important;}

.pT05 { padding-top: 5px !important;}
.pT10 { padding-top: 10px !important;}
.pT15 { padding-top: 15px !important;}