/* CSS Document */

.errmsg { color: #ff0000; }
.msgbox {
	width: 70%;
	margin: 20px auto;
	border: 1px #e08080 solid;
	background-color: #ffd0d0;
	border-radius: 5px;
	padding: 5px 10px; }
.ime-auto { ime-mode: auto; }
.ime-active { ime-mode: active; }
.ime-inactive { ime-mode: inactive; }
.ime-disabled { ime-mode: disabled; }

div.menu {
	width: 300px; /* ナビゲーションの幅 */
	margin: 0px auto 0px;
}
div.menu ul.menu-list {
	margin: 0;
	padding: 0;
	border-top: 0px #c0c0c0 dotted; /* 最上部の境界線 */
	list-style-type: none;
	text-align: left;
}
div.menu ul.menu-list li {
	padding: 3px 2px; /* 項目のパディング（上下、左右） */
	background-color: #E2E291; /* 項目の背景色 */
	border-bottom: 0px #c0c0c0 dotted; /* 項目の下境界線 */
	margin-bottom: 5px;
}
div.menu ul.menu-list li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 6px 8px; /* リンクエリアのパディング（上下、左右） */
	border-left: 4px #004900 solid; /* リンクエリアの左境界線 */
	/*text-decoration: none;  テキストの下線（なし） */
	background-color: #F9F6CF; /* 項目の背景色 */
}
div.menu ul.menu-list li a:hover {
	border-left-color: #E24900; /* ポイント時の左境界線色 */
	background-color: #E2E291; /* 項目の背景色 */
}

div.search {
width: 500px; /* ボックスの幅 */
padding: 1px 0; /* ボックスのパディング（上下、左右） */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #808080 solid; /* ボックスの境界線 */
border-radius: 5px;
}
div.search input[type="text"] {
margin: 0 4px 0 5px; /* テキストボックスのマージン（上右下左） */
padding: 0;
background-color: #ffffff; /* テキストボックスの背景色 */
border: none; /* テキストボックスの境界線（なし） */
color: #000000;
}

div.kiyaku {}
div.kiyaku ul {
	margin: 10px 0px;
}
div.kiyaku ul li {
	list-style: none;
/*	margin: 0 0 0 -1.5em;
	text-indent: -1.5em;
	padding-left: 1.5em;*/
}

pre.kiyaku {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}


table,td,th { border-spacing: 0px; border: none; padding: 0; border-collapse: collapse; }

/* 施設情報 info */
.infoComment { width:100%; margin-bottom:40px; }
.infoComment .floatL { font-size:14px; line-height:23px; width:61%; padding-right:4%; }
.infoComment .floatR { width:35%; max-width:338px; }
.infoComment p { font-size:18px; line-height:28px; font-weight:bold; color:#A54605; }
.infoComment .infoImg { border:#B3B3B3 1px solid; padding:3px; max-width:330px; }
.infoComment .infoImg img { display:block; vertical-align:bottom; width:100%; height:auto; }
div.info { width:90%; margin:0 auto 0px; }
table.info { width:90%; margin:0 auto 0px; border-top:#C6A775 1px solid; border-left:#C6A775 1px solid; }
table.info th,
table.info td { border-bottom:#C6A775 1px solid; border-right:#C6A775 1px solid; padding:5px; font-size:14px; line-height:22px; vertical-align:middle; }
table.info th { text-align:left; background-color:#F2E2C7; font-weight:normal; width:20%; }
/* 施設情報 gallery */
#galleryWrap { width:990px; }
.galleryIn { float:left; width:300px; margin-right:30px; margin-bottom:40px; }
.galleryIn a.photoGallery { display:block; border:#B3B3B3 1px solid; padding:3px; position:relative; }
.galleryIn a.photoGallery img { display:block; vertical-align:top; width:100%; height:auto; }
.galleryIn a.photoGallery img.galleryLink { position:absolute; top:3px; left:3px; }
.galleryIn p { font-size:13px; line-height:20px; margin-top:10px; }
/* 施設情報 map */
#mapArea { width:710px; height:550px; margin:0 auto; }

/*===============================================
tablet（画面の横幅が960px以下）
===============================================*/
@media screen and (max-width:960px){
#searchPanelR a { border:#FFF 3px solid; font-size:10px; }

.searchTitle { font-size:20px; padding-left:20px; padding-right:20px; }
.searchInfo .mrgB15 { margin-bottom:10px; }
.searchInfo .infoDoc { font-size:16px; line-height:25px; }
.searchInfo .address { font-size:18px; line-height:24px; }

/* 施設詳細 */
#detailHeadL h2.name { font-size:24px; line-height:28px; }
#detailHeadR .telIcon { background-size:auto 22px; padding-left:20px; font-size:20px; line-height:22px; margin-bottom:10px; }
/* 施設情報 info */
table.infoComment p { font-size:16px; line-height:24px; }
/* 施設情報 gallery */
#galleryWrap { width:100%; }
.galleryIn { float:left; width:30%; margin-right:3%; }
/* 施設情報 map */
#mapArea { width:90%; height:550px; }
}
/*===============================================
tablet??（画面の横幅が700px以下）
===============================================*/
@media screen and (max-width:700px){
#searchPanelL .cat { margin-right:10px; }
#searchPanelR a { border:#FFF 2px solid; font-size:10px; line-height:40px; }
#searchPanelR a span:before { background-size:auto 100%; padding-left:15px; }

.searchTitle { font-size:18px; padding-left:15px; padding-right:15px; }
.searchTitle span { font-size:10px; line-height:14px; }
.searchInfo .mrgB15 { margin-bottom:10px; }
.searchInfo .telNum { font-size:22px; line-height:34px; }
.searchInfo .infoDoc { font-size:14px; line-height:22px; margin-bottom:10px; }
.searchInfo .address { font-size:16px; line-height:22px; }

/* 施設詳細 */
#detailHeadL { width:100%; float:none; }
#detailHeadR { width:100%; float:none; margin-top:15px; }
ul#tabList { padding:0 0 0 5px; }
ul#tabList li { margin-right:5px; }
/* 施設情報 info */
.infoComment .floatL { float:none; width:100%; padding-right:0%; }
.infoComment .floatR { float:none; width:100%; max-width:338px; margin:20px auto 0; }
table.info { width:90%; margin:0 auto 30px; }
table.info th,
table.info td { padding:10px; font-size:13px; line-height:20px; }
/* 施設情報 gallery */
.galleryIn { float:left; width:44%; max-width:330px; }
.galleryIn p { font-size:12px; line-height:18px; }
/* 施設情報 map */
#mapArea { width:90%; height:300px; }
/* サービスアイコン */
ul.infoService li { font-size:10px; line-height:16px; }
}
/*===============================================
smartphone（画面の横幅が480px以下）
===============================================*/
@media screen and (max-width:480px){
#searchPanelL { float:none; width:100%; }
#searchPanelR { float:none; width:100%; margin-top:10px; }
#searchPanelR a { border:#FFF 3px solid; font-size:14px; }
#searchPanelR a span:before { background-size:auto auto; padding:0 0 2px 20px; }

.searchInfoL { float:none; width:100%; }
.searchInfoR { float:none; width:100%; }

/* 施設詳細 */
#detailHeadL h2.name { font-size:20px; line-height:24px; }
ul#tabList { padding:0 0 0 3px; }
ul#tabList li { margin-right:3px; height:30px; font-size:12px; line-height:30px; }
/* 施設情報 info */
table.info th,
table.info td { padding:5px; font-size:12px; line-height:18px; }
/* 施設情報 gallery */
.galleryIn { float:none; width:90%; max-width:330px; margin-left:auto; margin-right:auto; }
/* 施設情報 map */
#mapArea { width:90%; height:200px; }
}