@charset "utf-8";

/* ----------------
 * 汎用CSS
 * ---------------- */
html{overflow-y: scroll; line-height:1.5; font-size:88%;}

body {-webkit-text-size-adjust: none; color:#3A3A3A; font-size:100%; margin:0; font-family: "���C���I", Meiryo, "Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; overflow:hidden;}
 

 
 

/* define font */
br.clear{clear: both;}
.both{clear: both; }
.clear{clear:both; line-height:0;}


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

/* text-other */
.letter{ letter-spacing: -1px; }

/* width,height */
.wid_ful{width:100%;}
.hgt_ful{height:100%;}
.max_hgt100{max-height:100px;}
.max_hgt300{max-height:300px;}
.min_hgt500{min-height:500px;}
.min_hgt1000{min-height:1000px;}

/* width */
.w_auto{width:auto;}
.w7_1{width:7.1%;}
.w9{width:9%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w99{width:99%;}
.w100{width:100%;}

.w3em{ width: 3em; }
.w4em{ width: 4em; }
.w5em{ width: 5em; }

/* margin */
.mg_auto {margin-left: auto;margin-right: auto;}
.auto{margin:0 auto;}
.mgt0 {margin-top:0px;}
.mgt10 {margin-top:10px;}
.mt1em {margin-top:1em;}
.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mb0{margin-bottom:0!important;}
.mb03em{margin-bottom:0.3em;}
.mb05em{margin-bottom:0.5em;}
.mb08em{margin-bottom:0.8em;}
.mb1em{margin-bottom:1em;}
.mb1_5em{margin-bottom:1.5em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb4em{margin-bottom:4em;}
.mb5em{margin-bottom:5em;}
.ml0{margin-left:0;}
.ml1_5em{margin-left:1.5em;}
.ml2em{margin-left:2em;}
.ml5em{margin-left:5em;}
.ml2p{margin-left:2%;}
.ml3p{margin-left:3%;}
.ml5p{margin-left:5%;}
.ml20px{ margin-left: 20px; }
.ml25px{ margin-left: 25px; }
.mr1em{margin-right:1em;}
.mb1p{margin-bottom:1%;}
.mb5p{margin-bottom:5%;}


/* padding */
.pdt0{padding-top:0;}
.pdt2{padding-top:2px;}
.pdb0{padding-bottom:0 !important;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl110{padding-left:110px;}
.pdl03p{padding-left:0.3%;}
.pdl5_8p{padding-left:5.8%;}
.pd5per{padding:5%;}


/* cursor,display,position,float,align,valign */
.cursor_p {cursor: pointer;}
.dis_bl {display: block;}
.dis_in {display: inline;}
.fix {position: fixed;}
.abslt {position: absolute;}
.reltiv {position: relative;}
.vtop {vertical-align: top;}
.vmid {vertical-align: middle;}
.vbtm {vertical-align: bottom;}
.val_super {vertical-align: super; line-height:0; *font-size:74%;*vertical-align: text-top;}




/* border,background,overflow */
.overflow {overflow: auto;}
.overhidden{overflow:hidden;}

/* ------------
 * font
 * ------------ */
 
.bold{font-weight:bold;}
.normal{font-weight:normal;}
 
/* size */
.fs10{font-size:62%;}
.fs11{font-size:68%;}
.fs12{font-size:75%;}
.fs13{font-size:81%;}
.fs14{font-size:87%;}
.fs15{font-size:93%;}
.fs16{font-size:100%;}
.fs17{font-size:106%;}
.fs18{font-size:112%;}
.fs19{font-size:108%;}
.fs20{font-size:125%;}
.fs21{font-size:131%;}
.fs22{font-size:137%;}
.fs23{font-size:143%;}


/* color */
.white {color: #FFF;}
.red{color:#d32e2e;}
.blue{color:#005480;}
.darkblue{color:#002d6a;}
.lightblue{color:#00bce4;}
.gray{color:#8c8d8e;}
.lightgray{color:#b3b3b3;}
.darkgray{color:#616265;}
.lightgray02{color:#888}



/* background-size */
.contain{background-size:contain;}


/* z-index */
.zm1{ z-index: -1; }


/* list */

.disc li{list-style:disc;}
.circle{margin-left:15px;}
.circle li{ list-style:circle; margin-bottom:5px;}
.decimal li{list-style:decimal;}

/*border box*/

.bb_g{border:1px solid #8c8d8e; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:40px;}


.floatcontainer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.floatcontainer{display: inline-block;} 

/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer{display:block;}
/* End Hack */ 


.clearfix:after {content: "."; display: block;clear: both; height: 0; visibility: hidden;}

.clearfix {min-height: 1px; }

* html .clearfix {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}

/*border*/
.dborder{border-bottom:1px dotted #ccc;}
.sborder{border-bottom:1px solid #ccc;}


/*fontweight*/
.fw_normal{font-weight:normal;}

/* on */
.on{}

.bre{color:#c59c73;}


/* background-color */
.bg_white{background-color:#fff;}

/* popup */

div.popup_wrap{padding:1em;}

ul.decimal_pop{ list-style-type:decimal;margin:0;padding:2em 0 0 0;}

ul.decimal_pop li{margin-bottom:1em;}

li.liststylenone{list-style:none;}

.txt_quality02 a{text-decoration:underline;}