@Charset "UTF-8";
/* --- リセット --- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
	margin: 0; 
	padding: 0;
}
html{
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%; 
	font-weight: normal;
}
ol, ul{
	list-style:none;
}
fieldset, img{
	border:0;
}
table{
	border-collapse: collapse; 
	border-spacing:0;
}
caption{
	text-align: left;
}
th{
	text-align: center;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal; 
	font-weight: normal;
}
input{
	font-family:inhert;
	font-size:100%;
}
select{
	font-family:inhert;
	font-size:100%;
}
/* --- 要素ごとの設定 --- */
body{
	background-color:#E7E7E7;
	font-family: sans-serif;
}
p, li{
	line-height:1.5em;
}
a:link{
	color:#004080;
}
a:visited{
	color:#004080;
}
a:active, a:hover{
	color:#FF0080;
}
form{
	display:inline;
}
/* --- common --- */
a.skip{
	position:absolute;
	top:-999px;
}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
/* --- top --- */
#top{
	background-color:#FFFFFF;
	width:800px;
	margin:0 auto;
}
#header{
	background-image:url("../images/bg_header.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#FFFFFF;
}
#header .navi{
	background-image:url("../images/bg_topbar.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#003669;
	color:white;
	padding:5px;
}
#header .navi a{
	color:white;
}
#header .navi .textsize{
	float:left;
}
#header .navi .textsize img{
	vertical-align:text-bottom;
}
#header .navi .search{
	float:right;
}
#header .navi .search input[type="text"]{
	height:16px;
	width:120px;
	border:1px solid #cccccc;
	padding:1px;
}
#main{
	padding:10px 10px;
}
#leftarea{
	width:182px;
	float:left;
}
#leftarea ul{
}
#leftarea ul li{
	background-image:url("../images/ico_blue.gif");
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:25px;
}
#leftarea dl.txt{
	background-color:#EAF0F2;
	margin-bottom:5px;
	padding:5px;
}
#leftarea dl.txt dt{
	background-color:#BCD1E4;
	color:#333366;
	font-weight:bold;
}
#leftarea dl.img{
	background-color:#EAF0F2;
	margin-bottom:5px;
}
#leftarea dl.img dt{
}
#leftarea dl.img dt img{
	vertical-align:top;
}
#leftarea dl.img dd{
	padding:5px;
}
#leftarea p{
	margin-bottom:5px;
}
#centerarea{
	width:auto;
	margin:0 192px
}
#rightarea{
	width:182px;
	float:right;
}
#rightarea ul{
	background-image:url("../images/ico_blue.gif");
	background-repeat:no-repeat;
	background-position:5px 8px;
	padding-left:25px;
}
#rightarea dl.txt{
	background-color:#EAF0F2;
	margin-bottom:5px;
	padding:5px;
}
#rightarea dl.txt dt{
	background-color:#BCD1E4;
	color:#333366;
	font-weight:bold;
}
#rightarea dl.img{
	background-color:#EAF0F2;
	margin-bottom:5px;
}
#rightarea dl.img dt{
}
#rightarea dl.img dt img{
	vertical-align:top;
}
#rightarea dl.img dd{
	padding:5px;
}
#rightarea p{
	margin-bottom:5px;
}

a img{
	border-width:0;
}
#footer{
	clear:both;
	background-color:#F0F0F0;
	border-top:2px solid #005C8F;
	padding:5px 10px;
	font-size:80%;
}
#footer .navi{
	float:left;
	
}
#footer .copy{
	float:right;
}
#main .gotop{
	clear:both;
	text-align:right;
	font-size:85%;
}
.areastart{
	background-image:url("../images/t-ban-a.gif");
	background-repeat:no-repeat;
	background-position:top center;
	height:15px;
}
.areaend{
	background-image:url("../images/t-ban-b.gif");
	background-repeat:no-repeat;
	background-position:top center;
	height:15px;
}
#centerarea ul{
}
#centerarea li{
	background-image:url("../images/ico_orange.gif");
	background-repeat:no-repeat;
	background-position:5px 8px;
	padding-left:25px;
}

.right{
	text-align:right;
}
.left{
	text-align:right;
}
a.listmark{
	background-image:url("../images/ico_blue.gif");
	background-repeat:no-repeat;
	background-position:5px center;
	padding:0 0 0 25px;
}
hr{
	border-color:#999999;
	border-style:dotted;
	border-width:0 0 2px 0;
	margin:5px 0;
	height:1px;
	line-height:1px;
}
#centerarea h2{
	background:none repeat scroll 0 0 #D5E2EE;
	border-bottom:1px solid #006497;
	color:#333366;
	font-weight:bold;
	margin:0px 0 0px 0;
	padding:3px 5px 3px 10px;
	font-size:100%;
}
#important{
	border:1px solid #FF8080;
	background-color:#FFE0E0;
	margin-bottom:10px;
}
#important h2{
	margin-bottom:5px;
	background:none repeat scroll 0 0 #FFC0C0;
	border-bottom:1px solid #FF8080;
	color:#333333;
}
#topics{
	margin-bottom:10px;
}
#topics h2{
	margin-bottom:5px;
}
#hearme{
	margin-bottom:10px;
}
#hearme h2{
	margin-bottom:5px;
}
#hearme ul{
	background-image:url("../images/t-ikenicon.gif");
	background-repeat:no-repeat;
	background-position:0px center;
	padding-left:120px;
}
#guide{
	margin-bottom:10px;
}
#guide dl{
	padding:5px 5px 5px 70px;
	background-repeat:no-repeat;
	background-position:left top;
}
#guide dt{
	font-weight:bold;
}
#guide dl.life{
	background-image:url("../images/t-guide01.gif");
}
#guide dl.educ{
	background-image:url("../images/t-guide02.gif");
}
#guide dl.busi{
	background-image:url("../images/t-guide03.gif");
}
#guide dl.open{
	background-image:url("../images/t-guide04.gif");
}
/* --- sub --- */

br.clear{
	clear:both;
}
p.pankuzu{
	font-size:85%;
	padding:0 10px;
}
p.pankuzu a.home{
	background-image:url("../images/ico_gray.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	
}
div.toiawase{
	border:2px solid #C0D8E4;
	float:right;
	margin:0.5em;
	padding:0.5em;
	clear:both;
}
div.toiawase img{
	vertical-align:top;
	margin:3px;
}
#submain{
	padding:8px 10px;
}
#submain h2{
	border-bottom:1px solid #B2B2B2;
	border-left:5px solid #B2B2B2;
	font-size:120%;
	font-weight:bold;
	margin:10px 0;
	padding:5px 0 0 6px;
}
#submain h3{
	background-color:#EEEEEE;
	font-size:110%;
	margin:10px 0;
	padding:5px 0 5px 6px;
}
#submain h3{
	background-color:#EEEEEE;
	font-size:110%;
	margin:10px 0;
	padding:5px 0 5px 6px;
}
#submain table{
	border-collapse:collapse;
	border:2px solid #808080;
	margin:3px;
}
#submain thead{
	border-bottom:3px double #808080;
}
#submain tfoot{
	border-top:3px double #808080;
}
#submain th{
	border:1px solid #808080;
	background-color:#CCCCCC;
	font-weight:normal;
	padding:3px;
}
#submain td{
	border:1px solid #808080;
	background-color:#FFFFFF;
	padding:3px;
}
#submain ul{
	list-style-type:disc;
	padding-left:1.4em;
}
#submain ol{
	list-style-type:decimal;
	padding-left:1.4em;
}
#submain input{
	padding:2px;
	font-size:100%;
	font-family:inhert;
}
#submain .gotop{
	clear:both;
	text-align:right;
	font-size:85%;
}
#submain img{
	margin:3px;
}
#submain img.imgbox{
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
}
span.hissu{
	color:red;
}
#submain ul.listmark{
	padding-left:0;
	list-style-type:none;
}
#submain ul.listmark li {
	background-image:url("../images/ico_orange.gif");
	background-position:5px 8px;
	background-repeat:no-repeat;
	padding-left:25px;
	
}