@charset "utf-8";


/*//////////////////////////////////////////////////////////////////////// 
// ベース
//////////////////////////////////////////////////////////////////////// */

body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 80%;
	color: #555555;
	background: #F4F1EA;
}

*{
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
}

input{
	margin: 0px 2px 0px 0px;
}

table, td, th{
	border: 0px;
}

a:link, a:visited{
	color: #396200;
	text-decoration: none;
}

a:hover, a:active{
	color: #71A628;
	text-decoration: underline;
}

/*//////////////////////////////////////////////////////////////////////// 
// 全体レイアウト
//////////////////////////////////////////////////////////////////////// */

#bodyArea{
	width: 950px;
	margin: 0px auto;
}

#headerArea{
	width: 950px;
	height: 110px;
	margin: 0px auto;
	background: url("../img/header.jpg") left top no-repeat;
}

#naviArea{
	width: 950px;
	margin: 0px auto;
}

#contentArea{
	width: 950px;
	margin: 0px auto;
}

#footerArea{
	clear: both;
	width: 950px;
	margin: 0px auto;
}

/*//////////////////////////////////////////////////////////////////////// 
// ヘッダー
//////////////////////////////////////////////////////////////////////// */

#headerCopy{
	height: 18px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#headerLogo{
	width: 430px;
	height: 80px;
}

h1 a{
	width: 430px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
}

#headerContact{
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

/*//////////////////////////////////////////////////////////////////////// 
// メインメニュー
//////////////////////////////////////////////////////////////////////// */

#menuBox{
	float: left;
	width: 580px;
	padding: 13px 0px 10px 20px;
}

#menuBox ul#menuList{
	width: 580px;
	list-style: none;
}

#menuBox ul#menuList li{
	display: inline;
	white-space: nowrap;
	line-height: 1.25em;
	padding: 0px 10px 0px 0px;
}

*:first-child + html #menuBox ul#menuList li{
	float: left;
}

* html #menuBox ul#menuList li{
	float: left;
}

#menuBox ul#menuList li a:focus{
	/*\*/
		overflow: hidden;
	/**/
}

#menuBox ul#menuList li a{
	/*\*/
		overflow: hidden;
	/**/
	font-weight: bold;
	padding: 0px 0px 0px 8px;
	background: url("../img/mark01.jpg") left top no-repeat;
}

#menuBox ul#menuList li a:hover,
#menuBox ul#menuList li a:active{
	text-decoration: underline;
	background: url("../img/mark01_over.jpg") left top no-repeat;
}

/*//////////////////////////////////////////////////////////////////////// 
// 検索窓
//////////////////////////////////////////////////////////////////////// */

#searchBox{
	float: right;
	width: 350px;
	margin: 0px 0px 3px 0px;
}

#searchBox #searchTop{
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/search_bg01.jpg") left top no-repeat;
}

#searchBox #searchBottom{
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/search_bg01.jpg") left bottom no-repeat;
}

#searchBox #searchMain{
	padding: 0px 0px 0px 30px;
	background: url("../img/search_bg02.jpg") left top repeat;
}

#searchBox h2{
	width: 70px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/search_title.jpg") left top no-repeat;
}

#searchBox input{
	width: 140px;
	height: 14px;
}

/*----- 検索ボタン ----- */
#searchBox input#btn_search{
	width: 64px;
	height: 20px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("../img/search_btn_send.jpg") left top no-repeat;
	margin: 0px 5px 0px 5px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_search{
	padding-left: 300px;
}

/*//////////////////////////////////////////////////////////////////////// 
// パンくず
//////////////////////////////////////////////////////////////////////// */

#pathBox{
	clear: both;
	width: 950px;
	font-size: 80%;
	padding: 5px 0px 8px 0px;
	background: url("../img/line01.jpg") left top repeat-x;
}

/*//////////////////////////////////////////////////////////////////////// 
// フッター
//////////////////////////////////////////////////////////////////////// */

#footerTop{
	height: 10px;
	background: url("../img/line02.jpg") left top repeat-x;
}

/*----- 施設関係者の方へボタン ----- */
#partnerBox{
	margin: 0px 0px 5px 375px ;
}

#partnerBox a{
	width: 195px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("../img/partner_btn.jpg") left top no-repeat;
	margin: 2px 0px 0px 0px;
}

#partnerBox a:hover,
#partnerBox a:active{
	background: url("../img/partner_btn.jpg") -190px top no-repeat;
}

#footerSubmenu{
	text-align: center;
	font-size: 80%;
	color: #CDCDCD;
	line-height: 1.25em;
}

#footerSubmenu a{
	color: #555555;
	padding: 0px 8px 0px 8px;
}

#footerCopyright{
	text-align: center;
	font-size: 80%;
	line-height: 1.25em;
	padding: 10px 0px 15px 0px;
}






/*//////////////////////////////////////////////////////////////////////// 
// セカンドページ
//////////////////////////////////////////////////////////////////////// */

/*----- メイン枠 ------------------------------------------------------- */
#mainBox{
	width: 880px;
	margin: 0px 0px 30px 0px;
	padding: 20px 35px 20px 35px;
	background: #FFFFFF;
	border: #CCCCCC 1px solid;
}

#mainBox p{
	line-height: 1.25em;
	margin: 5px 0px 5px 0px;
}

/*----- 施設検索 ------------------------------------------------------- */
#mainBox #conditionBox h2{
	width: 520px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/sdetail_title02.jpg") left top no-repeat;
}

#conditionBox p{
	line-height: 1.25em;
}

#conditionBox table{
	margin: 20px 0px 20px 0px;
}

/*----- 検索ボタン２ ----- */
#conditionBox input#btn_search2{
	width: 105px;
	height: 30px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("../img/sdetail_btn_send.jpg") left top no-repeat;
	margin: 0px 5px 20px 395px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_search2{
	padding-left: 300px;
}


/*----- 施設検索結果 --------------------------------------------------- */
table.facilityResult{
	width: 100%;
}

table.facilityResult th{
	text-align: center;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 3px 6px 3px 6px;
	background: #688518;
}

table.facilityResult td{
	padding: 5px 8px 5px 8px;
	background: #EEEEEE;
}

table.facilityResult a.orderBtn{
	float: left;
	font-size: 90%;
	color: #FFFFFF;
	background: #2D5AB6;
	margin: 1px 1px 1px 1px;
	padding: 2px 8px 2px 8px;
}

table.facilityResult a:hover.orderBtn,
table.facilityResult a:active.orderBtn{
	background: #517BD5;
}


/*----- 通常版 ----- */
table.facilityResult td.statePhoto{
	text-align: center;
}

table.facilityResult td.statePhoto img{
	border: #688518 1px solid;
}

table.facilityResult td.stateDetail{
	vertical-align: top;
	line-height: 1.25em;
}

table.facilityResult td.stateDetail span.facilityNum{
	font-size: 80%;
	color: #A9221F;
}

table.facilityResult td.stateDetail a.facilityName{
	font-size: 120%;
	line-height: 1.5em;
}

table.facilityResult td.stateFee{
	text-align: left;
}

table.facilityResult td.stateCell{
	text-align: center;
}

/*----- スペシャル版 ----- */
table.facilityResult td.statePhoto2{
	text-align: center;
	background: #FFE6CB;
}

table.facilityResult td.statePhoto2 img{
	border: #688518 1px solid;
}

table.facilityResult td.stateDetail2{
	vertical-align: top;
	line-height: 1.25em;
	background: #FFE6CB;
}

table.facilityResult td.stateDetail2 span.facilityNum{
	font-size: 80%;
	color: #A9221F;
}

table.facilityResult td.stateDetail2 a.facilityName{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
}

table.facilityResult td.stateDetail2 ul#facilityType{
	width: 350px;
	list-style: none;
}

table.facilityResult td.stateDetail2 ul#facilityType li{
	display: inline;
	white-space: nowrap;
	font-size: 80%;
	color: #FFFFFF;
	margin: 1px 2px 1px 2px;
	padding: 2px 7px 2px 7px;
}

*:first-child + html ul#facilityType li{
	float: left;
}

* html ul#facilityType li{
	float: left;
}

table.facilityResult td.stateDetail2 li.facilityType1{
	background: #2D5AB6;
}

table.facilityResult td.stateDetail2 li.facilityType2{
	background: #C3497A;
}

table.facilityResult td.stateDetail2 li.facilityType3{
	background: #5D901C;
}

table.facilityResult td.stateDetail2 img{
	position: relative;
	top: 2px;
}

table.facilityResult td.stateFee2{
	text-align: left;
	background: #FFE6CB;
}

table.facilityResult td.stateCell2{
	text-align: center;
	background: #FFE6CB;
}

/*----- ページネーション ----- */
p.pageNation{
	text-align: center;
	padding: 5px 0px 0px 0px;
}

p.pageNation a{
	padding: 0px 3px 0px 3px;
}

/*----- 該当施設数 ----- */
span.searchNum{
	font-size: 120%;
	color: #A9221F;
	font-weight: bold;
}

/*----- 施設紹介 ------------------------------------------------------- */
#detailText{
	margin: 10px 0px 10px 0px;
}

#detailText img{
	float: left;
	margin: 0px 20px 20px 0px;
	border: #688518 1px solid;
}

table.facilityDetail{
	width: 100%;
}

table.facilityDetail caption{
	text-align: left;
	color: #555555;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

table.facilityDetail caption span.Note{
	color: #A9221F;
	font-weight: normal;
}

table.facilityDetail th{
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	background: #999999;
}

table.facilityDetail td{
	padding: 10px 10px 10px 10px;
	background: #EEEEEE;
}

table.facilityDetail td img{
	padding: 10px 10px 10px 10px;
}


div.facilityMap{
	width: 100%;
}

div.facilityMap .caption{
	text-align: left;
	color: #555555;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

div.facilityMap .h{
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	background: #999999;
}

div.facilityMap .d{
	padding: 10px 10px 10px 10px;
	background: #EEEEEE;
}



#mapInfoBox{
	width: 200px;
	margin: 0px 0px 20px 0px;
}

#mapInfoBox table{
	width: 200px;
}


#mapInfoBox table td .typeBox{
	font-size: 80%;
	color: #FFFFFF;
	padding: 2px 7px 2px 7px;
	background: #50731C;
}

#mapInfoBox table td .addrBox{
	text-weight: none;
}

#mapInfoBox table td .nameBox{
	color: #396200;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.8em;
}



/*//////////////////////////////////////////////////////////////////////// 
// タイトル
//////////////////////////////////////////////////////////////////////// */

/*----- タイトル１ ----- */
#title01Top{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title01_bg01.jpg") left top no-repeat;
}

#title01Bottom{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title01_bg01.jpg") left bottom no-repeat;
}

#title01Text{
	line-height: 1.25em;
	padding: 2px 15px 2px 15px;
	background: url("../img/title01_bg02.jpg") left top repeat;
}

#title01Text h2{
	font-size: 110%;
	color: #E56701;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url("../img/title01_mark.jpg") left top no-repeat;
}

#title01Text div.date{
	font-size: 80%;
	float:right;
	padding: 0px 0px 0px 25px;
}

/*----- タイトル２ ----- */
#title02Top{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title02_bg01.jpg") left top no-repeat;
}

#title02Bottom{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title02_bg01.jpg") left bottom no-repeat;
}

#title02Text{
	line-height: 1.25em;
	padding: 2px 15px 2px 15px;
	background: url("../img/title02_bg02.jpg") left top repeat;
}

#title02Text h2{
	font-size: 110%;
	color: #656565;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url("../img/title02_mark.jpg") left top no-repeat;
}

/*----- タイトル３ ----- */
#title03Top{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title03_bg01.jpg") left top no-repeat;
}

#title03Bottom{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("../img/title03_bg01.jpg") left bottom no-repeat;
}

#title03Text{
	line-height: 1.25em;
	padding: 2px 15px 2px 15px;
	background: url("../img/title03_bg02.jpg") left top repeat;
}

#title03Text h2{
	font-size: 110%;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 25px;
	background: url("../img/title03_mark.jpg") left top no-repeat;
}






/*//////////////////////////////////////////////////////////////////////// 
// 共通テーブル
//////////////////////////////////////////////////////////////////////// */

/*----- 施設検索 ----- */
table.facilitySearch{
	width: 100%;
}

table.facilitySearch th{
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	background: #999999;
}

table.facilitySearch td{
	padding: 10px 10px 10px 10px;
	background: #EEEEEE;
}

table.facilitySearch td.character label{
	display:inline;
	float:left;
	width:110px;
}

/*----- ログイン ----- */
#loginBox{
	width: 360px;
	text-align: center;
	margin: 50px auto 50px;
	border: #A2A2A2 1px solid;
}

table.tableLogin{
	width: 358px;
	margin: 1px 1px 1px 1px;
}

table.tableLogin caption{
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	background: #688518;
}

table.tableLogin th{
	text-align: right;
	padding: 10px 5px 0px 5px;
}

table.tableLogin td{
	text-align: left;
	padding: 10px 5px 0px 5px;
}

table.tableLogin td input{
	width: 125px;
	height: 16px;
	border: #666666 1px solid;
}

/*----- 新規会員登録 ----- */
#entryBox{
	width: 700px;
	text-align: center;
	margin: 50px auto 50px;
	border: #A2A2A2 1px solid;
}

table.tableEntry{
	width: 698px;
	margin: 1px 1px 1px 1px;
}

table.tableEntry caption{
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	background: #EB6300;
}

table.tableEntry td{
	text-align: left;
	padding: 20px 20px 20px 20px;
}

table.tableEntry textarea{
	width: 100%;
	margin: 10px 0px 30px 0px;
}

#memberBox{
	width: 610px;
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	text-align: center;
	background: #FFE6CB;
}

#memberBox p.memberTitle{
	font-size: 110%;
	font-weight: bold;
	color: #EB6300;
}

#memberBox p{
	margin: 0px 0px 0px 0px;
}

#memberBox table{
	width: 540px;
}
#memberBox td{
	font-size: 80%;
	line-height: 140%;
}

/*----- ボタン ----- */
p.formBtn{
	text-align: center;
	padding: 10px 0px 10px 0px;
}

p.formBtn input{
	padding: 3px 10px 3px 10px;
}

p.attention{
	text-align: center;
	font-weight: normal;
	font-size: 80%;
}







/*//////////////////////////////////////////////////////////////////////// 
// トップページ
//////////////////////////////////////////////////////////////////////// */

#contentLeft{
	float: left;
	width: 580px;
}

#contentRight{
	float: right;
	width: 350px;
}

/*----- メイン枠 ------------------------------------------------------- */
#mainBoxIndex{
	width: 520px;
	margin: 0px 0px 10px 0px;
	padding: 20px 30px 20px 30px;
	background: #FFFFFF;
	border: #CCCCCC 1px solid;
}

/*----- 都道府県から施設を探す ----------------------------------------- */
#mainBoxIndex #locationBox h2{
	width: 520px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/sdetail_title01.jpg") left top no-repeat;
}

#mainBoxIndex #locationBox p{
	line-height: 1.25em;
}

#mainBoxIndex #locationBox table{
	margin: 20px 0px 20px 0px;
}

#mainBoxIndex #locationBox a.locationBtn{
	float: left;
	line-height: 26px;
	outline: none;
	cursor: pointer;
	margin: 1px 4px 1px 0px;
	padding: 0px 10px 0px 0px;
	background: url("../img/sdetail_btn_l.jpg") right top no-repeat;
}

#mainBoxIndex #locationBox a.locationBtn span{
	display: block;
	padding: 0px 0px 0px 10px;
	background: url("../img/sdetail_btn_l.jpg") left top no-repeat;
}

#mainBoxIndex #locationBox a:hover.locationBtn,
#mainBoxIndex #locationBox a:active.locationBtn{
	background-position: right -66px;
}

#mainBoxIndex #locationBox a:hover.locationBtn span,
#mainBoxIndex #locationBox a:active.locationBtn span{
	background-position: left -66px;
}

#mainBoxIndex #locationBox a{
	color: #FFFFFF;
	font-weight: bold;
}

/*----- 検索条件から施設を探す ----------------------------------------- */
#mainBoxIndex #conditionBox h2{
	width: 520px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/sdetail_title02.jpg") left top no-repeat;
}

#mainBoxIndex #conditionBox p{
	line-height: 1.25em;
}

#mainBoxIndex #conditionBox table{
	margin: 20px 0px 20px 0px;
}

/*----- 検索ボタン２ ----- */
#mainBoxIndex #conditionBox input#btn_search2{
	width: 105px;
	height: 30px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("../img/sdetail_btn_send.jpg") left top no-repeat;
	margin: 0px 5px 20px 210px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_search2{
	padding-left: 300px;
}

/*----- 注目の施設 ----------------------------------------------------- */
#pickupBox{
	width: 350px;
	margin: 0px 0px 20px 0px;
}

#pickupBox h2{
	width: 350px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/pickup_title.jpg") left top no-repeat;
}

#pickupBox table{
	width: 350px;
}

#pickupBox table tr{
	padding: 10px 0px 10px 0px;
	background: url("../img/line01.jpg") left bottom repeat-x;
}

#pickupBox table th{
	width: 100px;
	padding: 10px 0px 10px 0px;
}

#pickupBox table td{
	line-height: 1.25em;
	padding: 10px 0px 10px 10px;
}

#pickupBox table td a{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.8em;
}

#pickupBox table td .typeBox{
	font-size: 80%;
	color: #FFFFFF;
	padding: 2px 7px 2px 7px;
	background: #50731C;
}



/*----- 新着情報 ------------------------------------------------------- */
#newsBoxIndex{
	width: 560px;
	padding: 10px 10px 10px 10px;
}

#newsBox{
	width: 560px;
	margin: 0px 0px 20px 0px;
}

#newsBox h2{
	width: 560px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/news_title.jpg") left top no-repeat;
}

#newsBox dl{
	padding: 10px 10px 10px 10px;
	background: url("../img/line01.jpg") left bottom repeat-x;
}

#newsBox dd{
	line-height: 1.25em;
	padding: 0px 0px 0px 15px;
	background: url("../img/mark02.jpg") left top no-repeat;
}

#newsBox p{
	padding: 3px 0px 0px 0px;
}

#newsBox p a{
	width: 52px;
	display: block;
	font-size: 10px;
	padding: 0px 0px 0px 5px;
	background: url("../img/mark01.jpg") left top no-repeat;
}

#newsBox p a:hover,
#newsBox p a:active{
	background: url("../img/mark01_over.jpg") left top no-repeat;
}

/*----- バナー ----------------------------------------------------- */
#bannerBox{
	width: 350px;
	margin: 0px 0px 20px 0px;
}

#bannerBox h2{
	width: 350px;
	height: 25px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/pickup_title.jpg") left top no-repeat;
}

#bannerBox table{
	width: 350px;
}

#bannerBox table tr{
	padding: 10px 0px 10px 0px;
	background: url("../img/line01.jpg") left bottom repeat-x;
}

#bannerBox table th{
	width: 100px;
	padding: 10px 0px 10px 0px;
}

#bannerBox table td{
	line-height: 1.25em;
	padding: 10px 0px 10px 10px;
}

#bannerBox table td a{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.8em;
}

#bannerBox table td .typeBox{
	font-size: 80%;
	color: #FFFFFF;
	padding: 2px 7px 2px 7px;
	background: #50731C;
}