@charset "UTF-8";

*{
	font-size:100%;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address,p{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,caption,address,th{
	font-style:normal;
}

ul,ol,li,dl,dt,dd{
	list-style-type:none;
	list-style-position:outside;
}

table,th,td{
	vertical-align:middle;
}

caption{
	display:none;
}

fieldset{
	border:none;
}

legend{
	display:none;
}

img{
	border:0;
	/*vertical-align:top;*/
}

hr{
	display:none;
	clear:both;
}

br{
	letter-spacing:0;
}



/* form */  
button,fieldset,form,input,label,legend,select,textarea{
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
select{
	padding:2px;
}

/* LINK */

a{
	color:#493311;
	text-decoration:none;	
	outline:none;
}
a:link,
a:visited{
	color:#493311;
}
a:hover{
	color:#333;
	text-decoration: underline;
}

.clear{
	clear:both;
}

html,body{
	margin:0;
padding:0;
height: 100%;
    width: 100%;}

/* body */

/* body */
body{
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto; 
	font-size: 14px !important;
	font-family:ヒラギノ角ゴ Pro W3, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka";
	color:#222222;
	line-height:100%;
	text-align: center;
	background: #fff;
	width:100%;
}

@media screen and (min-width: 801px) {
body{
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat;
	background-position:center top;
}
}

@media screen and (max-width: 800px) {

body{
	background-image:none;
	    min-width: auto;
}
	
}


/* body end*/

.header_line{
	margin-bottom:3px;
	padding:0px;
	background-color: #F58D30;
	height:5px;
	width:100%;
	}

#wrapper {
	background-color:#FFF;
	margin:0 auto;
	padding:0px;
	
}

@media screen and (min-width: 801px) {
	
	#wrapper {
	width:1042px;
	
}

}

@media screen and (max-width: 800px) {
	
	#wrapper {
	max-width:1042px;
	
}

}


/*ヘッダー*/

#sp_header{
	display: none;
}


#header{
	overflow: hidden;
	width:1042px;
	margin:0 auto;
	padding-bottom: 25px;
	color:#493311;
	}



#header h1{
	width:380px;
	float:left;
	margin: 5px 0px 0px 10px;
	}
	
#header h1 p{
	text-align: center;
	font-weight:normal;
	margin-bottom: 5px;
	margin-top: 5px;
}

#header h1 img{
	margin: 0px auto;
	
	}

#header_text_box {
	float:left;
	margin-left: 110px;
	width: 515px;
	margin-top: 20px;
	overflow:hidden;
	
}

#header_text {
    /* width: 438px; */
    overflow: hidden;
    float: right;
}

#header_text_tel{
	width:100%;
	
}

#header_text img {
    float: left;
	width:38px;
	height:auto;
}

#header_text p.tel {
    /* width: 300px; */
    float: left;
    font-size: 40px;
    text-align: left;
    margin-top: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

#header_text .info_q{
	width:88px;
	height:30px;
	float: left;
	background-color:#493311;
	padding:3px;
	text-align:center;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	
}

#header_text .info_q p{
	color:#F58D30;
	font-size:12px;
	font-weight:bold;
	
}


#header p.info_add {
    font-size: 14px;
    float: right;
    margin-top: 5px;
}

#header_text_hour{
    overflow: hidden;
    float: right;
	
}

#header_text_hour p.hour1 {
    font-size: 14px;
    line-height: 14px;
    float: left;
    margin-top: 10px;
}

#header_text_hour p.hour2 {
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    float: right;
    margin-top: 5px;
    background-color: #FF9933;
    padding: 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-left: 5px;
}

@media screen and (max-width: 800px) {

#header{
	display: none;
	}
	
#sp_header{
	display:block;
	width: 100%;
}

#sp_header h1{
	 width: 100%;
	}

	
#sp_header h1 p{
	text-align: center;
	font-weight:normal;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #493311;
}


#sp_header img{
	max-width: 350px;
        width: 100%;
	margin: 0px auto;
}
	
#sp_header p.tel{
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;
    background-color: #FFF;
	font-size: larger;
    padding: 2px;
		margin: 0 auto;
	/*
	    border-bottom-style: solid;
    border-bottom-width: 1px;
	*/

}

#sp_header p.tel a{
	color: #493311;
	max-width: 350px;
	width:96%;
	margin:0 auto;
	text-decoration:none;
	display:block;
	border-color:#483311;
	border-style:solid;
	border-width:1px;
	-webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;

}

#sp_header p.info{
	color: #493311;
    text-align: center;
    font-weight: bold;
    background-color: #FFF;
	font-size: 12px;
	    line-height: 14px;
    padding: 2px 5px;
	/*
	    border-bottom-style: solid;
    border-bottom-width: 1px;
	*/

}


}

/*ヘッダー end*/


/*ページトップ*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
	z-index: 999;
}

.pagetop img{
	width:60px;
	height:60px;
	    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0px;
}


/*ページトップ end*/


/*メイン*/

.main {
	max-width: 1042px;
    width: 100%;
	margin:0 auto;
	padding-bottom: 20px;
	height: auto;
	
}	


@media screen and (max-width: 800px) {

.main {
    margin: 0px auto 10px auto;
    padding: 0px;
	
}	

}

/*メイン end*/


/*メニュー*/

#main_menu_sp {
	display: none;
	
}

#main_menu{
        margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding-bottom: 5px;
}

#main_menu li{
	float:left;
	width: 220px;
    height: 60px;
	margin-bottom: 7px;
	    text-align: left;
}

#main_menu li a{
	    display: block;
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
    margin-left: 60px;
    text-decoration: none;
    line-height: 1.2em;
}

#main_menu li.main_menu4 a{
    margin-top: 10px;
}

#main_menu li.main_menu1{
	background-image:url(../images/m_top.jpg);
}

#main_menu li.main_menu2{
	background-image:url(../images/m_medical.jpg);
}

#main_menu li.main_menu3{
	background-image:url(../images/m_doctor.jpg);
}

#main_menu li.main_menu4{
	background-image:url(../images/m_indoor.jpg);
}

#main_menu li.main_menu5{
	background-image:url(../images/m_clinic.jpg);
}

@media screen and (max-width: 800px) {
	
#main_menu_sp li {
	border-bottom:1px solid #473310;
	vertical-align: middle;
	overflow:hidden;
	background-color:#FFF;
}


#main_menu_sp li a{
	display:block;
	width:100%;
	color:#473310;
	font-size:17px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	padding:20px 0px;
}
	
#main_menu_sp{
		display: none;
		width:100%;
	}
	
#main_menu{
		display: none;
		width:100%;
	}
	
	
}

/*メニュー end*/


/*左カラム*/
	
#left_side{
	max-width:220px;
	margin-left: 20px;
	text-align:center;
	float: left;
}

.shop_info{
	padding:0px;
	width:218px;
	height:248px;
	border: 1px solid #CCCCCC;
	    margin: 10px auto;	
	
}


.shop_info p{
	color:#493311;
	font-size:14px;
	margin-top: 10px;
	text-align:center;
	line-height: 16px;
}

.shop_info p.shop_info_t{
	font-size:18px;
	font-weight:bold;
	margin:10px 0px;
	
}


.shop_info img{
	margin:5px;
	
}

.shop_info_tel{
	margin: 0 auto;
    color: #493311;
    font-size: 22px;
    text-align: center;
	padding-top: 5px;
	
}

.shop_info_tel img{
	    width: 25px;
    height: auto;
    margin: 0px 2px;
    padding: 0px;
	
}

.shop_info_tel p{
	   margin-top: 5px;
    float: left;
    color: #493311;
    font-size: 22px;
    line-height: 1.4em;
	
}


@media screen and (max-width: 800px) {
	
#left_side{
		display: none;
	}
	
}


/*左カラム end*/


/*右カラム*/


.right_side {
    width: 780px;
    margin: 0 auto 50px auto;
    overflow: hidden;
    padding: 0px 10px;
	}

.right_main {
	width:100%;
	max-width:762px;
	margin: 0 auto;
	padding-bottom: 10px;
}
	
h2 {
	width:98%;
	max-height:37px;
	background-color:#F58D30;
	padding:3px;
	-webkit-border-radius:8px 8px 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;
	margin:10px auto;
	text-align:left;
	    overflow: hidden;

	
}

h2 img {
    max-width: 33px;
    height: auto;
    float: left;
    width: 100%;
}


h2 p{
	font-size:2em;
	color:#FFF;
    margin-left: 5px;
    float: left;
    margin-top: 0.4em;
	font-weight: normal;

	
}

.sp_hour_main{
	display:none;
}


.hour_main {
	width:100%;
	max-width:750px;
	margin: 0 auto;
}

p.hour_main_p {
    font-weight: bold;
    text-align: left;
    margin: 15px 20px;
    font-size: 18px;
}

p.hour_main_p2 {
    font-weight: bold;
    text-align: left;
    margin: 15px 20px;
    font-size: 14px;
}

.news{
	width: 98%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
	
}

.news li{
	width: 100%;
    /* float: left; */
    padding: 10px 0px;
    font-weight: bold;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	font-size:16px;
	
}


.news li p.day{
	max-width: 110px;
    text-align: center;
    background-color: #FFCC99;
    color: #483311;
    float: left;
    padding: 8px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	
	
}

.news li p.news_title{
	    /* max-width: 695px; */
    /* width: 100%; */
    /* float: left; */
    padding: 4px 5px;
    margin: 5px 0px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color:#000;
}

.news li p.news_title a{
	color:#666;
}

.indoor {
	position: relative;
padding-bottom: 70%; // これが縦横比
height: 0;
overflow: hidden;
margin:10px auto 30px auto;
width: 98%;
	
}

.indoor iframe {
	position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.face_box{
	 width: 500px;
    height:300px;
    float: left;
    margin: 10px;
	
}


.shop_info2 {
	padding: 0px;
    width: 248px;
    height: 348px;
    border: 1px solid #CCCCCC;
    margin: 10px 0px;
    float: left;
	
}




.shop_info2 p{
	color:#493311;
	font-size:14px;
	margin-top: 10px;
	text-align:center;
	line-height: 16px;
}

.shop_info2 p.shop_info_t2{
	font-size:18px;
	font-weight:bold;
	margin:10px 0px;
	
}


.shop_info2 img{
	margin:5px;
	
}

.shop_info_tel2{
	margin: 0 auto;
    color: #493311;
    font-size: 25px;
    text-align: center;
	
}

.shop_info_tel2 img{
	    width: 30px;
    height: auto;
    margin: 0px 2px;
    padding: 0px;
	
}

.shop_info_tel2 p{
	   margin-top: 5px;
    float: left;
    color: #493311;
    font-size: 22px;
    line-height: 1.4em;
	
}

@media screen and (max-width: 800px) {
	
.right_side{
	width: 100%;
    margin: 10px auto 40px auto;
    padding: 0px;
}

.right_main {
	width:96%;
	margin:10px auto;
	max-width:762px;
}

.sp_hour_main{
	display:none;
}

.hour_main {
	width:96%;
	margin:10px auto;
	max-width:750px;
}

p.hour_main_p {
        font-weight: bold;
    text-align: left;
    margin: 5px 10px;
    font-size: 1em;
	    line-height: 1.2em;
}

p.hour_main_p2 {
    font-weight: bold;
    text-align: left;
    margin: 5px 10px;
     font-size: 1em;
	     line-height: 1.2em;
}

.news li{
	   font-size:14px;
	
}

h2 p {
    font-size: 1.5em;
    color: #FFF;
    margin-left: 5px;
    float: left;
    margin-top: 0.3em;
    font-weight: normal;
    /* width: 80%; */
    /* color: black; */
    line-height: 1.2em;
}

.indoor {
	width: 95%;
	
}


	
.face_box {
	        float: none;
    margin: 0px auto;
    padding: 0px;
    width: 95%;
    height: auto;
}

.shop_info2 {
    margin: 20px auto;
    float: none;
}

}

/*右カラム end*/	



/*フッター*/	

#sp_footer{
	display:none;
}

	
#footer{
	background-color:#473310;
	padding:20px 0px;
}

#footer_menu{
    width: 1042px;
    margin: 0 auto;
}

#footer_menu ul{
    margin: 0 auto;
    color: #FFF;
	display: inline-block;
}

#footer_menu li{
	float: left;
    padding: 2px 4px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFF;
    margin: 4px;
    text-align: center;
}

#footer_menu li:last-child{
	border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFF;
}

#footer_menu li a{
	color: #FFF;
	    text-decoration: none;
}

#footer_outbox{
	width:1042px;
	margin:0 auto;
	
}


#footer_box{
    margin: 10px auto;
    text-align: center;
    display: inline-block;
	
}

#footer_logo{
	        /* width: 355px; */
    float: left;
    margin: 0px;
    /* margin-left: 20px; */
    margin-right: 10px;
}

#footer_logo img{
	margin:5px auto;
}

#footer_text_box{
	    float: left;
    /* width: 515px; */
    margin-top: 5px;
    color: #FFF;
    /* margin-left: 20px; */
    text-align: left;
	
}


#footer_text {
	        /* width: 438px; */
    /* float: left; */
    overflow: hidden;
	
}

#footer_text_tel{
	width:100%;
	
}

#footer_text img {
    float: left;
	width:38px;
	height:auto;
}

#footer_text p.footer_tel {
    /* width: 300px; */
    float: left;
    font-size: 40px;
    text-align: left;
    margin-top: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

#footer_text .footer_info_q{
	width:88px;
	height:30px;
	float: left;
	background-color:#FFF;
	padding:3px;
	text-align:center;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	
}

#footer_text .footer_info_q p{
	color:#F58D30;
	font-size:12px;
	font-weight:bold;
	
}

#footer p.footer_info_add {
    /*font-size: 14px; */
    /* float: left; */
    margin-top: 7px;
    /* clear: both; */
}

#footer_text_hour{
        /* float: left; */
    overflow: hidden;
}

#footer_text_hour p.footer_hour1{
	font-size: 14px;
	    line-height: 14px;
	float: left;
    margin-top: 10px;

}

#footer_text_hour p.footer_hour2 {
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    float: left;
    margin-top: 5px;
    background-color: #FF9933;
    padding: 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-left: 5px;
}


.copy {
	width: 1042px;
	margin: 5px auto;
	color:#FFF;
	text-align:center;
	clear: both;
	
}

.copy img{
	max-width:348px;
	width:98%;
	margin:0 auto;
	
}

@media screen and (max-width: 800px) {

#footer{
	display:none;
}

#sp_footer{
	width: 100%;
	background-color:#473310;
	padding: 10px 0px;
	display: block;
}

#sp_footer_menu{
	    display: none;
	    width: 98%;
    max-width: 680px;
    margin: 0 auto;
    overflow: hidden;
}

#sp_footer_menu li{
	    float: left;
    padding: 2px 4px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFF;
    margin: 4px;
    text-align: center;
}

#sp_footer_menu li a{
	display:block;
	color:#FFF;
	text-decoration:none;
}

#sp_footer img{
	max-width: 355px;
	width:98%;
	margin:0 auto;
	text-align:center;
}

#sp_footer h3{
	margin-top:10px;
	color:#FFF;
	font-size:16px;
	line-height:18px;
}

#sp_footer h3 a{
	color:#FFF;
	text-decoration:none;
}

p.f_tel {
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;
    padding: 2px;
    color: #FFF;
	font-size: 16px;
}

p.f_tel a{
	max-width: 355px;
	display:block;
    color: #FFF;
	text-decoration:none;
	width:96%;
	margin:0 auto;
	border-color:#B5B8A6;
	border-style:solid;
	border-width:1px;
	-webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}

p.f_info {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 5px;
}

.copy {
	width:100%;
	margin: 10px auto;
	color:#FFF;
	font-size:12px;
	
}

}

/*フッター end*/


/*トグル*/

#toggle{
    display: none;
	}

@media screen and (max-width: 800px) {

#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #473310;
	margin-top: 10px;
  }
  
#toggle a{
    display: block;
    position: relative;
    padding: 15px 0 15px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
	font-size:16px;
  }

#toggle:before{
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 10px;
	    width: 20px;
	    height: 20px;
	    margin-top: -10px;
	    background: #fff;
	  }
	  
#toggle a:before, #toggle a:after{
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 10px;
	    width: 20px;
	    height: 4px;
	    background: #473310;
	  }
	  
#toggle a:before{
	    margin-top: -6px;
	  }
	  
#toggle a:after{
	    margin-top: 2px;
	  }
	  
	}
	
/*トグル end*/


@media screen and (max-width: 800px) {
	
	.br-sp { display:none; }
	
}



/* WinIE7
------------------------------- */
.clearfix{
	display:inline-block;
}

/* WinIE6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
	height:1px;
}

.clearfix{
	overflow: hidden;
}

/* HUCK */

*{zoom:1;}

/* IE6 
* html div#{
	
}
*/

/* IE7 
*:first-child+html div#{
	
}
*/

/* Firefox 
html>body  div#{
	
}
*/

/* Safari & Opera
html:first-child  div#{
	
}
*/

/* Safari 
html:\66irst-child  div#{
	
}
*/