@charset "utf-8";

/*==========================================

common

==========================================*/
.fLeft{float:left;}
.fRight{float:right;}
.alignR{text-align:right !important;}
.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignVM{vertical-align:middle !important;}
.alignVT{vertical-align:top !important;}
.alignVB{vertical-align:bottom !important;}
.alignVBase{vertical-align:baseline !important;}
em{
    font-weight: bold;
    font-style: normal;
}
.first-child{margin-top:0px !important;}
.mAuto{margin:0 auto !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;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb35{margin-bottom:35px !important;}

.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !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;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml135{margin-left:135px !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.font10{font-size: 10px;}
.font14{font-size: 14px;}
.bold{font-weight: bold;}
.colorR{color:#b5000e;}

/* list */
#contents p.note01,
#contents ul.note01 li{
    text-indent:-1.352em;
    margin-left:1.352em;
    line-height:150%;
}
/* Disc */
#contents ul.list-disc {
    margin-bottom:0;
}
#contents ul.list-disc li {
    margin-left:15px;
    list-style-type:disc;
}

/*==========================================

Layout

==========================================*/
/* contents
------------------------------------------*/
html,body {
    width: 100%;
}
p,ul,li,dl,dt,dd,h1,h2,h3,h4{
    margin: 0;
    padding: 0;
    line-height: 1;
}
ul,li{
    list-style-type: none;
}
a,iframe{
    border: 0;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

#wrap {
    width: 1920px;
    background: #fff;
    margin: 0 auto;
}

#contents {
    background:url(../images/bg_cont_top.jpg) no-repeat center top;
}
#contents_btm {
    background:url(../images/bg_cont_btm.jpg) no-repeat center bottom;
}
/* head
------------------------------------------*/
#head {
    width: 1200px;
    height: 471px;
    margin: 0 auto;
    position: relative;
    background:url(../images/bg_head.png) no-repeat 0 0;
}
#head h2{
    width: 527px;
    height: 79px;
    background:url(../images/head_txt.png) no-repeat 0 0;
    position: absolute;
    top: 352px;
    left: 335px;
    text-indent: -9999px;
}


/* section
------------------------------------------*/
#section {
    width: 1140px;
    margin: 0 auto;
}
#section h3{
    text-align: center;
    margin-bottom: 15px;
}

#section .box {
    height: 635px;
    background:url(../images/bg_clb.png) no-repeat center 0;
}
#section .box dl{
    width: 510px;
    height: 635px;
}

#section .box dl.n01{ background:url(../images/bg_clb_01.jpg) no-repeat 0 0; float: left;}
#section .box dl.n02{ background:url(../images/bg_clb_02.jpg) no-repeat 0 0; float: right;}
#section .box dl.n03{ background:url(../images/bg_clb_03.jpg) no-repeat 0 0; float: left;}
#section .box dl.n04{ background:url(../images/bg_clb_04.jpg) no-repeat 0 0; float: right;}

#section .box dl dt{
    height: 472px;
    text-indent: -9999px;
}
#section .box dl dd,
#section .box dl dd ul{
    text-align: center;
}
#section .box dl dd{
    margin-bottom: 20px;
}
#section .box dl dd ul li{
    display: inline-block;
}


/* foot
------------------------------------------*/
#foot{
    margin-top: 48px;
}

#foot .copy{
    width: 897px;
    height: 159px;
    margin: 0 auto;
    padding-bottom: 37px;
    background:url(../images/txt_copy.png) no-repeat 0 0;
    text-indent: -9999px;
}

#contents a:hover img{
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}