@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他
=================================================================== */

/* ----------------------------------------------------
 Common
---------------------------------------------------- */
* { margin: 0; padding: 0; }

body { margin:0; padding:0; font-size:14px; color:#111111; line-height:1.6; background:#fff; font-family:"ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; }
a { outline: none; }
h1#contentsttl { font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
p { margin:0; padding:0; }
ul, ol, dl { list-style: none; margin: 0; padding: 0; }
em { padding: 0; font-weight: normal; font-style: normal; text-decoration:none; }
img { border:none; vertical-align:bottom; line-height:1; }
fieldset { border: none; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }


/* ----------------------------------------------------
 margin/padding
---------------------------------------------------- */
.mt00 { margin-top: 0px!important; }
.mt05 { 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; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }

.mb00 { margin-bottom: 0px!important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }

.ml00 { margin-left: 0px!important; }
.ml05 { 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; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }
.ml60 { margin-left: 60px!important; }
.ml70 { margin-left: 70px!important; }
.ml80 { margin-left: 80px!important; }

.mr00 { margin-right: 0px!important; }
.mr05 { 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; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.mr60 { margin-right: 60px!important; }
.mr70 { margin-right: 70px!important; }
.mr80 { margin-right: 80px!important; }

.pt15 { padding-top:15px!important;}
.pt30 { padding-top:30px!important;}
.pb15 { padding-bottom:15px!important;}
.pb30 { padding-bottom:30px!important;}


/* ----------------------------------------------------
 font
---------------------------------------------------- */

.fs10 { font-size:72%; }
.fs11 { font-size:79%; }
.fs12 { font-size:86%; }
.fs14 { font-size:100%; }
.fs16 { font-size:115%; }
.fs18 { font-size:129%; }
.fs20 { font-size:143%; }
.fs22 { font-size:158%; }
.fs24 { font-size:172%; }
.fs26 { font-size:186%; }
.fs28 { font-size:200%; }
.fs30 { font-size:214%; }
.fs32 { font-size:228%; }
.fs34 { font-size:242%; }
.fs36 { font-size:258%; }
.fs38 { font-size:272%; }
.fs42 { font-size:300%; }
.fs44 { font-size:314%; }
.fs46 { font-size:328%; }
.fs48 { font-size:342%; }
.fs50 { font-size:356%; }
.fs56 { font-size:400%; }
.fs62 { font-size:444%; }

.fsL { font-size:115%!important; }
.fsXL { font-size:129%!important; }
.fsXXL { font-size:143%!important; }
.fs2L { font-size:143%!important; }
.fs3L { font-size:157%!important; }
.fs4L { font-size:171%!important; }
.fsS { font-size:86%!important; }
.fsXS { font-size:72%!important; }


.txts { font-size:12px; margin-top:5px; }
.txtsG { font-size:12px; color:#666666; margin-top:5px; }
.txtxsG { font-size:10px; color:#666666; margin-top:5px; }

.fwb { font-weight:bold;}
.fcRed { color:#e73619; }
.fcOre { color:#ff9900; }
.fcGray { color:#666666; }
.fcWhite { color:#FFF; }
.fcYellow { color:#fff5d4; }

.supText { font-size:10px; vertical-align:top; position:relative; top:-0.1em; }


/* ----------------------------------------------------
 layout
---------------------------------------------------- */

.taC { text-align:center!important; }
.taL { text-align:left!important; }
.taR { text-align:right !important; }

.fL { float:left !important; }
.fR { float:right !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }

.bdt01 { border-top:1px solid #cacaca!important; }
.bdb01 { border-bottom:1px solid #cacaca!important; }
.bdl01 { border-left:1px solid #cacaca!important; }
.bdr01 { border-right:1px solid #cacaca!important; }

.d-ib { display:inline-block!important; }
.d-b { display:block!important; }



/* ----------------------------------------------------
 link
---------------------------------------------------- */

a:link,
a:visited { color:#666666; text-decoration:underline;}

.link {  color:#226bc4; margin:0; padding:0 0 0 15px; background:url(/common_form/sph/entry/img/area_select/icon_link.png) no-repeat 0% 50%; cursor:pointer;}
.link:visited  { color:#226bc4;}
.link:hover { color:#226bc4; text-decoration:underline; }

.ov:hover {filter: alpha(opacity=70); -moz-opacity:70; opacity:70;}


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

/* cf */
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */