@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #4c4c4c;
	text-decoration: underline;
}

a:visited {
	color: #4c4c4c;
	text-decoration: underline;
}

a:hover {
	color: #eba8a9;
	text-decoration: none;
}

/*20160325 add*/
/*a img:hover {
	opacity: 0.7 !important;
}*/

a:active {
	color: #dadada;
	text-decoration: none;
}
.left{
float:left;
}

.right{
float:right;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #4c4c4c;
	line-height: 1.5;
	text-align: center;
}

#container {
	text-align: left;
	margin:0 auto;
}
.main_area{
width:1200px;
margin:10px auto;
}

#inpage .cont_area{
margin-top:100px;
}

.cont_area{
background:url(../../img/bg_cont_area.png) left center no-repeat #f9f9f9;
min-height:371px;
}
.cont_area_in{width:998px;margin:0 auto;padding-top:65px}

#main .mainImg {
	clear: both;	 
text-align:center;
width:1200px;
margin:0 auto;
border:1px solid #dadada;
}




.header{
width:1200px;
margin:0px auto;
position: relative;
height:100px;
}
.header h4{background:none;width:auto;position: absolute;}
.header .h_menu{position: absolute;right:0;}
.header .h_tel{position: absolute;left:500px;top:20px;}
.header span.menu_btn{margin:20px;height:67px;display:inline-block;}

ul.menu{
position:absolute;
top:120px;
right:0;
width:600px;
z-index:1000;
background:rgba(235,150,150,0.9);
height:auto;}

ul.menu::-webkit-scrollbar {
  display: none;
}
ul.menu:before{
	content: "";
	position: absolute;
	top: -50px;
	right: 5%;
	border: 25px solid transparent;
	border-bottom: 25px solid rgba(235,150,150,0.9);
}

ul.menu li{display:block;border-bottom:1px solid #fff;font-weight: bold;}
ul.menu li.gnavi_h{text-align:center;padding-top:10px;}
ul.menu li a{color:#fff;padding:10px 10px;display:block;}
ul.menu li.close img{margin:10px;}
.head_second{
display:block;
background:url(../../img/icon_gnavi.png) no-repeat right center;
background-size:40px;
width:100%;
padding:10px 0;
color:#fff;
font-weight:bold;
}
.head_second span{
padding-left:10px;
}
.close_second{
display:block;
background:url(../../img/icon_gnavi_close.png) no-repeat right center;
background-size:40px;
width:100%;
padding:10px 0;
}

.gnavi_h img{margin:5px 8px;display:inline;}
.gnavi_h a{display:inline !important;}
ul.menu li ul.second li{border:none;padding:0;}

/*------------------------------------------------------------
	comTopNavi
------------------------------------------------------------*/
/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
p{margin:20px 10px 30px 10px;}
#inpage .h1_area {
    height: 200px;
    background: #eba8a9; //右側の背景
    position: relative;
    margin-bottom:20px;
}
#inpage .h1_area:before {
    width: 50%;
    height: 200px;
    content: "";
    position: absolute;
    right: 50%;
    background:url(../../img/bg_h1.png)no-repeat right center #dfdcdf ;
    
}
#inpage h1{
    height: 200px;
    position: relative;

font-size:40px;
color:#fff;
margin-left:50%;
font-weight:normal;
}
#inpage h1 span{
padding-left:20px;
padding-top: 120px;
display: block;
position:absolute;
bottom:0;
}
h2{
color:#d7b9ba;
font-size:40px;
font-weight:normal;
text-align:center;
margin:50px 20px;
}


h3{
font-size:24px;
color:#fff;
background:#eba8a9;
margin-bottom:40px;
padding:5px 10px 5px 15px;
margin-top:20px;
}


h4{
color:#505050;
font-size:24px;
border-bottom:2px solid #cecece;
margin-bottom:20px;
position: relative;
	padding: .5em 1em .5em 1.5em;
}
h4::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 8px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #eba8a9;
}

.moreInfo a{
    display: block;
    width: 300px;
    height: 20px;
    padding: 10px;
    background: #eba8a9 none repeat scroll 0% 0%;
    font-size: 14px;
    text-align: center;
    border: 1px solid #eba8a9;
    text-decoration: none;
    margin: 10px auto;
    border-radius: 10px;
    color: #FFF !important;
}
.moreInfo a:hover {
    color: #eba8a9 !important;
    background: #FFF none repeat scroll 0% 0%;
}


.content_area{
width:1000px;
margin:0 auto;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.footer{
background:#e8e8e8;
}
.footer .footer_in{
position: relative;
width:1200px;
padding:50px 0 20px 0;
margin:0px auto;
}
.header h4,
.footer .footer_in h4{border-bottom:0;}

.footer .footer_in h4::after,
.header h4::after  {
	position: absolute;
	width: 0;

}



.footer .footer_in .f_list{float:left;margin-left:80px;}
.footer .footer_in .clearfix{margin-left:80px;}
.footer .footer_in li{margin-left:50px;}
.footer .footer_in .f_list h4{margin:20px 0 20px 0 !important;}
.copyright{background:#3a3a3a;padding:10px;}
.copyright p{font-size:10px;margin:5px;color:#fff;text-align:center;}
.copyright p a{color:#fff;font-size:12px;}