@charset "utf-8";
/* ==========================================================

	ブラウザリセット

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

html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html {background: #FFF; color: #000;}

body {font:12px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; word-break:break-all; -webkit-text-size-adjust: none;}
* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

img {border: 0; vertical-align: bottom;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

button {margin:0; padding:0; background:none; border:none; cursor:pointer;}
/*161004 add apro --*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*-- 161004 add apro*/
/* clearfix
===========================================================*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;
}

.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



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

	定義

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

/* フォントサイズ
===========================================================*/
.fs6 {font-size: 6px !important;}
.fs7 {font-size: 7px !important;}
.fs8 {font-size: 8px !important;}
.fs9 {font-size: 9px !important;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}
.fs26 {font-size: 26px !important;}

.bold{
	font-weight: bold;	
}

/* レイアウト関係
===========================================================*/

.m00 { margin: 0px !important;}
.m-auto{ margin: 0 auto !important;}

.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: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !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;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !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;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !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;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}

.mp4{ margin: 0 4%;	}

.mlp1{ margin-left: 1% !important; }
.mlp2{ margin-left: 2% !important; }
.mlp3{ margin-left: 3% !important; }
.mlp4{ margin-left: 4% !important; }
.mlp5{ margin-left: 5% !important; }
.mlp6{ margin-left: 6% !important; }
.mlp7{ margin-left: 7% !important; }
.mlp8{ margin-left: 8% !important; }
.mlp9{ margin-left: 9% !important; }
.mlp10{ margin-left: 10% !important; }

.mtp1{ margin-top: 1% !important; }
.mtp2{ margin-top: 2% !important; }
.mtp3{ margin-top: 3% !important; }
.mtp4{ margin-top: 4% !important; }
.mtp5{ margin-top: 5% !important; }
.mtp6{ margin-top: 6% !important; }
.mtp7{ margin-top: 7% !important; }
.mtp8{ margin-top: 8% !important; }
.mtp9{ margin-top: 9% !important; }
.mtp10{ margin-top: 10% !important; }

.mbp1 { margin-bottom: 1% !important;}
.mbp2 { margin-bottom: 2% !important;}
.mbp3 { margin-bottom: 3% !important;}
.mbp4 { margin-bottom: 4% !important;}
.mbp5 { margin-bottom: 5% !important;}
.mbp6 { margin-bottom: 6% !important;}
.mbp7 { margin-bottom: 7% !important;}
.mbp8 { margin-bottom: 8% !important;}

.pd00 { padding:0 !important;}

.pt00 { padding-top:0 !important;}
.pt05 { padding-top:5px !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;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt100 { padding-top:100px !important;}

.pb00 { padding-bottom:0 !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

.pr00 { padding-right:0 !important;}
.pr05 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}

.pl00 { padding-left:0 !important;}
.pl05 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}

.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

.flR { float: right !important;}
.flL { float: left !important;}
.clear { clear: both !important;}

.bn  { border: none !important;}
.btn { border-top: 0px !important; }
.brn { border-right: 0px !important; }
.bbn { border-bottom: 0px !important; }
.bln { border-left: 0px !important; }


/* 長さ調整*/


.w00 { width: 0% !important; }
.w10 { width: 10% !important; }
.w12 { width: 12% !important; }
.w15 { width: 15% !important; }
.w18 { width: 18% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w46 { width: 46% !important; }
.w47 { width: 47% !important; }
.w48 { width: 48% !important; }
.w49 { width: 49% !important; }
.w50 { width: 50% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w90 { width: 90% !important; }
.w100 { width: 100% !important; }

.font_line{
	white-space: nowrap;	
}

.v_top{
	vertical-align: top !important;	
}

.v_center{
	vertical-align: center !important;	
}

.v_bottom{
	vertical-align: bottom !important;	
}

/* 表示関係 */
.none{
	display: none !important;
}

.bgnone{
	background: none !important;
}

.btnone{
	border-top: none !important;
}

.bbnone{
	border-top: none !important;
}