@charset "Shift_JIS";

/* 基本設定---START------------------------------------------- */

*{
font-size:100%;
margin: 0;
padding:0;
text-decoration:none;
font-weight: normal;
}

body {
margin:10px 0;
font-size:75%;
line-height: 1.4;
background-color: #d7d7d7;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

img{border:none;}

textarea#comment-text{
width:470px;
}

/* 基礎部--START----------------------------------------------- */
#container {
width: 820px;
margin:5px auto;
padding:10px;
background-color: #fff;
}

#container520 {
width: 500px;
margin:5px auto;
padding:10px;
background-color: #fff;
}

/* バナー部--START----------------------------------------------- */
div#banner h1{font-size:100%;float: right;}
div#banner h2{font-size:100%;float: left;}
#container520 div#banner h1{font-size:100%;float: none;text-align:right;}

/* コンテンツ基礎部--START----------------------------------------------- /*

/* センター部---START------------------------------------------- */
#center {
float: left;
width: 510px;
clear : both;
min-height:400px;
/* IEに適用させる場合は、minmax.jsライブラリをヘッダで適用すること */
}

#center p {padding: 5px;}
#center p.center {text-align:center;}

#center h3 {
height:20px;
padding-top:6px;padding-left:10px;
margin-bottom:5px;
background-image: url("./images/h1-back.gif");
background-repeat: no-repeat;
clear: both;
}

#center h4 {
height:20px;
padding-top:6px;padding-left:10px;
background-image: url("./images/graytitle.gif");
background-repeat : no-repeat; 
clear: both;
}

#center h5 {
font-weight: bold; 
clear: both;
}


#center div#subcategories{
margin:12px;
}

#center div#subcategories p{
float: left;
width:150px;
}

/* サイド部---START------------------------------------------- */
#side {
width: 310px;
float: left;
}

/* サイドナビゲーション
---------------------------------------------------- */
.sidenav {
font-size:12px;
}



.sidenav ul {
list-style: none;
overflow: hidden;

}

.sidenav ul li a {
height: 22px;
color: #666;
display: block;
background: url("./images/menu.gif") no-repeat 0px 0px;
padding-top:4px;
padding-left:13px;
}

.sidenav ul li a:hover {
color: #333;
background: url("./images/menu.gif") no-repeat 0px -26px;
padding-left:17px;
}



h3.sideinfo {
font-size: 100%;
text-align:center;
margin: 5px 0 0 5px;
background: #1B99B6;
color : white;
display: block;
}

.sideinfoframe {
padding: 5px;
background: #fff;
margin: 0 0 5px 5px;
padding: 5px;
border-top:	#888	solid	0px;
border-right:	#888	solid	1px;
border-bottom:	#888	solid	1px;
border-left:	#888	solid	1px;
}

.sideinfoframe p{margin: 0px;}

div#control{
background: #fff;
padding: 5px;
border:	#aaa	solid	1px;
border-bottom:	#888	solid	0px;
text-align:center;
}

div#dental_list{
height: 400px;
background: #fff;
padding: 5px;
border:	#aaa	solid	1px;
}

div#dental_list h4{font-weight: bold;background-color: #def;}
div#dental_list p{fmargin-bottom:12px}

div#dental_list a.marker{
border:	#aaa	solid	1px;
padding:2px 2px 2px 30px;
margin:0 5px 0 0;
background-image: url("./images/minimarker.gif");
background-repeat: no-repeat;
}

div#dental_list a.comment{
border:	#aaa	solid	1px;
padding:2px 2px 2px 35px;
margin:0 5px 0 0;
background-image: url("./images/comment.gif");
background-repeat: no-repeat;
}


div#dental_list a.printer{
border:	#aaa	solid	1px;
padding:2px 2px 2px 30px;
margin:0 5px 0 0;
background-image: url("./images/miniprinter.gif");
background-repeat: no-repeat;
}

div#tabtext0{overflow-y: scroll;height: 390px;padding:0 2px;}
div#tabtext1{overflow-y: scroll;height: 390px;}


div.unit{
margin-bottom:20px;
}

div#ad{
background: url(./images/nanamegray.gif) ;
min-height:400px;
display:block;
margin:20px;
}


/* フッター部------------------------------------------------- */

#footer{
clear: both;
text-align: right;
}

#irai{
border:	#14879a solid 1px;
text-decoration: none;
margin: 5px 0;
text-align:center;
background-color: #fff;
}

#irai a{color: #00f;}
#irai a:hover{color: #f00;}




/* マップ・ふきだし部------------------------------------------------- */
mapinfo{
width:100px;
}


/* ↓↓↓↓↓↓↓ここより、ローカルページ用設定↓↓↓↓↓↓↓ */


/* 日本地図---START------------------------------------------- */
#japanmap {
position: relative;
width: 515px;
height: 400px;
color: #333;
background: url(./images/japan-map.gif) 0px 0px;
margin:0 auto;
}

#japanmap p{
margin:12px 24px;
}

#japanmap a#tokyo      { position: absolute; top:290px; left: 390px; }
#japanmap a#kanagawa      { position: absolute; top:305px; left: 390px; }
#japanmap a#saitama      { position: absolute; top:275px; left: 380px; }
#japanmap a#gunma      { position: absolute; top:255px; left: 370px; }
#japanmap a#oosaka    { position: absolute; top:300px; left: 260px; }
#japanmap a#okayama    { position: absolute; top:303px; left: 216px; }
/* 日本地図--END----------------------------------------------- */

.mapinfo{
width: 400px;
padding 5px;
margin-bottom:10px;
text-align: left;
}


/* コメントエリア------------------------------------------------- */

#center div.commentbody{
padding:12px 24px 0px;
}

#center div.commentbody p{
padding: 0;
margin: 0 10px;
}

#center div.commentbody p.author{
color:#999;
padding: 0;
margin: 0;
}

div.commentarea{
padding:24px;
}

div.sidecomment{
padding:12px;
}

div.sidecomment p{
padding:0 12px  12px;
}

div.sidecomment span.commentname{
color:#999;
}

div.sidecomment span.commentdate{
color:#999;
}



span.tabbutton{
width:100px;
height:25px;
border:	#14879a solid 1px;
text-align:center;
}

div#mapforprint {
width: 650px;
margin:auto;
padding:50px;
background-color: #fff;
}

div#mapforprint p{
margin:20px;
}