@charset "UTF-8";
/* CSS Document */

/* basic
-------------------------------------------- */
html,body{ height:100%;}
body {font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 13px; line-height: 2.2; letter-spacing: 1px; background:#FFF; color:#080808;}
a {color:#080808;}
a:hover {text-decoration:underline; color:#3858a0;}
.clear { clear:both;}
.alert { color:#FF0000; }
.memo { font-size:0.9em; font-weight:normal; }
.fcRed {color:#DD0003;}
.fcBlue {}

/*#wrap*/
#wrap { height:auto; min-height:100%; }

/* header（sub）
-------------------------------------------- */
#wrap.subPage #header { width:100%; border-top:10px solid #3858a0; }
#wrap.subPage #header .inner { width:960px; margin:0 auto; padding-bottom:20px; }
#wrap.subPage #header  h1 { width:145px; height:104; float:left; margin-top:20px; }
#wrap.subPage #header  h2 {display:none;}
#wrap.subPage #header ul.tabMenu { width:780px; font-size:13px; float:right; margin-top:20px; height:60px; }
#wrap.subPage #header ul.tabMenu li { float:left; width:130px; }
#wrap.subPage #header ul.tabMenu li a {display:block; width:130px; height:60px; text-indent:-9999em; }
#wrap.subPage #header ul.tabMenu li a.btn01 { background:url(../img/navBtn01.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li a.btn02 { background:url(../img/navBtn02.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li a.btn03 { background:url(../img/navBtn03.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li a.btn04 { background:url(../img/navBtn04.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li a.btn05 { background:url(../img/navBtn05.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li a.btn06 { background:url(../img/navBtn06.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn01 { background:url(../img/navBtn01_on.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn02 { background:url(../img/navBtn02_on.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn03 { background:url(../img/navBtn03_on.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn04 { background:url(../img/navBtn04_on.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn05 { background:url(../img/navBtn05_on.gif) 0 0 no-repeat;}
#wrap.subPage #header ul.tabMenu li.active a.btn06 { background:url(../img/navBtn06_on.gif) 0 0 no-repeat;}
#wrap.subPage #header .subMenu { width:780px; float:right; margin-top:13px; font-size:14px; }
#wrap.subPage #header .tabbox { display: none; }
#wrap.subPage #header .tabbox li { display:inline; padding:0 10px; border-right:1px solid #3858a0;}
#wrap.subPage #header .tabbox li:first-child {padding-left:0;}
#wrap.subPage #header .tabbox li.last { border-right:none; }
#wrap.subPage #header .tabbox li a { color:#3858a0; padding:3px 10px; display:inline-block; border-radius:0.5em;}
#wrap.subPage #header .tabbox li a:hover {background:#3858a0; color:#ffffff; text-decoration:none;}
#wrap.subPage #header .tabbox li.disp a {background:#3858a0; color:#ffffff; text-decoration:none;}

/* mv
-------------------------------------------- */
/*top*/
#wrap.topPage #mv { height:700px; padding-left:300px; margin:0 auto; width:900px; }
#wrap.topPage #mv .inner { position:relative; background:#eeeeee; height:700px;}
#wrap.topPage #sidecol { position:absolute; top:0; left:-300px; height:630px; width:240px; overflow:hidden;  overflow:hidden; padding:30px; }
#wrap.topPage #sidecol h1 { text-align:center; }
#wrap.topPage #sidecol h2 { display:none; }
#wrap.topPage #sidecol h3 { background:url(../img/titleTopics.gif) center top no-repeat; height:30px; margin-top:30px; text-indent:-9999em; overflow:hidden; }
#wrap.topPage #sidecol .topics { height:360px; overflow:hidden; margin-top:15px; border-bottom:1px solid #3858a0; }
#wrap.topPage #sidecol .topics ul { height:345px; }
#wrap.topPage #sidecol .topics li { /*border-bottom:1px dashed #cccccc;*/ margin-bottom:10px;}
#wrap.topPage #sidecol .topics li { padding-left:40px; text-align:justify; line-height:1.2em; color:#333333; padding-top:0.2em; font-size:12px; }
#wrap.topPage #sidecol .topics li span {display:none;}
#wrap.topPage #sidecol .topics li.typeA { background:url(../img/listIconA.gif) left center no-repeat; }
#wrap.topPage #sidecol .topics li.typeB { background:url(../img/listIconB.gif) left center no-repeat; }
#wrap.topPage #sidecol .topics li.typeC { background:url(../img/listIconC.gif) left center no-repeat; }
#wrap.topPage ul.mainMenu li { float:left; width:150px;}


/*sub*/

/* contents
-------------------------------------------- */
#contents { clear:both; width:960px; margin:0 auto;}
#contents .col { margin-top:30px; }
#contents .col p { margin-top:15px; text-align:justify;}
#contents .col p img.right { float:right; padding:0 0 20px 30px;}
#contents .col p.top { margin-top:0; text-align:justify;}
#contents .col p.guideLink {text-align:right; border-bottom:1px solid #3858a0; }

/* tablecolor */
#rightcol table.typeA th { font-weight:normal; text-align:left; background:#efedea; padding:6px 10px 5px; border-top:1px #614a2d dotted; vertical-align:middle; }
#rightcol table.typeA td { padding:6px 10px 5px; border-top:1px #614a2d dotted; }
#rightcol table.typeA th.top , #rightcol table.typeA td.top { border-top:1px #614a2d solid; }
#rightcol table.typeA th.end , #rightcol table.typeA td.end { border-bottom:1px #614a2d solid; }

/* #bnrAria
-------------------------------------------- */
#bnrAria { }
#bnrAria .inner { width:960px; margin:0 auto; padding:20px 0; }
#bnrAria .inner li { float:left;  margin-right:10px; }
#bnrAria .inner li.last { margin-right:0; }
#bnrAria .inner li a { display:block; }
#bnrAria .inner .listA li { width:232px; }
#bnrAria .inner .listA li.last { width:234px; }
#bnrAria .inner .listB {margin-top:10px; }
#bnrAria .inner .listB li { width:152px; }
#bnrAria .inner .listB li.last { width:150px; }

/* footer
-------------------------------------------- */
#footer { background:#eeeeee; }
#footer .inner {width:960px; margin:0 auto; padding:20px 0; background:url(../img/sitemapBg.gif) bottom left no-repeat; }
#footer ul { font-size:12px; color:#333333; }
#footer ul li { }
#footer ul li.listA { width:103px; float:left; margin-right:20px; }
#footer ul li.listB { width:153px; float:left; margin-right:20px;}
#footer ul li.listC { width:173px; float:left; margin-right:20px;}
#footer ul li.listD { width:133px; float:left; margin-right:20px;}
#footer ul li.listE { width:153px; float:left; margin-right:20px;}
#footer ul li.listF { width:145px; float:left; margin-right:0; }
#footer ul li span { border-bottom:1px solid #080808; font-weight:bold; display:block; }
#footer ul li ul {margin-top:5px; font-size:11px; }
#footer ul li ul li {text-align:justify;}
#footer ul.guideLink { text-align:center;}
#footer ul.guideLink li {display:inline-block;}
address { font-style:normal; text-align:center; font-size:11px; padding:10px 0; }

/* clearfix
-------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; 	width: 8px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #efefef; position: relative; }
.jspDrag { background: #cccccc; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; 	text-indent: -20000px; 	display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }


.adress_box{
	margin-bottom: 10px; padding-top: 15px; border-top:1px dotted #3858A0; margin-top: 20px;
}