@charset "UTF-8";

body {
    font-family: 'Arimo', sans-serif;
    font-size: 0.9375em;
    line-height:1.65;
    color: #333;
    letter-spacing:normal;
    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%;
}

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);
}
.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; }

.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; }

.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; }
.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;}
.fs26 {font-size: 1.7333em;}
.fs28 {font-size: 1.866em;}
.fs29 {font-size: 1.95em;}

.fonfwb{
    font-weight:bold;
}

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: 377px;
    padding-right:30px ;
}
.ulfl li {
    float: left;
}

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

.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;
    background: #fff;
}
.borderc {
    border:#ccc solid 1px;
}
.bordero {
    border:#f7a507 solid 1px;
    background: #fff;
}


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

#t_logo {
    position: absolute;
    top : -95px;
    left: -10px;
    z-index: 10;
}
#logo {
    position: absolute;
    top : -86px;
    left: -7px;
    z-index: 10;
}
.w960 {
    width: 960px;
    margin: 0 auto 0 auto;
}
#toph1 {
    position: absolute;
    width: 600px;
    top :-83px;
    left: 149px;
    z-index: 20;
}

#t_hedinfo {
    position: absolute;
    top: -48px;
    left: 437px;
    z-index: 30;
}
#hedinfo {
    position: absolute;
    top: -58px;
    left: 190px;
    z-index: 30;
}
.tobbnav {
     margin-top: 120px;
    margin-bottom: 0px;
        z-index: 10;
}
#hedlang {
    position: absolute;
    width: 192px;
    top: -87px;
    left: 769px;
}
#lang li {
    float: left;
    text-align: right;
    width: 98px;
    line-height: 1;
}
#lang li:last-child {
    padding-left: 10px;
    width: 82px;
    line-height: 1;
}
#lang li a img {
    padding-right: 5px
}
#lang li a {
    color: #333;
}
#lang li a:visited {
    color: #333;
}
#lang li a:hover {
    color: #333;
    text-decoration: underline;
}


#toph12 {
    position: absolute;
    width: 600px;
    top :-98px;
    left: 149px;
    z-index: 20;
}
#t_logo2 {
    position: absolute;
    top : -102px;
    left: -10px;
    z-index: 10;
}
#t_hedinfo2 {
    position: absolute;
    top: -60px;
    left: 437px;
    z-index: 30;
}
#hedlang2 {
    position: absolute;
    width: 192px;
    top: -103px;
    left: 769px;
}




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

header nav {
    background: url(/images/gnav_bg.png) no-repeat center center;
    height: 65px;
    margin: 0 auto 60px auto;
}
header nav ul {
    width: 960px;
    margin: 0 auto 0 auto;
    font-family: 'Sorts Mill Goudy', serif;
    font-size: 1.31em;
}
header nav ul li{
    float: left;
    padding: 0  0 0 57px;
    height: 65px;
}
header nav ul li:first-child{
    padding-left: 0px ;
}
header nav ul li a{
    display: block;
    margin: 19px 0 0 0;
    color: #333;
}
header nav ul li a:visited{
    color: #333;
    text-decoration: none;
}
header nav ul li a:hover{
    color: #f7a507;
    text-decoration: none;
}



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

.dlfl dt {
    float: left;
}
.dlfl dd {
    margin-left: 5.5em;
}
#keyv {
    background:url(/images/key_vi.png) no-repeat center center;
    height: 486px;
    margin-bottom: 70px;
}
#keyt {
    position: absolute;
    width: 519px;
    left: 0px;
    top: -490px;
    left: 40px;
    z-index: 10;
}
#toplist li {
    margin-bottom: 12px;
}
#topmi1 {
    background: url(/images/topp1.png) center 0 no-repeat ;
    height: 361px;
}
#topmi2 {
    background: url(/images/topmi2bg.png) repeat-x ;
    height: 114px;
    margin-bottom: 50px;
}
#topshou {
    background: url(/images/topp2.png) no-repeat;
    height: 845px;
}
#topmi3 {
    background: url(/images/topmi3bg.png) repeat-x ;
    height: 140px;
    margin-bottom: 50px;
}
#toplinktoi {
    position: absolute;
    top:23px;
    left:460px
}



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

.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: 23px;
    padding-left: 23px;
}
.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:195px ;
}
.w668 {
    width: 668px;
}

.suimi2 {
        padding-top:207px ;
}
.suimi3 {
        padding-top:144px ;
}
.pr30 {
    padding-right: 30px;
}

.blog {
    position: absolute;
    width: 260px;
    top :-194px;
    left: 702px;
    z-index: 20;
}