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

.midashiyo {width:780px; height:32px; margin-top:500px; margin-bottom:10px; background:#e8eaeb;}
.midashiyo:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.midashiyo h2{height:32px !important; background:url("../images/midashi_left.png") repeat-x !important; padding-top:5px !important; padding-left:13px !important; z-index:100; float:left; color:#FFF; font-size:16px !important; font-weight:normal;}
.midashiyo .right{display:block; width:30px; height:32px; background:url("../images/midashi_right.png") no-repeat; float:left;}

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

.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}

.pt0{padding-top:0px !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;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !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;}


.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;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.colorWhite{color:#fff !important;}
.colorYellow{color:#ffe15d !important;}

.h110{height: 110px !important;}


/* list */
#contents p.note01,
#contents ul.note01 li{
	text-indent:-1.352em;
	margin-left:1.352em;
	line-height:150%;
}

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

Layout

==========================================*/
/* contents
------------------------------------------*/
#contents {
    float: left;
    width: 780px;
    height: 440px;
    background: url(../images/mail/bg_cont.png) no-repeat 0 0;
    color: #666;
    font-size: 12px;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
#contents a{
    text-decoration: underline;
}
#contents a:hover{
    text-decoration: none;
}
#contents h2{
    padding: 48px 0 0 157px;
}
#contents .catch{
    width: 650px;
    margin: 30px auto 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
#contents .catch a{
    color: #fffc00;
}
#contents .box2{
    width: 626px;
    margin: 15px auto 0;
    padding: 22px 17px 25px;
    background: #fff;
}
/* list */
#contents p.note01,
#contents ul.note01 li{
    text-indent:-1.352em;
    margin-left:1.352em;
    line-height:150%;
}
#contents ul.note01 li a{
    color: #3f92e0;
}