@charset "utf-8";
/*reset*/
/*******************************************************************/
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;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
li { list-style-type: none;}
a:link { color: #00345C; text-decoration:none;}
a:visited { color: #4E4E87; text-decoration:none;}
a:hover { color: #00345C; text-decoration: underline;}
a:active { color: #00345C; text-decoration:none;}
body {
	background: url(../images/back.jpg) 0 0 repeat;
	border-top: solid 2px #9AB2BB;
	font-size: 81.25%;
	font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
}
* html body { font-family:"MS PGothic","Osaka",Arial,sans-serif;}
th, td { font-size: 93%;}
p { padding: 0 0 10px 0;}
ol, ul { margin: 10px 40px;}
ol li { list-style: decimal;}
ul li { list-style: circle;}
strong { font-weight: bold;}
strong a { color: #F5F5F5;}
input { margin: 2px 4px 2px 0; padding: 2px; vertical-align: bottom;}



/*STYLES*/
/*******************************************************************/
.center { text-align: center;}
.right { text-align: right;}
.fl { float: left; margin: 0 10px 5px 0;}
.fr { float: right; margin: 0 0 5px 10px;}
.arrow { text-align: right;}
.arrow a { padding-left: 15px; background: url(../images/arrow.gif) 0 center no-repeat; font-size: 85%;}
.attention { font-weight: bold; color: #900;}
.mtb30 { margin: 30px 0;}
.mb10 { margin: 0 0 10px;}
.small { font-size: 85%;}
.normal { font-size: 100%;}
.large { font-size: 123.1%;}
.largest { font-size: 182%;}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/
/*text-indext*/
#header li a,
#menu li a,
.pagetop a,
#left dt,
.city { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
/*clear*/
#container:after,
.member:after,
.info:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html #container,
* html .member,
* html .info {height:1%;}
#container,
.member,
.info { display:block;}
/*End hide from IE-mac*/
.member li { clear: both;}



/*LAYOUT*/
/*******************************************************************/
#wrapper { width: 100%; text-align: center; font-size: 93%; color: #00345C;}
#header, #menu ul, #breadcrumbs, #container, #footer { position: relative; clear: both; width: 950px; margin: 0 auto; text-align: left;}
#container { display: inline-block; background: url(../images/aside.gif) top right repeat-y;}
#main { float: left; width: 100%;}
#contents { margin: 0 195px;}
#left { float: left; width: 180px; margin-left: -100%; _margin-left: -96%;}
#aside { float: left; width: 180px; margin-left: -180px;}



/*HEADER*/
/*******************************************************************/
#logo { padding: 26px 0 16px; float: left;}
#logo a, #subtitle a { text-decoration: none; font-weight: bold;}
#header .ad, #subtitle { position: absolute; top: 26px; right: 0;}
#header ul { float: right; margin: 0;}
#header li, #menu li { float: left; display: inline;}
#header li a { width: 90px; height: 20px; background-image: url(../images/gbtn.gif);}
#header li#gbtn01 a { background-position: 0 0;}
#header li#gbtn02 a { background-position: -90px 0;}
#header li#gbtn01 a:hover { background-position: 0 -20px;}
#header li#gbtn02 a:hover { background-position: -90px -20px;}
#menu { clear: both; background: url(../images/menu.jpg) 0 0 repeat-x;}
#menu li a { height: 39px; background-image: url(../images/btn.gif);}
#menu li#btn01 a { width: 81px; background-position: 0 0;}
#menu li#btn02 a { width: 117px; background-position: -81px 0;}
#menu li#btn03 a { width: 129px; background-position: -198px 0;}
#menu li#btn04 a { width: 102px; background-position: -327px 0;}
#menu li#btn05 a { width: 90px; background-position: -429px 0;}
#menu li#btn06 a { width: 106px; background-position: -519px 0;}
#menu li#btn01 a:hover { background-position: 0 -39px;}
#menu li#btn02 a:hover { background-position: -81px -39px;}
#menu li#btn03 a:hover { background-position: -198px -39px;}
#menu li#btn04 a:hover { background-position: -327px -39px;}
#menu li#btn05 a:hover { background-position: -429px -39px;}
#menu li#btn06 a:hover { background-position: -519px -39px;}
#breadcrumbs { clear: both; height: 20px; margin-bottom: 10px; background: url(../images/bread_in.gif) 0 0 repeat-x; line-height: 1.6; color: #FFF;}
#breadcrumbs .title { float: left; width: 70px; height: 20px; padding-left: 10px; background: url(../images/bread_top.gif) 0 0 no-repeat;}
#breadcrumbs .in { background: url(../images/bread_bottom.gif) top right no-repeat;}
#breadcrumbs span { display: none;}
#breadcrumbs a { padding-right: 16px; background: url(../images/bread.gif) top right no-repeat; color: #FFF;}



/*FOOTER*/
/*******************************************************************/
#footer { padding-bottom: 20px; text-align: center; font-size: 85%;}
#footer .pagetop a { position: absolute; top: 0; right: 0; width: 180px; height: 20px; background-image: url(../images/pagetop.gif);}
#footer .pagetop a:hover { background-position: 0 -20px;}



/*SIDE*/
/*******************************************************************/
.box { margin-bottom: 10px; padding-bottom: 3px; background: url(../images/left_bottom.gif) 0 bottom no-repeat;}
.box h3 { padding-left: 6px; background: url(../images/left_top.gif) 0 0 no-repeat; font-size: 108%; font-weight: bold; color: #FFF;}
.box iframe { width: 180px; height: 216px;}
.banner { margin: 0;}
.banner li { padding-bottom: 5px; list-style: none;}
#left dt { height: 23px; margin-bottom: 5px; background: url(../images/contact.gif) 0 bottom no-repeat;}
#aside .box { margin: 0; background: none;}
#aside .box h3 { background-image: url(../images/aside_top.gif);}
#aside iframe.topics { height: 117px;}
#aside iframe.links { height: 110px;}
#aside .banner { padding: 10px 0 5px 10px; border-top: solid 1px #FFF;}
#left dl { margin-bottom: 5px;}



/*CONTENTS*/
/*******************************************************************/
#contents .title { position: relative; clear: both; height: 20px; margin-bottom: 10px; background: url(../images/center_in.gif) 0 0 repeat-x; line-height: 1.6; color: #FFF;}
.title h1, .title h2 { height: 20px; padding-left: 24px; background: url(../images/center_top.gif) 0 0 no-repeat; font-size: 108%; font-weight: bold; color: #FFF;}
.title h1:after, .title h2:after {
	position: absolute; top: 0; right: 0;
	display: block; width: 26px; height: 20px; content: " ";
	background: url(../images/center_bottom.gif) 0 0 no-repeat;
}
h2.st { margin-bottom: 5px; padding-bottom: 5px; border-bottom: dotted 1px #00345C; font-size: 108%; font-weight: bold; color: #08A3EA;}
.title h3 { text-align: center;}
#contents h3 { padding-bottom: 10px; font-size: 108%; font-weight: bold;}
#contents h4 { font-weight: bold;}
#contents p { line-height: 1.7;}
#contents .link { position: absolute; top: 3px; right: 3px;}

.service { clear: both; margin: 0;}
.service li { float: left; width: 50%; margin-bottom: 10px; background: #FFF; list-style: none;}
.service h4 { padding-top: 10px;}
.service p { padding-right: 10px;}

.board { clear: both; margin-bottom: 10px; padding: 15px 10px 5px; background: #369; color: #FFF;}
.board h3 { text-align: center;}

.city { width: 100%; height: 150px; background: url(../images/city.jpg) center no-repeat;}

.member { display: inline-block; margin: 0 0 10px; padding: 10px 20px; background: url(../images/member.jpg) 0 0 repeat;}
.member li { clear: both; list-style: none;}
.member h2 { height: 36px; padding: 10px 0 30px; line-height: 1.2; font-size: 85%; font-weight: bold;}

.set { width: 100%; margin-bottom: 10px;}
.set table { width: auto;}
.set th, .set td { padding: 6px 10px 6px 0; border-bottom: solid 1px #CCC; text-align: left;}
.set th { min-width: 100px; font-size: 108%; font-weight: bold;}
.set table th, .set table td { border: none;}

.info { margin-bottom: 10px; padding: 4px 4px 0; vertical-align: middle; background: #FFF; border: solid 1px #9AB2BB;}
.info .fl { margin: 0 10px 0 0;}
.info p { padding: 5px 0 0;}
.yt { text-align: center; margin-bottom: 20px;}
.sb { clear: both; margin: 0; text-align: center;}
.sb li { display: inline;}

.list h2 { font-size: 108%; font-weight: bold; color: #08A3EA;} 
.list li { padding-bottom: 10px;}

.profile { margin: 30px;}

.planlist li { padding-bottom: 30px;}
.planlist li li { padding-bottom: 5px;}