@charset "Shift_JIS";

/*** ASAHIネット CSS Document *************************************

    common.css

----------------------------------------------------------------***/

/* ======================================== */
/* ページ共通スタイル
/* ======================================== */

/*WEBフォントの設定*/
@font-face {
  font-family: "mplus-2p-bold";
  src: url("/en/commons/font/lib/mplus-2p-bold.eot?") format('eot'),
       url("/en/commons/font/lib/mplus-2p-bold.woff") format('woff'),
       url("/en/commons/font/lib/mplus-2p-bold.ttf")  format('truetype');
}
@font-face {
  font-family: "mplus-2p-regular";
  src: url("/en/commons/font/lib/mplus-2p-regular.eot?") format('eot'),
       url("/en/commons/font/lib/mplus-2p-regular.woff") format('woff'),
       url("/en/commons/font/lib/mplus-2p-regular.ttf")  format('truetype');
}
@font-face {
  font-family: "mplus-2p-light";
  src: url("/en/commons/font/lib/mplus-2p-light.eot?") format('eot'),
       url("/en/commons/font/lib/mplus-2p-light.woff") format('woff'),
       url("/en/commons/font/lib/mplus-2p-light.ttf")  format('truetype');
}


/* rsato edit Start 20150625 */
@font-face {
    font-family: 'open_sansbold';
    src: url('/en/commons/font/lib/opensans-bold-webfont.eot');
    src: url('/en/commons/font/lib/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/en/commons/font/lib/opensans-bold-webfont.woff2') format('woff2'),
         url('/en/commons/font/lib/opensans-bold-webfont.woff') format('woff'),
         url('/en/commons/font/lib/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/en/commons/font/lib/opensans-extrabold-webfont.eot');
    src: url('/en/commons/font/lib/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/en/commons/font/lib/opensans-extrabold-webfont.woff2') format('woff2'),
         url('/en/commons/font/lib/opensans-extrabold-webfont.woff') format('woff'),
         url('/en/commons/font/lib/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('/en/commons/font/lib/opensans-light-webfont.eot');
    src: url('/en/commons/font/lib/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/en/commons/font/lib/opensans-light-webfont.woff2') format('woff2'),
         url('/en/commons/font/lib/opensans-light-webfont.woff') format('woff'),
         url('/en/commons/font/lib/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/en/commons/font/lib/opensans-regular-webfont.eot');
    src: url('/en/commons/font/lib/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/en/commons/font/lib/opensans-regular-webfont.woff2') format('woff2'),
         url('/en/commons/font/lib/opensans-regular-webfont.woff') format('woff'),
         url('/en/commons/font/lib/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* rsato edit End */



/* ===== 共通クラス ===== */

/*回り込み*/
.floatR{
display:block;
float:right;
}

.floatL{
display:block;
float:left;
}

/*回り込み解除*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

/*行揃え*/
.alignleft,.alignLeft{
text-align:left;
}

.alignright,.alignRight{
text-align:right;
}

.aligncenter,.alignCenter{
text-align:center;
}

/*文字装飾*/
.red{
    color:#fe0000;
}

.yellow{
    color:#FEF51C;
}

.white{
    color:#fff;
}

.bld{
    font-weight: bold;
}

.bFont{
    font-size:123.076%;
}

.gFont{
    font-size:160%;
}

.sFont{
    font-size:11px;
}


/* rsato edit Start 20150625 */
.wFont.light{
    font-family: "open_sanslight";
}

.wFont{
    font-family: "open_sansregular";
}

.wFont.bld{
    font-family: "open_sansbold";
}

.wFont.exbld{
    font-family: "open_sansextrabold";
}

/* フォントのノーマライズ */
.nFont{
    font-weight:normal!important;
    font-family:'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Hiragino Kaku Gothic Pro', Meiryo, arial, helvetica, clean, sans-serif!important;
    text-shadow:none!important;
}
/* rsato edit End */


/* ===== chrome用のアンチエイリアス ===== */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wFont{
        text-shadow:0 0 1px #333333;
    }.red .wFont,.wFont .red,.wFont.red,.red.wFont{
        text-shadow:0 0 1px #fe0000;
    }
}


.block{
    display:block;
}

.iBlock{
    display:inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
}

.li-iBlock li{
    display:inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
}

.lThrough{
    text-decoration:line-through;
}

.vTop{
    vertical-align:top !important;
}

.vBase{
    vertical-align:baseline !important;
}

.vBottom{
    vertical-align:bottom !important;
}

/*line-height*/
.lh1{line-height: 1!important;}
.lh1p2{line-height: 1.2!important;}
.lh1p3{line-height: 1.3!important;}
.lh1p4{line-height: 1.4!important;}
.lh1p5{line-height: 1.5!important;}
.lh1p6{line-height: 1.6!important;}
.lh1p7{line-height: 1.7!important;}
.lh1p8{line-height: 1.8!important;}


/*margin-bottom*/
.mbZero{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

/*margin-top*/
.mtZero{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}

/*margin set rsato edit 20150604 */
.mlZero{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left: 60px!important;}
.ml70{margin-left: 70px!important;}
.ml80{margin-left: 80px!important;}
.ml90{margin-left: 90px!important;}
.ml100{margin-left: 100px!important;}
.mrZero{margin-right:0px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right: 60px!important;}
.mr70{margin-right: 70px!important;}
.mr80{margin-right: 80px!important;}
.mr90{margin-right: 90px!important;}
.mr100{margin-right: 100px!important;}
.mlrZero{margin-left:0!important; margin-right: 0!important;}
.mlr5{margin-left:5!important; margin-right: 5!important;}
.mlr10{margin-left:10px!important; margin-right: 10px!important;}
.mlr15{margin-left:15px!important; margin-right: 15px!important;}
.mlr20{margin-left:20px!important; margin-right: 20px!important;}
.mlr25{margin-left:25px!important; margin-right: 25px!important;}
.mlr30{margin-left:30px!important; margin-right: 30px!important;}
.mlr40{margin-left:40px!important; margin-right: 40px!important;}
.mlr50{margin-left:50px!important; margin-right: 50px!important;}
.mlr60{margin-left: 60px!important;margin-right: 60px!important;}
.mlr70{margin-left: 70px!important;margin-right: 70px!important;}
.mlr80{margin-left: 80px!important;margin-right: 80px!important;}
.mlr90{margin-left: 90px!important;margin-right: 90px!important;}
.mlr100{margin-left: 100px!important;margin-right: 100px!important;}
.mtbZero{margin-top:0!important; margin-bottom: 0!important;}
.mtb5{margin-top:5!important; margin-bottom: 5!important;}
.mtb10{margin-top:10px!important; margin-bottom: 10px!important;}
.mtb15{margin-top:15px!important; margin-bottom: 15px!important;}
.mtb20{margin-top:20px!important; margin-bottom: 20px!important;}
.mtb25{margin-top:25px!important; margin-bottom: 25px!important;}
.mtb30{margin-top:30px!important; margin-bottom: 30px!important;}
.mtb40{margin-top:40px!important; margin-bottom: 40px!important;}
.mtb50{margin-top:50px!important; margin-bottom: 50px!important;}
.mtb60{margin-top: 60px!important;margin-bottom: 60px!important;}
.mtb70{margin-top: 70px!important;margin-bottom: 70px!important;}
.mtb80{margin-top: 80px!important;margin-bottom: 80px!important;}
.mtb90{margin-top: 90px!important;margin-bottom: 90px!important;}
.mtb100{margin-top: 100px!important;margin-bottom: 100px!important;}

/*ネガティブ margin-top*/
.nmtZero{margin-top:-0px !important;}
.nmt05{margin-top:-5px !important;}
.nmt10{margin-top:-10px !important;}
.nmt15{margin-top:-15px !important;}
.nmt20{margin-top:-20px !important;}
.nmt25{margin-top:-25px !important;}
.nmt30{margin-top:-30px !important;}
.nmt35{margin-top:-35px !important;}
.nmt40{margin-top:-40px !important;}
.nmt45{margin-top:-45px !important;}
.nmt50{margin-top:-50px !important;}
.nmt55{margin-top:-55px !important;}
.nmt60{margin-top:-60px !important;}
.nmt65{margin-top:-65px !important;}
.nmt70{margin-top:-70px !important;}
.nmt75{margin-top:-75px !important;}
.nmt80{margin-top:-80px !important;}
.nmt85{margin-top:-85px !important;}
.nmt90{margin-top:-90px !important;}
.nmt95{margin-top:-95px !important;}
.nmt100{margin-top:-100px !important;}

/* padding set rsato edit 20150604 */
.ptZero{padding-top:0px!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
.pt80{padding-top: 80px!important;}
.pt90{padding-top: 90px!important;}
.pt100{padding-top: 100px!important;}
.prZero{padding-right: 0!important;}
.pr5{padding-right: 5!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr25{padding-right: 25px!important;}
.pr30{padding-right: 30px!important;}
.pr40{padding-right: 40px!important;}
.pr50{padding-right: 50px!important;}
.pr60{padding-right: 60px!important;}
.pr70{padding-right: 70px!important;}
.pr80{padding-right: 80px!important;}
.pr90{padding-right: 90px!important;}
.pr100{padding-right: 100px!important;}
.pbZero{padding-bottom:0px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb60{padding-bottom: 60px!important;}
.pb70{padding-bottom: 70px!important;}
.pb80{padding-bottom: 80px!important;}
.pb90{padding-bottom: 90px!important;}
.pb100{padding-bottom: 100px!important;}
.plZero{padding-left:0!important; }
.pl5{padding-left:5!important; }
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pl50{padding-left:50px!important;}
.pl60{padding-left: 60px!important;}
.pl70{padding-left: 70px!important;}
.pl80{padding-left: 80px!important;}
.pl90{padding-left: 90px!important;}
.pl100{padding-left: 100px!important;}

.plrZero{padding-left:0!important; padding-right: 0!important;}
.plr5{padding-left:5!important; padding-right: 5!important;}
.plr10{padding-left:10px!important; padding-right: 10px!important;}
.plr15{padding-left:15px!important; padding-right: 15px!important;}
.plr20{padding-left:20px!important; padding-right: 20px!important;}
.plr25{padding-left:25px!important; padding-right: 25px!important;}
.plr30{padding-left:30px!important; padding-right: 30px!important;}
.plr40{padding-left:40px!important; padding-right: 40px!important;}
.plr50{padding-left:50px!important; padding-right: 50px!important;}
.plr60{padding-left: 60px!important;padding-right: 60px!important;}
.plr70{padding-left: 70px!important;padding-right: 70px!important;}
.plr80{padding-left: 80px!important;padding-right: 80px!important;}
.plr90{padding-left: 90px!important;padding-right: 90px!important;}
.plr100{padding-left: 100px!important;padding-right: 100px!important;}

.ptbZero{padding-top:0!important; padding-bottom: 0!important;}
.ptb5{padding-top:5!important; padding-bottom: 5!important;}
.ptb10{padding-top:10px!important; padding-bottom: 10px!important;}
.ptb15{padding-top:15px!important; padding-bottom: 15px!important;}
.ptb20{padding-top:20px!important; padding-bottom: 20px!important;}
.ptb25{padding-top:25px!important; padding-bottom: 25px!important;}
.ptb30{padding-top:30px!important; padding-bottom: 30px!important;}
.ptb40{padding-top:40px!important; padding-bottom: 40px!important;}
.ptb50{padding-top:50px!important; padding-bottom: 50px!important;}
.ptb60{padding-top: 60px!important;padding-bottom: 60px!important;}
.ptb70{padding-top: 70px!important;padding-bottom: 70px!important;}
.ptb80{padding-top: 80px!important;padding-bottom: 80px!important;}
.ptb90{padding-top: 90px!important;padding-bottom: 90px!important;}
.ptb100{padding-top: 100px!important;padding-bottom: 100px!important;}

/* BOXレイアウト */
.w100 {width:100%!important;}
.w95 {width:95%!important;}
.w90 {width:90%!important;}
.w85 {width:85%!important;}
.w80 {width:80%!important;}
.w75 {width:75%!important;}
.w70 {width:70%!important;}
.w66 {width:66%!important;}
.w65 {width:65%!important;}
.w60 {width:60%!important;}
.w55 {width:55%!important;}
.w50 {width:50%!important;}
.w45 {width:45%!important;}
.w40 {width:40%!important;}
.w35 {width:35%!important;}
.w34 {width:34%!important;}
.w33 {width:33%!important;}
.w30 {width:30%!important;}
.w25 {width:25%!important;}
.w20 {width:20%!important;}
.w15 {width:15%!important;}
.w10 {width:10%!important;}
.w05 {width:05%!important;}

/* ボックス・テーブル装飾 */
.bgRed {background-color: #e94646!important;}
.bgBlue {background-color: #78ceff!important;}
.bgVividBlue {background-color: #0097ff!important;}
.bgLtBlue {background-color: #cdecfe!important;}
.bgWhite {background-color: #fff!important;}
.bgEmerald {background-color: #019A9F!important;}
.bgGreen {background-color: #b7dddc!important;}
.bgLtGreen {background-color: #DFF9F6!important;}
.bgLtGray {background-color: #eee!important;}
.bgGray {background-color: #999!important;}
.bgDarkGray {background-color: #666!important;}
.bgLtYellow {background-color: #fefcab!important;}
.bgMagenta {background-color: #f22ca2!important;}

.bdRed,
.bdRed th,
.bdRed td{border-color: #e94646!important;}
.bdBlue,
.bdBlue th,
.bdBlue td{border-color: #78ceff!important;}
.bdVividBlue,
.bdVividBlue th,
.bdVividBlue td{border-color: #0097ff!important;}
.bdLtBlue,
.bdLtBlue th,
.bdLtBlue td{border-color: #cdecfe!important;}
.bdWhite,
.bdWhite th,
.bdWhite td{border-color: #fff!important;}
.bdEmerald,
.bdEmerald th,
.bdEmerald td{border-color: #019A9F!important;}
.bdGreen,
.bdGreen th,
.bdGreen td{border-color: #b7dddc!important;}
.bdLtGreen,
.bdLtGreen th,
.bdLtGreen td{border-color: #DFF9F6!important;}
.bdLtGray,
.bdLtGray th,
.bdLtGray td{border-color: #eee!important;}
.bdGray,
.bdGray th,
.bdGray td{border-color: #999!important;}
.bdDarkGray,
.bdDarkGray th,
.bdDarkGray td{border-color: #666!important;}
.bdLtYellow,
.bdLtYellow th,
.bdLtYellow td{border-color: #fefcab!important;}
.bdMagenta,
.bdMagenta th,
.bdMagenta td{border-color: #f22ca2!important;}

.tThick{border-top-width: 2px!important;}
.rThick{border-right-width: 2px!important;}
.bThick{border-bottom-width: 2px!important;}
.lThick{border-left-width: 2px!important;}
.Thick{border-top-width: 2px!important;border-right-width: 2px!important;border-bottom-width: 2px!important;border-left-width: 2px!important;}

.tDot{border-top-style: dotted!important;}
.rDot{border-right-style: dotted!important;}
.bDot{border-bottom-style: dotted!important;}
.lDot{border-left-style: dotted!important;}
.Dot{border-style: dotted!important;}

.tSolid{border-top-style: solid!important;}
.rSolid{border-right-style: solid!important;}
.bSolid{border-bottom-style: solid!important;}
.lSolid{border-left-style: solid!important;}
.Solid{border-style: solid!important;}

.ntBorder{border-top:none!important;}
.nrBorder{border-right:none!important;}
.nbBorder{border-bottom:none!important;}
.nlBorder{border-left:none!important;}
.nBorder{border-top: none!important;border-right: none!important;border-bottom: none!important;border-left: none!important;border:none!important;}
.nAllBorder,
.nAllBorder table,
.nAllBorder table th,
.nAllBorder table td
{border-top: none!important;border-right: none!important;border-bottom: none!important;border-left: none!important;}

/* 角丸 */
.radius03 {-webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border-radius: 3px!important;}
.radius05 {-webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important;}
.radius07 {-webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important;}
.radius10 {-webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important;}
.radius15 {-webkit-border-radius: 15px!important; -moz-border-radius: 15px!important; border-radius: 15px!important;}
.radius20 {-webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; border-radius: 20px!important;}
.radius25 {-webkit-border-radius: 25px!important; -moz-border-radius: 25px!important; border-radius: 25px!important;}
.radius30 {-webkit-border-radius: 30px!important; -moz-border-radius: 30px!important; border-radius: 30px!important;}
.radius35 {-webkit-border-radius: 35px!important; -moz-border-radius: 35px!important; border-radius: 35px!important;}
.radius40 {-webkit-border-radius: 40px!important; -moz-border-radius: 40px!important; border-radius: 40px!important;}
.radius45 {-webkit-border-radius: 45px!important; -moz-border-radius: 45px!important; border-radius: 45px!important;}
.radius50 {-webkit-border-radius: 50px!important; -moz-border-radius: 50px!important; border-radius: 50px!important;}

/* ボックスに影 */
.boxshadow{-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.75)!important; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.75)!important; box-shadow: 1px 1px 3px rgba(0,0,0,0.75)!important;}


/*矢印付き装飾*/
.arrow{
    margin:0 0 0 -8px;
    padding:0 0 0 8px;
    background:url(/en/commons/img/top/ico_arrow_blue.png) left 50% no-repeat;
    /* For IE 6/7 */
    *zoom:1;
}.arrow.white{
    background:url(/en/commons/img/common/ico_arrow_white.png) left 50% no-repeat;
}.arrow.biz{
    background:url(/en/commons/img/common/ico_arrow_biz.png) left 50% no-repeat;
}.arrow.green{
    background:url(/en/commons/img/top/ico_arrow_green.png) left 50% no-repeat;
    /* For IE 6/7 */
    *line-height:105%;
}

/*定義リスト*/
.separateList{
    margin:0 0 -12px;
}
.separateList dt{
    clear:both;
    float:left;
}
.separateList dt img{
    vertical-align:top;
}
.separateList dd{
    margin:0 0 12px;
    padding:0 0 0 106px;
    line-height:138.46%;
}
.separateList a{color:#003399;}
.separateList a:visited{color:#330099;}

.separateList span.date{
    display:block;
    margin:0 0 0 -8px;
    padding:0 0 3px;
}


html, body{
    height:100%;
}


/* 吹き出し装飾 rsato edit Start 20150225 */
.fukidashi400{
    background: url(/en/commons/img/common/bg_fukidashi_w465_top.png) top left no-repeat;
    width:425px!important;
    padding:3px 15px 0 25px!important;
    height:auto!important;
}
.fukidashi400 .btmFk{
    background: url(/en/commons/img/common/bg_fukidashi_w465_btm.png) bottom left no-repeat;
    padding: 1px 15px 15px 25px;
    margin: 0px -15px 0 -25px;
}
.fukidashi400{
    line-height: 1.4!important;
}
.fukidashi400 .btmFk em{
    margin: 0px;
}
/* rsato edit End */



/* ===== wrap ===== */
div#wrap{
    position:relative;
    min-height:100%;
    height:auto !important;
    height:100%;
}


/* ===== wrapInner ===== */
body#basic div#wrapInner{
    padding:0 0 308px 0;
}body#basic div#wrapInner.nonPagetop{
    padding:0 0 208px 0;
}


/* ===== header ===== */
div#header.simple{
    background:#fff;
    border-bottom:3px solid #B7C8DD;
}

/* ===== SNSボタン ===== */
div#header ul#snsBtn {
    float:right;
    margin:-10px 0 5px 0;
}
div#header ul#snsBtn li {
    float:left;
    margin-left:-30px;
}

/*headerLine*/
div#headerLine{
    width:100%;
    height:33px;
    color:#ffffff;
    background:url(/en/commons/img/common/bg_headerline.png) left top repeat;
}
div#headerLine div.inner{
    width:900px;
    margin:0 auto;
}
div#headerLine div.inner div.innerInner{
    position:relative;
    width:900px;
}

div#headerLine h1{
    margin:8px 0 8px 6px;
    font-weight:normal;
    line-height:1.2;
}

/*headerList*/
ul#headerList{
    position:absolute;
    top:0;
    right:0;
    font-size:92.31%;
    line-height:266.67%;
}
ul#headerList li{
    float:left;
}ul#headerList li.eng{
    margin:0 9px 0 0;
}ul#headerList li{
    margin:0 23px 0 0;
}
ul#headerList li a{
    color:#ffffff;
}

/*headerAd*/
#header #headerAdBox {
    background:#fff000;
    height:40px;
    text-align:center;
}


/*searchBox*/
p#searchBox{
    margin:5px 0 0 0;
    font-size:92.31%;
}
input#sbBox{
    width:170px;
    padding:3px 7px 3px;
    margin:0 3px 0 0;
    border:1px solid #b7c8dd;
    color:#999999;
}input#sbBox:focus{
    color:#333333;
}
input#sbBtn{
    vertical-align:top;
}

/*headerContents*/
div#headerContents{
    background:#ffffff;
}div#header.simple div#headerContents{
    background:#ffffff;
}
div#headerContents div.inner{
    width:900px;
    margin:0 auto;
    padding:0px 0 0px;
}div#header.simple div#headerContents div.inner{
    position:relative;
}div#headerContents.top div.inner{
    padding:7px 0;
}
div#headerContents div.inner div.innerInner{
    position:relative;
    width:100px;
}div#headerContents.top div.inner div.innerInner{
    width:492px;
}h1#logo{
    width:166px;
    height:31px;
    padding:5px 0 7px;
}div#header.simple h1#logo{
    padding:16px 0 15px;
}div#headerContents.top h1#logo{
    width:187px;
    height:40px;
    padding:4px 0 8px;
}
h1#logo a{
    display:block;
}

h1#logoother{
    width:166px;
    height:31px;
    padding:5px 0 7px;
}div#header.simple h1#logoother{
    padding:24px 0 15px;
}div#headerContents.top h1#logoother{
    width:187px;
    height:40px;
    padding:4px 0 8px;
}
h1#logoother a{
    display:block;
}


p#hcBanner{
    position:absolute;
    top:0;
    right:0;
    padding:11px 0 4px;
}div#headerContents.top p#hcBanner{
    padding:4px 0 8px;
}p#hcBanner a{
    display:block;
}
p#bizLink a{
    display:block;
}
p#bizLink img{
    width:223px;
    height:44px;
    margin:1px -3px -5px -1px;
}


/* rsato edit Start 20150625 */
div#indexSlider .inner{width:900px; margin:0 auto;}
/* rsato edit End */



/*headerContents*/
div#header.simple dl#hsPhone{
    position:absolute;
    top:5px;
    right:0;
    width:173px;
}div#header.simple dl#hsPhone img{
    vertical-align:top;
}

/*headerSupport*/
dl#headerSupport{
    width:401px;
    height:52px;
}
dl#headerSupport dt{
    float:left;
}
dl#headerSupport dd{
    position:relative;
    float:right;
    width:203px;
    height:52px;
    background:url("/en/commons/img/common/bg_headersupport.png") right top no-repeat;
    font-size:13px;
}dl#headerSupport li#hs01{
    position:absolute;
    top:8px;
    left:19px;
}dl#headerSupport li#hs02{
    position:absolute;
    top:8px;
    left:105px;
}dl#headerSupport li#hs03{
    position:absolute;
    top:27px;
    left:19px;
}
dl#headerSupport li a:link {
    color: #333333;
}
dl#headerSupport li a:visited {
    color: #330099;
}
dl#headerSupport li a:hover {
    color: #003399;
}
dl#headerSupport li a:active {
    color: #003399;
}


/* ===== bottom ===== */
div#bottom{
    width:100%;
    border-top:2px solid #B7C8DD;
    background:url(/en/commons/img/common/bg_headerline.png) left top repeat;
}body#basic div#bottom{
    position:absolute;
    bottom:0;
}div#bottom.simple{
    border-top:3px solid #B7C8DD;
    background:#fff;
}
div#bottom div.inner{
    width:900px;
    margin:0 auto;
    padding:15px 0 10px;
}div#bottom.simple div.inner{
    padding:15px 0 15px;
}

/*footerNavi*/
ul#footerNavi{
    margin:0 0 13px;
    text-align:center;
    font-size:15px;
    letter-spacing:0.02em;;
}
ul#footerNavi a{
    color:#ffffff;
}
ul#footerNavi li{
    display:inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
    padding:0 17px 0;
    line-height:115.38%;
    border-right:1px solid #89A8BE;
}
ul#footerNavi li.firstItem{
    border-left:1px solid #89A8BE;
}

/*footerSubNavi*/
ul#footerSubNavi{
    margin:0 0 15px;
    text-align:center;
    font-size:12px;
    letter-spacing:0.03em;
}
ul#footerSubNavi a{
    color:#ffffff;
}
ul#footerSubNavi li{
    display:inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
    padding:0 12px 0;
    line-height:100%;
    border-right:1px solid #89A8BE;
}ul#footerSubNavi li.lastItem{
    border-right:none;
}

/*footerText*/
dl#footerText{
    width:506px;
    min-height:58px;
    _height:58px;
    margin:0 0 20px;
    padding:10px 16px;
    background:#5190BC;
    color:#ffffff;
}
dl#footerText dt{
    margin:0 0 5px;
    font-weight:bold;
}
dl#footerText dd{
    font-size:84.62%;
}
dl#footerText a:link{color:#ffffff;}
dl#footerText a:visited{color:#ffffff;}
dl#footerText a:hover{color:#ffffff;text-decoration:none;}
dl#footerText a:active{color:#ffffff;}

/*footerBanner*/
ul#footerBanner{
    width:354px;
    margin:0 -7px 20px 0;
}
ul#footerBanner li{
    float:left;
    margin:0 7px 0 0;
}
ul#footerBanner img{
    vertical-align:top;
}
ul#footerBanner li#pmark {
    width:75px;
    heigth:78px;
    background:#fff;
    padding-top:2px;
}

/*copyright*/
p#copyright{
    clear:both;
    text-align:right;
    color:#b7c8dd;
    line-height:100%;
}div#bottom.simple p#copyright{
    text-align:center;
    color:#000000;
}


/* ===== contents ===== */
div#contents{
    background:#f4f4f4;
    padding:30px 0 40px;
}
div#mainContents{
    width:900px;
    margin:0 auto;
}


/* ===== gotoTop ===== */
p#gotoTop{
    position:absolute;
    bottom:237px;
    width:900px;
    margin:0 auto 0;
    text-align:right;
}div#bottom.simple p#gotoTop{
    bottom:65px;
}
p#gotoTop a {
    background: url(/en/commons/img/common/bg_gototop.gif) left top no-repeat;
    color: #19283C;
    padding-left: 25px;
    text-decoration: none;
    line-height:153.85%;
}
p#gotoTop a:hover {
    background-position: 0 -20px;
    color: #8C939D;
    text-decoration: none;
}


/* ===== closeBtn ===== */
p.closeBtn{
    border-top:1px dotted #a4a4a4;
    text-align:center;
    width:624px;
    margin:0 auto;
    padding:25px 0 0;
}p.closeBtn02{
    border-top:1px dotted #a4a4a4;
    text-align:center;
    width:624px;
    margin:0 auto 30px;
    padding:25px 0 0;
}

span.info_new{
    background:red;
    padding:2px 5px 1px 5px;
    font-weight:bold;
    color:#ffffff;
    margin:0 10px 0 0;
    font-size:84.62%;
}

/* Footer LP */
div#LPFooter{
    width:100%;
    background:#f5f5f5;
}div#LPFooter div.LPinner{
    width:882px;
    padding:10px 0 12px 0;
    margin:0 auto;
}div#LPFooter div#inner_left{
    float:left;
    width:500px;
    padding:6px 0 0 20px;
    margin:0;
    border-right:1px solid #B7C8DD;
}div#LPFooter div#inner_right{
    float:right;
    width:300px;
    padding:6px 20px 0 40px;
    margin:0;
}div#LPFooter p.fm_t{
    margin:0 0 10px;
    padding:0 0 0 8px;
    color:#666666;
    font-weight:normal;
    font-size:107.69%;
    line-height:100%;
}
div#LPFooter ul.fmList{
    padding:0 0 0 18px;
}div#LPFooter ul.list_left{
    float:left;
    width:225px;
}
div#LPFooter ul.fmList li{
    margin:0 0 9px;
    line-height:123.08%;
}
div#LPFooter ul.fmList li a{
    margin:0 0 0 -8px;
    padding:0 0 0 8px;
    background:url(/en/commons/img/top/ico_greaterthan.png) left 50% no-repeat;
    /* For IE 6/7 */
    *zoom:1;
}div#LPFooter ul.fmList li li a{
    background:url(/en/commons/img/top/ico_dot.png) left 50% no-repeat;
}
div#LPFooter ul.fmList li a:link{color:#666666; text-decoration:none;}
div#LPFooter ul.fmList li a:visited{color:#330099;}
div#LPFooter ul.fmList li a:hover{color:#003399; text-decoration:underline;}
div#LPFooter ul.fmList li a:active{color:#003399;}
div#LPFooter ul.fmList ul{
    margin:0 0 -9px;
    padding:9px 0 4px 18px;
}
#topBtn {
    width:900px;
    text-align:right;
    margin:0 auto -46px;
}
#topBtn img.gototopBtn {
    width:170;
    height:31px;
}
