@charset "utf-8";
/* CSS Document */
.sp{display:none !important;}
.pc{}
li { list-style-type:none;}

body{
	margin:0; background-color: #EAE3CA;
	background:url(img/common/mainBack.gif) repeat-x;
	background-position:top;
}
.navisp {
	display: none;
}

.header{
	margin-bottom:0; width:788px; height:250px;
	margin-right:auto;
	margin-left:auto;
	/*margin-top:0px;
	background-color:#FFFFFF;
	border-top:#666666 1px solid;
	border-right:#666666 1px solid;
	border-left:#666666 1px solid;
	padding:15px 15px 0 15px;*/
}
.naviBox{
	margin-bottom:2px; width:820px; height:35px; margin-right:auto;
	margin-left:auto; margin-top:0;
	background-color:#FFFFFF;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	padding:0;
}
/*  メニューの設定
----------------------------------------------------------------------*/
ul#home{
	margin:0; padding:0;
}
ul#home li{
	margin:0; float:left; display:block; list-style-type:none;padding:0;
}
ul#home li a{
	border:0;display:block;background-repeat:no-repeat;padding:0; margin:0;
}
ul#home li a:hover{margin:0; padding:0;}

a img{border:0px; display:block;margin:0; padding:0;}

ul#home li a span {display:none;}

ul#home{margin:0px; padding:0;}

ul#home li a span {display:none;}

ul#home li.home{
	background-image: url(img/common/menu_01_02.gif);
}

ul#home li.home a{
	background-image:  url(img/common/menu_01.gif);
	width:137px; height:35px;
}
ul#home li.home a:hover{
	background:none;
}

ul#home li.taishou{
	background-image: url(img/common/menu_02_02.gif);
}

ul#home li.taishou a{
	background-image: url(img/common/menu_02.gif);
	width:137px; height:35px;
}
ul#home li.taishou a:hover{
	background:none;
}

ul#home li.chiryou{
	background-image: url(img/common/menu_03_02.gif);
}
ul#home li.chiryou a{
	background-image: url(img/common/menu_03.gif);
	width:137px; height:35px;
}
ul#home li.chiryou a:hover{
	background:none;
}


ul#home li.profile{
	background-image: url(img/common/menu_04_02.gif);
}
ul#home li.profile a{
	background-image: url(img/common/menu_04.gif);
	width:137px; height:35px;
}
ul#home li.profile a:hover{
	background:none;
}


ul#home li.gallery{
	background-image: url(img/common/menu_05_02.gif);
}
ul#home li.gallery a{
	background-image: url(img/common/menu_05.gif);
	width:136px; height:35px;
}
ul#home li.gallery a:hover{
	background:none;
}

ul#home li.access{
	background-image: url(img/common/menu_06_02.gif);
}
ul#home li.access a{
	background-image: url(img/common/menu_06.gif);
	width:136px; height:35px;
}
ul#home li.access a:hover{
	background:none;
}
/*  メニューの設定ここまで
----------------------------------------------------------*/
body#system ul#home li.system a{
	background-image: url(header_2_08.gif);
	width:113px; height:42px;
}
body#flow ul#home li.flow a{
	background-image: url(header_2_09.gif);
	width:104px; height:42px;
}
body#shingeneki ul#home li.geneki a{
	background-image: url(header_2_10.gif);
	width:114px; height:42px;
}
body#manager ul#home li.manager a{
	background-image: url(header_2_11.gif);
	width:101px; height:42px;
}
body#download ul#home li.download a{
	background-image: url(header_2_12.gif);
	width:161px; height:42px;
}
.bodyBack2 {
	background-image: url(mainBack2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.bodyBack{
	background-image:url(mainBack.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
div#contentBox{
	width:788px; height:auto; margin-right:auto;
	margin-left:auto; margin-top:0px;
	background-color:#FFFFFF;
	border-right: #999999 1px solid;
	border-left:#999999 1px solid;
	padding:15px;
	
					-moz-box-shadow: 2px 2px 10px #666666;
				-webkit-box-shadow: 2px 2px 10px #666666;
}


div#leftContentBox{
	margin: 0 250px 0 0; 
	padding: 0;
	width:525px;
	height:auto;
	border-right: #cccccc 1px dotted;
}
#contentBox #leftContentBox .read {
	margin-left: 1.7em;
	margin-right: 0.7em;
	font-size: 90%;
	line-height: 160%;
	color: #2E491D;
}
#contentBox #leftContentBox .read2 {
	margin-left: 6em;
	margin-right: 0.7em;
	font-size: 90%;
	line-height: 200%;
	color: #2E491D;
}

div#rightContentBox{
	width:250px;
	height:auto;
	float:right;
	display:inline;
	/* background:url(img/sidemenu/sideBack.gif) no-repeat top; */
}

div#container{
	width:740px; height:auto; padding:0; margin-left:auto; margin-right:auto;
	margin-top:0; margin-bottom:0;
}
.footerBox{
	width: 95%;

	background-color:;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-top: 5px #73AA97 solid;
	clear: both;
}
.footer{
	width:747px; height:80px; background-image: url();
	background-repeat:no-repeat; margin-left:auto; margin-right:auto;
	padding-top:35px; text-indent:20px;
		color:#999999;
}
#pankuzu{
	width:520px; height:auto; margin-left:auto; margin-right:auto;
	font-size:80%;
	line-height:170%;
}
#copy{
	width:760px; height:auto; margin-left:auto; margin-right:auto;
	font-size:70%;
	line-height:170%;
}
.mainBack {
	background-image: url(mainUnder.gif);
	background-repeat: repeat-y;
}
.side_menu_back {
	background-image: url(smainUnder.gif);
}
.moji_footer{
	color:#666666; font-size:80%;
}

ul{margin:0; padding:0;}
ul li{margin:0; padding:0;}
ul li a{margin:0; padding:0;}
ul li a:hover{margin:0; padding:0;}

ul#navi{
	margin-left:0px;
}
ul#navi li{
	width:200px; list-style-type:none;
}
ul#navi li a{
	width:200px; list-style-type:none;
	display:block; background-color:#990000;
	padding-top:15px; padding-bottom:15px; text-indent:15px;
	color:#FFFFFF; text-decoration:none;
	margin-bottom:1px;
}
ul#navi li a:hover{
	width:200px; list-style-type:none;
	display:block; background-color: #362916;
	padding-top:15px; padding-bottom:15px; text-indent:15px;
	color:#FFFFFF; text-decoration:none;
}
ul#navbar{
	width:740px; list-style-type:circle;
	margin:0px; padding:0px;
	font-size:90%; margin-left:auto; margin-right:auto;
	display:block; background-color:#33281C;
}
ul#navbar li{
	width:130px; float:left; text-align:center;
	border:1px solid #CCCCCC;
}
ul#navbar li a{
	display:block; width:130px; padding:5px;
	text-decoration:none; background-color: #33281C; color:#FFFFFF;
}
ul#navbar li a:hover{
	background-color: #FF6600;
}
.shouhinBox{
	display:block; width:550px;
	margin-left:auto; margin-right:auto; margin-bottom:5px;
	background-color:#FFFFFF;
	border-bottom:#000000 solid 1px;
}
.shouhinBoxRight{
 	vertical-align:bottom;
	display:block; width:100px; height:180px;
	float:left;
}
.shouhinBoxLeft{
	display:block; text-align:left;
	vertical-align:bottom; padding:5px;
}
.toiBox{
	display:block; text-align:center;padding:8px; width:600px; height:auto;
	border:double 1px #CBC0A3;
	margin-left:auto; margin-right:auto; clear:both;
}

.photo{
	padding:3px; border:#eeeeee 1px solid;
}
#photoBox{
	width:520px; height:auto;
	overflow:hidden;
}
.photoBoxLeft{
	width:200px; height:auto;
	float:left;
}

/**  文字設定
------------------------------------------------ **/
h2{display:none;}
h2 a{display:none;}

h3{display:none;}
h3 a{display:none;}
h5{display:none;}

.subTitleBold{
	font-weight:bold;
	line-height:180%;
}
.moji_90_160{
	font-size:90%;
	line-height:160%;
	color:#2E491D;
}
.moji_90_200{
	font-size:90%;
	line-height:200%;
	color:#2E491D;
}
.moji_80_140{
	font-size:80%;
	line-height:140%;
	color:#F00;
}


a{
	color:#4A3E2B;}
a:hover{
	color:#FF0000; text-decoration:none;}
a:visited{
	color:#4A3E2B;}
.code{
	font-size:80%; color:#FF6600; line-height:140%;
}
.hinmei{
	font-size:120%; font-weight:bold; line-height:180%;
	letter-spacing:2px;
}
.youryou{
	font-size:80%; line-h
}

.text_style1 {
	font-size: 16px;
	font-weight: bold;
	color: #8DB649;
}
.text_style2 {
	color: #666666;
}



/*  病状バナー
----------------------------------------------------------------------*/
.byojyo ul
   {
    width:235px;         
    height:150px;         
    list-style:none;      
    
   }
   
/* 各項目 */
.byojyo li
   {
    width:235px;         
    height:150px;         
    float:left;          
   }   
   
   
/* リンク部分 */
.byojyo a{
	display:block;
	width:100%;
	height:100%;
	/*background-image:url(img/sidemenu/banner.gif);*/
	background-image:url(img/sidemenu/counseling.png);
	background-repeat:no-repeat;
	color:#ffffff;
   }


.byojyo a:hover
   {
	background-image:url(img/sidemenu/counseling_on.png);
   }   
#h_box {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	height: 85px;
	clear: both;
	background-image: url(img/common/h_bg.png);
	background-position: 0% top;
}
#h_box #h_title {
	float: left;
}
#h_box #tel {
	float: right;
}

.slicknav_menu{ display:none;}


@media screen and (max-width:819px) and (min-width:300px){
	.slicknav_menu{ display: inherit;}
body {
	margin: 0;
	background-color: #EAE3CA;
	background-repeat: repeat-x;
	background-image: none;
	background-position: top;
	width: 100%;
}
body div img {
	width: 100%;
}
#h_title a img {
	width: 100%;
	text-align: center;
}

.naviBox {
	margin-bottom: 2px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	border-top: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 0;
	clear: both;
	display: none;
}
ul#home li,ul#home .home,ul#home .taishou,ul#home .chiryou, ul#home .profile, ul#home .gallery, ul#home .access {
	width: 33.33333% !important;
	height: auto;
	background-image: none !important;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul#home li a {
	width: 100% !important;
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1em;
	display: block;
	text-align: center;
	background-image: none, -webkit-linear-gradient(270deg,rgba(232,231,231,1.00) 0%,rgba(224,222,222,1.00) 43.01%,rgba(210,206,204,1.00) 44.04%,rgba(224,221,221,1.00) 100%) !important;
	background-image: none, linear-gradient(180deg,rgba(232,231,231,1.00) 0%,rgba(224,222,222,1.00) 43.01%,rgba(210,206,204,1.00) 44.04%,rgba(224,221,221,1.00) 100%) !important;
	height: 1em !important;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #F1F1F1;
	text-decoration: none;
}
ul#home li a span {
	display: inherit;
	text-decoration: none;
	font-weight: 900;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #000000;
}
ul#home li a:hover {
	background-image: none !important;
	width: auto;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	text-indent: auto;
	color: #5BB531;
	background-image: none, -webkit-linear-gradient(270deg,rgba(232,231,231,1.00) 0%,rgba(224,222,222,1.00) 43.01%,rgba(210,206,204,1.00) 44.04%,rgba(224,221,221,1.00) 100%) !important;
	background-image: none, linear-gradient(180deg,rgba(232,231,231,1.00) 0%,rgba(224,222,222,1.00) 43.01%,rgba(210,206,204,1.00) 44.04%,rgba(224,221,221,1.00) 100%) !important;
}

div#contentBox {
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #FFFFFF;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	-moz-box-shadow: 2px 2px 10px #666666;
	-webkit-box-shadow: 2px 2px 10px #666666;
	clear: both;
}
.header {
	margin-bottom: 0;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	/*margin-top:0px;
	background-color:#FFFFFF;
	border-top:#666666 1px solid;
	border-right:#666666 1px solid;
	border-left:#666666 1px solid;
	padding:15px 15px 0 15px;*/
}
div#rightContentBox {
	width: auto;
	height: auto;
	float: none;
	display: inline;
	clear: both;
	/* background:url(img/sidemenu/sideBack.gif) no-repeat top; */
}
#rightContentBox div .byojyo {
	margin-right: auto;
	margin-left: auto;
}

div#leftContentBox {
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2em;
	width: auto;
	height: auto;
	border-right-style: none !important;
}
#h_box {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	clear: both;
	background-image: url(img/common/h_bg.png);
	background-position: 0% top;
	max-width: 819px;
	background-size: auto 100%;
}
#h_box #h_title {
	width: 100%;
	height: auto;
}
#h_box #tel {
	float: right;
	width: 44%;
	height: auto;
}
/*  病状バナー
----------------------------------------------------------------------*/
.byojyo ul 
   {
	width: 235px;
	height: 150px;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
    
   }
h1 {
	height: 40px;
	width: auto;
	display: block;
	overflow-y: hidden;
	background-image: url(img/common/midashi_bg.png);
	background-position: right bottom;
	background-size: auto auto;
	padding:0;
	margin:0;
	line-height:100%;
	font-size:1px;
}
h1.sp img{width:auto; height:40px !important;	padding:0;
	margin:0;
}


.sp{display: block !important;}
.pc{ display:none !important;}
.wa{width:auto;
	max-width: auto;
}
.w50{ width:45%; margin-right:1%;}
#contentBox #leftContentBox .read2 {
	margin-left: 1.5em;
	margin-right: 0px;
	font-size: 90%;
	line-height: 200%;
	color: #2E491D;
}
#contentBox #leftContentBox .read {
	margin-left: 0px;
	margin-right: 0px;
	font-size: 90%;
	line-height: 160%;
	color: #2E491D;
}
#photoBox {
	width: auto;
	height: auto;
	overflow: hidden;
}
#contentBox .footerBox.moji_footer a {
	background-image: url(url);
	background-color: #2E9B5E;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 80%;
	border-radius: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}
}
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}
.mainimg {
   padding-bottom: 10px;
}