/* CSS Document */

/* =base
----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}

ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
a,ins,del{text-decoration: none;}
img{vertical-align: bottom;}
object,embed,th,td{vertical-align: top;}
input, textarea, select {font-size: 1em;}

/* =common
----------------------------------*/
body{}
* html body{font-size: 75%;}
*+html body{font-size: 75%;}

/* =a
----------------------------------*/
a:link{color:#0000FF;}
a:vidited{color:#810081;}


/* =clearfix
----------------------------------*/
.clearfix:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.clearfix{display:inline-block;}

/* MacIE begin \*/
*+html .clearfix{height:1%;}
* html .clearfix{height:1%;}
.clearfix{display: block;}
/* Mac IE end */


/* =float
----------------------------------*/
.fr{float: right;}
.fl{float: left;}
.cl{clear: both;}
.clear{clear:both;width:1px;height:1px;}

/* =margin
----------------------------------*/
.m0auto {margin:0 auto;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.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;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb200{margin-bottom:200px;}
.mb-20{margin-bottom:-20px;}

.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:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.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;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.mg5{margin:5px;}
.mg10{margin:10px;}
.mg20{margin:20px;}
.mg30{margin:30px;}
.mg40{margin:40px;}
.mg50{margin:50px;}
.mg60{margin:60px;}
.mg70{margin:70px;}
.mg80{margin:80px;}
.mg90{margin:90px;}
.mg100{margin:100px;}

/* =padding
----------------------------------*/
.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;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}


.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;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb200{padding-bottom:200px;}

.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;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

.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;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.pd50{padding:50px;}
.pd60{padding:60px;}
.pd70{padding:70px;}
.pd80{padding:80px;}
.pd90{padding:90px;}
.pd100{padding:100px;}

/* =color
----------------------------------*/
.black{color:#000000;}
.white{color:#ffffff;}
.grey{color:#A9A9A9;}
.red{color:#ff0000;}
.green{color:#00ff00;}
.blue{color:#0000ff;}
.pink{color:#FFC0CB;}
.gold{color:#FFD700;}
.skyblue{color:#87CEEB;}
.crimson{color:#DC143C;}

/* =background-color
----------------------------------*/
.bg_black{background-color:#000000;}
.bg_white{background-color:#ffffff;}
.bg_grey{background-color:#EEEEEE;}
.bg_red{background-color:#FFDFDF;}
.bg_green{background-color:#E5FFDF;}
.bg_blue{background-color:#DFF3FF;}
.bg_pink{background-color:#FFDFFB;}
.bg_gold{background-color:#F0EACB;}
.bg_skyblue{background-color:#DFFFF9;}
.bg_brown{background:#2a1b11;}

/* =font
----------------------------------*/
.fs8{font-size:8px;}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}

/* =lineheight
----------------------------------*/
.lh100{line-height:100%;}
.lh120{line-height:120%;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}

/* =border
----------------------------------*/
.border0 {border:0;}
.border {border:1px solid #cccccc;}
.bt {border-top:1px solid #cccccc;}
.bb {border-bottom:1px solid #cccccc;}
.br {border-right:1px solid #cccccc;}
.bl {border-left:1px solid #cccccc;}
.bb_dash{border-bottom:1px dashed #cccccc;}
.bb_dot{border-bottom:1px dotted #cccccc;}

/* =round
----------------------------------*/
.round10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.round5{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/* =text-align
----------------------------------*/
.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}

/* =width
----------------------------------*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w100p{width:100%;}
.wauto{width:auto;}

/* =display
----------------------------------*/
.block{display:block;}
.inline{display:inline;}
.none{display:none;}
.flex{display:flex;}
.justify_center{justify-content: center;}

/* =alpha
----------------------------------*/
.alpha10{filter: alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;}
.alpha20{filter: alpha(opacity=20);-moz-opacity:0.20;opacity:0.20;}
.alpha30{filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}
.alpha40{filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
.alpha50{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.alpha60{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.alpha70{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.alpha80{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.alpha90{filter: alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}
.alpha100{filter: alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;}

/* =word-break
----------------------------------*/
.break-all { word-break: break-all; }