@charset "UTF-8";

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.9375em;
    line-height:1.7;
    color: #333;
    letter-spacing:normal;
    text-align: justify;
    text-justify: inter-ideograph;
    background: url(/images/back.jpg) 0 0 repeat;
    min-width: 980px;
}

/*    基本
---------------------------------------- */

.rollopacity:hover{
    opacity:0.7;
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    -khtml-opacity: .70; /* Safari 1.x */
    -moz-opacity: .70; /* FF lt 1.5, Netscape */
}

.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

img {
    max-width:100%;
    height: auto;
}

table {
    width:100%;
}

.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.radius4 {
    border-radius: 4px;
      /* Firefox v1.0+ */
    -moz-border-radius:4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}
.boxshadow {
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
}
.boxshadow2 {
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
}

.boxss {
    box-sizing: border-boxbode:
}
.textsa {
  -webkit-text-size-adjust: 100%;
}


/*    clearfix
---------------------------------------- */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*    android
---------------------------------------- */

p,td,h1,h2,h3 {
    background-image: url(/images/dummy.png) ;
}


/*    トップへ戻る
---------------------------------------- */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 85%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 10px;
    text-align: center;
    display: block;
    border-radius: 25px;
    -moz-border-radius:25px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:25px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    -khtml-opacity: .70; /* Safari 1.x */
    -moz-opacity: .70; /* FF lt 1.5, Netscape */
}
#page-top a:hover {
    text-decoration: none;
    background: #15407a;
}



/*    margin-padding
---------------------------------------- */

.mt0{ margin-top:0 !important; }
.mt5{ 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; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ 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; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb100{ margin-bottom:100px !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; }
.mr115{ margin-right:115px !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; }
.ml110{ margin-left:130px !important; }

.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }

.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.p25 { padding: 25px;}


/*    text/box
---------------------------------------- */

.fs10 {font-size: 0.666em;}
.fs11 {font-size: 0.733em;}
.fs12 {font-size: 0.8em;}
.fs13 {font-size: 0.866em;}
.fs14 {font-size: 0.933em;}
.fs16 {font-size: 1.0666em;}
.fs17 {font-size: 1.1333em;}
.fs18 {font-size: 1.2em;}
.fs20 {font-size: 1.333em;}
.fs24 {font-size: 1.6em;}
.fs28 {font-size: 1.866em;}

.fonfwb{
    font-weight:bold;
}
.wsn{white-space: nowrap;}
.fonfwb6{
    font-weight:600;
}

.lesp1 {
    letter-spacing:0.08em;
}

a{
    color: #1d508c;
    text-decoration:none;
}
a:visited{
    color: #1d508c;
    text-decoration:none;
}
a:hover{
    color: #1d508c;
    text-decoration:underline;
}

.udline {
    text-decoration:underline;
}

.lh140{line-height:1.4;}
.lh150{line-height:1.5;}
.lh160{line-height:1.6;}
.lh170{line-height:1.7;}
.lh190{line-height:1.9;}
.lh200{line-height:2.0;}

.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }
.alignM { margin: 0px auto; }
.floatL { float: left; }
.floatR { float: right; }

.pore {
    position:relative;
}

.ie_yokaku {
margin: 0px;
border: 0px;
padding: 0px;
font-size: 0px;
vertical-align:bottom;
}

.wi960 {
    width: 960px;
}
.w417 {
    width: 437px;
}
.w480 {
    width: 480px;
}
.w470 {
    width: 470px;
}
.w460 {
    width: 460px;
}
.w442 {
    width: 442px;
}
.w439 {
    width: 439px;
}
.w450 {
    width: 450px;
}
.w453 {
    width: 453px;
}
.w407 {
    width: 407px;
}
.w155 {
    width: 155px;
}
.w275 {
    width: 275px;
}
.w270 {
    width: 270px;
}
.w640 {
    width: 640px;
}
.w240 {
    width: 240px;
}
.w255 {
    width: 255px;
}
.w381 {
    width: 360px;
    padding-right:25px ;
}
.w980 {
    width: 980px;
    margin: 0 auto 0 auto;
}
.ulfl li {
    float: left;
}

.valineM {
    vertical-align: middle;
}
.valineT {
    vertical-align: top;
}
.valineB {
    vertical-align: bottom;
}

.radius4 {
    border-radius: 4px;
      /* Firefox v1.0+ */
    -moz-border-radius:4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}
.borderb {
    border:#33a6b8 solid 1px;1
}
.borderc {
    border:#ccc solid 1px;
}
.bordero {
    border:#f7a507 solid 1px;
    background: #fff;
}


/*    ヘッダー
---------------------------------------- */

#t_logo {
    position: absolute;
    top : -85px;
    left: -7px;
    z-index: 10;
}
#logo {
    position: absolute;
    width: 169px;
    top : -86px;
    left: -7px;
    z-index: 10;
}
.w960 {
    width: 960px;
    margin: 0 auto 0 auto;
}
#toph1 {
    position: absolute;
    width: 600px;
    top :425px;
    left: 358px;
    z-index: 20;
}
#lang li {
    float: left;
    padding-left: 15px;
    line-height: 0;
}
#lang li img {
    padding-right: 5px
}
#lang li a {
    line-height: 1;
    color: #333;
}

#t_hedinfo {
    position: absolute;
    top: -48px;
    left: 204px;
    z-index: 30;
}
#hedinfo {
    position: absolute;
    top: -49px;
    left: 204px;
    z-index: 30;
}
.tobbnav {
     margin-top: 100px;
    z-index: 10;
}


/*    グローバルナビ
---------------------------------------- */

header nav {
    background: url(/images/gnav_bg.png) no-repeat center center;
    height: 65px;
    margin: 0 auto 50px auto;
    width: 100%;
    min-width: 980px;
}
header nav ul {
    width: 960px;
    margin: 0 auto 0 auto;
}
header nav ul li{
    float: left;
    padding: 0  0 0 38px;
    height: 65px;
}
header nav ul li:first-child{
    padding-left: 194px;
}
header nav ul li a{
    display: block;
    margin: 14px 0 0 0;
}


/*    メイン
---------------------------------------- */

.dlfl dt {
    float: left;
}
.dlfl dd {
    margin-left: 5.5em;
    text-align: left;
}
#keyt {
    background: url(../images/key_text.png) 0 0 no-repeat;
    position: absolute;
    width: 462px;
    height: 284px;
    left: 0px;
    top: -550px;
    left: 40px;
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.marce {
    position: absolute;
    margin: 0 auto 0 auto;
}
.slidebox {
    width: 1149px;
    height: 600px;
    position: absolute;
    top 0;
    left: 0;

}
#toplist li {
    margin-bottom: 12px;
}
#topmi1 {
    background: url(/images/topp1.png) center 0 no-repeat ;
    height: 361px;
}
#topmi2 {
    position: relative;
    width: 960px;
    height: 100px;
    background-color: #33a6b8;
        border-radius: 10px;
      /* Firefox v1.0+ */
    -moz-border-radius:10px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:10px;
    margin: 0 auto 50px auto;
}
#topmi2:after {
     content: "";
     position: absolute;
     bottom: -18px;
     left: 460px; //吹き出しの位置を指定
     display: block;
     width: 0px;
     height: 0px;
     border-style: solid;
     border-width: 20px 30px 0 30px;
     border-color: #33a6b8 transparent transparent transparent;
}

#topshou {
    background: url(/images/topp2.png) no-repeat;
    height: 845px;
}
#topmi3 {
    position: relative;
    width: 960px;
    height: 100px;
    background-color: #33a6b8;
        border-radius: 10px;
      /* Firefox v1.0+ */
    -moz-border-radius:10px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:10px;
    margin: 0 auto 70px auto;
}
#topmi3:after {
     content: "";
     position: absolute;
     bottom: -18px;
     left: 460px; //吹き出しの位置を指定
     display: block;
     width: 0px;
     height: 0px;
     border-style: solid;
     border-width: 20px 30px 0 30px;
     border-color: #33a6b8 transparent transparent transparent;
}
#toplinktoi {
    position: absolute;
    top:28px;
    left:475px
}




/*    フッター
---------------------------------------- */

.footerb{
    border-top: 30px solid #f0f0f0;
}
.footerlink a {
    color: #333;
    display: block;
    font-size: 0.89em;
    line-height: 1;
    border-right: #cecece solid 1px;
    padding-right: 20px;
    padding-left: 20px;
}
.footerlink li:first-child a{
    padding-left: 0px;
}
.footerlink li:last-child a{
    padding-right: 0px;
    border-right: none;
}
.footerlink a:visited{
    color: #333;
    text-decoration:none;
}
.footerlink a:hover{
    color: #333;
    text-decoration:underline;
}
.copyright {
    color: #9b9b9b;
}
#suisent1 {
    margin-bottom: -10px;
}
.w290 {
    width: 255px;
    padding-left: 35px;
    padding-top:170px ;
}
.w668 {
    width: 668px;
}
.suimi2 {
        padding-top:207px ;
}
.suimi3 {
        padding-top:144px ;
}
.pr30 {
    padding-right: 30px;
}

#campain {
    background: #fff;
    margin-bottom: 40px;
    border: 1px solid #EB671C;
}

#campainbox {
    padding: 20px
}

.note {
    color: #666;
}

.copy1 {
    background: url(../images/midashi1.png) 0 0 no-repeat;
    width: 552px;
    height: 63px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy2 {
    background: url(../images/topmi3.png) 0 0 no-repeat;
    width: 622px;
    height: 73px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}

.copy3 {
    background: url(../images/topmi4.png) 0 0 no-repeat;
    width: 960px;
    height: 31px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy4 {
    background: url(../images/top_aisatut.png) 0 0 no-repeat;
    width: 107px;
    height: 642px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy5 {
    background: url(../images/topmi5.png) 0 0 no-repeat;
    width: 960px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy6 {
    background: url(../images/topt13.png) 0 0 no-repeat;
    width: 959px;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy7 {
    background: url(../images/topt14.png) 0 0 no-repeat;
    width: 959px;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy8 {
    background: url(../images/topt15.png) 0 0 no-repeat;
    width: 959px;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy9 {
    background: url(../images/topt16.png) 0 0 no-repeat;
    width: 959px;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy10 {
    background: url(../images/topt17.png) 0 0 no-repeat;
    width: 959px;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy11 {
    background: url(../images/topmi6.png) 0 0 no-repeat;
    width: 960px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy12 {
    background: url(../images/topkand.png) 0 0 no-repeat;
    width: 737px;
    height: 28px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}

.copy13 {
    background: url(../images/kant1.png) 0 0 no-repeat;
    width: 345px;
    height: 54px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy14 {
    background: url(../images/kant2.png) 0 0 no-repeat;
    width: 394px;
    height: 53px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy15 {
    background: url(../images/kant3.png) 0 0 no-repeat;
    width: 393px;
    height: 53px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy16 {
    background: url(../images/kant4.png) 0 0 no-repeat;
    width: 392px;
    height: 55px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy17 {
    background: url(../images/topmi7.png) 0 0 no-repeat;
    width: 960px;
    height: 75px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy18 {
    /*background: url(../images/suisentt1.png) 0 0 no-repeat;*/
    /*width: 159px;*/
    /*height: 90px;*/
    /*text-indent: 100%;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.copy19 {
    background: url(../images/suisenttt1.png) 0 0 no-repeat;
    width: 629px;
    height: 73px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy20 {
    /*background: url(../images/suisentt2.png) 0 0 no-repeat;*/
    /*width: 213px;*/
    /*height: 67px;*/
    /*text-indent: 100%;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.copy21 {
    background: url(../images/suisenttt2.png) 0 0 no-repeat;
    width: 633px;
    height: 73px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy22 {
    /*background: url(../images/suisentt3.png) 0 0 no-repeat;*/
    /*width: 230px;*/
    /*height: 90px;*/
    /*text-indent: 100%;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.ttl_gray{
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #9D9D9D;
}

.ttl_mincho{
    display: block;
    font-size: 32px;
    color: #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.copy23 {
    background: url(../images/suisenttt3.png) 0 0 no-repeat;
    width: 591px;
    height: 73px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy24 {
    background: url(../images/topmi8.png) 0 0 no-repeat;
    width: 960px;
    height: 46px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy25 {
    background: url(../images/topme1.png) 0 0 no-repeat;
    width: 957px;
    height: 259px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy26 {
    background: url(../images/topme2.png) 0 0 no-repeat;
    width: 957px;
    height: 250px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy27 {
    background: url(../images/topme3.png) 0 0 no-repeat;
    width: 957px;
    height: 247px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy28 {
    background: url(../images/topme4.png) 0 0 no-repeat;
    width: 957px;
    height: 250px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copy29 {
    background: url(../images/topmm.png) 0 0 no-repeat;
    width: 832px;
    height: 589px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
}

.topco1 {
    background: url(../images/toplist01.png) 0 0 no-repeat;
    width: 552px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.topco2 {
    background: url(../images/toplist02.png) 0 0 no-repeat;
    width: 552px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.topco3 {
    background: url(../images/toplist03.png) 0 0 no-repeat;
    width: 552px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.topco4 {
    background: url(../images/toplist04.png) 0 0 no-repeat;
    width: 552px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.topco5 {
    background: url(../images/toplist05.png) 0 0 no-repeat;
    width: 552px;
    height: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.logop {
    background: url(../images/logo.png) 0 0 no-repeat;
    width: 169px;
    height: 174px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mensekit {
    width: 100%;
    font-size: 12px;
    color: #CC002E;
}

/*.blog {*/
/*    position: absolute;*/
/*    width: 260px;*/
/*    top :440px;*/
/*    left: 700px;*/
/*    z-index: 20;*/
/*}*/

/*.yoyaku1 {*/
/*    position: absolute;*/
/*    width: 250px;*/
/*    top :470px;*/
/*    left: 430px;*/
/*    z-index: 20;*/
/*}*/


.sihob {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}
.sihob h3 {
    color: #E66665;
    font-size: 24px;
}

.conb {
    border: 1px solid #CBCBCB;
}

.tered {
    color: #E32524
}

.p50 {
    margin: 30px 80px;
}