@charset "utf-8";
/*-----------------------------------------------
 base
 -----------------------------------------------*/
html {
	height:100%;
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	color:#302c2c;
	font-size:10px;
}
.wf-notosansjapanese { font-family: "Noto Sans JP"; }

body {
	height:100%;
	margin: 0;
	background-color:#ffffff;
	-webkit-text-size-adjust: 100%;
}
/* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, img { */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, p, blockquote, th, td, img,article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{ display: block; }
/*-----------------------------------------------
clearfix
-----------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block;}
/* End hide from IE-mac */

/* ========== link ========== */
a {
	color: #302c2c;
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
	color: #302c2c;
}
a img:hover{opacity:0.8;}

a:hover {color: #302c2c;}
a:visited {color: #302c2c;}
a:active {color: #302c2c;}

/* ========== block level ========== */
address {font-style: normal;}

/* ========== inline level ========== */
q:before,q:after {content: '';}
img,abbr,acronym {border: 0;} 
img {vertical-align: middle;}

/* ========== table ========== */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-collapse: 0;
/*	table-layout: fixed;*/
}
caption,th {text-align: left;}

/* ========== text align ========== */
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}

/* ========== float ========== */
.fl{float:left;}
.fr{float:right;}

/* ========== form ========== */
form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}
select, 
input[type="text"],
input[type="number"], /* 20140516pre */
input[type="password"],
input[type="date"],
textarea {
	padding: 4px 8px;
	font-size: 12px;
	color: #404040;
	vertical-align: middle;
	font-family: inherit;
	border: thin solid #CCCCCC;
	background: none repeat scroll 0 0 #fff;
}
option {
	margin-right: 8px;
	padding: 0;
	font-size: 12px;
	color: #34495E;
	background: none repeat scroll 0 0 #fff;
	cursor:pointer;
}
select:hover,
option:hover {
	background: none repeat scroll 0 0 #F7F7F7;
}
input[type="button"]{
	padding:3px 8px;
	font-size: 13px;
	letter-spacing: 1px;
	-webkit-appearance: none;
	border:1px solid #ccc;
}

input[type="button"]:hover{
	opacity:0.6;
}

/** margin **/
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !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;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}
.mt350 {margin-top:350px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !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;}
.ml_1em{margin-left:1em !important;}

.mr0{margin-right:0px !important;}
.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !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;}
.mb50{margin-bottom:50px !important;}

/** padding **/
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:15px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left:16px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}

.pr0 {padding-right:0px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr13 {padding-right:15px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}

.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

.fw50 {width:50px  !important;}
.fw67 {width:67px  !important;}
.fw80 {width:80px  !important;}
.fw120{width:120px !important;}
.fw130{width:130px !important;}
.fw150{width:150px !important;}
.fw200{width:200px !important;}