/* ---- common styles ---- */

*{
	font-family:Helvetica, "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0px;
	padding:0px;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", sans-serif;	
}
img{border:none;}
.clear{
	clear:both;
}


/* ---- boxmodel layout ---- */

div#globalbox{
	width:740px;
	margin: 0 auto;
	border:solid 1px #ccc;
	padding:10px;
}
div#header{
	width:740px;
	height:110px;
	background:#fff url(../images/header_back.gif) top center no-repeat;
	position:relative;
}
div#wrapper{
	margin-top:20px;
	width:740px;
}
div#wrapper:after{
	display:block;
	height:0;
	content:'';
	visibility:hidden;
	clear:both;
}
div#contents{
	float:right;
	width:500px;
	margin-right:10px;
	background:#edece8;
}
div#menu{
	float:left;
	width:200px;
	padding-right:10px;
	font-family:"ヒラギノ角ゴ Pro W3";
}
div#footer{
	width:740px;
	clear:both;
	background:#fff url(../images/footer_top.gif) top center no-repeat;
	margin-top:30px;
	
}

/* ---- header styles ---- */

div#header h1{
	font-size:10pt;
	outline-style:none;
	cursor:pointer;
	position:relative;
	top:36px;
	left:20px;
}
div#header h1 a{
	width:242px;
	height:55px;
	background:#fff url(../images/logo.gif) center no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
div#header img#special{
	position:absolute;
	top:15px;
	right:20px;
}

 /* ---- menu styles ---- */

div#menu ul{
	list-style:none outside;	
}

div#menu ul.menus li{
	background: url(../images/menu_back.gif) center repeat-y;
	padding:10px 0;
	margin-top:3px;
}
div#menu ul.menus li a{
	display:block;
	padding-left:8px;
	color:#044488;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
	border-left:solid 7px #044488;
	margin-left:10px;
}
div#menu ul.menus li a.nowlocate{
	color:#ff8200;
	border-left:solid 7px #ff8200;
}
div#menu ul.menus li a:hover{
	color:#ff8200;
	border-left:solid 7px #ff8200;
	text-decoration:underline;
}

div#menu ul.menus li.top_first{
	background:none;
	width:200px;
	height:44px;
	padding:0px;
	margin:0px;
	position:relative;
}
*:first-child+html div#menu ul.menus li.top_first{
	margin-bottom:-4px;
}
* html div#menu ul.menus li.top_first{
	margin-bottom:-4px;
}
div#menu ul.menus li.top_first a{
	color:#fff;
	border:none;
	padding:0px;
	margin:0px;
	font-size:1.1em;
	display:block;
}
div#menu ul.menus li.top_first a:hover{
	border:none;
}
div#menu ul.menus li.free_cont a{
	background-image:url(../images/free_2.gif);
	background-repeat:no-repeat;
	background-position:135px 5px;
}
*:first-child+html div#menu ul.menus li.free_cont a{
	background-position:140px 5px;
}
* html div#menu ul.menus li.free_cont a{
	background-position:140px 5px;	
}
/*div#menu ul.menus li.top_first a:hover{
	text-decoration:none;
}
div#menu ul.menus li.top_first span{
	position:absolute;
	top:15px;
	right:10px;
	color:#fff;
	font-size:8pt;
}*/

div#menu ul.menus li.last{
	background:#fff url(../images/menu_under.gif) center no-repeat;
	width:200px;
	height:14px;
	padding:0px;
}
*:first-child+html div#menu ul.menus li.last{
	margin-top:-4px;
}
* html div#menu ul.menus li.last{
	margin-top:-4px;
}
div#menu p{
	margin:15px;
	text-align:center;
}
div#menu ul.links li{
	background:#fff url(../images/list_marker.gif) left no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-top:7px;
}
div#menu ul.links li a{
	text-decoration:none;
	color:#007c97;
	font-size:0.8em;
}
div#menu uil.links li a:hover{
	text-decoration:underline;
}


div#menu ul.links li.free_cont{
	background:#fff url(../images/list_marker.gif) left no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-top:7px;
}
div#menu ul.links li.free_cont a{
	text-decoration:none;
	color:#007c97;
	font-size:0.8em;
}
div#menu ul.links li.free_cont a:hover{
	text-decoration:underline;
}
div#menu ul.links li.link_first{
	background:#fff url(../images/links_top.gif) center no-repeat;
	width:200px;
	height:20px;
	margin:0px;
	padding:0px;
}


/* ---- contents styles ----*/

div#contents h3{
	color:#fff;
	background:#0067a1 url(../images/main_bar.gif) center right no-repeat;
	width:485px;
	padding:10px 0 10px 15px;
	font-size:0.9em;
	position:relative;
}
div#contents h3 span{
	position:absolute;
	top:14px;
	right:10px;
	font-size:8pt;
	text-transform:capitalize;
	font-weight:normal;
}
div#contents p.back{
	background:#fff;
	padding:10px 0;
	text-align:center;
}
div#contents p.back a{
	color:#007c97;
	font-size:0.9em;
	text-decoration:none;
}
div#contnets p.back a:hover{
	text-decoration:underline;
}

div#menu div.main{
	background:#edece8;
}

/* ---- 更新イメージ代価　テスト画像挿入 ---- */
div#update_images {
	width:450px;
	margin:15px auto 0 auto;
	background:#fff;
	
}

div#update_images div#left_column{
	width:225px;
	float:left;
}
div#update_images div#right_column{
	width:205px;
	float:left;
	padding:10px 10px;
}
div#update_images h5{
	text-align:center;
	font-size:1.0em;
}
div#update_images div#right_column p{
	font-size:0.8em;
	text-align:justify;
	margin-top:20px;
	padding:0 10px;
	line-height:1.4;
}

/* ---- ここまで ---- */
div.info{
	margin-top:15px;
	background-color:#edece8;
}
div#update_info{
	padding-bottom:20px;
	background-color:#edece8;
}
div#update_info ul{
	list-style:none outside;
	margin-left:25px;
	margin-right:25px;
	margin-top:15px;
	padding:0px;
	width:450px;
	background-color:#fff;
}
div#update_info ul li{
	padding:10px 5px 10px 25px;
	margin-left:10px;
	margin-right:10px;
	background:#fff url(../images/list_marker.gif) left center no-repeat;
	border-bottom:dotted 2px #b0b0b0;
	font-size:0.8em;
}
div#update_info ul li a{
	margin-left:10px;
	text-decoration:none;
	color:#007c97;
	font-size:1.1em;
}
div#update_info ul li a:hover{
	text-decoration:underline;
}
div#update_info ul li.last{
	border:none;
	
}

/* ---- holiday page styles ---- */

div#holiday{
	background-color:#fff;
	line-height:140%;
}
div#contents h2{
	font-size:1.0em;
	font-weight:normal;
	margin-bottom:10px;
	background:#fff;
}
div#contents h4.list_first{
	margin-top:-10px;
}
div#holiday dl{
	margin-top:15px;
}
div#holiday dl dd{
	margin-top:10px;
	margin-left:30px;
	text-align:justify;
}
div#holiday p{
	margin-top:15px;
	font-size:0.9em;
	text-transform:uppercase;
}
div#holiday p img{
	margin-left:10px;
}

/* ---- poster page styles ---- */

div#poster{
	background-color:#fff;
	line-height:140%;
	text-align:center;
}
div#poster h3{
	text-align:left;
}
div#poster h2{
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:10px;
}
div#poster img{
	margin-top:10px;
}
div.syou{
	padding-bottom:10px;
}
div.syou table{
	border-collapse:collapse;
}
div.syou table#kaisyou td{
	width:200px;
	padding:10px;
	vertical-align:text-bottom;
	font-size:0.9em;
}
div.syou table#kyouiku td{
	width:160px;
	padding:10px;
	vertical-align:text-bottom;
	font-size:0.9em;
}
/* ---- health page style ---- */
/* ---- health class is common classes. ---- */
div#health{
	background:#fff;
	line-height:140%;
}
div#health a{
	text-decoration:none;
	color:#007c97;
}
div#health a:hover{
	text-decoration:underline;
}
div#health table.health{
	margin:15px 0;
	margin-left:5px;
	font-size:0.9em;
	border-collapse:collapse;
	border:solid 1px #ece7e8;
}
div#health table.health th{
	font-weight:normal;
	padding:10px;
	width:80px;
	border:solid 1px #ece7e8;
	color:#333;
}
div#health table.health td{
	padding:10px;
	text-align:justify;
	border:solid 1px #ece7e8;
}
div#health p{
	margin:15px 0;
	margin-left:5px;
	font-size:0.9em;
}
div#health p.health_last{
	margin-bottom:0px;
}

/* ---- disease page style ---- */

table.disease{
	border-collapse:collapse;
	font-size:0.8em;
	margin:15px 0;
}
table.disease td{
	padding:10px 5px;
	text-align:center;
}
div#health p.back{
	margin-bottom:0px;
	text-align:center;
}

/* ---- disease under set styles ---- */

div#health h4{
	margin-top:15px;
}

/* ---- member page style ---- */
p#member_page_counter
{
	margin-top:10px;
	text-align:right;
	font-size:0.9em;
}

/* ---- footer styles ---- */

div#footer p{
	padding:10px 20px 0 0;
	text-align:right;
	text-transform:capitalize;
	font-size:0.8em;
}

/* -- extexded javascript node --- */

div#tolltip{
	width:90px;
	height:10px;
	text-align:center;
	padding:5px;
	border:solid 1px #edece8;
	background-color:#ccc;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size:7pt;
	
}
/* descriptionbox */
div .descriptionbox {
    background-color: #fff;
    margin: 10px 15px;
    padding: 6px 20px;
}
*:first-child+html div.descriptionbox{
	min-height:50px;
}
* html div.descriptionbox{
	height:50px;
}
div .descriptionbox ul{
    margin: 10px 15px;
    padding: 6px 20px;
}
div .descriptionbox ul li {
    margin: 4px 6px;
	line-height:140%;
}
div .descriptionbox ol{
    margin: 10px 15px;
    padding: 6px 20px;
}
div .descriptionbox ol li {
    margin: 4px 6px;
}
div .descriptionbox p{
    margin: 8px 6px;
    padding: 6px 2px;
    font-size: 0.9em;
	line-height:140%;
}
div .descriptionbox p img{
    float: left;
    margin: 4px 4px;
}
div.descriptionbox br.clear{
    clear:both;
}
div#contents h4{
	color:#fff;
	background:#0067a1 url(../images/main_bar.gif) center right no-repeat;
	width:485px;
	padding:5px 0 5px 15px;
	font-size:0.85em;
	position:relative;
}
div#contents h4 span{
	position:absolute;
	top:9px;
	right:10px;
	font-size:7pt;
	text-transform:capitalize;
	font-weight:normal;
}
div#search{
	padding-bottom:20px;
	background-color:#edece8;
}
div#search p#search_cap{
	margin-top:15px;
	font-size:0.9em;
	padding-left:10px;
}
div#search ul{
	list-style:none outside;
	margin-left:25px;
	margin-right:25px;
	margin-top:15px;
	padding:0px;
	width:450px;
	background-color:#fff;
}
div#search ul li{
	padding:10px 5px 10px 25px;
	margin-left:10px;
	margin-right:10px;
	background:#fff url(../images/list_marker.gif) left center no-repeat;
	border-bottom:dotted 2px #b0b0b0;
	font-size:0.8em;
}
div#search ul li a{
	margin-left:10px;
	text-decoration:none;
	color:#007c97;
	font-size:1.1em;
}
div#search ul li a:hover{
	text-decoration:underline;
}
div#search ul li.last{
	border:none;
	
}

/* civil style */

div#civil{
	padding-bottom:20px;
	background-color:#edece8;
}
div#civil div#cont{
	background-color:#FFF;
	margin: 20px 20px 0px 20px;
	padding: 10px;
}
div#civil div#cont p{
	font-size:0.9em;
	text-transform:uppercase;
	font-weight: normal;
}