@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2012/3/30
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
/* font-family:Raleway , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Noto Sans Japanese', sans-serif;*/
 font-size: 14px;
 -webkit-text-size-adjust: none;
 line-height: 1.7;
 color: #000;
}

body.fontS{ font-size: 10px; }
body.fontM{ font-size: 12px; }
body.fontL{ font-size: 14px; }
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	overflow:hidden;
}


/* !header
---------------------------------------------------------- */
#header { width:230px; position:fixed; z-index:9999; }
@media screen and (max-width: 959px) {
#header { display:none; }
}

#headerLogo						{ text-align:center; padding-top:50px; margin-bottom:10px; }
.head_icon_map 					{ padding:0 0 30px 0; text-align:center; }
.head_icon_menu 				{ padding:0 0 10px 0; text-align:center; }
.head_menu_list 				{ padding:0 30px 30px; }
.head_menu_list a 				{ color:#4d4d4d; font-size:16px; font-family: 'rounded-mplus-1p-light','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
.head_menu_list .icon_bx 		{ float:right; padding:3px 0 0; }
.head_cate_tit 					{ padding:0 30px; color:#4d4d4d; font-weight:bold; line-height:1.0; margin:0 0 15px; }
.head_cate_tit span 			{ display:block; }
.head_cate_tit .icon_bx 		{ float:left; padding:0 10px 0 0; }
#head_catenavi 					{ /*padding:0 30px 120px;*/ padding:0 30px 100px; }
#head_catenavi li 				{ border-top:1px dotted #4d4d4d; line-height:2.4; text-align:center; font-size:16px;  font-family: 'rounded-mplus-1p-light','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
#head_catenavi li a 			{ color:#4d4d4d; }
#head_catenavi li:first-child 	{ border-top:none; }
#head_info_area 				{ text-align:center; }
#headerSNS						{ text-align:center; margin-top:15px; margin-bottom: 30px; }
#headerSNS a 					{ margin-left:18px; }
#headerSNS a:first-child		{ margin-left:0; }

#headerLinks{
	margin:0 20px;
}

#headerLinks li a{
	display:block;
	background:#f5f5f5;
	font-size:12px;
	color:#313131;
	padding:6px 20px;
	text-decoration:none;
	position:relative;
	margin-bottom:7px;
}

#headerLinks li a:before{
	right:20px;
	top:50%;
	margin-top:-4px;
	position:absolute;
	content:"";
	background:url(../img/ico_headerlinks.png);
	width:5px;
	height:8px;
}

#hdaderSP{
	height:60px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.05);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.05);
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	background:#fff;
}

#hdaderSP .btnMenu{
	width:26px;
	float:right;
	margin:17px 15px 0 0;
}
#hdaderSP .logoSP{
	overflow:hidden;
	padding-left:41px;
	text-align:center;
	padding-top:10px;
}
#hdaderSP .logoSP img{
	width:53px;
}

#top #hdaderSP{
	display:none;
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	font-size:14px;
	color:#313131;
	margin-bottom:20px;
}

#breadcrumb span {
}
#breadcrumb a {
	color:#313131;
}
/* !gNavi
---------------------------------------------------------- */

#gNavi {
	margin-bottom:23px;
}
#gNavi li {
	text-align:center;
	font-size:15px;
	margin-bottom:10px;
    line-height: 22px;

}
#gNavi li a {
	color:#313131;
	font-weight:bold;
}
#gNavi li a:hover{
	color:#96afbc;
	text-decoration:none;
}
#gNavi li.selected a {
	color:#96afbc;
}

/* !navbarCollapse
---------------------------------------------------------- */
.navbarCollapse {
	display:none;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	width:100%;
	z-index:999;
}

.navbarCollapseMenu{
	float:right;
	width:26px;
	padding:17px 15px 0 12px;
}
.navbarCollapseMenu img{
	width:26px;
}
.navbarCollapseBox{
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #f3f3f3;
	padding-top:24px;
}
.navbarCollapseBox #gNavi{
	margin-bottom:15px;
}
.navbarCollapse li {

}
.navbarCollapse li a {
}
.navbarCollapse li a.subBtn {
}
.navbarCollapse .subUl {
}
.navbarCollapse .subUl li {

}
.navbarCollapse .subUl li a {
}

/* !mainimg
---------------------------------------------------------- */
#mainimgPC 				{ position:relative; }
#mainimgPC img			{ width:100%; }
.mainimgLogo			{ position:absolute; left:50%; top:50%; z-index:9999; margin-left:-133px; margin-top:-101px; }
.mainimgtxt				{ position:absolute; left:50%; top:80%; z-index:9999; margin-left:-367px; margin-top:-101px; }
/*
.mainimgLinkL			{ position:absolute; z-index:9999; left:40px; top:50%; margin-top:-28px; }
.mainimgLinkR			{ position:absolute; z-index:9999; right:40px; top:50%; margin-top:-59px; }
#mainimgSP{
	position:relative;
}
#mainimgSP img{
	width:100%;
}
#mainimgSP .mainimgLogo img{
	width:133px;
}
#mainimgSP .mainimgLogo{
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	margin-left:-66px;
	margin-top:-50px;
}

#mainimgSP .mainimgLinkL img{
	width:16px;
}
#mainimgSP .mainimgLinkL{
	position:absolute;
	z-index:9999;
	left:15px;
	top:50%;
	margin-top:-19px;
}
#mainimgSP .mainimgLinkR img{
	width:14px;
}
#mainimgSP .mainimgLinkR{
	position:absolute;
	z-index:9999;
	right:15px;
	top:50%;
	margin-top:-41px;
}
*/

/* !teaser
---------------------------------------------------------- */
#teaser img{
	width:100%;
}

/* !contents
---------------------------------------------------------- */
article{
	padding-left:230px;
	position:relative;
	z-index:8888;
}
@media screen and (max-width: 959px) {
article{
	padding-left:0;
	padding-top:60px;
}
#top article{
	padding-left:0;
	padding-top:0;
}
}
#contents {

}
#main {
}

#side {
}



/* !pageTop
---------------------------------------------------------- */
.pageTop {}
/* !footer
---------------------------------------------------------- */
#footer {
	background:#96afbc;
	text-align:center;
	padding:30px 40px;
/*	min-width:980px;*/
}

.footerLinks{
	font-size:14px;
	color:#ffffff;
	margin-bottom:10px;
	letter-spacing:0.1em;
}
.footerLinks a{
	font-size:14px;
	color:#fff;
	font-family: 'rounded-mplus-1p-light','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#copyright {
	color:#fff;
	font-weight:bold;
}

/* !h(n)eading
---------------------------------------------------------- */
.h1Basic {}
.h2Basic {
	font-size:34px;
	letter-spacing: 1px;
	color:#362e2b;
	font-weight:bold;
	text-align:center;
	padding-top:50px;
	margin-bottom:60px;
	position:relative;
}
.h2Basic:before{
	background:#b0bec5;
	position:absolute;
	left:50%;
	margin-left:-48px;
	bottom:-9px;
	content:"";
	width:95px;
	height:2px;
}
@media screen and (max-width: 959px) {
.h2Basic {
	font-size:32px;
	color:#362e2b;
	font-weight:bold;
	text-align:center;
	padding-top:35px;
	margin-bottom:50px;
	position:relative;
}
}

.h2Basic02{
	font-size:32px;
	color:#313131;
	text-align:center;
	padding-top:78px;
	margin-bottom:9px;
}

@media screen and (max-width: 959px) {
.h2Basic02{
	font-size:26px;
	color:#313131;
	text-align:center;
	padding-top:78px;
	margin-bottom:9px;
	margin-left:15px;
	margin-right:15px;
}
}
.h3Basic01 {
	font-size:70px;
	color:#313131;
	font-weight:bold;
}
.h3Basic02 {
	font-size:60px;
	color:#313131;
	font-weight:bold;
}
.h3Basic03 {
	font-size:48px;
	color:#313131;
	font-weight:bold;
}
.h3Basic04 {
	font-size:36px;
	color:#313131;
	font-weight:bold;
}
.h3Basic05 {
	font-size:30px;
	color:#313131;
	font-weight:bold;
}
.h3Basic06 {
	font-size:24px;
	color:#313131;
	font-weight:bold;
}
.h3Basic07{
	font-size:30px;
	color:#313131;
	text-align:center;
	margin-bottom:40px;
}
.h4Basic {}
.h5Basic {}
.h6Basic {}
/* !Listing
---------------------------------------------------------- */
.ulBasic {
}
.ulBasic li {
}

.olBasic {
}
.olBasic li {
}

.dlBasic {
}
.dlBasic dt {
}
.dlBasic dd {
}
/* !Table
---------------------------------------------------------- */

.tableBasic {
}
.tableBasic th,
.tableBasic td {
}
.tableBasic th {
}
.tableBasic td {
}
/* !Section
---------------------------------------------------------- */

.section {}

.contactus{
	background:url(../img/bg_contactus.jpg);
	background-size:cover;
	color:#fff;
	font-size:14px;
	padding:40px 0;
}

.contactus h3{
	text-align:center;
	font-size:30px;
	letter-spacing: 1px;
	font-weight:bold;
	margin-bottom:35px;
	position:relative;
}
.contactus h3:before{
	position:absolute;
	left:50%;
	margin-left:-48px;
	width:95px;
	height:2px;
	background:#ffffff;
	content:"";
	bottom:-9px;
}

.contactusList{
	overflow:hidden;
	margin:0 40px;
}
.contactusList li{
	float:left;
	width:30%;
	text-align:center;
	padding:0 2.5%;
}
.contactusList li:first-child{
	padding:0 2.5% 0 0;
}
.contactusList li:last-child{
	padding:0 0 0 2.5%;
}

.contactusListTit{
	font-size:16px;
	font-weight:bold;
	margin:17px 0 10px;
}

@media screen and (max-width: 959px) {
.contactus{
	background:url(../img/bg_contactus.jpg);
	background-size:cover;
	color:#fff;
	font-size:14px;
	padding:46px 15px 40px;
}

.contactus h3{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin-bottom:35px;
	position:relative;
}
.contactus h3:before{
	position:absolute;
	left:50%;
	margin-left:-48px;
	width:95px;
	height:2px;
	background:#ffffff;
	content:"";
	bottom:-9px;
}

.contactusList{
	overflow:hidden;
	margin:30px 0 0 0;
}
.contactusList li{
	float:none;
	width:auto;
	text-align:center;
	padding:0;
	margin-bottom:30px;
}
.contactusList li:first-child{
	padding:0;
}
.contactusList li:last-child{
	padding:0;
}

.contactusListTit{
	font-size:16px;
	font-weight:bold;
	margin:17px 0 10px;
}

}

/***PC 960px ~***/

/***IPAD 768px ~ 959px***/
@media screen and (max-width: 959px) {

}

/*** SP 480px ~ 767px***/
@media screen and (max-width: 767px) {

}

/*** SP 320px ~ 479px***/
@media screen and (max-width: 479px) {

}

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }