@charset "utf-8";

/*****************************************************************************************************************************************************
	デフォルト設定
	Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
*****************************************************************************************************************************************************/
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/*****************************************************************************************************************************************************
	ベース設定
*****************************************************************************************************************************************************/
/*基本の設定*******************************************************************************************************************/
		/*Body*/
		body {
			color:#333;
			font-size:1em;
			font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			line-height:1.5;
			background-color:#d6e0cc;
			-webkit-text-size-adjust: none;
			}
			
		/*全体*/
		#wrapper{
			margin:0 auto;
			padding:0 1%;
			width:98%;
			position:relative;
			background:#fff;
			background-image:url(../img/cmn/bg-l.png),url(../img/cmn/bg-r.png);
			background-repeat:repeat-y;
			background-position:left,right;
			}
		#container {margin:0 11px;}
		.inner{margin:0 auto;width:100%;}
		
	@media only screen and (max-width:982px){
		/*パディングとボーダーを幅と高さに含める*/
		*{
		 -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-o-box-sizing: border-box;
			  -ms-box-sizing: border-box;
					box-sizing: border-box;
			}
		}
	/*パソコンの設定*******************************************************************************************************************/
	@media only screen and (min-width: 982px){
		/*左右のｸﾞﾗﾃﾞｰｼｮﾝ画像幅11*2=22 + 960 = 982*/
		#wrapper,.inner{width:982px;padding:0;}
		#wrapper{padding-bottom:20px;}
		}

	/*スマートフォン 横(ランドスケープ) の設定*******************************************************************************************************************/
	@media only screen and (max-width:640px){
		#wrapper{background-image:none;width:100%;}
		#container {margin:0;}
		}


/*******************************************************************************************
	１行目テキスト
*******************************************************************************************/
/*基本の設定*******************************************************************************************************************/
	#h_text {background-color:#336633;border-bottom:3px solid #669933;width:100%;display:block;}
	#h_text p {font-size:75%;color:#FFFFFF;text-align:right;margin-right:15px;}
	#h_text p a {color:#FFFFFF;}	
	#h_text p a:hover {color:#FFFF00;}	
	
	/*スマートフォン 横(ランドスケープ) の設定*******************************************************************************************************************/
	@media only screen and (max-width:640px){
		#h_text p {text-align:center;margin:0;}
		}

/*****************************************************************************************************************************************************
	ヘッダ設定
*****************************************************************************************************************************************************/
#header{height:70px;}
	/*左側*/
	#header #h_lft {
		width:435px;
		float:left;
		}
		#header #h_lft p a {
			width:435px;
			height:70px;
			display:block;
			text-decoration:none;
			color:#333333;
			font-size:11px;
			line-height:1.2em;
			}
		#header #h_lft p a span {display:block;margin-top:-60px;padding:0 0 0 80px;}
		#header #h_lft p a strong {color:#336633;font-weight:bold;}
		#header #h_lft p a span span.font_bold {color:#336633;font-weight:bold; display:inline; margin:0; padding:0; }
	
	/*右側*/
	#header #h_rgt {
		width:370px;
		height:70px;
		display:block;
		float:right;
		background-image:url(../img/cmn/hr.png);
		background-repeat:no-repeat;
		background-position:right;
		}
		#header #h_rgt #header_link ul {margin:0 0 0 15px;padding:3px 0 0 0;}
		#header #h_rgt #header_link ul li {margin:0;padding:0;float:left;list-style:none;}
	
		#header #h_rgt #size {margin:30px 0 0 265px;}
		#header #h_rgt #size ul {margin:0;padding:6px 0 0 0;}
		#header #h_rgt #size ul li {margin:0 3px 0 0;padding:0;float:left;list-style:none;}
		#header #h_rgt #size ul li a {cursor:pointer;}
	
	/*両方の横幅 435 + 370 =805 + 22 *******************************************************************************************************************/
	@media only screen and (max-width:880px){
		#header #h_lft {float:none;margin:0 auto;}
		#header #h_rgt {display:none;}
		}
	/*ロゴ画像の横幅未満 *******************************************************************************************************************/
	@media only screen and (max-width:435px){
		#header #h_lft {width:100%;}
		#header #h_lft p a {width:100%;height:auto;}
		#header #h_lft p a span,#header #h_lft a strong {display:none;}
		}
	
	
/*****************************************************************************************************************************************************
	Grovalメニュー設定
*****************************************************************************************************************************************************/
/*nav,nav#mainNav,nav#mainNav ul,nav#mainNav ul li {margin:0;padding:0;}*/
	nav#mainNav ul li a{text-decoration:none;}
	nav#mainNav ul li.PCNone {display:none;}
	
	/*タブ幅が足りなくなる時 (135+1)*7=952+3=958+11*2=980*******************************************************************************************************************/
	@media only screen and (min-width: 983px){
		nav#mainNav{
			clear:both;
			overflow:hidden;
			position:relative;
			background:url(../img/topnavBg.png);
			margin-left:3px;
			}
		nav#mainNav ul li{
			float: left;
			position: relative;
			list-style:none;
			margin:0;
			}
			
		nav#mainNav ul li a {
			display: block;
			text-align: center;
			_float:left;
			font-size:13px;
			width:135px;
			margin-left:1px;
			line-height:35px;
			color:#333;
			text-decoration:none;
			background-color:#efefef;
			
			border-top-left-radius:10px;
			border-top-right-radius:10px;
			-webkit-border-top-left-radius:10px;
			-webkit-border-top-right-radius:10px;
			-moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;
			}
			nav#mainNav ul li a.on {background-color:#d4e5d4;}
			nav#mainNav ul li a.lst {background-color:#ffccff;}
	
		nav div.panel{display:block !important;float:left;}
		a#menu{display:none;}
		nav#mainNav li a:hover{color:#00CC33;}
	}

	/*折りたたみ表示*******************************************************************************************************************/
	@media only screen and (max-width:982px){
		nav#mainNav{
			clear:both;
			width:100%;
			margin:0 auto;
			padding:0;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
			background: -webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
			background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
			background: -o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
			background: -ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
			background: linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
			border:1px solid #e4e4e4;
			}
		nav#mainNav a.menu{
			width:100%;
			display:block;
			height:40px;
			line-height:40px;
			font-weight: bold;
			text-align:left;
			text-decoration:none;
			color:#8aaa16;
			}
		nav#mainNav a#menu span{padding-left:10px;}
		nav#mainNav > a span:before{content: "→ ";}
		nav#mainNav a.menuOpen span:before{content: "↓ ";}
		nav#mainNav a#menu:hover{cursor:pointer;}
		nav .panel{
			display: none;
			width:100%;
			position: relative;
			right: 0;
			top:0;
			z-index: 1;
			}
		nav#mainNav ul li{
			float: none;
			clear:both;
			width:96%;/*100%にすると線が右側はみ出る*/
			height:auto;
			line-height:1.2;
			list-style:none;
			}
	
		nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
			display: block;
			padding:10px 0;
			text-align:left;
			border-bottom:1px dashed #ccc;
			color:#8aaa16;
			}
			nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item li a:hover{color:#708c0c;}

		nav#mainNav ul li:first-child a{border-top:1px solid #e4e4e4;}
		nav#mainNav ul li:last-child a{border:0;}
		nav#mainNav ul li.active a{color:#708c0c;}
		nav div.panel{float:none;}
		
		
	}
	/*右上の隠したメニューを表示させる*/
	@media only screen and (max-width:880px){
		nav#mainNav ul li.PCNone {display:block;}
	}
	
/*******************************************************************************************
	トピックパス設定
*******************************************************************************************/
#topic_path {
	width:100%;
	margin:0;
	padding:0;
	background-color:#a0b88a;
	color:#FFFFFF;
	text-align:right;
	line-height:1.5em;
	font-size:85%;
	}
	#topic_path div {display:inline;}
	#topic_path div a {text-decoration:none;}
	#topic_path div a span {text-decoration:none;color:#FFFFFF;}
	#topic_path div a:hover span {color:#FFFF00;}
	#topic_path span#thispage {color:#FFFFFF;margin-right:15px;}
	
	/*スマートフォン 横(ランドスケープ) の設定*******************************************************************************************************************/
	@media only screen and (max-width:640px){
		/*１つ１つのリンクが改行されないようにBlock指定*/
		#topic_path div.tp,#topic_path span#thispage {display:block;margin-right:7px;}
	}


/*****************************************************************************************************************************************************
	ソーシャルボタン
*****************************************************************************************************************************************************/
div.social_btn {float:right;margin-top:20px;}

	div.g-plusone,div.fb-like {float:left;}
	div.fb-like {margin-right:20px;}
	div.g-plusone {}


/*****************************************************************************************************************************************************
	各ページ下部　to topのリンク
*****************************************************************************************************************************************************/
#contener_bottom {
	margin:0 auto;
	padding:0 1%;
	width:98%;
	height:75px;
	display:block;
	margin:0 auto;
	background-image:url(../img/cmn/bg-br.png),url(../img/cmn/bg-bl.png);
	background-position:right,left;
	background-repeat:no-repeat;
	text-align:right;
	}
	#contener_bottom img {margin-right:30px;}
	#contener_bottom div.social_btn {margin-top:0px;}
	
	@media only screen and (min-width: 982px){
		/*左右のｸﾞﾗﾃﾞｰｼｮﾝ画像幅11*2=22 + 960 = 982*/
		#contener_bottom {width:982px;padding:0;}
		}

	/*スマートフォン 横(ランドスケープ) の設定*******************************************************************************************************************/
	@media only screen and (max-width:640px){
		#contener_bottom {background-image:none;width:100%;background-color:#fff;}
		}

/*****************************************************************************************************************************************************
	フッター
*****************************************************************************************************************************************************/
footer {
	width:98%;
	margin:0 auto;
	padding-top:10px;
	/*liをセンタリングするため*/
	position: relative;
  	overflow: hidden;
	}
	footer p,footer address {font-size:90%;text-align:center;}
	footer p#sslmk {text-align:right;margin:30px 30px 0 0;}
	
	footer ul#fmenu {
		margin-bottom:30px;
		/*liをセンタリングするため*/
		position:relative;left:50%;float: left;
		}
		footer ul#fmenu li {
			margin:0 10px 0 0;list-style:none;font-size:90%;
			/*liをセンタリングするため*/
			float:left;position: relative;left:-50%;
			}
		footer ul#fmenu li:after {content:"　|";}
		footer ul#fmenu li:last-child:after {content:"";}
		
	footer a {color:#333333;text-decoration:none;}
		
	#f_preflist {
		max-width:900px;
		background-image:url(/img/cmn/fmap.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin:0 auto 30px auto;
		}
		#f_preflist h3,#f_preflist p {margin:0 0 0 140px;padding:0;text-align:left;font-size:80%;}
		#f_preflist h3 {font-size:120%;text-decoration:underline;}
		#f_preflist p {font-family:"ＭＳ ゴシック", "Osaka－等幅"}

	/*スマートフォン 横(ランドスケープ) の設定*******************************************************************************************************************/
	@media only screen and (max-width:640px){
		#f_preflist {display:none;}
		}
	

/*****************************************************************************************************************************************************
	コンテンツ領域基本ボックス設定
*****************************************************************************************************************************************************/
#main,#sidebar,#main_single {margin:15px 10px;padding:0;}
@media only screen and (min-width: 983px){
	#main{
		float:left;
		width:700px;
		margin-right:0;
		/*background-color:#99FF00;*/
		}
	#sidebar{
		float:right;
		width:220px;
		margin-left:0;
		overflow:hidden;
		/*background-color:#FC0;*/
		}
}
@media only screen and (max-width: 982px){
  #main,#sidebar,#main_single {margin:10px auto;padding:0;}
}
/*****************************************************************************************************************************************************
	サイドバー
*****************************************************************************************************************************************************/
#sidebar h3 {
	font-weight:bold;
	font-size:16px;
	color:#006600;
	text-align:center;
	}
	#sidebar h3:before {content:"【";}
	#sidebar h3:after {content:"】";}
#sidebar h4 {
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-decoration:underline;
	text-align:center;
	}

#sidebar ul{padding-top:10px;margin-bottom:30px;}
	#sidebar ul li{
		list-style:none;
		border-bottom:1px dotted #CCCCCC;
		font-size:85%;
		margin:0 0 10px 0;
		}
	#sidebar li:last-child{margin-bottom:0px;}
	#sidebar li:first-child{border-top:1px dotted #CCCCCC;padding-top:10px;}
	#sidebar li a{display:block;text-decoration:none;color:#006600;}
	#sidebar li.on a,#sidebar li a:hover {color:#CC3333;text-decoration:underline;}
	#sidebar li.on a {font-weight:bold;}
	#sidebar li.on a:before{content:"▶";}


#sidebar nav#s_btn_link ul {margin-bottom:15px;}
	#sidebar nav#s_btn_link ul li {border-bottom:none;margin:0 0 10px 0;padding:0;}
	#sidebar nav#s_btn_link ul li a {
		border-top: 1px solid #19a319;
		background: #19a319;
		background: -webkit-gradient(linear, left top, left bottom, from(#7fcc7e), to(#1ba41b));
		background: -webkit-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -moz-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -ms-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -o-linear-gradient(top, #7fcc7e, #1ba41b);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: 2px 2px 2px #060;  
		width:100%;
		padding:5px 0;
		display:block;
		color:#fff;
		text-decoration: none;
		vertical-align: middle;
		text-align:center;
		font-size:100%;
		}
		#sidebar nav#s_btn_link ul li a span {font-size:80%;margin-left:10px;}
		#sidebar nav#s_btn_link ul li a:hover {
			background:#FF0000;
			border-color:#FF0000;
			color:#FFFF00;
			cursor:pointer;
			/*背景色を徐々に変える*/
			transition:background-color 0.8s linear;
			}
	#sidebar #side_annai {
		margin:30px 0;
		font-size:80%;
		}



div.s_social {margin:50px 0 10px 0;}

@media only screen and (min-width: 983px){
	#sidebar {
		margin-bottom:20px;
		overflow:hidden;
		}
	}

@media only screen and (max-width:982px){
	#sidebar ul li{padding-bottom:10px;}
}

	
/*****************************************************************************************************************************************************
	基本のテキスト設定
*****************************************************************************************************************************************************/
/*リンク設定*/
a{color:#0066CC;text-decoration:underline;}
a:hover{color:#CC0033;}
a:active, a:focus {outline:0;}

section.content p{margin-bottom:5px;}
img,input#sm_send {
	max-width:100%;/*90%;*/
	height:auto;
	}

/*float*/
.fl_left{
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
	}
.fl_right{
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
	}
	@media only screen and (max-width:640px){
	  .fl_left,.fl_right{
			float:none;
			display:block;
			margin:0 auto 10px;
			}
	}
/*float clear*/
.cl_r {clear:right;}
.cl_l {clear:left;}
.cl_b {clear:both;}


/*文字寄せ*/
.al_r {text-align:right;}
.al_c {text-align:center;}
.al_l {text-align:left;}


/*番号付きリスト*/
ol {margin:0 0 10px 0px;padding:0;}
ol li {
	list-style:outside;
	list-style-type:decimal;
	margin:0 0 3px 25px;
	padding:0;
	}

/*箇条書きリスト*/
ul {margin:0 0 10px 0px;padding:0;}
ul li {
	list-style:outside;
	list-style-type:disc;
	margin:0 0 3px 15px;
	padding:0;
	}
	table td ul,table td ul li:last-child {margin-bottom:0;}
	/*親子関係 生活科学　月払い併用プランなど*/
	ul li ul li {list-style-type:circle;margin-left:25px;}
	
	
/*左floatリスト*/
ul.float_list {margin:0 0 10px 0px;padding:0;}
ul.float_list li {
	list-style:none;
	/*margin:0 0 3px 15px;*/
	margin:0 15px 3px 0;
	padding:0;
	float:left;
	}

/*緑/赤のヘッド画像あり*/
ul.greenhead,ul.redhead {margin:0;list-style: none;}
	ul.greenhead li,
	ul.redhead li {
		margin-bottom:5px;
		padding-left:20px;
		background-image:url(/img/cmn/lh_g.gif);
		background-repeat:no-repeat;
		background-position:left top;
		list-style:none;
		}
		ul.redhead li {background-image:url(/img/cmn/lh_r.gif);}	


/*定義済リスト*/
dl {margin:0;padding:0;}
dl dt {
  /*width:100%; Firefoxであふれてしまう*/
  background-color: #D6EFD6;
  color:            #009900 !important;
  font-weight:bold;
  margin:           0 auto;
  padding:          8px 0 7px 5px !important;
}
dl dt h3 {
  color:            #009900 !important;
  background-image: none !important;
  font-size:        16px !important;
  line-height:      1.3 !important;
  margin:           0 !important;
  padding:          0px !important;
}
dl dt h3 a {
  color:            #ff6600 !important;
  background-image: none !important;
  font-size:        15px !important;
}
dl dd {
  margin:0 0 15px 20px;
}

/*文字装飾*/	
.red {color:red;}
.blue {color:#00F;}
.green {color:#006600;}
.bold {font-weight:bold;}
.s70 {font-size:70%;}
.s80 {font-size:80%;}
.s90 {font-size:90%;}
.s120 {font-size:120%;}
.s140 {font-size:140%;}

/*区切り線*/
hr {margin:30px 0;}

/*色付きボックス*/
div.pink_box {margin:10px;background-color:#FDF2FD;border:1px solid #FFD9FC;padding:10px;}
div.yellow_box {margin:10px;background-color:#FFFFCC;border:1px solid #FFFF00;padding:10px;}
div.green_box {margin:10px;background-color:#F3FAF3;border:1px solid #DDF7C8;padding:10px;}
div.pink_box p,div.yellow_box p,div.green_box p {padding-bottom:0;}

/*横並びリンクメニュー 医療ページの病名別リンク*/
ul#menu_box_fl {
	margin:20px 0px;
	padding:0;
	}
	ul#menu_box_fl li {
		margin:0;
		padding:0;
		list-style:none;
		}
	ul#menu_box_fl li a {
		min-width:228px;
		height:40px;
		display:block;
		margin:0 5px 5px 0;
		line-height:40px;
		text-align:center;
		background-color:#F9F9F9;
		color:#666666;
		text-decoration:none;
		float:left;
		border:1px solid #CCCCCC;
		}
		
		@media only screen and (max-width:982px){
			ul#menu_box_fl li a {min-width:32%;margin-right:1%;}
			}
		@media only screen and (max-width:750px){
			ul#menu_box_fl li a {min-width:48%;margin-right:2%;}
			}
	ul#menu_box_fl li a.on,ul#menu_box_fl li a:hover {
		border:1px solid #009900;
		background-color:#E7F3CB;
		color:#006600;
		}

/*医療対応・Newsページで仕様する地域タブメニュー*/
nav#pref_tab {border-bottom:3px solid #136e13;}
nav#pref_tab ul {margin:20px 0 0 0;padding:0;}
nav#pref_tab ul li {margin:0;padding:0;list-style:none;}
	nav#pref_tab ul li a {
		border-top: 1px solid #19a319;
		
		background: #19a319;
		background: -webkit-gradient(linear, left top, left bottom, from(#7fcc7e), to(#1ba41b));
		background: -webkit-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -moz-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -ms-linear-gradient(top, #7fcc7e, #1ba41b);
		background: -o-linear-gradient(top, #7fcc7e, #1ba41b);
		-webkit-border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
		
		/*-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;*/
		text-shadow: 2px 2px 2px #060;  
		
		width:14%;
		height:50px;
		display:block;
		margin-right:0.285714%;
		float:left;
		
		padding:5px 0;
		color:#fff;
		text-decoration: none;
		vertical-align: middle;
		text-align:center;
		}
		nav#pref_tab ul li a:hover,nav#pref_tab ul li a.on {
			background:#C85172;
			border-color:#C85172;
			cursor:pointer;
			/*背景色を徐々に変える*/
			transition:background-color 0.8s linear;
			}
		@media only screen and (max-width:640px){
			nav#pref_tab ul li a {line-height:1.1em;font-size:90%;}
			}




/*display*/
@media only screen and (min-width: 983px){
	.pc_nodisp {display:none;}
	}
@media only screen and (min-width: 640px){
	.pc_nodisp2 {display:none;}
	}

@media only screen and (max-width:982px){
	.sm_nodisp {display:none;}
	}
		



/*****************************************************************************************************************************************************
	メイン画像（H1タイトル）
*****************************************************************************************************************************************************/
#mainBanner{
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	line-height:0;
	}
	#mainBanner img{
		max-width:100%;
		height:auto;
		}
	#mainBanner #m_title {
		position:absolute;
		max-width:100%;
		height:auto;
		bottom:10px;
		left:0px;
		padding:5px 10px;
		line-height:1.4;
		color:#030;
		background-color: rgba(255,255,255,0.7);
		}
	#mainBanner #m_title h1 {
		margin:0;
		padding:0 0 5px 0;
		font-size:20px;
		font-weight:bold;
		}
	#mainBanner #m_title p{font-size:80%;}


@media only screen and (max-width:640px){
	#mainBanner img {display:none;}
	#mainBanner #m_title {
		width:100%;
		position:relative;
		padding:5px 10px;
		margin-top:10px;
		background-color:#FFFFFF;
		}
}

/*****************************************************************************************************************************************************
	フォーム
*****************************************************************************************************************************************************/
input[type="text"], 
input[type="password"],
input[type="email"],
textarea, 
select {
	border: 1px solid #ccc;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff, inset 1px 1px 0 #eee;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	background: #fff;
	padding:5px 10px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border: 1px solid #aaa;
 	color: #444;
 	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	background-color:#FFFEE6;
}
label,legend { 
	/*
	display: block;
	font-weight: bold;
	font-size: 100%;
	*/
}
input[type="checkbox"] {
	display: inline;
}
button {
	cursor:pointer;
}
input.money {width:80%;text-align:right;ime-mode: disabled;}

/*問い合わせボタン*/
input#bt_send {font-size:130%;padding:15px;}

/*****************************************************************************************************************************************************
	メイン コンテンツ
*****************************************************************************************************************************************************/

/*見出し*/
section.content h2 {
	margin:20px 0 0 0;
	background-color:#D4E5D4;
	border-top:1px solid #a0b88a;
	border-bottom:1px solid #a0b88a;
	border-left:15px solid #a0b88a;
	border-right:1px solid #a0b88a;
	padding:5px 0 5px 12px;
	font-weight:bold;
	font-size:120%;
	color:#7b9068;
	}

section.content article h3 {
	background-image:url(/img/cmn/h3.gif);
	background-repeat:no-repeat;
	margin:10px auto;
	padding-left:18px;
	font-weight:bold;
	font-size:110%;
	line-height:18px;
	color:#7b9068;
	}

/*テキスト入力域*/
section.content article{
	margin:20px 5px 20px 20px;
	line-height:1.8em;
	}
	* html section.content article{height:1%;}

@media only screen and (max-width:982px){
	/*フッタとの間に隙間ができてしまうことを回避*/
	section#main_single section.content article {margin-bottom:-15px;}
	}

@media only screen and (max-width:640px){
	section.content article{
		margin:5px 1px 10px 1px;
		}
	}
	
/*****************************************************************************************************************************************************
	テーブル
*****************************************************************************************************************************************************/
/*基本となるデザイン設定*/
table {
	padding:0;margin:0; 
	border : 1px solid #cccccc; 
	border-collapse : separate;
	border-spacing : 3px; 
	background-color : #f3f3f3;
	width:100%;
	}
	/*セル共通設定*/
	table td,
	table th {
		margin:0;padding:5px; 
		border-right : 1px solid #cccccc; 
		border-bottom : 1px solid #cccccc; 
		background-color:#fff;
		line-height:130%;
		color:#333333;
		font-weight:normal;
		vertical-align:middle;
		}
	/*1行目の見出し  #E4F2B9*/
	table thead th {background-color:#d6efd6;text-align:center;}
	/*その他の見出し*/
	table th {background-color:#F0F7F0;}
	table td.koumoku {background-color:#EDF5E0;}
	/*その他*/
	table td.hissu {background-color:#FFF1EE;}
	
	/*料金プランの横１列の見出し列（ﾚｽﾎﾟﾝｼﾌﾞﾙの関係でセル結合出来ない）*/
	table tr.row_midashi th {
		background-color:#e2f2e2;
		border-bottom :2px solid #090;
		color:#000;
		font-weight:bold;
		}
	
	
	
/*装飾をなくしたもの*/
table.noborder {background-color:#FFFFFF;border:none;border-spacing:0px;}		
table.noborder td {border:none;padding:0px 5px;line-height:100%;}	
	
/*レスポンシブテーブル 左の1列は改行で複数行になってからスクロールバーが表示されると、左と右とで高さが変わってしまう*/
table.responsive th,table td.koumoku,table td.koumoku2 {white-space: nowrap;overflow: auto;}
@media screen and (max-width: 640px) {
  table.responsive {
    display:          block;
    overflow-x:       scroll;
    white-space:      nowrap;
    -webkit-overflow-scrolling: touch;
    width:            100%;
  }	
}


/*料金*/
table th.hikazei,table th.zeibetu {
	background-image:url(../img/s/hikazei.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:60px;
	}
	table th.zeibetu {background-image:url(../img/s/zeibetu.png);}

table thead th.hikazei,table thead th.zeibetu {
	background-position:center bottom;
	padding-bottom:25px;
	padding-left:0;
	}

	
/*料金*/
table th.hissu {
	background-image:url(../img/s/hissu.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:60px;
	}

table th.w170 {width:170px;}

/*都道府県別施設一覧(p_list)、トップの新設一覧(p_list2)用*/
table.p_list td,table.p_list th,table.p_list2 td,table.p_list2 th {font-size:90%;}
table.p_list td.s_toku {width:100px;}

@media only screen and (max-width:640px){
table.p_list,table.p_list2 {
	display: block;
	background-color:#FFFFFF;
	}
	table.p_list thead,table.p_list2 thead{display: none;}
	table.p_list tbody,table.p_list2 tbody{display: block;}
	table.p_list tbody tr,table.p_list2 tbody tr{
		display: block;
		margin-bottom: 1.5em;
		}
	table.p_list tbody th,table.p_list tbody td,
	table.p_list2 tbody th,table.p_list2 tbody td{
		display: list-item;
		margin-left:20px;
		border: none;
		}
	table.p_list tbody td.sname,table.p_list2 tbody td.sname {
		margin:0 0 5px 0;
		list-style-type: none;
		background:#363;
		padding:3px;
		color:#FFFFFF;
		}
		table.p_list tbody td.sname a,table.p_list2 tbody td.sname a {color:#FFFFFF;}
		
	table.p_list tbody td,table.p_list2 tbody td{
		margin-left: 20px;
		padding: 0;
		line-height:21px;/*画像の高さ=20px*/
		}
	table.p_list td.al_r {text-align:left;}
	table.p_list td.s_toku {width:100%;}
	
	table.p_list tbody td:nth-of-type(2):before { content: "[タイプ] "; }
	table.p_list tbody td:nth-of-type(3):before { content: "[住　所] "; }
	table.p_list tbody td:nth-of-type(4):before { content: "[施設説明] "; }
	table.p_list tbody td:nth-of-type(5):before { content: "[入居条件] "; }
	table.p_list tbody td:nth-of-type(6):before { content: "[特　徴] "; }
	table.p_list tbody td:nth-of-type(7):before { content: "[外　観] "; }
	table.p_list tbody td:nth-of-type(7):after { content: ""; }
			
			
	table.p_list2 tbody td:nth-of-type(2):before { content: "[タイプ] "; }
	table.p_list2 tbody td:nth-of-type(3):before { content: "[運　営] "; }
	table.p_list2 tbody td:nth-of-type(4):before { content: "[住　所] "; }
		
}


/*テーブル組みをdl形式に*/	
@media only screen and (max-width:640px){
	table.TBLtoDL {margin:0;border:none;background-color:#FFFFFF;}
	table.TBLtoDL thead {display:none;}
	table.TBLtoDL tr{
      display: block;
      margin-bottom: 1.5em;
    	}
   table.TBLtoDL th,
   table.TBLtoDL td{
      display: list-item;
      border: none;
		width:100%;
		text-align:left;
		list-style-type:none;
		padding:5px;
    	}
	table.TBLtoDL th,
	table.TBLtoDL td.koumoku {background-color:#F0F7F0;}
	table.TBLtoDL th br {display: none;}
	
	/*googlemapは表示しない*/
	table.TBLtoDL tr.toggle_box{display:none;}
	
	table.TBLtoDL th.hikazei {padding-left:60px;}
	table.TBLtoDL th.hissu {padding-left:60px;}

	
}
	
/*****************************************************************************************************************************************************
	個別ページ毎の設定
*****************************************************************************************************************************************************/

/*医療対応ページ**************************************************************************************************************************/
	/*Top 病名別Box*/
	div.medbox {
		width:46%;
		margin:0 0 40px 0;
		padding:1%;
		float:left;
		
		border:1px solid #999;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
		-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
		box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
		}
		div.box_l {margin-right:2%;}
		div.medbox h4 {
			width:319px;
			height:28px;
			line-height:28px;
			display:block;
			text-align:center;
			background-image:url(../img/mdcl/ttl.png);
			backgoround-repeat:no-repeat;
			text-align:center;
			margin:-25px auto 0 auto;
			padding:0;
			letter-spacing:0.2em;
			}
		
		@media only screen and (max-width:982px){
			div.medbox {float:none;width:100%}/*padding,borderは982px以下でheghtやwidthに含まれる設定*/
			div.box_l {margin-right:0;}
			div.medbox h4 {margin:-25px 0 0 0;}
			}
	/*施設リスト 鉄道沿線でも使用*/
	dl.medical_list dt {margin-bottom:10px;}
	dl.medical_list dt.cityname {font-weight:bold;color:green;border-bottom:1px solid #009933;}
	dl.medical_list dd {line-height:1.1em;margin:0 0 20px 30px;padding-left:120px;background-repeat:no-repeat;background-position:top left;}
	dl.medical_list dd .mid2 {font-size:130%;font-weight:bold;}
	dl.medical_list dd .mid3 {font-size:75%;}
		@media only screen and (max-width:750px){
			dl.medical_list dd .mid3 {padding-left:0px;}
			dl.medical_list dd {background-position:-900px;padding:10px 0;margin-left:10px;border-top:1px solid #999;}
		}
		

/*鉄道沿線ページ**************************************************************************************************************************/
	h4.stn_name {
		border: 1px solid #999;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		
		background: -webkit-gradient(linear, left top, left bottom, from(#ebefeb), to(#bdbdbd));
		background: -webkit-linear-gradient(top, #ebefeb, #bdbdbd);
		background: -moz-linear-gradient(top, #ebefeb, #bdbdbd);
		background: -ms-linear-gradient(top, #ebefeb, #bdbdbd);
		background: -o-linear-gradient(top, #ebefeb, #bdbdbd);
		
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: 2px 2px 2px #fff;  
		width:98%;
		padding:5px 0 5px 2%;
		display:block;
		color:#000;
		font-weight:bold;
		letter-spacing:0.3em;
		text-decoration: none;
		vertical-align: middle;
		font-size:100%;
		}
		
	div.stn_sisetulist {
		min-height:32px;
		margin:0 0 0 20px;
		background-image:url(/img/stn/senro.gif);
		background-position:left;
		background-repeat:repeat-y;
		padding:0 0 15px 30px;
		}
	
	div.stn_norikae {
		background-image:url(/img/stn/norikae.gif);
		background-repeat:no-repeat;
		background-position:left top;
		min-height:40px;
		margin-bottom:15px;
		}
		ul.norikae {padding:40px 0 0 0;}


/*******************************************************************************************
	都道府県別施設一覧ページ設定
*******************************************************************************************/
/*施設タイプ*/
.no_disp {display:none;}

.tk,.tj,.tkj,.tn,.tnj,.ts,.te {
	width:55px;
	height:20px;
	display:block;
	text-indent:-9999px;
	}
	.tk {background-image:url(../img/s/tk.png);}
	.tj {background-image:url(../img/s/tj.png);}
	.tkj {background-image:url(../img/s/tkj.png);}
	.tn {background-image:url(../img/s/tn.png);}
	.tnj {background-image:url(../img/s/tnj.png);}
	.ts {background-image:url(../img/s/ts.png);}
	.te {background-image:url(../img/s/te.png);}
	/*スマホ仕様で表示がずれるためアイコンをやめる*/
	@media only screen and (max-width:640px){
		.tk,.tj,.tkj,.tn,.tnj,.ts,.te {
			background-image:none;
			display:inline;
			text-indent:0;
			}
	}
		
								
/*******************************************************************************************
	施設詳細ページ設定
*******************************************************************************************/
	/*見出し*/
	section.content h2.sisetu {
		font-size:120%;
		margin:20px 0 15px 0;
		font-weight:bold;
		border-bottom:1px solid #CCCCCC;
		border-top:1px solid #CCCCCC;
		border-left:10px solid #009933;
		padding:5px 15px;
		background:none;
		color:#000;
		}
		section.content h2.head_red {border-left:10px solid #F00;}

	/*ヘッダ*/
	section#sisetu_head {
		margin:10px 0;
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:220px;/*写真分*/
		}
		/*施設タイプと住所*/
		p#shead_01 {font-size:80%;line-height:1.1em;margin:0;padding:0;}
		/*スマホ用写真高さ分の保持*/
		#shead_photo {width:10px;display:none;}
		@media only screen and (max-width:750px){
			section#sisetu_head {background-position:center top;padding:0;}
			#shead_photo {display:block;}
			}

		/*施設名*/
		h1#shead_02 {
			font-size:130%;
			margin:5px 0;
			font-weight:bold;
			border-bottom:1px solid #CCCCCC;
			border-top:1px solid #CCCCCC;
			border-left:10px solid #0066CC;
			padding:5px 155px 5px 15px;
			min-height:30px;
			background-repeat:no-repeat;
			background-position:right bottom;
			}
		@media only screen and (max-width:640px){
			h1#shead_02 {padding:5px 0px 40px 15px;}
			
			}
		/*入居要件*/
		ul.youken {width:153px;}
			ul.youken li{
				width:50px;
				height:50px;
				display:block;
				margin:0 1px 0 0;
				float:left;
				}
		/*運営法人*/
		p#shead_03 {text-align:right;margin:0 20px 10px 0;font-size:80%;line-height:1.8em;}
		p#shead_03 span {padding-bottom:1px;border-bottom:1px solid #0066FF;color:#333;}
							
		/*施設説明文*/
		p#shead_04 {
			font-weight:bold;
			font-size:100%;
			margin:0 0 5px 0;
			padding:0;
			color:#006600;
			}
		p#shead_05 {
			padding:0 0 0 10px;
			margin:0;
			line-height:1.5em;					
			}
			
	/* 施設ページ コンテンツ中身　設定
	********************************************************************************************/
	/*googlemap*/
	p#slide_btn {text-align:right;color:#00F;text-decoration:underline;}
	p#slide_btn:hover{cursor:pointer;}
	.toggle_box{display:none;}
	
	/*メールフォームの表示制御*/
	.s_form {display:none;}
	p#form_disp {font-weight:bold;color:blue;}
	p#form_disp:hover{cursor:pointer;}
	
	/*GoogleMapの左側スケールの表示がおかしくなることを防ぐ*/
	div#map img {max-width:none;}

	/*医療対応*/
	ul.iryo_icon li {margin:2px;}
	
	/*内部写真*/
	div#sisetu_image {margin-top:15px;}
		div#sisetu_image dl {float:left;margin-right:10px;max-width:100%;margin-bottom:5px;}/*max-width:100%;がないと大きな画像の場合はみ出る*/
		div#sisetu_image dl dt {background-color:#F5F5F5;border:1px solid #F5F5F5;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin-bottom:0;}
		div#sisetu_image dl dt img {margin:2px;max-width:100%;}
		div#sisetu_image dd {
			text-align:center;
			margin-top:0;
			font-family: inherit;
			line-height:1.1em;
			}
		
		
	/*施設ページ内のメールフォームは目立たせる*/
	.bk_pink {background-color:#FAF0FB;padding:10px;margin-left:0;}
	.bk_pink form#s_form h3 {margin-top:20px;color:#060;}
	
	
	/*レコメンド*/
	div.RecommendBox {
		background-repeat:no-repeat;
		background-position:bottom left;
		width:48%;
		display:block;
		float:left;
		margin:0 2% 15px 0;
		}
		@media only screen and (max-width:640px){
			div.RecommendBox {width:100%;float:none;}
		}
		div.RecommendBox p {margin:0 0 0 110px;line-height:1.3em;}
		div.RecommendBox p span {font-size:80%;}
		div.RecommendBox p a {font-weight:bold;}
	
/*******************************************************************************************
	トップページ設定
*******************************************************************************************/
/*バナー広告とリンクメニュー*/
section#top_box1,div#top_box1 {margin:10px 0;}
	div#top_box1_right,section#top_box1_right {
		float:right;
		max-width:710px;
		border:1px solid #999;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px; 
		margin-top:30px;
		padding-bottom:10px;
		}
		div#top_box1_right h2,section#top_box1_right h2 {margin:-30px 0 0 20px;}
		div#top_box1_right div,section#top_box1_right div {margin:10px 10px 0 10px;}
		div#top_box1_right div p,section#top_box1_right div p {margin:0;}
		div#top_box1_right div p img,section#top_box1_right div p img {float:left;margin:0 10px 0 0;}
		
	div#top_box1_left,ul#left_banner_list {float:left;width:220px;}
	
		/*グローバルメニューがパネルになる幅で調整*/
		@media only screen and (max-width:982px){
			div#top_box1_right,section#top_box1_right {width:100%;float:none;max-width:100%;}
			div#top_box1_left,ul#left_banner_list {width:100%;float:none;margin-top:10px;}
				div#top_box1_left p,ul#left_banner_list {text-align:center;}
			}
		/*pickupタイトル画像幅554 + margin20*2 =594 + box外margin,padding以下なら枠を消す*/
		@media only screen and (max-width:680px){
			div#top_box1_right,section#top_box1_right {border:none;}
			}
	
/*都道府県リンクとコンテンツメニュー*/
section#top_box2 {margin:10px 0;}
	div#top_box2_right,section#top_box2_right {float:right;width:48%;}
		div#top_box2_right dl,section#top_box2_right dl {
			background-repeat:no-repeat;
			padding-left:80px;
			min-height:80px;
			margin-bottom:20px;
			}
		div#top_box2_right dl dt,section#top_box2_right dl dt {background-color:#fff;margin:0;padding:0;}
		div#top_box2_right dl dd,section#top_box2_right dl dd {margin:0 0 0 20px;font-size:90%;}
		
		h3.mdl_line01 {
			background-image:url(../img/top/h3_mdl_line.gif);
			background-repeat:repeat-x;
			padding-left:20px;
			}
		
	div#top_box2_left,section#top_box2_left {float:left;width:48%;}
		div#top_box2_left dl dt,section#top_box2_left dl dt {
			background-color:#fff;
			font-weight:normal;
			line-height:1em;
			font-size:80%;
			padding:0;
			}
			div#top_box2_left dl dt img,section#top_box2_left dl dt img {float:left;margin-right:15px;}
		div#top_box2_left dl dd,section#top_box2_left dl dd {font-size:90%;}
			div#top_box2_left dl dd ul li,section#top_box2_left dl dd ul li {
				list-style:none;
				float:left;
				}
		
		ul.li_head01 li {
			list-style:none;
			background-image:url(../img/cmn/li_head01.gif);
			background-position: right;
			background-repeat:no-repeat;
			padding-right:15px;
			font-size:90%;
			}
			ul.li_head01 li a {color:#006600;}
	
	
	/*フロート解除*/
	@media only screen and (max-width:800px){
		div#top_box2_right,section#top_box2_right {float:none;width:100%;}
		div#top_box2_left,section#top_box2_left {float:none;width:100%;margin-top:20px;}
		}
	
/*バナー広告2*/
section#top_box3 {width:500px;margin:20px auto;background-color:#FF0000;}


/*テキストコンテンツメニュー*/
section#top_box4,div#top_box4  {margin:10px 0;}
	div#top_box4_right,section#top_box4_right {float:right;width:48%;}
	div#top_box4_left,section#top_box4_left {float:left;width:48%;}

	div#top_box4 section#top_box4_left div.box4_txtarea,
	div#top_box4 section#top_box4_right div.box4_txtarea,
	section#top_box4 div#top_box4_left article,
	section#top_box4 div#top_box4_right article {
		margin:5px 15px;
		padding:10px;
		background-color:#faf9f9;
		border:1px solid #EAEAEA;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px; 
		}
		div#top_box4 section#top_box4_left div.box4_txtarea p,
		div#top_box4 section#top_box4_right div.box4_txtarea p,
		section#top_box4 div#top_box4_left article p,
		section#top_box4 div#top_box4_right article p {
			line-height:1.6em;
			margin-bottom:5px;
			text-indent:0.5em;
			}

	h2.mdl_line02 {
		background-image:url(../img/top/h2_mdl_line.gif);
		background-repeat:repeat-x;
		}


	/*フロート解除*/
	@media only screen and (max-width:800px){
		div#top_box4_right,section#top_box4_right {float:none;width:100%;margin-top:20px;}
		div#top_box4_left,section#top_box4_left {float:none;width:100%;}
		}

/*新規オープン予定*/
section#top_box5 {margin:10px 0;}
	section#top_box5 article {margin:10px 0 20px 10px;}
	section#top_box5 h3 {
		background-image:url(../img/cmn/h3.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		font-weight:bold;
		color:#7b9068;
		line-height:15px;
		}
		
	
/*---------------*/
p.top_h1txt{
    margin: 0 auto 10px;
    padding: 10px;
    background-color: #faf9f9;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
	}
	
dl.top_box_banner {
    margin: 10px 10px 0 10px;
	zoom:100%;
	padding-bottom: 22px;
	}
	dl.top_box_banner.last {
		padding-bottom: 0;
		}
	dl.top_box_banner:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}
		dl.top_box_banner dt {
			background-color: transparent;
			font-weight: normal;
			margin: 0 10px 0 0;
			padding:0;
			float: left;
			}
			dl.top_box_banner dt img {
				vertical-align: bottom;
				}
		dl.top_box_banner dd {
			margin: 0;
			}

ul#right_banner_list{
	margin:0;
	}
	ul#right_banner_list>li{
		margin:0;
		padding:0;
		list-style:none;
		}

ul#left_banner_list{
	margin:0;
	}
	ul#left_banner_list>li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
		
ul.top_right_list{
	margin:0;
	}
	ul.top_right_list>li{
		margin:0;
		padding:0;
		list-style:none;
		}

ul.top_box_list{
	margin:0;
	}
	ul.top_box_list>li{
		margin:0;
		padding:0;
		list-style:none;
		}

p.banner_sompo {
  width:        500px;
  max-width:    100%;
  margin:       15px auto;
}
p.banner_sompo strong {
  font-weight:  bold;
}

dl.box4_point dt{
    background-color: transparent;
    font-weight: normal;
    line-height: 1.6em;
    margin-bottom: 5px;
    text-indent: 0.5em;
    padding: 0;
	}
dl.box4_point dd{
    margin: 0;
	}
	dl.box4_point dd li{
		list-style: outside;
		list-style-type: decimal;
		margin: 0 0 3px 25px;
		padding: 0;
		}

h2.top_open{
    margin-bottom: 10px;
	}
section.top_open_section{
    margin-left: 20px;
	}
	section.top_open_section h3{
		margin-left: -10px;
		}
	section.top_open_section table.top_open_table{
		margin: 10px 0 20px;
		}

	@media only screen and (max-width:800px){
.textbk{
font-size:12px;
overflow-x: scroll;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.textbk::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.textbk::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.textbk::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
table.syosai td{
	white-space:nowrap;
}

}
table.syosai td,th{
	white-space:nowrap;
	font-size:12px;
}
	/* テーブル 設定
	******************************************************************************************** */
	table.syosai {
		padding : 0; margin :0; 
		border : 1px solid #cccccc; 
		border-collapse : separate;
		border-spacing : 3px; 
		background-color : #f3f3f3;
		}
		table.syosai td,
		table.syosai th {
			margin : 0; padding : 5px; 
			border-right : 1px solid #cccccc; 
			border-bottom : 1px solid #cccccc; 
			background-color:#fff;
			line-height:130%;
			color:#333333;
			}
		
		table.syosai th {background-color:#C8E8CD;}
		table.syosai td.midasi {background-color:#E4F2B9;}
		table.syosai td.koumoku,table.syosai th.koumoku {background-color:#F0F7F0;}
			table.syosai th.koumoku {font-weight:normal;}
			table.syosai th.koumoku p {text-align:left;}
			table.syosai th.center p {text-align:center;}
			
		table.syosai td.header {background-color:#EDF5E0;}
		table.syosai td.hissu {background-color:#FFF1EE;}
		
		table.syosai td p {color:#333333;padding-bottom:0;}
		table.syosai th p {text-align:center;padding-bottom:0;}
		table.syosai td.header p {text-align:center;}
		table.syosai td.center {font-size : small;vertical-align:top;line-height:130%;} 
		table.syosai td.center p {text-align:center;}
		
		table.syosai td p a {color:#333333;text-decoration:none;}
		table.syosai td p a.blueline {color:#0066CC;text-decoration:underline;}
		table.syosai td p a.blueline:hover {color:#CC0033;}
		
		/*施設詳細のおすすめ施設*/
		table.noborder td table.syosai td.koumoku {
			border-right : 1px solid #cccccc; 
			border-bottom : 1px solid #cccccc;
			}
		
	table.f-small td,table.f-small th {
		line-height:1.1em;
		padding:3px 2px;
		font-size:80%;
		}
		table.f-small td p,table.f-small th p {padding:0;margin:0;}
	
	table.noborder {background-color:#FFFFFF;border:none;border-spacing:0px;}
	table.lightgreen {background-color:#F3FAF3;border:none;border-spacing:0px;}
	table.noborder td {border:none;padding:0px 5px;line-height:100%;}
	/*施設詳細の沿線リンク*/
	table.marg0 td p {margin:0;padding:0;line-height:1em;}
/*******************************************************************************************
	サイドバー設定
*******************************************************************************************/
	/* 基本Box 設定
	******************************************************************************************** */
	div.side_box {
		margin:0 0 25px 0;
		padding:50px 0 0 0;
		background-repeat:no-repeat;
		}
		div.img_side1 {background-image:url(../n-img/side/t-kentou.gif);}
		div.img_side2 {background-image:url(../n-img/side/t-select.gif);}
		div.img_side1 ul li img,div.img_side2 ul li img {margin-left:15px;}
		div.img_side3 {background-image:url(../n-img/side/t-annai.gif);}
		div.img_side3 p {margin:0 10px;line-height:1.2em;font-size:80%;}
		div.img_side4 {background-image:url(../n-img/side/t-pref.gif);padding-left:20px;}
			
		div.side_box ul,div.side_box ul li {margin:0 0 5px 0;padding:0;}
	/*検討Box*/
	div.kentobox {
		width:190px;
		margin:0 0 0 10px;
		border:1px solid #009933;
		background-color:#F0FFF2;
		padding:5px;
		}
		div.kentobox p,div.kentobox td {font-size:80%;}
		div.kentobox td {vertical-align:top;}
		
	/*サイドメニュー*/
	#side_menu {
		margin:0 0 25px 0;
		padding:50px 0 0 0;
		background-image:url(../n-img/side/t-menu.gif);
		background-repeat:no-repeat;
		}
		#side_menu h4 {
			background-image:url(../n-img/common/list_head_big.gif);
			background-repeat:no-repeat;
			color:#006600;
			padding-left:20px;
			line-height:16px;
			font-size:95%;
			margin-left:5px;
			border:0px solid white;
			}		 
		#side_menu ul {margin:5px 0 20px 0;padding:0;}
		#side_menu ul li {
				list-style:outside;
				list-style-type:none;
				list-style-image:url(../n-img/common/list_head_green.gif);
				margin:0 0 3px 35px;
				color:#333333;
				text-decoration:none;
				font-size:80%;
				border:0px solid white;
				}
		#side_menu ul li.active {list-style-image:url(../n-img/common/list_head_red.gif);}
		#side_menu ul li a {color:#006600;text-decoration:none;}				
		#side_menu ul li a:hover,ul.side_mlist li.active a {color:#CC0033;text-decoration:underline;}
	/*旧都道府県ページ*/
	h3.map_pref {font-size:80%;}

	/*開設PickUp2013.10.30*/
	div#side_pu_h {
		width:210px;
		height:34px;
		display:block;
		background-image:url(../n-img/side/p_h.gif);
		}
	div#side_pu_m {
		width:180px;
		padding:0 15px;
		background-image:url(../n-img/side/p_m.gif);
		background-repeat:repeat-y;
		}
		div#side_pu_m span {font-size:70%;}
		div#side_pu_m p {font-size:85%;margin-bottom:0;}
		div#side_pu_m hr {
			border: 0;
			height: 0;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
			}
		
	div#side_pu_b {
		width:210px;
		height:34px;
		display:block;
		background-image:url(../n-img/side/p_b.gif);
		}
	/*newsﾍﾟｰｼﾞ*/
	div#news_box {border:2px solid #6eaa62;padding:5px 5px 5px 5px;}	
div#news_box{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

	hr.news_kugiri {margin:30px 0;border:1px solid #6eaa62;}
div#news_box h3 {
	background-image:url(/img/cmn/h3.gif);
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding-left:18px;
	font-weight:bold;
	font-size:110%;
	line-height:18px;
	color:#7b9068;
	}
	/* ul,olテキスト 設定
	******************************************************************************************** */
	ul.disk {margin:0 0 10px 18px;padding:0;}
	ul.disk li {
		list-style:outside;
		list-style-type:disc;
		margin:0 0 3px 0;
		padding:0;
		}
	ol.nubber {margin:0 0 10px 0px;padding:0;}
	ol.number li {
		list-style:outside;
		list-style-type:decimal;
		margin:0 0 3px 25px;
		padding:0;
		}
	ul#newscat {
		margin:20px 10px;
		padding:0;
		}
		ul#newscat li {
			margin:0;
			padding:0;
			float:left;
			list-style-type: none;
			}
		ul#newscat li a {
			margin:0 5px 5px 0;
			width:190px;
			height:30px;
			display:block;
			line-height:30px;
			font-size:85%;
			text-align:center;
			border:1px solid #CCCCCC;
			background-color:#F9F9F9;
			color:#666666;
			text-decoration:none;
			}
		ul#newscat li a.on,ul#newscat li a:hover {
			border:1px solid #009900;
			background-color:#E7F3CB;
			color:#006600;
			}
	
	ul#news_tiku_link {margin:0;padding:0;display:block;}
	ul#news_tiku_link li {
		width:90px;
		height:38px;
		display:block;
		float:left;
		margin:0;
		text-align:center;
		font-size:80%;
		line-height:13px;
		padding-top:7px;
		background-image:url(../n-img/news/tiku_bk_off.gif);
		background-repeat:no-repeat;
		}
		ul#news_tiku_link li.tiku_short {line-height:38px;}
		*html ul#news_tiku_link li.tiku_short {height:41px;}
		ul#news_tiku_link li.news_tiku_on {background-image:url(../n-img/news/tiku_bk_on.gif);}
		ul#news_tiku_link li a {text-decoration:none;color:#FFFFFF;font-weight:bold;}
		ul#news_tiku_link li a:hover {text-decoration:underline;color:#FF0000;}	

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

h5.SeriKomidashi{
	color:white;
	font-weight:bold;
	background-color:green;
	padding:10px;
	width:95%;
	margin-top:20px;
}
 
 .SeriesMapBox {
    position: relative;
    width: 100%;
	height:auto;
    background: #EEE;
}
.box-1x1:before {
    content: "";
    display: block;
    padding-top: 60%;
}
#map {
    position: relative;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.SeriesMapBox p {
    font-size:1.25vw;
    line-height:1.5em;
}
/********************************************************************************************************
 シリーズページ　設定
********************************************************************************************************/
dl.series_list dt {margin-bottom:10px;}
dl.series_list dd {line-height:1.6;margin:0 0 20px 30px;}
div.midashi_s {color:#060; font-size:14px;}
@media screen and (min-width: 768px) {
  dl.series_list dd div.serieslist_l {float:left;}
  dl.series_list dd div.serieslist_r {width:80%;text-align:left;float:right;}
}
@media screen and (max-width: 767px) {
  dl.series_list dd div.serieslist_l {display:block; float:left; width:86px; margin-right:5px;}
  dl.series_list dd div.serieslist_r {display:block; width:100%;text-align:left;}
}
dl.series_list dd {line-height:1.5;width:100%;margin:0 auto;padding:10px 5px 0px 5px;}
dl.series_list dd:nth-child(even) {background-color:#f3faf3;}
dl.series_list dd div.midashiMain {clear:both;}
dl.series_list dd div.midashiMain .mid1 {font-size:16px;}
dl.series_list dd div.midashiMain .mid2 {font-size:22px; font-weight:bold;}
dl.series_list dd div.midashiMain .mid3 {font-size:16px;}
dl.series_list dd div.midashiMain .mid3Access {
  color:#060; font-size:14px;
  margin: 5px auto;
}
@media screen and (max-width: 767px) {
  dl.series_list dd div.midashiMain .mid1 {margin:0; padding:0; font-size:16px; text-align:left;}
  dl.series_list dd div.midashiMain .mid2 {font-size:22px; font-weight:bold;}
  dl.series_list dd div.midashiMain .mid3 {font-size:15px;}
}  
h4.series_h4 {
	border-left:5px solid #090;
	border-bottom:1px solid #090;
	color:#060;
	font-size:120%;
	padding-left:10px;
	}
.DIVWAMNET{
	width:90%;
	text-align:left;
  position: relative;
  margin-top: 1em;
  padding: 1em 2em;
  border: 1px solid gray;
}
.DIVWAMNET .caption{
position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  padding: 0;
  margin: 0;
  background-color: white;
  transform: translateY(-50%) translateX(1em);	
}
.WAMNETlist
,.WAMNETlist li{
	padding:0px;
	margin:0px;
}
 
.WAMNETlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.WAMNETLI li{
	position:relative;
	display: block;
	padding: 5px 0px 5px 30px;
	background: #ffefd5;
	color: #444;
	border-radius:15px 0px 0px 15px;
}
 
.WAMNETLI li:after{
	content:'';
	display:block; 
	position:absolute;
	width:14px;
	height: 14px;
	top:7px;
	left:5px;
	background: #ffb3cc;
	border-radius: 10px;
}
.btContactOrange{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
	background-color:rgba(255,127,80,0.8);
	border:1px solid red;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-size:19px;
	display:block;
	
}
.btContact{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
	background-color:rgba(255,255,255,0.8);
	border:4px solid orange;
	color:black;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	font-size:19px;
	display:block;
	
}
.HissuBG{
	background-color:#ffffe0;
}

#introduction {
  margin:           20px auto 0 auto;
  background:       #ffffff;
  border:           1px solid #5c7a5c;
  padding:          20px;
  width:            90%;
}
#introduction dl dt {
  margin-bottom:    10px;
}
#faq {
  margin:           20px auto 0 auto;
  background:       #f9fff9;
  border:           1px solid #5c7a5c;
  padding:          20px;
  width:            90%;
}
#faq h3 {
  background-color: #D6EFD6;
  background-image: none;
  color:            #008800 !important;
  font-weight:      bold;
  margin:           0 auto;
  padding:          8px 0 7px 5px !important;
}
#faq p {
  color:            #000000 !important;
  margin:           0 auto;
  padding:          8px 0 7px 5px !important;
}

/* PC hide, SP hide */
@media screen and (min-width: 768px) {
  .pcHide {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .spHide {
    display: none;
  }
}