/* 01 CSSリセット */
html {font-size: 70%;}
html,body,h1,h2,h3,h4,h5,h6,div,p,strong,em,ul,li,dl,dt,dd,table,th,td,caption,form,select,option,address {margin: 0;padding: 0;}
body {text-align:center;}
ul,ol,li,dl,dt,dd {text-indent: 0;padding-left: 0;}
ul li,ol li {list-style:none;}
q:before,q:after {content: '';}
br {letter-spacing:0px;}
img{border: 0;vertical-align: bottom;}
table {border-collapse: collapse;border-spacing: 0px;empty-cells: show;}

/*02 clr*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clr{clear: both;}
/* 03 layout */
* html body {line-height: 1.4;}
#container {margin: 0 auto 20px;position: relative;padding: 0;text-align: left;width: 748px;}
#contents {clear: both;padding: 0 3px 6px;margin-top: 10px;}
/* 04 link */
a:link {color: #0066CC; text-decoration: none;}
a:visited {color: #0066CC; text-decoration: none; }
a:hover {color: #FF6600; text-decoration: underline; }
a:active {color: #FF6600; text-decoration: underline; }
ul.linklist li a {margin-left: 10px;padding-left: 10px;}
p.pagetop {clear: both;text-align: right;padding: 20px 10px 0 0;}
p.pagetop a {background: transparent url(../images/icon_top.gif) no-repeat left 1px;padding-left: 18px;padding-bottom: 5px;}

/* 05 header */ 
body{
	color: #333;
	background: #FFF url(none) repeat-x fixed;
	font: 9pt/1.5em "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	zoom:80%;
}
#header {background: #FFF url(../images/bg.gif) repeat-x fixed;padding: 0 0 10px;margin: 0 7px 2px;height: 40px;width:740px;}
/* legacy IE6(5) */
* html div#header {padding: 0 0 2px;}
#header h1 {float: left;width: 100px;margin-top: 0px;height: 27px;text-indent: -9999px;}
#header h1 a {margin: 0;height: 27px;display: block;background: transparent url(../images/logo.jpg) no-repeat left top;}
#header div#hNavi {float: right;text-align: right;width: 400px;margin-top: 0;}
#header div#hNavi ul li {display: inline;}
#header div#hNavi ul li img {vertical-align: text-top;}
#header div#hNavi ul.linklist {margin-top: 5px;}

/* 06 gNavi */
div#gNavi ul {clear: both;background: transparent url(../images/navi_over.gif) repeat left top;margin: 0 0px;padding: 0;text-align: center;height: 33px;width: 748px;}
div#gNavi ul li {float: left;text-indent: -9999px;}
/* legacy IE6(5) */
* html div#gNavi ul li {overflow: visible;}
div#gNavi ul li a {display: block;height: 33px;margin: 0px;}
div#gNavi ul li#gnavi01 a {background: transparent url(../images/navi.gif) no-repeat 0 0;width: 125px;}
div#gNavi ul li#gnavi02 a {background: transparent url(../images/navi.gif) no-repeat -125px 0;width: 125px;}
div#gNavi ul li#gnavi03 a {background: transparent url(../images/navi.gif) no-repeat -250px 0;width: 125px;}
div#gNavi ul li#gnavi04 a {background: transparent url(../images/navi.gif) no-repeat -375px 0;width: 125px;}
div#gNavi ul li#gnavi05 a {background: transparent url(../images/navi.gif) no-repeat -500px 0;width: 124px;}
div#gNavi ul li#gnavi06 a {background: transparent url(../images/navi.gif) no-repeat -624px 0;width: 124px;}
div#gNavi ul li#gnavi01 a:hover,div#gNavi ul li#gnavi02 a:hover,div#gNavi ul li#gnavi03 a:hover,div#gNavi ul li#gnavi04 a:hover,div#gNavi ul li#gnavi05 a:hover,div#gNavi ul li#gnavi06 a:hover {background: none;}
div#gNavi ul li#gnavi01.act a,div#gNavi ul li#gnavi02.act a,div#gNavi ul li#gnavi03.act a,div#gNavi ul li#gnavi04.act a,div#gNavi ul li#gnavi05.act a,div#gNavi ul li#gnavi06.act a {background: none;}

/* 07 footer */
#footer {clear: both;line-height: 1.2em;margin: 0;padding: 12px 0 0;height: 70px;background: url(../images/footer_line.gif) no-repeat center top;}
#fNavi{margin: 0;padding: 6px 7px;height: 20px;background: url(../images/footer_line.gif) no-repeat center bottom;}
#fNavi li {float: left;margin: 0 3px;border-right: 1px solid #333333;padding-right: 6px;}
#footer p#address {clear: both;float: left;padding-left: 6px;width: 59%;margin-top: 10px;}
#footer address {font-style: normal;float: right;padding-top: 1.0em;text-align: right;width: 40%;margin-top: 10px;}


#leftBox{float:left;width: 230px;}
#rightBox{float:right;width: 508px;}
div#topicpath{margin: 10px 10px 0;}
div#topicpath ul li {display: inline;margin: 0;}
div#topicpath ul li a {margin-right: 3px;}

/* 02 rightBox */
#rightBox div#main {margin: 0 2px;}


/* テキスト */
#rightBox div#main h3 {font-size: 1.1em;color: #006699;margin: 0px;padding-bottom: 5px;}
#rightBox div#main h3 img {background: url(../images/dot_line.gif) no-repeat center bottom;padding-bottom: 5px;}
#rightBox h4 img {padding-bottom: 5px;}
#rightBox h4 {font-size: 1.1em;color: #006699;}
#rightBox h5 {font-size: 1em;font-weight: bold;color: #CC0033;line-height: 1.8em;margin-bottom: 6px;border-bottom: 1px solid #FF99CC;}
#rightBox h6 {font-size: 1em;color: #006699;margin: 0px;padding-bottom: 5px;}
#rightBox p {margin-bottom: 1em;}
#rightBox .blue {color: #006699;font-weight: bold;margin-bottom: 0px;}
#rightBox .red {font-weight: bold;color: #CC0000;}
#rightBox .note2 {font-size: 0.8em;margin-top: 5px;}
#rightBox {heght:100%;}
.center{text-align: center;}

/* float */
.photo_right {margin-left: 10px;clear: none;float: right;}
.photo_left {float: left;margin-right: 10px;}
#rightBox .Lbox{float: left;width: 250px;margin-bottom: 20px; zoom:91%; clear:left;}
#rightBox .Rbox{float: right;width: 250px;margin-bottom: 20px; zoom:91%; clear:right;}
#rightBox div.photo3{float: left;width: 165px;margin-right: 3px;margin-bottom: 10px;}
#rightBox div.photo4{margin-bottom: 10px;float: left;margin-right: 5px;width: 120px;}
.floatL {float: left;margin: 0 10px 10px 0;}
.floatR {float: right;margin: 0 0 10px 10px;}

/* テーブル */
#rightBox div#main table {border: 1px solid #CCCCCC;}
#rightBox div#main th {margin-bottom: 1.5em;border: 1px solid #CCCCCC;text-align: left;width: 20%;padding: 2px;}
#rightBox div#main tr td {margin-bottom: 1.5em;border: 1px solid #CCCCCC;padding: 2px;}
#rightBox .table01 {width: 95%;padding: 2px;margin: 1em auto 1.5em;}
#rightBox .table01 th {background: #D7E2FF;padding: 2px;border: 1px solid #BEC7E1;padding: 2px;}
#rightBox .table01 td {padding: 2px;border: 1px solid #BEC7E1;}
#rightBox .table_details {background: #F4F8FF;margin-top: 10px;}
#rightBox .table_details th {background: #D7E2FF;padding: 4px;border: 1px solid #BEC7E1;}
#rightBox .table_details td {padding: 4px;border: 1px solid #BEC7E1;}
#rightBox  #main  .table04 {padding: 2px;margin: 1em auto 1.5em;}
#rightBox  #main  .table04 th {padding: 2px;border: 1px solid #999999;}
#rightBox  #main  .table04 td {padding: 2px;border: 1px solid #999999;}
#rightBox  #main  .table_floor {width: 95%;padding: 2px;margin: 1em auto 1.5em;}
#rightBox  #main  .table_floor th {background: #D7E2FF;padding: 2px;border: 1px solid #BEC7E1;padding: 2px;}
#rightBox  #main  .table_floor td {width: 47.5%;padding: 2px;border: 1px solid #BEC7E1;}

/*　リスト　*/
#rightBox div#main ul {margin-bottom: 1em;}
#rightBox div#main ol {margin-left: 1em;}
#rightBox dt {font-weight: bold;}
#rightBox dl {margin-bottom: 1em;}
#rightBox dd {margin-bottom: 1em;margin-left: 1em;}
#rightBox   #main   li  {margin-bottom: 0.3em;}

/*トピックスページ*/
#rightBox div#topics h4{font-size: 1.1em;color: #CC3333;background-color: #FFE8E5;line-height: 1.5em;padding: 4px 8px;margin-bottom: 8px;border-left: 4px solid #F5827A;border-top: 1px solid #FBBBB0;border-right: 1px solid #FBBBB0;border-bottom: 1px solid #FBBBB0;}

/* 03 leftBox */ 
#leftBox ul#subnavi {border: #B3CDE6 solid 1px;display: block;margin-top: 0;padding: 0px;width: 206px;border-collapse:collapse;margin-bottom: 10px;}
#leftBox ul#subnavi li {border-bottom: 1px solid #B3CDE6;}
#leftBox ul#subnavi li.last_navi {border: none;}
#leftBox ul#subnavi li a {display: block;padding: 9px 0 9px 5px;text-decoration: none;}
#leftBox ul#subnavi li a img {vertical-align: text-top;}
#leftBox ul#subnavi li a:hover {background-color: #E4F2FA;color: #0958FF;}
#leftBox ul#subnavi li.act a {background-color: #E4F2FA;color: #0958FF;}

#fmenu{margin: 0 0 10px;padding: 0px 7px 4px;height: 16px;background: url(../images/footer_line.gif) no-repeat center bottom;}
#fmenu li {float: left;margin: 0 3px;border-right: 1px solid #333333;padding-right: 6px;}
