@charset "utf-8";

*{
    margin: 0;
    padding: 0;
}

html{
    overflow:-moz-scrollbars-vertical;
}
div {
    zoom: 1;/*for IE 5.5-7*/
}
div:after {/*for modern browser*/
    content: ".";
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
}

#wrapper{
  position: relative;
    width: 100%;
    margin: 0 auto;
}
#header{
    background: #FFF url(../img/header_bg.jpg) no-repeat;
    height:78px;
}

#header h1{
  font-size: 10px;
    font-weight: normal;
    color: #999;
    line-height: 0.6;
    position: relative;
    top: 10px;
    left: 20px;
}
#header #logo{
    float: left;
    position: relative;
    top: 21px;
    left: 20px;
}
#header #headerNavi{
    position: absolute;
    top: 10px;
    right: 21px;
    font-size: 12px;
}
#header #searchArea{
    position: absolute;
    top: 44px;
    right: 21px;
    background: #DADADA;
    width: 200px;
    padding: 5px 10px;
}
#header #headerNavi2{
    position: absolute;
    top: 44px;
    right: 240px;
}
#header #headerNavi2 ul li{
    float: left;
    margin-right: 6px;
}
#header #headerNavi2 ul li p{
    font-weight: bold;
    padding: 2px 5px 0 0;
}
#header #headerNavi3{
    position: absolute;
    top: 22px;
    right: 350px;
}
#header #headerNavi4{
    position: absolute;
    top: 22px;
    right: 400px;
}
#header #headerNavi4m{
    position: absolute;
    top: 22px;
    right: 480px;
}
#header #headerNavi5{
    position: absolute;
    top: 15px;
    right: 190px;
}
#header #headerNavi5M{
    position: absolute;
    top: 15px;
    right: 140px;
}
#header #headerNavi5m{
    position: absolute;
    top: 15px;
    right: 250px;
}

#header #searchArea input {
    float: left;
}
#header #searchArea input.searchBox {
    height:13px;
    padding:1px;
    margin-right:5px;
    width:128px;
    border-top:1px solid #363636;
    border-left:1px solid #B3B3B3;
    border-bottom:1px solid #E0E0E0;
    border-right:1px solid #B3B3B3;
}
#header #searchArea input.searchBtn {
    height: 17px;
    width: 61px;
    border: 0;
    vertical-align: middle;
}
#topContents{
    height: 293px;
    width: 920px;
    background: #CCC;
    border-top: 1px solid #858585;
    border-right: 1px solid #3A7FBE;
    border-left: 1px solid #3A7FBE;
}
#flashArea{
    float:left;
    background: #FFF url(../img/flash_bg.gif) no-repeat;
    width: 662px;
    height: 270px;
    margin: 7px 6px 4px 8px;
    padding: 4px 6px 8px;
}
#loginArea{
    float:left;
    background: #FFF url(../img/login_bg.jpg) no-repeat;
    width: 220px;
    height: 278px;
    font-size: 12px;
    /* margin: 7px 8px 4px 0;
    padding: 0px 2px 4px; */
    margin: 5px 4px;
    padding: 0px 2px;
}
#loginArea .loginBg{
    float:left;
    background: url(../img/loginnow_bg_03.gif) 0 0 no-repeat;
}
#loginArea .welcome {
    width: 220px;
}
#loginArea .welcome p{
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    line-height: 1.2;
    margin: 40px auto 15px;
}
#loginArea table.login{
    width: 178px;
    margin: 10px auto 5px;
}
#loginArea .login th{
    text-align: left;
    padding: 2px 0;
    font-weight: normal;
}
#loginArea .login td{
    padding: 2px 0;
}
#loginArea .text1{
    width: 100px;
    border: 1px solid #CCC;
}
#loginArea .loginBtn{
    text-align: center;
    margin-bottom: 3px;
}
#loginArea #divline{
    padding: 3px 0px 7px 50px;
    background:url(../img/login_divline.gif) 0 27px no-repeat;
}
#loginArea .registBtn{
    padding:0 0 0 0.8em;
    background:url(../img/icon_arrow.gif) 0 50% no-repeat;
}
#loginArea .bnr{
    width: 200px;
    margin: 7px auto;
}


/* 20120514修正 */
#priceArea {
    /*
    position: absolute;
    top: 280px;
    right: 11px;
    */
    text-align: right;
    font-size: 10px;
}
#priceArea .priceInfo {
    padding: 0 4px 0 0;
}
#priceArea #priceBoard {
    background: url(../img/bg_price.gif) no-repeat;
    width: 220px;
    height: 69px;
}
#priceArea #priceBoard .price{
    float: left;
    width: 108px;
    font-family: Arial, Helvetica;
    font-weight: 600;
    font-size: 125%;
    text-align: center;
    margin: 39px 0 0;
}
/* 20120514修正 */


#menu{
    clear: both;
    background: #FFF url(../img/menu_bg.jpg) no-repeat;
    width: 920px;
  padding: 0 1px 15px 1px;
    height:60px;
}
#menu li{
    float:left;
}
#navi{
    background: #FFF url(../img/navi_bg.jpg) no-repeat;
    width: 920px;
  padding: 0 1px 15px 1px;
    height:44px;
}
#navi li{
    float:left;
}
#main{
    width: 920px;
    padding: 0 1px;
    position: relative;
    margin: 0 auto;
    min-height:600px;
    _height:600px;
    text-align:left;
}
#axis #main{
    width: 920px;
  padding: 0 1px;
  position: relative;
    margin: 0 auto;
    text-align:left;
    background: #FFF url(../img/axis_bg.jpg) top left repeat-y;
}
#main:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#contents {
    width: 980px;
    padding: 15px 10px 10px;
    background: #FFF ;
    float: right;
}
#contents2 {
    padding: 20px 0px 30px 30px;
}

#axis #contents {
    float: none;
    /*width: 1150px;*/
    width: 980px;
    margin: 0 auto;
    padding: 15px 10px 10px;
    background: #FFF ;
}
#contents h3{
    padding:0 0 20px;
}
#contents h3.confirm{
    font-weight: bold;
    color: #1F4B6E;
    background: url(../img/icon_topic.gif) 0 50% no-repeat;
    margin-bottom: 8px;
    padding:0 0 0 16px;;
    font-size: 125%;
    line-height: 200%;
    width: 70%;
    text-align: left;
}
#contents h4{
    font-size:120%;
    color: #124989;
    padding:0 0 0 6px;
    margin:0 0 20px 0;
    border-left: 3px solid #2F65A4;
    border-bottom: 1px solid #CCC;
}



.mB5 {
    margin-bottom: 5px;
}



.mT0 {
    margin-top: 0;
}



#contents h9 {
    background: url("/images/subtitle01-bg.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #0099CB;
    line-height: 1.1;
    padding: 2px 0 0 8px;
}



#contents #help h4{
    font-size:115%;
    color: #333;
    padding: 0 0 2px;
    margin:0 0 15px 0;
    border: none;
    border-bottom: 1px solid #CCC;
}
#contents #help h4 span.num{
    font-size:115%;
    color: #FFF;
    background: #3F90D1;
    padding: 3px 7px;
    margin-right: 8px;
}
#contents #help p span.alp{
    font-size:110%;
    font-weight:bold;
    color: #FFF;
    background: #D93931;
    padding: 2px 5px;
    margin-right: 7px;
}
#contents h5{
    font-size:108%;
    padding:0 5px;
    margin:0px 15px 15px;
    width: 750px;
    text-align: left;
}
#contents h5.policy{
    color: #1F4B6E;
    background: url(../img/icon_topic.gif) 0 50% no-repeat;
    font-size:100%;
    padding:0 0 0 16px;;
    margin:1px 0 5px;
}
#contents #beginner h4{
    font-size:120%;
    color: #333;
    padding: 0 0 0 25px;
    margin:0 0 15px 0;
    background: url(../img/icon_circle.gif) 5px 50% no-repeat;
    border: none;
    border-bottom: 3px solid #245D9F;
}
#contents #beginner h5{
    font-size:108%;
    padding:0 5px;
    margin:15px 0 7px;
}
#contents #beginner h5 span.num{
    font-size:100%;
    color: #FFF;
    background: #3F90D1;
    padding: 3px 7px;
    margin-right: 8px;
}
#contents #beginner p.list{
    font-size:100%;
    margin:0 0 0 40px;
}
#contents #beginner p img{
    margin:10px 0;
}
#contents #etc h5{
    margin:10px 0 0;
}
#contents #etc ol.dec{
    margin: 0 0 2em 2em;
}
#contents #etc ol.dec li{
    margin:0.5em 0;
    list-style-type: decimal;
}
.column2 {
    width: 490px;
    margin: 20px auto;
}
#contents .column2 ul{
}
#contents .column2 ul img{
    margin-bottom: 8px;
}
#contents .column2 ul li{
    margin: 0 20px;
    font-size: 90%;
    text-indent:-1em;
    padding: 5px;
    float: left;
}
#contents p.member01 {
    margin:0 0 25px;
}
#contents p.member01 input{
    margin-left:25px;
}
#contents textarea.member01{
    width: 750px;
    padding: 10px 15px;
    border:1px solid #CCC;
    margin: 5px 0 ;
    background: #EEE;
}
#contents div.typeNews p{
    margin:0px 8px 30px;
}

#contents .box1{
    width:560px;
    padding: 10px 20px;
    margin: 0 auto 1.0em;
    background: #DFFFBB;
    border: 1px solid #98C34C;
}
#contents .box2{
    width:500px;
    padding: 5px 20px;
    margin: 15px 0;
    background: #F1F8FF;
    border: 1px solid #4C98C3;
}
#contents .box3{
    width:560px;
    padding: 5px 10px 5px 55px;
    margin: 0 auto 1.0em;
    background: #FEE url(../img/icon_attn.gif) 10px 50% no-repeat;
    border: 2px dashed #F00;
}
#contents .box4{
    padding: 7px;
    margin: 0 auto;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    border: 1px solid #AAA;
}
#contents .box5{
    padding: 10px 20px 0;
    width: 300px;
    border: 1px solid #DDD;
    background: #EEFFFF;
    margin-bottom: 10px;
}
#contents .box6{
    padding: 8px;
    width: 660px;
    border: 2px solid #DDD;
    background: #EEE;
    margin-bottom: 20px;
}
#contents .box7{
    padding: 8px;
    width: 660px;
    background: #FFF;
    margin-bottom: 20px;
}

#contents .box8{
    padding: 20px;
    width: 620px;
    border: 1px solid #DDD;
    background: #FFF;
    margin: 10px 0px 20px 0px;
    float: center;
}

#contents .titleAttn{
    background: url(../img/icon_attn.gif) 0 0 no-repeat;
    font-size:130%;
    font-weight:bold;
    color:#C01414;
    border-bottom: 1px solid #C01414;
    padding: 3px 0 10px 45px;
    margin-bottom: 10px;
}
#contents .box6 ul li{
    margin-left: 10px;
}

#contents p{
/*    font-size:100%; */
    margin-bottom: 1.0em;
}

#contents .txtC{
    width: 70%;
}

#contents p img{
    margin-bottom: 10px;
}
#contents .confirmTtl{
    width:650px;
    padding: 6px 15px 3px;
    margin: 20px auto 0;
    height: 23px;
    background: #FEE url(../img/conf_ttl_bg.gif) 0 0 repeat-x;
    border: 1px solid #2E65A3;
    border-bottom: none;
}
#contents .confirmTtl p{
    font-size: 110%;
    color: #11427F;
    font-weight: bold;
}
#contents .confirmTbl{
    width:650px;
    padding: 10px 15px 0;
    margin: 0 auto 25px;
    background: #FFF;
    border: 1px solid #2E65A3;
}
#contents .confirmTbl p{
}

#contents .confirmTtl2{
    width:300px;
    padding: 6px 15px 3px;
    margin: 20px auto 0;
    height: 23px;
    background: #FEE url(../img/conf_ttl_bg.gif) 0 0 repeat-x;
    border: 1px solid #2E65A3;
    border-bottom: none;
}
#contents .confirmTtl2 p{
    font-size: 110%;
    color: #11427F;
    font-weight: bold;
}
#contents .confirmTbl2{
    width:300px;
    padding: 10px 15px 0;
    margin: 0 auto 25px;
    background: #FFF;
    border: 1px solid #2E65A3;
}
#contents .confirmTbl2 p{
}


#contents ul.confirm {
    padding-left:1em;
    list-style-position: outside;
}
#contents ul.confirm li{
    list-style-type: square;
}
#contents ol.confirm {
    padding-left: 2.8em;
    margin: 0 auto 25px;
    list-style-position: outside;
}
#contents ol.confirm li{
    font-weight: bold;
    list-style-type: decimal;
}
#contents ul.cert {
    margin: 0 0 10px;
}
#contents ul.cert li{
    float: left;
    width: 150px;
    margin: 0 10px 20px;
    padding: 0;
    list-style-type: none;
}

#contents ul.certForAnonymous {
    margin: 0 0 10px;
}
#contents ul.certForAnonymous li{
    float: left;
    width: 125px;
    margin: 0 10px 10px;
    padding: 0;
    list-style-type: none;
}

ul.certForAnonymous li{
    float: left;
    width: 125px;
    margin: 0 10px 10px;
    padding: 0;
    list-style-type: none;
}


#contents .boxTtl{
    width:510px;
    padding: 9px 15px 5px;
    margin: 0 auto;
    height: 27px;
    background: #FEE url(../img/box_ttl_bg.gif) 0 0 repeat-x;
    border: 1px solid #A98500;
    border-bottom: none;
}
#contents .boxTtl p{
    border-left: 3px solid #CFB8A2;
    padding: 0 0 0 10px;
    font-size: 110%;
    color: #985423;
    font-weight: bold;
}
#contents .boxTbl{
    width:490px;
    padding: 10px 25px;
    margin: 0 auto 25px;
    background: #FFF;
    border: 1px solid #A98500;
}
#contents .boxTbl p{
    font-weight: bold;
    font-size: 100%;
    text-align: center;
}
#contents .inqTtl{
    width:258px;
    padding: 9px 15px 5px;
    margin: 0 auto;
    color: #FFF;
    font-weight: bold;
    height: 27px;
    background: #FEE url(../img/box_inq_bg.gif) 0 0 repeat-x;
    font-size: 110%;
    border: 1px solid #CCC;
    border-bottom: none;
}
#contents p.mailTtl{
    padding: 0 0 0 40px;
    background: url(../img/icon_mail.gif) 0 50% no-repeat;
}
#contents p.telTtl{
    padding: 0 0 0 40px;
    background: url(../img/icon_tel.gif) 0 50% no-repeat;
}
#contents .inqTbl{
    width:238px;
    padding: 10px 25px 0;
    margin: 0 auto 25px;
    background: #FFF;
    border: 1px solid #CCC;
    border-top: none;
}
#contents .inqTbl p{
    font-weight: bold;
    font-size: 150%;
    line-height: 200%;
    text-align: center;
}
#contents .faqTtl{
    width:614px;
    padding: 5px 5px 5px;
    height: 27px;
    border: 3px solid #CCC;
    border-bottom: none;
}
#contents .faqTtl p{
    padding: 2px 35px;
    font-size: 110%;
    background: url(../img/box_faq_bg.gif) 0 0 repeat-x;
    color: #FFF;
    font-weight: bold;
}
#contents .faqTbl{
    width:580px;
    padding: 10px 22px;
    margin: 0 auto 25px;
    background: #FFF;
    border: 3px solid #CCC;
    border-top: none;
}
#contents .faqTbl h6{
    font-size: 115%;
}
#contents .summary{
    padding: 35px 5px 10px;
    background: #DFDFDF url(../img/bg_summary.gif) 0 0 no-repeat;
}
#contents .summary table{
    width: 100%;
    background: #FFF;
    border: 1px solid #AFAFAF;
}
#contents .summary table th{
    padding: 7px 0px 7px 5px;
    background: #FFF;
    font-weight: normal;
    border-top: 1px dotted #AFAFAF;
}
#contents .summary table td{
    padding: 7px 5px 7px 1px;
    font-weight: bold;
    background: #FFF;
    text-align: right;
    border-top: 1px dotted #AFAFAF;
}
#contents .boxTbl p.emphasis{
    color: #FFF;
    padding: 0 20px;
    font-weight: bold;
    text-align: center;
    background: #9E2B27;
}
#contents .boxGra {
    width:380px;
    padding: 16px 40px 10px 16px;
    margin: 0 auto;
    background: #FEE url(../img/box_gra_bg.gif) 0 0 repeat-x;
}
#contents .boxGra p{
    margin: 5px 0 5px 18px;
}
.boxarrow{
    padding:0 0 0 1.2em;
    background:url(../img/icon_boxarrow.gif) 0 50% no-repeat;
}
.back{
    padding:0 0 0 1.2em;
    background:url(../img/icon_backarrow.gif) 0 50% no-repeat;
}
a.tooltip img{
    margin: 0 6px;
    vertical-align: top;
    cursor:pointer;
}
a.tooltip span {
    display: none;
    padding: 3px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
a.tooltip:hover span{
    display: inline;
    position: absolute;
    width: 300px;
    z-index: 100;
    background: #f4f4f4;
    border: 1px solid #157bc3;
    color: #333;
    padding: 20px;
}








a.tooltip {
    margin: 0 6px;
    vertical-align: top;
    cursor:pointer;
}
a.tooltip #contents {
    display: none;
    padding: 3px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
a.tooltip:hover #contents {
    display: inline;
    position: absolute;
    width: 300px;
    z-index: 100;
    background: #f4f4f4;
    border: 1px solid #157bc3;
    color: #333;
    padding: 20px;
}






a.tooltipA img{
    margin: 3 6px;
    vertical-align: middle;
}
a.tooltipA span {
    display: none;
    padding: 3px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
a.tooltipA:hover span{
    display: inline;
    position: absolute;
    width: 300px;
    z-index: 100;
    background: #f4f4f4;
    border: 1px solid #157bc3;
    color: #333;
}
a.certOn span.certLayer {
    display: none;
    text-align: left;
    padding: 3px;
    margin-left: 2px;
    line-height: 1.2;
}
a.certOn:hover span.certLayer {
    display: inline;
    position: absolute;
    left:129px;
    margin-top: 50px;
    width: 640px;
    z-index: 100;
    background: #BBF9FF;
    padding:9px;
    border: 1px solid #4CBCC3;
    color: #555;
}
a.certOn:hover span.certLayer span.leftLayer{
    display:block;
    font-weight: bold;
    font-size: 105%;
    float:left;
    width:260px;
}
a.certOn:hover span.certLayer span.rightLayer{
    display:block;
    float:left;
    line-height: 1.2;
    width:380px;
}
a.certOn:hover span.certLayer img{
    padding-top:7px;
}
a.certOn:hover span.certLayer .icon_attn{
    list-style-type: none;
    background: url(../img/icon_attn_mini.gif) 0 0 no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOn:hover span.certLayer span.num1{
    background: url(../img/icon_num1_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOn:hover span.certLayer span.num2{
    background: url(../img/icon_num2_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOn:hover span.certLayer span.num3{
    background: url(../img/icon_num3_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOn:hover span.certLayer span.num4{
    background: url(../img/icon_num4_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOn:hover span.certLayer span.num5{
    background: url(../img/icon_num5_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}


a.certOnForAnonymous span.certLayer {
    display: none;
    text-align: left;
    padding: 3px;
    margin-left: 2px;
    line-height: 1.2;
}
a.certOnForAnonymous:hover span.certLayer {
    display: inline;
    position: absolute;
    left:129px;
    margin-top: -50px;
    width: 640px;
    z-index: 100;
    background: #BBF9FF;
    padding:9px;
    border: 1px solid #4CBCC3;
    color: #555;
}
a.certOnForAnonymous:hover span.certLayer span.leftLayer{
    display:block;
    font-weight: bold;
    font-size: 105%;
    float:left;
    width:260px;
}
a.certOnForAnonymous:hover span.certLayer span.rightLayer{
    display:block;
    float:left;
    line-height: 1.2;
    width:380px;
}
a.certOnForAnonymous:hover span.certLayer img{
    padding-top:7px;
}
a.certOnForAnonymous:hover span.certLayer .icon_attn{
    list-style-type: none;
    background: url(../img/icon_attn_mini.gif) 0 0 no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOnForAnonymous:hover span.certLayer span.num1{
    background: url(../img/icon_num1_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOnForAnonymous:hover span.certLayer span.num2{
    background: url(../img/icon_num2_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOnForAnonymous:hover span.certLayer span.num3{
    background: url(../img/icon_num3_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOnForAnonymous:hover span.certLayer span.num4{
    background: url(../img/icon_num4_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}
a.certOnForAnonymous:hover span.certLayer span.num5{
    background: url(../img/icon_num5_mini.gif) 0 0 no-repeat;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 3px;
    display:block;
}


.ratespan{
    font-size: 110%;
    margin: 0 10px;
}
.ratespan a{
    padding: 3px 10px;
    margin-right: 10px;
    border: 1px solid #B9D2EA;
    color: #678197;
}
.ratespan a:hover, .ratespan a:active {
    border: 1px solid #66A3D3;
    color: #036;
}
.ratespan span.current {
    padding: 3px 5px;
    margin-right: 10px;
    border: 1px solid #036;
    font-weight: bold;
    background-color: #66A3D3;
    color: #FFF;
}
#contents .imgBlock1{
    float: left;
    margin-right: 10px;
}
#contents .imgBlock1 .leftArea{
    float:left;
    width:290px;
    margin:0 0 1.5em 10px;
}
#contents .imgBlock1 .rightArea{
    float:right;
    width:290px;
    margin:90px 0px 1.5em 0px;
}
#contents .imgBlock2 {
    margin: 0 0 10px;
    width: 800px;
    text-align: left;
}
#contents .imgBlock2 .leftArea{
    float: left;
    margin: 0px;
    width: 400px;
    text-align: left;
}
#contents .imgBlock2 .rightArea{
    float:left;
    margin: 0px;
    width: 400px;
}
#contents .imgBlock3 {
    margin: 0px;
}
#contents .imgBlock3 .leftArea{
    float: left;
    margin: 0px 0px 0px 20px;
}
#contents .imgBlock3 .rightArea{
    float:left;
    text-align: right;
    margin: 0px;
    width: 300px;
}
#contents .imgBlock4 {
    margin: 0 0 10px;
    width:680px;
    text-align: left;
}
#contents .imgBlock4 .leftArea{
    float: left;
    margin-right: 20px;
    width: 200px;
}
#contents .imgBlock4 .rightArea{
    float:left;
    margin: 0px;
    width: 460px;
}

#contents .imgBlock5 {
    margin: 0 0 10px;
}
#contents .imgBlock5 .leftArea{
    float: left;
    margin-right: 30px;
    width: 250px;
}
#contents .imgBlock6 {
    float: left;
    margin-right: 50px;
}
#contents .imgBlock7 {
    margin: 0 auto;
    width: 630px;
}
#contents .imgBlock8 {
    margin: 0 0 20px;
    width:680px;
}
#contents .imgBlock8 .leftArea{
    float: left;
    margin: 0px;
    width: 340px;
}
#contents .imgBlock8 .rightArea{
    float:left;
    margin: 0px;
    width: 340px;
}

#contents .imgBlock9 {
    margin: 0 0 10px;
    width: 800px;
}
#contents .imgBlock9 .leftArea{
    float: left;
    margin-right: 20px;
    width: 290px;
    text-align: left;
}
#contents .imgBlock9 .rightArea{
    float:left;
    margin: 0px;
    width: 490px;
}

#contents .imgBlock9 h3{
    font-size:120%;
    color: #124989;
    padding:0 0 0 6px;
    margin:0 0 20px 0;
    border-left: 3px solid #2F65A4;
    border-bottom: 1px solid #CCC;
}

#contents .imgBlock10 {
    margin: 0 0 10px;
    width: 800px;
    text-align: left;
}
#contents .imgBlock10 .leftArea{
    float: left;
    margin-right: 20px;
    width: 320px;
}
#contents .imgBlock10 .rightArea{
    float:left;
    margin: 0px;
    width: 320px;
}
#contents .imgBlock10 h3{
    font-size:120%;
    color: #124989;
    padding:0 0 0 6px;
    margin:0 0 20px 0;
    border-left: 3px solid #2F65A4;
    border-bottom: 1px solid #CCC;
}


#contents #loginBox {
    margin: 0 10px;
    padding: 20px 40px;
    background: #FFF;
    border: 2px solid #e0e0e0;
}
#contents #loginBox p {
    margin-top: 20px;
}

#sub {
    float:left;
    width:200px;
    padding: 7px 10px 10px;
    border-top: solid 4px #FFF;
}
#sub #priceSub {
    text-align: right;
    font-size: 10px;
}
#sub #priceBoard {
    background: url(../img/bg_price_sub.gif) no-repeat;
    width: 200px;
    height: 63px;
}
#sub #priceBoard .price{
    float: left;
    width: 98px;
    font-family: Arial, Helvetica;
    font-weight: 600;
    font-size: 125%;
    text-align: center;
    margin: 36px 0 0;
}
#sub #cal{
    width: 200px;
    font-size: 13px;
    margin: 5px auto 0;
    background: #D6D6D6 url(../img/bg_cal.gif) repeat-y;
}
#sub #cal .title{
    background: url(../img/title_cal.gif) no-repeat center;
    width: 200px;
    height: 35px;
    text-indent:-9999px;
}
#sub #cal .inner{
    padding-bottom: 10px;
    background: url(../img/cal_bottom.gif) bottom no-repeat;
}
#sub #cal p{
    margin: 5px 12px 0;
}
#inputCal p{
    line-height: 24px;
}
#inputCal .text1{
    width: 100px;
}
#inputCal .text2{
    width: 175px;
}
#inputCal .btn{
    margin: 12px 25px 5px;
}
#inputCal .btn2{
    margin: 0px 4px 0px 4px;
}
#inputCal .btn3{
    margin: 4px 0px 4px 0px;
}
#inputCal #calBox{
    margin: 12px 5px 2px;
    background: #FFF;
    border-top: 1px solid #8C8C8C;
}
#inputCal #calBox table {
    font-size: 90%;
    width: 190px;
    margin: 5px 0px 5px 3px;
}
#inputCal #calBox th {
    padding:4px 0;
    font-weight: normal;
    text-align: center;
}
#inputCal #calBox td{
    font-weight: 600;
}
#inputCal #total{
    background: #333;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    padding: 2px;
    margin: 0 5px;
}
#inputCal #calTotal{
    background: #FFFEAB;
    text-align: right;
    font-weight: 600;
    padding: 4px 10px;
    border-top: 1px solid #B2B15E;
    margin: 0 5px 5px;
}

#sub .box{
    width: 200px;
    font-size: 13px;
    margin: 5px auto 0;
    background: #FFF url(../img/box_inner.gif) repeat-y;
}
#sub .box .inner{
    padding-bottom: 10px;
    background: url(../img/box_bottom.gif) bottom no-repeat;
}
#sub .box h4{
    background: url(../img/h4_info.gif) no-repeat center;
    width: 200px;
    height: 33px;
    text-indent:-9999px;
}
#sub .box h5{
    background: url(../img/h5_inquiry.gif) no-repeat center;
    width: 200px;
    height: 33px;
    text-indent:-9999px;
    margin:0;
    padding:0;
}
#sub .box ul{
    margin: 8px 6px 2px 38px;
}
#sub .box ul li{
    padding:0 0 0 0.8em;
    background:url(../img/icon_arrow.gif) 0 50% no-repeat;
}
#sub .box_tel{
    margin: 6px;
}
#sub .bnr {
    margin-top: 8px;
}
#info dl {
    margin:0px 10px;
}
#info dl dt {
    border-top: 1px solid #E5E5E5;
    padding:5px 0 3px 10px;
    background: url(../img/icon_triangle.gif) 0 50% no-repeat;
}
#info dl dd {
    line-height: 130%;
    padding:0 0 5px 0;
}

#footer{
    font-size: 13px;
    clear:both;
    padding:10px 0px 0;
    width: 920px;
    background: #FFF;
    border-right:1px solid #3A7FBE;
    border-left:1px solid #3A7FBE;
    border-bottom:1px solid #3A7FBE;
}
.footer{
    margin:0 auto;
    width:912px;
    border-top:4px solid #E6E6E6;
}
.footer ul{
    float:right;
    padding-right:5px;
}
.footer ul li{
    float:left;
    border-left:1px solid #666;
    margin: 8px 0 0;
    padding: 0 10px;
    line-height: 100%;
}
.footer p{
    float: left;
    margin-top: 25px;
    padding-left:10px;
    line-height:130%;
    font-size: 78%;
}
.footerDescription {
    margin: 5px 0 0;
    background: #333;
}
.footerDescription p{
    color: #FFF;
    font-size: 95%;
    padding: 10px 0;
    text-align: center;
}
img{
    border: 0;
}
a:link{
    color: #205DA0;
    text-decoration: none;
}
a:visited{
    color: #205DA0;
    text-decoration: none;
}
a:hover{
    color: #1195FD;
    text-decoration: none;
}
a:active{
    color: #205DA0;
    text-decoration: none;
}

a:focus{
    outline: 0;
}
ul,ol,li{
    list-style-type: none;
}
.clr{
    clear: both;
}

.alt_text{
    position:relative;
    left:-9999px;
    overflow:hidden;
    font-size:1%;
}
/* menu link  -----------------------------------------------------*/
.menu_01{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_01.jpg) 0px 0px no-repeat;
}
.menu_01 a{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_01.jpg) 0px 0px no-repeat;
}
.menu_01 a:link, .menu_01 a:visited{
    background: url(../img/menu_01.jpg) 0px 0px no-repeat;
}
.menu_01 a:hover, .menu_01 a:active{
    background: url(../img/menu_01.jpg) 0px -60px no-repeat;
}
.menu_02{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_02.jpg) 0px 0px no-repeat;
}
.menu_02 a{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_02.jpg) 0px 0px no-repeat;
}
.menu_02 a:link, .menu_02 a:visited{
    background: url(../img/menu_02.jpg) 0px 0px no-repeat;
}
.menu_02 a:hover, .menu_02 a:active{
    background: url(../img/menu_02.jpg) 0px -60px no-repeat;
}
.menu_03{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_03.jpg) 0px 0px no-repeat;
}
.menu_03 a{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_03.jpg) 0px 0px no-repeat;
}
.menu_03 a:link, .menu_03 a:visited{
    background: url(../img/menu_03.jpg) 0px 0px no-repeat;
}
.menu_03 a:hover, .menu_03 a:active{
    background: url(../img/menu_03.jpg) 0px -60px no-repeat;
}
.menu_04{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_04.jpg) 0px 0px no-repeat;
}
.menu_04 a{
    width: 230px;
    height: 60px;
    display: block;
    background: url(../img/menu_04.jpg) 0px 0px no-repeat;
}
.menu_04 a:link, .menu_04 a:visited{
    background: url(../img/menu_04.jpg) 0px 0px no-repeat;
}
.menu_04 a:hover, .menu_04 a:active{
    background: url(../img/menu_04.jpg) 0px -60px no-repeat;
}

/* navi link [about] -----------------------------------------------------*/
.navi_about{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_about.jpg) 0px 0px no-repeat;
}
.navi_about a{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_about.jpg) 0px 0px no-repeat;
}
#menu_about .navi_about a{
    width: 184px;
    height: 44px;
    background: url(../img/navi_about.jpg) 0px -44px no-repeat;
}
.navi_about a:link, .navi_about a:visited{
    background: url(../img/navi_about.jpg) 0px 0px no-repeat;
}
.navi_about a:hover, .navi_about a:active{
    background: url(../img/navi_about.jpg) 0px -44px no-repeat;
}
/* navi link [apply] -----------------------------------------------------*/
.navi_apply{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_apply.jpg) 0px 0px no-repeat;
}
.navi_apply a{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_apply.jpg) 0px 0px no-repeat;
}
#menu_apply .navi_apply a{
    width: 184px;
    height: 44px;
    background: url(../img/navi_apply.jpg) 0px -44px no-repeat;
}
.navi_apply a:link, .navi_apply a:visited{
    background: url(../img/navi_apply.jpg) 0px 0px no-repeat;
}
.navi_apply a:hover, .navi_apply a:active{
    background: url(../img/navi_apply.jpg) 0px -44px no-repeat;
}
/* navi link [mypage] -----------------------------------------------------*/
.navi_mypage{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_mypage.jpg) 0px 0px no-repeat;
}
.navi_mypage a{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_mypage.jpg) 0px 0px no-repeat;
}
#menu_mypage .navi_mypage a{
    width: 184px;
    height: 44px;
    background: url(../img/navi_mypage.jpg) 0px -44px no-repeat;
}
.navi_mypage a:link, .navi_mypage a:visited{
    background: url(../img/navi_mypage.jpg) 0px 0px no-repeat;
}
.navi_mypage a:hover, .navi_mypage a:active{
    background: url(../img/navi_mypage.jpg) 0px -44px no-repeat;
}
/* navi link [help] -----------------------------------------------------*/
.navi_help{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_help.jpg) 0px 0px no-repeat;
}
.navi_help a{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_help.jpg) 0px 0px no-repeat;
}
#menu_help .navi_help a{
    width: 184px;
    height: 44px;
    background: url(../img/navi_help.jpg) 0px -44px no-repeat;
}
.navi_help a:link, .navi_help a:visited{
    background: url(../img/navi_help.jpg) 0px 0px no-repeat;
}
.navi_help a:hover, .navi_help a:active{
    background: url(../img/navi_help.jpg) 0px -44px no-repeat;
}
/* navi link [exchange] -----------------------------------------------------*/
.navi_exchange{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_exchange.jpg) 0px 0px no-repeat;
}
.navi_exchange a{
    width: 184px;
    height: 44px;
    display: block;
    background: url(../img/navi_exchange.jpg) 0px 0px no-repeat;
}
#menu_exchange .navi_exchange a{
    width: 184px;
    height: 44px;
    background: url(../img/navi_exchange.jpg) 0px -44px no-repeat;
}
.navi_exchange a:link, .navi_exchange a:visited{
    background: url(../img/navi_exchange.jpg) 0px 0px no-repeat;
}
.navi_exchange a:hover, .navi_exchange a:active{
    background: url(../img/navi_exchange.jpg) 0px -44px no-repeat;
}
/* headerNavi link -----------------------------------------------------*/
.navi_header_mypage{
    width: 90px;
    height: 25px;
    display: block;
    background: url(../img/btn_header_mypage.gif) 0px 0px no-repeat;
}
.navi_header_mypage a{
    width: 90px;
    height: 25px;
    display: block;
    background: url(../img/btn_header_mypage.gif) 0px 0px no-repeat;
}

.navi_login{
    width: 67px;
    height: 25px;
    display: block;
    background: url(../img/btn_login.gif) 0px 0px no-repeat;
}
.navi_login a{
    width: 67px;
    height: 25px;
    display: block;
    background: url(../img/btn_login.gif) 0px 0px no-repeat;
}
.navi_logout{
    width: 79px;
    height: 25px;
    display: block;
    background: url(../img/btn_logout.gif) 0px 0px no-repeat;
}
.navi_logout a{
    width: 79px;
    height: 25px;
    display: block;
    background: url(../img/btn_logout.gif) 0px 0px no-repeat;
}
.navi_regist{
    width: 67px;
    height: 25px;
    display: block;
    background: url(../img/btn_regist.gif) 0px 0px no-repeat;
}
.navi_regist a{
    width: 67px;
    height: 25px;
    display: block;
    background: url(../img/btn_regist.gif) 0px 0px no-repeat;
}
/* subnavi link  -----------------------------------------------------*/
#subnavi {
    width: 200px;
    padding: 35px 0 0;
    background: url(../img/subnavi_bar.gif) no-repeat;
}
#subnavi li{
    float:left;
}
.subnavi_01{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_01.gif) 0 0 no-repeat;
}
.subnavi_01 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_01.gif) 0 0 no-repeat;
}
ul#current_01 .subnavi_01 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_01.gif) -200px 0 no-repeat;
}
.subnavi_01 a:link, .subnavi_01 a:visited{
    background: url(../img/subnavi_01.gif) 0 0 no-repeat;
}
.subnavi_01 a:hover, .subnavi_01 a:active{
    background: url(../img/subnavi_01.gif) -200px 0 no-repeat;
}
.subnavi_02{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_02.gif) 0 0 no-repeat;
}
.subnavi_02 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_02.gif) 0 0 no-repeat;
}
ul#current_02 .subnavi_02 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_02.gif) -200px 0 no-repeat;
}
.subnavi_02 a:link, .subnavi_02 a:visited{
    background: url(../img/subnavi_02.gif) 0 0 no-repeat;
}
.subnavi_02 a:hover, .subnavi_02 a:active{
    background: url(../img/subnavi_02.gif) -200px 0 no-repeat;
}
.subnavi_03{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_03.gif) 0 0 no-repeat;
}
.subnavi_03 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_03.gif) 0 0 no-repeat;
}
ul#current_03 .subnavi_03 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_03.gif) -200px 0 no-repeat;
}
.subnavi_03 a:link, .subnavi_03 a:visited{
    background: url(../img/subnavi_03.gif) 0 0 no-repeat;
}
.subnavi_03 a:hover, .subnavi_03 a:active{
    background: url(../img/subnavi_03.gif) -200px 0 no-repeat;
}
.subnavi_04{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_04.gif) 0 0 no-repeat;
}
.subnavi_04 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_04.gif) 0 0 no-repeat;
}
ul#current_04 .subnavi_04 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_04.gif) -200px 0 no-repeat;
}
.subnavi_04 a:link, .subnavi_04 a:visited{
    background: url(../img/subnavi_04.gif) 0 0 no-repeat;
}
.subnavi_04 a:hover, .subnavi_04 a:active{
    background: url(../img/subnavi_04.gif) -200px 0 no-repeat;
}
.subnavi_05{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_05.gif) 0 0 no-repeat;
}
.subnavi_05 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_05.gif) 0 0 no-repeat;
}
ul#current_05 .subnavi_05 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_05.gif) -200px 0 no-repeat;
}
.subnavi_05 a:link, .subnavi_05 a:visited{
    background: url(../img/subnavi_05.gif) 0 0 no-repeat;
}
.subnavi_05 a:hover, .subnavi_05 a:active{
    background: url(../img/subnavi_05.gif) -200px 0 no-repeat;
}
.subnavi_06{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_06.gif) 0 0 no-repeat;
}
.subnavi_06 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/subnavi_06.gif) 0 0 no-repeat;
}
ul#current_06 .subnavi_06 a{
    width: 200px;
    height: 36px;
    background: url(../img/subnavi_06.gif) -200px 0 no-repeat;
}
.subnavi_06 a:link, .subnavi_06 a:visited{
    background: url(../img/subnavi_06.gif) 0 0 no-repeat;
}
.subnavi_06 a:hover, .subnavi_06 a:active{
    background: url(../img/subnavi_06.gif) -200px 0 no-repeat;
}
/* subnavi2 link  -----------------------------------------------------*/
#subnavi2 {
    width: 200px;
    margin: 0px 0 0 0;
}
#subnavi2 li{
    float:left;
    margin: 10px 0 0 0;
}
.subnavi_07{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_07.gif) 0 0 no-repeat;
}
.subnavi_07 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_07.gif) 0 0 no-repeat;
}
.subnavi_07 a:link, .subnavi_07 a:visited{
    background: url(../img/subnavi_07.gif) 0 0 no-repeat;
}
.subnavi_07 a:hover, .subnavi_07 a:active{
    background: url(../img/subnavi_07.gif) -200px 0 no-repeat;
}
.subnavi_08{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_08.gif) 0 0 no-repeat;
}
.subnavi_08 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_08.gif) 0 0 no-repeat;
}
.subnavi_08 a:link, .subnavi_08 a:visited{
    background: url(../img/subnavi_08.gif) 0 0 no-repeat;
}
.subnavi_08 a:hover, .subnavi_08 a:active{
    background: url(../img/subnavi_08.gif) -200px 0 no-repeat;
}
.subnavi_09{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_09.gif) 0 0 no-repeat;
}
.subnavi_09 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_09.gif) 0 0 no-repeat;
}
.subnavi_09 a:link, .subnavi_09 a:visited{
    background: url(../img/subnavi_09.gif) 0 0 no-repeat;
}
.subnavi_09 a:hover, .subnavi_09 a:active{
    background: url(../img/subnavi_09.gif) -200px 0 no-repeat;
}
.subnavi_10{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_10.gif) 0 0 no-repeat;
}
.subnavi_10 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/subnavi_10.gif) 0 0 no-repeat;
}
.subnavi_10 a:link, .subnavi_10 a:visited{
    background: url(../img/subnavi_10.gif) 0 0 no-repeat;
}
.subnavi_10 a:hover, .subnavi_10 a:active{
    background: url(../img/subnavi_10.gif) -200px 0 no-repeat;
}
/* helpnavi link  -----------------------------------------------------*/
#helpnavi {
    width: 200px;
    padding-bottom:15px;
    background: url(../img/helpnavi_bottom.gif) bottom no-repeat;
}
#helpnavi li{
    float:left;
}
.helpnavi_00{
    width: 200px;
    height: 35px;
    display: block;
    background: url(../img/helpnavi_00.gif) 0 0 no-repeat;
}
.helpnavi_00 a{
    width: 200px;
    height: 35px;
    display: block;
    background: url(../img/helpnavi_00.gif) 0 0 no-repeat;
}
.helpnavi_01{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_01.gif) 0 0 no-repeat;
}
.helpnavi_01 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_01.gif) 0 0 no-repeat;
}
ul#current_01 .helpnavi_01 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_01.gif) -200px 0 no-repeat;
}
.helpnavi_01 a:link, .helpnavi_01 a:visited{
    background: url(../img/helpnavi_01.gif) 0 0 no-repeat;
}
.helpnavi_01 a:hover, .helpnavi_01 a:active{
    background: url(../img/helpnavi_01.gif) -200px 0 no-repeat;
}
.helpnavi_02{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_02.gif) 0 0 no-repeat;
}
.helpnavi_02 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_02.gif) 0 0 no-repeat;
}
ul#current_02 .helpnavi_02 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_02.gif) -200px 0 no-repeat;
}
.helpnavi_02 a:link, .helpnavi_02 a:visited{
    background: url(../img/helpnavi_02.gif) 0 0 no-repeat;
}
.helpnavi_02 a:hover, .helpnavi_02 a:active{
    background: url(../img/helpnavi_02.gif) -200px 0 no-repeat;
}
.helpnavi_03{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_03.gif) 0 0 no-repeat;
}
.helpnavi_03 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_03.gif) 0 0 no-repeat;
}
ul#current_03 .helpnavi_03 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_03.gif) -200px 0 no-repeat;
}
.helpnavi_03 a:link, .helpnavi_03 a:visited{
    background: url(../img/helpnavi_03.gif) 0 0 no-repeat;
}
.helpnavi_03 a:hover, .helpnavi_03 a:active{
    background: url(../img/helpnavi_03.gif) -200px 0 no-repeat;
}
.helpnavi_04{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_04.gif) 0 0 no-repeat;
}
.helpnavi_04 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_04.gif) 0 0 no-repeat;
}
ul#current_04 .helpnavi_04 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_04.gif) -200px 0 no-repeat;
}
.helpnavi_04 a:link, .helpnavi_04 a:visited{
    background: url(../img/helpnavi_04.gif) 0 0 no-repeat;
}
.helpnavi_04 a:hover, .helpnavi_04 a:active{
    background: url(../img/helpnavi_04.gif) -200px 0 no-repeat;
}
.helpnavi_05{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_05.gif) 0 0 no-repeat;
}
.helpnavi_05 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_05.gif) 0 0 no-repeat;
}
ul#current_05 .helpnavi_05 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_05.gif) -200px 0 no-repeat;
}
.helpnavi_05 a:link, .helpnavi_05 a:visited{
    background: url(../img/helpnavi_05.gif) 0 0 no-repeat;
}
.helpnavi_05 a:hover, .helpnavi_05 a:active{
    background: url(../img/helpnavi_05.gif) -200px 0 no-repeat;
}
.helpnavi_06{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_06.gif) 0 0 no-repeat;
}
.helpnavi_06 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_06.gif) 0 0 no-repeat;
}
ul#current_06 .helpnavi_06 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_06.gif) -200px 0 no-repeat;
}
.helpnavi_06 a:link, .helpnavi_06 a:visited{
    background: url(../img/helpnavi_06.gif) 0 0 no-repeat;
}
.helpnavi_06 a:hover, .helpnavi_06 a:active{
    background: url(../img/helpnavi_06.gif) -200px 0 no-repeat;
}
.helpnavi_07{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_07.gif) 0 0 no-repeat;
}
.helpnavi_07 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_07.gif) 0 0 no-repeat;
}
ul#current_07 .helpnavi_07 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_07.gif) -200px 0 no-repeat;
}
.helpnavi_07 a:link, .helpnavi_07 a:visited{
    background: url(../img/helpnavi_07.gif) 0 0 no-repeat;
}
.helpnavi_07 a:hover, .helpnavi_07 a:active{
    background: url(../img/helpnavi_07.gif) -200px 0 no-repeat;
}
.helpnavi_08{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_08.gif) 0 0 no-repeat;
}
.helpnavi_08 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_08.gif) 0 0 no-repeat;
}
ul#current_08 .helpnavi_08 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_08.gif) -200px 0 no-repeat;
}
.helpnavi_08 a:link, .helpnavi_08 a:visited{
    background: url(../img/helpnavi_08.gif) 0 0 no-repeat;
}
.helpnavi_08 a:hover, .helpnavi_08 a:active{
    background: url(../img/helpnavi_08.gif) -200px 0 no-repeat;
}
.helpnavi_09{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_09.gif) 0 0 no-repeat;
}
.helpnavi_09 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_09.gif) 0 0 no-repeat;
}
ul#current_09 .helpnavi_09 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_09.gif) -200px 0 no-repeat;
}
.helpnavi_09 a:link, .helpnavi_09 a:visited{
    background: url(../img/helpnavi_09.gif) 0 0 no-repeat;
}
.helpnavi_09 a:hover, .helpnavi_09 a:active{
    background: url(../img/helpnavi_09.gif) -200px 0 no-repeat;
}
.helpnavi_10{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_10.gif) 0 0 no-repeat;
}
.helpnavi_10 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_10.gif) 0 0 no-repeat;
}
ul#current_10 .helpnavi_10 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_10.gif) -200px 0 no-repeat;
}
.helpnavi_10 a:link, .helpnavi_10 a:visited{
    background: url(../img/helpnavi_10.gif) 0 0 no-repeat;
}
.helpnavi_10 a:hover, .helpnavi_10 a:active{
    background: url(../img/helpnavi_10.gif) -200px 0 no-repeat;
}
.helpnavi_11{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_11.gif) 0 0 no-repeat;
}
.helpnavi_11 a{
    width: 200px;
    height: 36px;
    display: block;
    background: url(../img/helpnavi_11.gif) 0 0 no-repeat;
}
ul#current_11 .helpnavi_11 a{
    width: 200px;
    height: 36px;
    background: url(../img/helpnavi_11.gif) -200px 0 no-repeat;
}
.helpnavi_11 a:link, .helpnavi_11 a:visited{
    background: url(../img/helpnavi_11.gif) 0 0 no-repeat;
}
.helpnavi_11 a:hover, .helpnavi_11 a:active{
    background: url(../img/helpnavi_11.gif) -200px 0 no-repeat;
}


/* mynavi link  -----------------------------------------------------*/
#mynavi {
    width: 200px;
    margin: 0 0 15px;
}
#mynavi li{
    float:left;
    margin: 0 0 15px;
}
.mynavi_01{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/mynavi_01.gif) 0 0 no-repeat;
}
.mynavi_01 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/mynavi_01.gif) 0 0 no-repeat;
}
.mynavi_01 a:link, .mynavi_01 a:visited{
    background: url(../img/mynavi_01.gif) 0 0 no-repeat;
}
.mynavi_01 a:hover, .mynavi_01 a:active{
    background: url(../img/mynavi_01.gif) -200px 0 no-repeat;
}
.mynavi_02{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/mynavi_02.gif) 0 0 no-repeat;
}
.mynavi_02 a{
    width: 200px;
    height: 37px;
    display: block;
    background: url(../img/mynavi_02.gif) 0 0 no-repeat;
}
.mynavi_02 a:link, .mynavi_02 a:visited{
    background: url(../img/mynavi_02.gif) 0 0 no-repeat;
}
.mynavi_02 a:hover, .mynavi_02 a:active{
    background: url(../img/mynavi_02.gif) -200px 0 no-repeat;
}

br{
    letter-spacing: 0;
}
.txtR{
    text-align:right;
}
.txtC{
    text-align:center;
}
.txtCtxt1{
    text-align:center;
    color: #6b6a6a;
    line-height: 110%;
}
.txtCtxt2{
    text-align:left;
}
.comment{
    text-indent:-1em;
    margin-left:1em;
    margin-bottom:0 !important;
}
.note{
    color: #d90000;
}
.mention{
    color: #007727;
}
.b{
    font-weight: 600;
}
.s{
    font-size: 78%;
}
.m{
    font-size: 90%;
}
.l{
    font-size: 115%;
}
.ll{
    font-size: 140%;
}
.icon_pdf{
    list-style-type: none;
    background: url(../img/icon_pdf_mini.gif) 0 50% no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
}
.icon_attn{
    list-style-type: none;
    background: url(../img/icon_attn_mini.gif) 0 50% no-repeat;
    padding-left: 20px;
    padding-bottom: 2px;
}

table caption{
    font-weight: bold;
    text-align: left;
    color: #1F4B6E;
    background: url(../img/icon_topic.gif) 0 50% no-repeat;
    padding-left:16px;
    font-size: 115%;
    line-height: 200%;
}
.caption{
    font-weight: bold;
    color: #1F4B6E;
    background: url(../img/icon_topic.gif) 0 50% no-repeat;
    padding-left:16px;
    font-size: 115%;
    line-height: 200%;
}

/*
#inputForm tr{
}
#inputForm th{
    color: #036;
    width: 163px;
    vertical-align: top;
    text-align:left;
    background: #E2E4EA;
    padding: 10px 0 10px 15px;
    border: 1px solid #CCC;
}
#inputForm td{
    width: 460px;
    text-align:left;
    font-weight: normal;
    vertical-align: top;
    padding: 10px ;
    line-height: 2.0em;
    border: 1px solid #CCC;
}
table	{
    border-collapse:collapse;
    border-spacing: 0;
}*/
td.txtR{
    text-align: right;
}
td.txtL{
    text-align: left;
}
.vTop{
    vertical-align: top;
}

table.type1 {
    border: 1px solid #CCC;
    width: 750px;
    margin:0px 0px 20px 0px;
}
table.type1 caption.small{
    font-weight: normal;
    font-size: 100%;
    color: #333;
    background: none;
    padding-right:5px;
    text-align: right;
    line-height:150%;
}
.type1 th, .type1 td	{
    padding: 10px 15px;

}
.type1 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type1 td{
    border: 1px solid #CCC;
    background: #FFF;
}
.type1 td.color{
    color: #6C7276;
    font-weight:bold;
    background: #F0F1F5;
}
/*
table.type1a {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:0 auto 3px;
}
.type1a th, .type1a td	{
    padding: 10px 15px;
}
.type1a th{
    color: #036;
    vertical-align: middle !important;
    border: 1px solid #CCC;
    background: #FFF !important;
}
.type1a td{
    border: 1px solid #CCC;
    vertical-align: middle !important;
    background: #FFF;
}
table.type1b {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:0 auto 20px;
}
.type1b th, .type1b td	{
    padding: 10px 15px;
}
.type1b th{
    color: #036;
    vertical-align: middle !important;
    border: 1px solid #CCC;
    background: #E1F6F5 !important;
}
.type1b td{
    border: 1px solid #CCC;
    vertical-align: middle !important;
    background: #E1F6F5 !important;
}
table.type2 {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
}
.type2 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type2 td{
    color: #006697;
    background: #FFF;
    border: 1px solid #CCC;
}
table.type3 {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:0 auto 10px;
}
.type3 th, .type3 td	{
    padding: 10px 5px;
}
.type3 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type3 td{
    border: 1px solid #CCC;
    background: #FFF;
}
table.type4 {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:0 auto 10px;
}
.type4 th, .type4 td	{
    padding: 10px 10px;
}
.type4 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type4 td{
    text-align: left;
    width: 60%;
    border: 1px solid #CCC;
}
table.type5 {
    border: 1px solid #CCC;
    text-align: center;
    width: 659px;
    margin:0 auto 10px;
}
.type5 th, .type5 td {
    padding: 10px 5px;
}
.type5 td{
    border: 1px solid #CCC;
    background: #FFF;
}
.type5 td.title{
    color: #036;
    font-weight: bold;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type5 td img{
    margin: 5px 0 0 0;
}
table.type6 {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:0 auto 10px;
}
.type6 th, .type6 td	{
    padding: 10px 10px;
}
.type6 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type6 td{
    text-align: left;
    width: 50%;
    border: 1px solid #CCC;
}
table.type7 {
    border: 1px solid #CCC;
    text-align: center;
    width: 100%;
    margin:5px auto;
}
.type7 th, .type7 td {
    padding: 3px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.type7 th{
    color: #036;
    font-weight:normal;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type7 td{
    border: 1px solid #CCC;
    background: #FFF;
}
table.type8 {
    border: 1px solid #CCC;
    text-align: center;
    width: 800px;
    margin:0 auto 10px;
}
.type8 td{
    padding: 10px 15px;
    border: 1px solid #CCC;
    background: #FFF;
}
table.type9 {
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    text-align: center;
    width: 600px;
    margin:0 auto 10px;
}
.type9 th{
    padding: 6px 15px;
    font-weight:normal;
    border-top: 1px solid #CCC;
    borde-bottomr: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background: #EFEFEF;
}
.type9 td{
    padding: 6px 15px;
    border-top: 1px solid #CCC;
    borde-bottomr: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background: #FFF;
}
table.type10 {
    border: 1px solid #CCC;
    text-align: center;
    width: 80%;
    margin:0 auto 20px;
}
table.type10 caption.small{
    font-weight: normal;
    font-size: 100%;
    color: #333;
    background: none;
    padding-right:5px;
    text-align: right;
    line-height:150%;
}
.type10 th, .type10 td	{
    padding: 5px 10px;
}
.type10 th{
    color: #036;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.type10 td{
    border: 1px solid #CCC;
    background: #FFF;
}
.type10 td.color{
    color: #6C7276;
    font-weight:bold;
    background: #F0F1F5;
}

table.type11 {
    border: 1px solid #CCC;
    text-align: center;
    width: 450px;
    margin:0 auto 20px;
}
table.type11 caption.small{
    font-weight: normal;
    font-size: 100%;
    color: #333;
    background: none;
    padding-right:5px;
    text-align: right;
    line-height:150%;
}
.type11 th, .type11 td	{
    padding: 5px 10px;
}
.type11 th{
    color: #036;
    border: 1px solid #CCC;
    background: #FFF;
}
.type11 td{
    border: 1px solid #CCC;
    background: #FFF;
}
.type11 td.color{
    color: #036;
    font-weight:bold;
    background: #FFF;
}

table.type12 {
    text-align: center;
    width: 450px;
    margin:0 auto 20px;
}
table.type12 caption.small{
    font-weight: normal;
    font-size: 100%;
    color: #333;
    background: none;
    padding-right:5px;
    text-align: right;
    line-height:150%;
}
.type12 th, .type12 td	{
    padding: 5px 10px;
}
.type11 th{
    color: #036;
    background: #FFF;
}
.type12 td{
    background: #FFF;
}
.type12 td.color{
    color: #036;
    font-weight:bold;
    background: #FFF;
}















table.type0 {
    border: 0;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.type0 th{
    padding: 0;
    margin: 0;
}
.type0 tr{
    padding: 0;
    margin: 0;
}
.type0 td{
    padding: 0 10px 0 0 !important;
    margin: 0;
    border: 0 !important;
    width: auto !important;
}
*/
table.typeCom {
    border: 1px solid #CCC;
    text-align: left;
    width: 100%;
    margin:15px auto 20px;
}
.typeCom th, .typeCom td	{
    vertical-align: top;
    padding: 5px 15px;
}
.typeCom th{
    color: #036;
    width: 137px;
    border: 1px solid #CCC;
    background: #E2E4EA;
}
.typeCom td{
    border: 1px solid #CCC;
    background: #FFF;
}


table.typeNews {
    text-align: left;
    width: 100%;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    margin:15px auto 20px;
}
.typeNews th, .typeNews td	{
    vertical-align: top;
    padding: 5px 10px;
}
.typeNews th{
    font-weight: normal;
    width: 20%;
   border-top: 1px solid #CCC;
    background: #FFF;
}
.typeNews td{
    border-top: 1px solid #CCC;
    width: 80%;
    padding-left: 10px;
    background: #FFF;
    background:url(../img/news_arrow.gif) -2px 0.8em no-repeat;
}

iframe.typeCom{
    border: 1px solid #CCC;
}
table.typeBank {
    border: 1px solid #CCC;
    text-align: center;
    width: 80%;
    margin:15px auto 20px;
}
.typeBank td{
    width: 33%;
    padding: 5px 10px;
    border: 1px solid #CCC;
    background: #FFF;
}

#inputForm .sample{
    font-size: 11px;
    font-weight:normal;
    color: #4096D6;
}
#inputForm .emphasis{
    color:#FF4866;
}
.text03,
.text06,
.text08,
.text1,
.text17,
.text18,
.text2,
.text25,
.text3,
.text4,
.text6,
.text8,
.text9,
select {
    border: 1px solid #AAA;
    padding: 2px;
}

.text03 {
    width: 30px;
}
.text06 {
    width: 60px;
}
.text08 {
    width: 80px;
}
.text1 {
    width: 100px;
}
.text17 {
    width: 170px;
}
.text18 {
    width: 130px;
}
.text2 {
    width: 200px;
}
.text25 {
    width: 250px;
}
.text3 {
    width: 300px;
}
.text4 {
    width: 400px;
}
.text6 {
    width: 240px;
}
.text8 {
    width: 320px;
}

.text9 {
    width: 180px;
}

#inputForm .submit{
    text-align: center;
}

#inputForm .submit input{
    padding: 3px;
    color: #1F4B6E;
    cursor:pointer;
    border: 3px double #1F4B6E;
    background: #E6E6E6;
}
textarea{
    font-size: 100%;
}
.one-byte{
    ime-mode: disabled;
}
.pagination {
    text-align:center;
}
.pagination a {
    padding: 2px 5px;
    margin-right: 2px;
    border: 1px solid #B9D2EA;
    color: #678197;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #66A3D3;
    color: #036;
}
.pagination span.current {
    padding: 2px 5px;
    margin-right: 2px;
    border: 1px solid #036;
    font-weight: bold;
    background-color: #66A3D3;
    color: #FFF;
}
div.pagination span.disabled {
    display:none;
}
img.vertM{
    vertical-align: middle;
    margin-right:10px;
}

#faq input.searchBox {
    height:15px;
    padding:2px;
    margin-right:5px;
    width:200px;
    border-top:1px solid #363636;
    border-left:1px solid #B3B3B3;
    border-bottom:1px solid #E0E0E0;
    border-right:1px solid #B3B3B3;
}
#faq input.searchBtn {
    vertical-align: bottom;
}
h5.faq{
    color: #1F4B6E;
    background: url(../img/icon_topic.gif) 0 50% no-repeat;
    font-size:110%;
    padding:0 0 0 16px !important;
    margin:15px 0 5px !important;
}
ul.faqCat{
    margin-left: 1em;
}
ul.faqCat li{
    color: #1F4B6E;
    list-style-type: square;
    font-size: 110%;
}
ul.faqQ{
    margin: 0 0 2em 1em;
}
ul.faqQ li{
    color: #1F4B6E;
    padding-left: 25px;
    margin:5px 0;
    list-style-type: none;
    background: url(../img/qlist.gif) 0 0 no-repeat;
}

/* Q */
#faq dl dt {
    margin: 0 0 0.8em;
    padding-left: 25px;
    background: url(../img/q.gif) 0 0 no-repeat;
    color: #124989;
    font-weight: bold;
}

/* A */
#faq dl dd {
    margin-bottom: 15px;
    padding: 0 10px 1.0em 25px;
    background: url(../img/a.gif) 0 0 no-repeat;
    border-bottom: 1px dotted #AAA;
}
#sitemap ul li {
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    background: url(../img/icon_sm_home.gif) no-repeat 0 4px;
    line-height: 160%;
}
#sitemap ul li ul {
    background: url(../img/icon_sm_bg.gif) no-repeat 17px 0;
}
#sitemap ul li ul.category li {
    background: url(../img/icon_sm_cat.gif) no-repeat 1px -583px;
}
#sitemap ul li ul.page li {
    background: url(../img/icon_sm_page.gif) no-repeat 1px -283px;
}
#sitemap ul li ul li.last {
    background-color: #FFF;
}
#sitemap ul li ul li.blank {
    margin-bottom:10px;
}

.guide {
    margin-bottom:20px;
}
.guide ul{
    margin: 0px 0 30px;
}
.guide ul li {
    float:left;
    margin: 1px 1px;
}
#step {
    margin-bottom:40px;
}
#step h4{
    padding: 5px 0 5px 109px;
    border-left: none;
    color: #666;
}
#step h4.step1{
    background: url(../img/guide_step1.gif) 0 0 no-repeat;
}
#step h4.step2{
    background: url(../img/guide_step2.gif) 0 0 no-repeat;
}
#step h4.step3{
    background: url(../img/guide_step3.gif) 0 0 no-repeat;
}
#step h4.step4 {
    background: url(../img/guide_step4.gif) 0 0 no-repeat;
}
#step h4.step5 {
    background: url(../img/guide_step5.gif) 0 0 no-repeat;
}
#step .stepBox{
    width:640px;
    padding: 10px 18px;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 0.8em;
    text-align: center;
    background: #E5F2FF;
    color:#214E85;
    border: 2px solid #356A9C;
}

#contents .com_layer{
    display:none;
}
#contents div.com-nav{
    float: left;
    width: 980px;
}
#contents div.com-nav ul{
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#contents div.com-nav ul li{
    float: left;
    width: 140px;
    height: 30px;
    line-height: 250%;
    margin-right: 2px;
    background: url(../img/tab_off.gif) no-repeat;
}
#contents div.com-nav ul li a{
    padding: 7px 0;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
#contents div.com-nav ul li a:hover{
    background: url(../img/tab_on.gif) no-repeat;
}
#contents div.com-nav ul li.crnt{
    color: #000;
    background: url(../img/tab_on.gif) no-repeat;
}
#contents .inner{
    clear: both;
    border-top: 1px solid #999;
    width: 100%;
    padding-top: 10px;
}
#contents2 div.com-tab{
    float: left;
}
#contents2 div.com-tab ul{
    margin: 8px 0 0 6px;
}
#contents2 div.com-tab ul li{
    float: left;
    margin-right: 6px;
}
div.com-tab ul li.tab1{
    width: 117px;
    height: 34px;
    display: block;
    background: url(../img/tab_01_on.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab1 a{
    width: 117px;
    height: 34px;
    display: block;
    background: url(../img/tab_01_off.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab1 a:hover{
    width: 117px;
    height: 34px;
    display: block;
    background: url(../img/tab_01_on.gif) no-repeat;
}
#contents2 div.com-tab ul#crnt0 li.tab1 a{
    width: 117px;
    height: 34px;
    display: block;
    background: url(../img/tab_01_on.gif) no-repeat;
}
div.com-tab ul li.tab2{
    width: 197px;
    height: 34px;
    display: block;
    background: url(../img/tab_02_on.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab2 a{
    width: 197px;
    height: 34px;
    display: block;
    background: url(../img/tab_02_off.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab2 a:hover{
    width: 197px;
    height: 34px;
    display: block;
    background: url(../img/tab_02_on.gif) no-repeat;
}
#contents2 div.com-tab ul#crnt1 li.tab2 a{
    width: 197px;
    height: 34px;
    display: block;
    background: url(../img/tab_02_on.gif) no-repeat;
}
div.com-tab ul li.tab3{
    width: 162px;
    height: 34px;
    display: block;
    background: url(../img/tab_03_on.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab3 a{
    width: 162px;
    height: 34px;
    display: block;
    background: url(../img/tab_03_off.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab3 a:hover{
    width: 162px;
    height: 34px;
    display: block;
    background: url(../img/tab_03_on.gif) no-repeat;
}
#contents2 div.com-tab ul#crnt2 li.tab3 a{
    width: 162px;
    height: 34px;
    display: block;
    background: url(../img/tab_03_on.gif) no-repeat;
}
div.com-tab ul li.tab4{
    width: 174px;
    height: 34px;
    display: block;
    background: url(../img/tab_04_on.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab4 a{
    width: 174px;
    height: 34px;
    display: block;
    background: url(../img/tab_04_off.gif) no-repeat;
}
#contents2 div.com-tab ul li.tab4 a:hover{
    width: 174px;
    height: 34px;
    display: block;
    background: url(../img/tab_04_on.gif) no-repeat;
}
#contents2 div.com-tab ul#crnt3 li.tab4 a{
    width: 174px;
    height: 34px;
    display: block;
    background: url(../img/tab_04_on.gif) no-repeat;
}

#contents .case{
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}
#contents .comic{
    text-align: center;
    width: 100%;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
.clearfix{
    display: inline-block;
    min-height: 1%;	/* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix {
    height: 1%;
    _display: inline;	/* for IE 6*/
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

/* add 2011.11.16 */
#contents .confirmIDcheck {
    padding: 35px 5px 10px;
    background: #DFDFDF url(../img/bg_confirmID.gif) 0 0 no-repeat;
}
#contents .confirmIDcheck table{
    width: 100%;
    background: #FFF;
    border: 1px solid #AFAFAF;
}
#contents .confirmIDcheck table th{
    padding: 7px 0px 7px 5px;
    background: #FFF;
    font-weight: normal;
    border-top: 1px dotted #AFAFAF;
}
#contents .confirmIDcheck table td{
    padding: 7px 5px 7px 5px;
    background: #FFF;
    text-align: left;
    border-top: 1px dotted #AFAFAF;
}

/* main img change start */
#multiHero{
    width: 662px;
    margin: 0 auto;
    text-align: left;
}
#multiHeroContents{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    TOP: 0px;
}
#multiHeroContents li{
    display: none;
}
#multiHeroControls{
    margin: 0;
    padding: 0;
    list-style-type:none;
    position: absolute;
    TOP: 230px;
}
#multiHeroControls li{
    float: left;
    width: 220px;
    text-align: center;
}
/*
#multiHeroControls li.next,
#multiHeroControls li.back{
    float: right;
}*/

#multiHeroControls li.mainImg1{
    float: left;
}
#multiHeroControls li.mainImg2{
    margin: 0px 1px;
}
#multiHeroControls li.mainImg3{
     float: right;
    /*margin: 0px 1px;*/
}
#multiHeroControls li a{
    display: block;
    padding: 13px 5px;
    margin-right: 0;
    border: 1px solid #969a9d;
    background: #cbcfd2;
    color: #000000;
    font-size: 14px;
    font-family: Meiryo;
    text-decoration: none;
    line-height: 0.75;
}
#multiHeroControls li a:hover{
    background: #e5eded;
}
#multiHeroControls li.thisChild a{
    border-color: #969a9d;
    background: #e5eded;
    font-weight: bold;
    color: #000000;
}
#multiHeroControls li.next a{
    margin: 0;
}

.mainImg {vertical-align : bottom;
    margin-bottom: 4px;}

.iconRed {
    padding: 1px;
    margin-right: 0;
    border: 1px solid #969a9d;
    background: #cbcfd2;
    color: #000000;
    font-size: 8px;
    font-family: Arial;
    line-height: 0.75;
}

/* main img change end */


/* main login area tab start */

#tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("/common/img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("/common/img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }

/* main login area tab end */

/* tab J start */
   .tabsJ {
      float: left;
      width: 677px;
      background:#FFFFFF;
      font-weight: bold;
      line-height:normal;
      border-bottom:1px solid #24618E;
      }
    .tabsJ ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    .tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabsJ a {
      float:left;
      background:url("/images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    .tabsJ a span {
      float:left;
      display:block;
      background:url("/images/tabrightJ.gif") no-repeat right top;
      padding:8px 15px 5px 10px;
      color:#24618E;
      font-size:15px;
      font-family: Meiryo;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    .tabsJ a:hover span {
      color:#FFF;
      }
    .tabsJ a:hover {
      background-position:0% -42px;
      }
    .tabsJ a:hover span {
      background-position:100% -42px;
      }

        .tabsJ #current a {
                background-position:0% -42px;
        }
        .tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }

    #tabsJ1, #tabContents1 {
        display:none;
    }
    #tabsJ2, #tabContents2 {
        display:block;
    }
/* tab J end */



.helpTableBox01 {	background-color: #e8e8e8;	border: 2px solid #cccccc;}
.helpTableTit01 {	font-size: 12px;	line-height: 130%;	color: #303030;	font-weight: bold;	background-color: #EEEEEE;	padding : 5px;
    background-color: #e8e8e8;	border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;}
.helpTableTxt01 {	font-size: 12px;	line-height: 130%;	color: #303030;	background-color: #FFFFFF;	padding : 5px;
    border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;}
.helpTableTxt02 {	font-size: 12px;	line-height: 130%;	color: #303030;	background-color: #F8F8F8;	padding : 5px;
    border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;}

.helpTableBox02 {	background-color: #e8e8e8;	border: 1px solid #cccccc;}


.redTxtBold {
    font-size: 10px;	line-height: 130%;	color: #cc0000;	font-weight: bold;
    }
.redTx {
    font-size: 10px;	line-height: 130%;	color: #cc0000;
    }
.yellowTxtBold {
    font-size: 10px;	line-height: 130%;	color: #FFFD2E;	font-weight: bold;
    }

table.type30 {
    border: 0;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.type30 th{
    padding: 0;
    margin: 0;
}
.type30 tr{
    padding: 0;
    margin: 0;
}
.type30 td{
    padding: 0 5px 0 0 !important;
    margin: 0;
    border: 0 !important;
    width: auto !important;
}


/* 共通ログイン  */
.imgBanner {
    background: #FFF;
    padding: 10px 10px 10px 10px;
}

#contents #commonLoginBox {
    margin: 0 10px;
    background: #FFF;
    border: 2px solid #e0e0e0;
    padding: 20px 10px 10px 10px;
    height: 410px;
}
#contents #commonLoginBox p {
    margin-top: 15px;
}
#contents #commonLoginBox .loginBoxP {
    margin-left: 40px;
}

#memberFrm table{
    width: 100%;
}
#memberFrm tr{
}
#memberFrm th{
    color: #036;
    width: 163px;
    vertical-align: top;
    text-align:left;
    background: #E2E4EA;
    /*padding: 10px 0 10px 15px;*/
}
#memberFrm td{
    width: 460px;
    text-align:left;
    font-weight: normal;
    vertical-align: top;
    padding: 2px 0 2px 15px;
    line-height: 1.5em;
}
#memberFrm p img{
    margin-bottom: 0px;
}

#anonymousFrm table{
    width: 100%;
}
#anonymousFrm tr{
}
#anonymousFrm th{
    color: #036;
    width: 163px;
    vertical-align: top;
    text-align:left;
    background: #E2E4EA;
    /*padding: 10px 0 10px 15px;*/
}
#anonymousFrm td{
    text-align:left;
    font-weight: normal;
    vertical-align: top;
    padding: 2px 0 2px 15px;
    line-height: 1.5em;
}
#anonymousFrm p img{
    margin-bottom: 0px;
}

.bgId {
    background:url(../img/id_bg_01.gif) no-repeat #fff;
}

.bgPw {
    background:url(../img/pw_bg_01.gif) no-repeat #fff
}

.txtBlackBold01{
    font-weight: bold;
    color: #333333;
    padding-left:16px;
    font-size: large;
    line-height: 200%;
}


.etcPurposeBox01 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    text-align: left;
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
}
.etcPurposeBox02 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    text-align: left;
    padding: 0px 10px 10px 10px;
}
.etcPurposeBox03 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    text-align: left;
    padding: 10px;
    margin: 20px 0px 20px 0px;
    border: 1px solid #dddddd;
}
.etcPurposeBox04 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    padding: 10px 0px 10px 0px;
    border: 1px solid #dddddd;
}
.etcPurposeBox05 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    padding: 10px;
}
.etcPurposeBox06 {
    background-color: #FFF;
    margin: 10px 0px 10px 0px;
    border: 3px solid #dddddd;
}
.etcPurposeBox07 {	font-size: 14px;	line-height: 140%;	color: #333;	background-color: #FFFFFF;	padding : 10px;}
.etcPurposeBox08 {
    font-size: small;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    padding: 20px 20px 10px 20px;
}
.etcPurposeBox09 {
    background-color: #FFF;
    margin: 10px 0px 20px 0px;
    border: 3px solid #000;
}
.etcPurposeBox10 {
    font-size: 14px;
    font-weight:bold;
    line-height: 140%;
    text-align: left;
    color: #fff;
    background-color: #000;
    padding: 5px 10px 5px 10px;
}
.etcPurposeBox11 {
    font-size: 40px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight:bold;
    line-height: 140%;
    color: #005994;
    background-color: #f4f4f4;
    padding: 5px 10px 5px 10px;
    text-align: right;
    background-image: url(../../images/img_492.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.etcPurposeBox12 {	font-size: 12px;	line-height: 130%;	color: #303030;	font-weight: bold;	background-color: #e1f6f5;	padding : 5px;
    border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;}
.etcPurposeBox13 {	font-size: 12px;	line-height: 130%;	color: #303030;	background-color: #e1f6f5;	padding : 5px;
    border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;}

.etcPurposeBox14 {	line-height: 140%;	color: #154070; font-weight: bold;	background-color: #e1f6f5;	padding : 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;	border-top: 3px solid #6f9fc0;	border-bottom: 1px solid #6f9fc0;}
.etcPurposeBox15 {	line-height: 140%;	color: #154070; font-weight: bold;	background-color: #e1f6f5;	padding : 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;	border-bottom: 1px solid #6f9fc0;}
.etcPurposeBox16 {	line-height: 140%;	color: #154070; font-weight: bold;	background-color: #e1f6f5;	padding : 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;	border-bottom: 3px solid #6f9fc0;}

.etcPurposeBox17 {	line-height: 140%;	color: #000; font-weight: bold;	background-color: #fff;	padding : 10px;
    border-bottom: 1px solid #cccccc;	border-top: 3px solid #6f9fc0;	border-bottom: 1px solid #6f9fc0;}
.etcPurposeBox18 {	line-height: 140%;	color: #303030; background-color: #fff;	padding : 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;	border-bottom: 1px solid #6f9fc0;}
.etcPurposeBox19 {	line-height: 140%;	color: #303030; background-color: #fff;	padding : 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;	border-bottom: 3px solid #6f9fc0;}

.etcPurposeBox20 {
    font-size: 16px;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #dddddd;
}
.etcPurposeBox21 {
    font-size: 12px;
    line-height: 140%;
    color: #333;
    background-color: #FFF;
    padding: 10px;
    border: 3px solid #000;
    text-align: center;
}

.etcPurposeImg01 {
    margin: 5px 10px 10px 0px;
    border: 0px;
}
.etcPurposeImg02 {
    margin: 5px 0px 20px 0px;
    border: 0px;
}
.etcPurposeImg03 {
    margin: 10px 0px 10px 0px;
    border: 0px;
}
.etcPurposeImg04 {
    margin: 20px 0px 20px 0px;
    border: 0px;
}
.etcPurposeImg05 {
    margin: 10px 20px 10px 20px;
    border: 0px;
}
.etcPurposeImg06 {
    margin: 5px 10px 5px 10px;
    border: 0px;
}
.etcPurposeImg07 {
    margin: 30px 0px 50px 0px;
    border: 0px;
}
.etcPurposeImg08 {
    margin: 20px 0px 30px 0px;
    border: 0px;
}

a.etcPurposeUrl01:link {	font-size: x-small;	line-height: 140%;	text-align: left;}
a.etcPurposeUrl01:visited {	font-size: x-small;	line-height: 140%;	text-align: left;}
a.etcPurposeUrl01:hover {	font-size: x-small;	line-height: 140%;	text-align: left;}

.etcPurposeTxt01 {
    font-size: large;
    font-weight: bold;
    line-height: 140%;
    color: #333;
}
.etcPurposeTxt02 {
    font-size: 30px;
    font-weight: bold;
    line-height: 140%;
    color: #000;
}

#newAccountGo {
    margin: 0px 20px 0px;
}

.plainTxt {
    width: 800px;
    text-align: left;
}

p.plainTxt {
    width: 70%;
    text-align: left;
}

#contents .helpTitle_1aaa {	font-size: 20px;	font-weight: bold;	color: #003f80;	text-align: left;	padding: 15px 5px;
    margin: 10px 0px 20px 0px;	background-image: url(../../images/help/line_001.gif);
    background-repeat: repeat-x;	background-position: left bottom;}



.tblType01 {	background-color: #fff;	margin: 0px 0px 30px 20px;}