@charset "utf-8";

/* ------------------------------------------------------
CSS Information

File name   : default.css
Created     : 2010-04-11 apapane win !
Last update : 2010-04-11
Style Info  : リセット/基本設定

------------------------------------------------------ */


/* ------------------------------------------------------
リセット
------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  font-size: 95%;
  line-height: 1.4;
  font-family:'MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  line-height: 1.4;
  text-align: center; /*IE これやらないと左寄せになる*/
  background-color: #fff;
}

html {
  overflow-y: scroll;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------------
基本設定
------------------------------------------------------ */
a{color: #2200c1;}
a:visited{color:#551a8b;}
a{text-decoration:none;}
a:hover{color:#ef5e10; text-decoration:underline;}
a img{border:0}

.ads-center{
  margin: 10px 0;
}

#ads-center-left{
  float: left;
}

#ads-center-right{
  float: right;
}

/***************************************************
margin
***************************************************/
.m0{margin:0;}
.m5{margin:5px;}
.m15{margin:15px;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:50px;}
.ml80{margin-left:80px;}

/***************************************************
padding
***************************************************/
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

/***************************************************
 width
***************************************************/
.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w11{width: 11%;}
.w12{width: 12%;}
.w13{width: 13%;}
.w14{width: 14%;}
.w15{width: 15%;}
.w16{width: 16%;}
.w17{width: 17%;}
.w18{width: 18%;}
.w19{width: 19%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w33{width: 33%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}

/***************************************************
text align
***************************************************/
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

/***************************************************
button
***************************************************/
button.btn-navy-blue {
    width: 200px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 35px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    /* text-indentを入れないと中央寄せにならない */
    letter-spacing: 0.5rem;
    text-indent: 0.5rem;

    color: #fff;
    background-color: #083D6D !important;
    border: none !important;
}

button.btn-navy-blue:hover {
    color: #fff;
    opacity: 0.75;
}

/***************************************************
 テーブル
***************************************************/
.common-table {
    width: 100%;
}

.common-table th,
.common-table td {
    border: 1px solid #999999;
    padding: 15px;
}

.common-table th {
    font-weight: bold;
    background-color: #eee;
}

.common-table td {
    background-color: #fff;
}

/***************************************************
 その他
***************************************************/
/***********************
 word-break
***********************/
.wb-all{word-break: break-all;}
.wb-bw{word-break: break-word;}

/***********************
 clear
***********************/
.clear-l{clear: left;}
.clear-r{clear: right;}
.clear-b{clear: both;}

/***********************
 font weight
***********************/
.text-bold{font-weight: 700;}