@charset "utf-8";
/* CSS Document */
.content{width:960px; margin:0 auto;}
.inner{padding:0 10px;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
#header h1{padding-right:66px; float:left;}
#header ul#nav{padding-top:2px;}
#header ul#nav li{padding-right:42px; float:left;}
#header_left{
	float: left;
	padding-top: 29px;
	width: 940px;
	padding-bottom: 29px;
}

#header_btn{float:right;}
#banner{background:url(../../ohbayashi/images/banner_bg.jpg) no-repeat top right; text-align:center;}
.contentArea .cap{
	font-size: 12px;
	margin-top: 2px;
	padding-top: 0px;
	line-height: 17px;
	font-weight:normal;
}


h2{ padding:50px 0; text-align:center; background:url(../../ohbayashi/images/bg_h2.gif) repeat-x center center;}
h2 figure{ background:#fff; margin:0; padding:0 35px; display:inline-block;}
h3{ margin-bottom:10px;}
h4{ background:url(../../ohbayashi/images/bg_h4.png) no-repeat right center; margin-bottom:35px;}
h4 .pattern_02{}
h4 .text{ padding:25px 10px;}

#pagetop{ text-align:center; margin:30px auto 20px;}


#mapbox{ font-size:14px; line-height:170%:}
.mapbox{width:410px;}
.map{ width:535px;}
#mapbox #map{margin-bottom:30px;}
#mapbox .txt{font-size:14px; line-height:175%; margin-bottom:5px;}
#mapbox .txt2{ font-size: 14px;}
#mapbox .txt2 .main_txt{margin-bottom: 10px; font-size: 27px; font-weight: bold; line-height:1.2;}
#mapbox .txt2 .main_txt img{margin-right: 10px; vertical-align: middle;}
#mapbox .txt7{font-size:39px; font-weight:bold; line-height:120%;}
#mapbox .txt3{float:left; text-align:center; margin:5px 10px 5px 0; background:#94204d; font-size:18px; color:#fff; font-weight:bold; padding:10px; width:85px; box-sizing:border-box;}
#mapbox .txt3 img{vertical-align: baseline;}
#mapbox .txt4{font-size:44px; font-weight:bold;line-height:150%; }
#mapbox .txt5 {font-size:22px; line-height:150%; text-align:center; font-weight:bold; border:1px solid #833755; padding:30px; box-sizing:border-box; margin:10px 0;
background:#94204d; color:#fff !important;}
#copyright{background:#fdfdfc; text-align:center; padding:10px 0;}

/* Add.2014.12.02 */
.contentArea .salon_cap{font-size: 10px;}
#footer_logo{border-top: 1px solid #666;border-bottom: 1px solid #666; font-size:14px; line-height:175%; padding: 15px 0 18px; text-align: center; background:#6b1135;}
#footer_logo p, #footer_logo b{ color:#fff;}
#footer_logo img{margin-left: 10px; vertical-align: bottom;}
#footer_logo .txt{font-size: 14px; padding-top: 10px;}
#mapbox .txt6{font-size:13px; line-height:175%; margin-bottom: 5px;}

.box_text{ font-size:16px; line-height:2.3; margin-top:53px;}
.section01{ background:url(../../ohbayashi/images/bg_01.gif) repeat top center; padding:0 0 60px;}
.section01 .box01{ margin-bottom:40px;}
.section01 li{ margin-bottom:4px;}
.section01 .box02{ position:relative}
.section01 .box03{ width:468px; position:relative; margin-top:-24px;}
.section01 .box03 ul li:nth-of-type(2){ border: 4px solid #fff;}
.section01 .box03 ul li:nth-of-type(1){ padding-top:4px;}
.section01 .box04{ margin:10px 45px 0 0;}

.section02{ background:url(../../ohbayashi/images/bg_02.gif) repeat top center; padding: 70px 0 50px;}
.section02 .box05{ position:relative; height:410px; margin-bottom:12px;}
.section02 .img09{ position:absolute; bottom:15px; right:0; top:0;}
.section02 .box06{ margin-bottom:50px;}
.section02 .box08{ margin-bottom:0;}

.section02 .child{ width:300px; float:left; margin:0 30px 15px 0;}
.section02 .child .tit{ margin-bottom:10px;}
.section02 .child .txt{ font-size:14px; line-height:2; margin-bottom:10px;}
.section02 .child .img{}
.section02 .child.last{ margin-right:0;}

/* Add.2016.12.08 */
#center_line {box-shadow: 0px 0px 5px #7d7d7d;border-bottom: 1px solid #666; font-size:18px; font-weight:bold; line-height:175%; padding: 15px 0 18px; text-align: center; background:#94204d;}
#center_line p { color:#fff;}
.map_p115 { padding-left:50px;}
.padb06 { padding-bottom:6px;}
.marb12 { margin-bottom:12px;}

@media only screen and (max-width:960px){
img{ max-width:100%;}
.content{ width:98%;}
.section01 .box02 li:nth-of-type(1){ width:29.79166666666667%;}
.section01 .box02 li:nth-of-type(2){ width:69.79166666666667%;}
.section01 .box02 li:nth-of-type(3){ width:40.20833333333333%;}
.section01 .box02 li:nth-of-type(4){ width:59.375%;}
.section01 .box03{ width: 48.75%;}
.section01 .box03 ul li:nth-of-type(1),.section01 .box03 ul li:nth-of-type(2){ width:49%;}
.section01 .box03 ul li:nth-of-type(3){ width:99%;}
.section01 .box04{ width: 40.83333333333333%; margin: 1% 5% 0 0;}
.section02 .child{ width:32%; margin: 0 2% 15px 0;}
.mapbox{ width: 47.91666666666667%;}
.map{ width: 50%;}
}



