@charset "utf-8";

/*===============================================*
*	layout
*===============================================*/
#top {
background: url(../images/visual_bg2.jpg) repeat-x;
}
.index {
background: url(../images/visual_bg1.jpg) repeat-x !important;
}
#wrapper {
margin: 0 auto;
width: 1016px;
}
.index #wrapper{
background: url(../images/visual_top.jpg) no-repeat center top !important;
}
#headerArea {
margin: 0 auto 8px;
width: 916px;
height: 119px;
background: url(../images/header_bg.png) no-repeat center top;
position: relative;
}
#contentsArea {
width: 900px;
margin: 0 auto;
}
#footerArea {
background: #FFFFFF url(../images/fotter_bg.jpg) repeat-x 0px 10px;
height: 83px;
width: 900px;
margin: 0 auto;
position: relative;
text-align: center;
clear: both;
}
#columnB {
float: right;
width: 222px;
margin: 0 0 30px 7px;
display: inline;
background-image: url(../images/gnavi_bg1.png);
text-align: center;
padding: 5px 0 0;
}
#columnC {
clear: both;
}
#columnA {
width: 900px;
float: left;
margin: 0 0 30px;
display: inline;
}
#columnB #bannerArea {
background: url(../images/gnavi_bg2.jpg) no-repeat center bottom;
}
#columnB #bannerArea ul {
background: url(../images/banner_bg.jpg) no-repeat center 0;
text-align: center;
padding: 14px 0;
}
#columnB #bannerArea li {
margin:0 0 7px;
}
#copyright {
width: 500px;
margin: 0 auto;
padding: 30px 0 0;
}
#copyright span {
display: block;
}
#footerArea .totop {
height: 36px;
width: 55px;
background-image: url(../images/totop_e.jpg);
position: absolute;
right: 20px;
top: 0px;
}
#footerArea .totop a{
text-indent:-9999px;
overflow: hidden;
display: block;
width: 55px;
height: 36px;
}
#footerArea #copyright span {
padding: 10px 0 0;
}
#contentsArea .columnA-index {
margin: 165px 17px 30px 0;
}
#headerArea h1,
#headerArea .h1Like {
position: absolute;
top: 12px;
left: 32px;
}
#headerArea form {
width: 244px;
position: absolute;
top: 23px;
right: 31px;
text-align: right;
}
#headerArea .searchButton {
height: 22px;
width: 34px;
border: none;
cursor: pointer;
}
#headerArea li {
height: 23px;
display: inline;
float: left;
margin: 0 0 0 3px;
}
#headerArea .searchForm {
width: 120px;
height: 16px;
}
#columnC ul{

}
#columnC ul li {
float: left;
background: url(../images/arrow2.gif) no-repeat 0 center;
padding: 0 13px;
}
#headerArea p {
text-align: right;
}
#headerArea #utility {
height: 37px;
width: 134px;
position: absolute;
background-image: url(../images/utility_e.jpg);
top: 23px;
left: 761px;
background-repeat: no-repeat;
}
#columnA h2#newsTitle {
background: url(../images/news_title.png) no-repeat 0px 0px;
height: 50px;
text-indent: -9999px;
}
#columnA #newsArea {
background: url(../images/news_bg.jpg) no-repeat 0px bottom;
padding: 8px 21px 15px;
margin: 0 0 10px;
}
#columnA #newsArea dl {
background-image: url(../images/border_x.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 10px;
clear: both;
margin: 0 0 10px;
}
#columnA #newsArea dt {
float: left;
background: url(../images/arrow1.gif) no-repeat right center;
width: 110px;
}
#columnA #newsArea dd {
margin: 0 0 0 110px;
padding: 0 0 0 10px;
width: 490px;
}
#columnA #newsArea p {
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 13px;
clear: both;
float: right;
}
.blueAnchor a,
.blueAnchor a:visited{
color: #1480CA;
}
.blueAnchor a:hover {
text-decoration:none;
}
#columnA #indexFotter .columnLeft {
background: url(../images/index_footter_bg1.jpg) no-repeat 0px 0px;
height: 107px;
width: 313px;
float: left;
}
#columnA #indexFotter .columnRight {
background: url(../images/index_footter_bg2.jpg) no-repeat 0px 0px;
height: 107px;
width: 313px;
float: right;
}
#columnA #indexFotter h2{
text-indent: -9999px;
height: 40px;
display: block;
}
#columnA #indexFotter {
clear: both;
}
#columnA #indexFotter li {
background: url(../images/arrow2.gif) left center no-repeat;
padding: 0 0 0 13px;
margin: 0 0 5px;
}
#columnA #indexFotter ul {
padding: 6px 0 0 17px;
}
#columnC #accessCounter {
text-align: right;
}
#headerArea #utility li,
#headerArea #utility li a{
height: 37px;
}
#headerArea #utility li{
float:left;
margin: 0;
}
#headerArea #utility li a{
display:block;
overflow:hidden;
text-indent: -9999px;
}
#headerArea #utility li a:hover{
background: url(../images/utility_e_on.jpg) no-repeat;
}
#headerArea #utility .m1 {
width: 134px;
}
#headerArea #utility .m1 a:hover{
background-position:0 0;
}
#headerArea #gnavi {
height: 39px;
width: 900px;
position: absolute;
left: 0px;
bottom: 0px;
background: url(../images/gnavi_e.png) no-repeat;
padding: 0 8px;
}
#headerArea #gnavi li {
float: left;
margin: 0px;
height: 31px;
}
#headerArea #gnavi li a{
display:block;
height: 31px;
overflow:hidden;
text-indent:-9999px;
}
#headerArea #gnavi li a.activeMenu,
#headerArea #gnavi li a:hover{
background: url(../images/gnavi_e_on.png) no-repeat;
}
#headerArea #gnavi .m1,
#headerArea #gnavi .m1 a{
width: 180px;
}
#headerArea #gnavi .m2,
#headerArea #gnavi .m2 a{
width: 180px;
}
#headerArea #gnavi .m3,
#headerArea #gnavi .m3 a{
width: 179px;
}
#headerArea #gnavi .m4,
#headerArea #gnavi .m4 a{
width: 180px;
}
#headerArea #gnavi .m5,
#headerArea #gnavi .m5 a{
width: 181px;
}
#headerArea #gnavi .m1 a.activeMenu,
#headerArea #gnavi .m1 a:hover{
background-position:-8px 0;
}
#headerArea #gnavi .m2 a.activeMenu,
#headerArea #gnavi .m2 a:hover{
background-position:-188px 0;
}
#headerArea #gnavi .m3 a.activeMenu,
#headerArea #gnavi .m3 a:hover{
background-position:-368px 0;
}
#headerArea #gnavi .m4 a.activeMenu,
#headerArea #gnavi .m4 a:hover{
background-position:-547px 0;
}
#headerArea #gnavi .m5 a.activeMenu,
#headerArea #gnavi .m5 a:hover{
background-position:-727px 0;
}
#columnB #subNavi {
background: url(../images/gnavi_bg2.jpg) 0px bottom no-repeat;
padding: 0 0 5px;
}
#columnB #subNavi li {
display: block;
height: 43px;
padding: 0 5px;
width: 212px;
background: url(../images/subnavi_menu.jpg) no-repeat center 0px;
}
#columnB #subNavi li a{
display: block;
height: 43px;
width: 212px;
text-align:left;
text-indent:-9999px;
}
#columnB #subNavi li a:hover{
background: url(../images/subnavi_menu_on.jpg) no-repeat center 0px;
}
#columnB #subNavi .m1 a:hover,
#columnB #subNavi .m1 {
height: 45px;
background-position: center 0px;
}
#columnB #subNavi .m2 a:hover,
#columnB #subNavi .m2 {
background-position: center -45px;
}
#columnB #subNavi .m3 a:hover,
#columnB #subNavi .m3 {
background-position: center -88px;
}
#columnB #subNavi .m4 a:hover,
#columnB #subNavi .m4 {
background-position: center -131px;
}
#columnB #subNavi .m5 a:hover,
#columnB #subNavi .m5 {
background-position: center -174px;
}
#columnB #subNavi .m6 a:hover,
#columnB #subNavi .m6 {
background-position: center -217px;
}
#columnB #subNavi .m7 a:hover,
#columnB #subNavi .m7 {
background-position: center -260px;
}
#columnB #subNavi .m8 a:hover,
#columnB #subNavi .m8 {
background-position: center -303px;
}
#columnB #subNavi .m9 a:hover,
#columnB #subNavi .m9 {
background-position: center -346px;
}
#columnA #contentsHead h1 {
height: 66px;
padding: 9px 0 0 10px;
margin: 0 0 10px;
}
#columnA #contentsHead {
margin: 0 0 10px;
}
#contentsHead .breadcrumb {
padding: 0 0 0 20px;
}
#columnA .contentsBody {
background: url(../images/contents_bg2_e.gif) no-repeat 0px bottom;
}
#columnA .contentsBody .contentsBodyInner {
padding: 20px;
background: url(../images/contents_bg1_e.jpg) no-repeat 0px 0px;
}
#columnA .contentsBody .contentsBodyInner p{
line-height:1.6;
}
#columnA .contentsBody h2 {
background: url(../images/h2_blue_e.png) no-repeat;
line-height: 40px;
padding: 0 20px;
width: 820px;
font-weight: bold;
color: #FFFFFF;
margin: 0 0 15px;
}
#columnA .contentsBody h3 {
padding: 4px 10px;
width: 834px;
font-weight: bold;
margin: 10px 0 12px;
color: #187DA7;
border-left: 5px solid #187DA7;
}
#columnA .contentsBody h4 {
width: 576px;
font-weight: bold;
margin: 12px 0;
color: #187DA7;
}
#columnA .contentsBody h3.firstH3 {
margin: 5px 0 12px;
}
#columnA .contentsBody .sectionL {
float: left;
width: 154px;
display: inline;
margin: 0 0 20px;
}
#columnA .contentsBody .sectionR {
float: right;
width: 450px;
line-height: 1.6;
display: inline;
margin: 0 0 20px;
}
#columnA .contentsBody .subPageList1 {
float: left;
width: 297px;
padding: 0 12px 0 0;
border-right: solid 1px #cccccc;
display: inline;
}
#columnA .contentsBody .subPageList2 {
float: right;
width: 297px;
display: inline;
}
#columnA .contentsBody .subPageList1 li,
#columnA .contentsBody .subPageList2 li{
line-height:38px;
background: url(../images/border_x.gif) repeat-x 0px bottom;
padding: 0 5px;
display: block;
}
#columnA .contentsBody .subPageList1 li a,
#columnA .contentsBody .subPageList2 li a{
display:inline-block;
background: url(../images/arrow2.gif) left center no-repeat;
padding: 0 0 0 12px;
}
.contentsBody .standardList {
margin: 0 0 20px;
}
.contentsBody .standardList li {
background: url(../images/icon.gif) no-repeat left center;
padding: 0 0 0 13px;
line-height: 24px;
}
.contentsBody .standardImg {
margin:0 0 20px;
}
.contentsBody .standardImg img{
border: 1px solid #CCCCCC;
padding: 1px;
}
.contentsBody .standardImg img.noFrame{
border: none;
padding: 0;
}
.contentsBody .toTop {
text-align: left;
display: block;
background: url(../images/totop2.jpg) no-repeat left center;
padding: 3px 3px 3px 20px;
width: 3.5em;
margin: 30px 0 5px auto;
clear: both;
}
.contentsBody .linkContainer {
margin: 1em 0;
}
.contentsBody .contentsBodyInner .rayoutHarf .linkContainer {
margin: 1em 0 0;
}

.contentsBody ol {
list-style-position: outside;
padding: 0 0 0 20px;
}
.contentsBody ol li{
line-height:1.6;
}
.contentsBody ol ol{
list-style-type: lower-roman;
}
.contentsBody blockquote {
padding: 0 12px 12px;
border: 1px solid #187DA7;
margin: 10px 0 0;
background-color: #EEF9FD;
}
#columnA .contentsBody .contentsBodyInner blockquote h3{
width:auto;
}
.contentsBody .informationTable ,
.contentsBody .informationTable td,
.contentsBody .informationTable th{
border: 1px solid #187DA7;
}
.contentsBody .informationTable th{
background-color: #EEF9FD;
}
.contentsBody .informationTable td,
.contentsBody .informationTable th{
padding:6px 4px;
vertical-align: top;
}
.contentsBody .informationTable input.text{
width:200px;
}
.contentsBody .informationTable input.text2{
width:120px;
}
.contentsBody .informationTable input.text3{
width:40px;
}



.caution {
color: #CC3300 !important;
font-weight: normal;
}
.caution:visited,
.caution:hover{
color: #CC3300 !important;
}
.contentsBody .contentsBodyInner ul ul{
padding: 0 0 0 1em;
}
.contentsBody .contentsBodyInner ul li{
background: url(../images/icon1.jpg) no-repeat left 2px;
padding: 0 0 0 15px;
line-height: 1.2;
margin: 0 0 3px;
}
.contentsBody .contentsBodyInner ul ol li{
background: none;
padding: 0;
margin: 0 0 3px;
}
.contentsBody .contentsBodyInner ul li.parent{
background-image: none;
}
#mainMenu {
background-image: url(../images/mainmenu_bg.png);
height: 175px;
width: 900px;
margin: 136px 0 3px;
padding: 40px 0 0;
}
#mainMenu ul {
padding:13px 0 0;
text-align: center;
margin: 0 auto;
overflow: hidden;
width: 866px;
}
#mainMenu li {
float:left;
display: inline;
width: 175px;
}
#mainMenu li.listEnd {
width: 165px;
}
#mainMenu li.listStart {
padding:0 0 0 88px;
}
#mainMenu li img{
margin: 0 10px 0 0;
}
#mainMenu li.listEnd img {
margin: 0;
}
#bannerArea {
width: 237px;
background-image: url(../images/banner_bg2.jpg);
float: right;
}
#bannerArea ul {
margin: 0 auto;
width: 217px;
padding: 18px 0;
}
#bannerArea li {
padding: 0 0 1px;
}
#accessCounter {
background-image: url(../images/counter_bg.jpg);
height: 36px;
position: relative;
}
#accessCounter p {
position:absolute;
height:19px;
right:8px;
bottom:8px;
}
#accessCounter p img{
border-left:solid 1px #999999;
border-right:solid 1px #999999;
margin:0 -1px 0 0;
}
#informationArea {
width: 655px;
float: left;
background: url(../images/news_bg.jpg) no-repeat left bottom;
}
#informationArea dl {
background: url(../images/border_x.gif) repeat-x left bottom;
clear: both;
padding: 5px 10px;
width: 621px;
margin: 0 auto;
}
#informationArea dt {
width: 9em;
float: left;
}
#informationArea dd {
background: url(../images/arrow1.gif) no-repeat left 0.4em;
margin: 0 0 0 9em;
padding: 0 0 0 10px;
}
#informationArea .more {
background: url(../images/arrow2.gif) no-repeat left center;
width: 10.5em;
padding: 10px 0 10px 15px;
margin: 0 0 0 auto;
}
#informationWrap {
padding: 0 0 10px;
}
.contentsBody .contentsBodyInner .leftBox {
float: left;
}
.contentsBody .contentsBodyInner .rightBox {
float: left;
}
.contentsBody .contentsBodyInner .harfLeft {
width: 420px;
margin: 12px 0;
float: left;
}
.contentsBody .contentsBodyInner .harfRight {
width: 400px;
margin: 12px 0 12px 20px;
float: left;
}
.contentsBody .contentsBodyInner .harfRightHead,
.contentsBody .contentsBodyInner .harfLeftHead {
margin: 0 0 12px;
}
.contentsBody .contentsBodyInner .layout01 .leftBox {
float: left;
width: 245px;
}
.contentsBody .contentsBodyInner .layout01 .rightBox {
float: right;
width: 590px;
}