@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 default style clear
----------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html { overflow-y: scroll; -webkit-text-size-adjust: none;}
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

img, fieldset {	border:0;}
ol, ul {margin:0;}
li { list-style-position:outside; list-style:none;}
a, a:focus { outline:none; overflow:hidden;}
a {overflow: hidden;}

/* -----------------------------------------------------------------------------------------------------
 default
-----------------------------------------------------------------------------------------------------*/
html{}
body {
	font-size: 18px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#333333;
	line-height:1.6;
	letter-spacing:0.03em;
	-webkit-text-size-adjust:100%;/* フォントサイズ自動調整 */
	min-width:1020px;_display: inline;_zoom:1;
}
img {vertical-align:top;}

/* -----------------------------------------------------------------------------------------------------
 link
-----------------------------------------------------------------------------------------------------*/
a {color:#e13321;}
a:hover { text-decoration:none;}


/* -----------------------------------------------------------------------------------------------------
 table
-----------------------------------------------------------------------------------------------------*/
table th { vertical-align:top; text-align:left;}
table td { vertical-align:top; text-align:left;}

table.table{ border-right:1px solid #cbcbcb;background: #fff; border-top: 1px solid #cbcbcb;}
table.table th,table.table td{ border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:12px 15px; vertical-align: middle;}
table.table th{ background:#f5f5f5; font-weight:bold; text-align:center;}
table.table td img{display: block;margin: auto;padding:20px 10px;}

.bg_orange{ background:#ffe2c8!important;}

table.t-center-all th,table.t-center-all td{ text-align:center;}

/* -----------------------------------------------------------------------------------------------------
 headline
-----------------------------------------------------------------------------------------------------*/
strong{font-weight:bold;}
hr{ border-bottom:1px solid #ef9413; border-top:0; border-right:0; border-left:0; margin:10px 0 35px;}

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
/* clear */
.clear { clear:both;}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fl{ float:left;}
.fr{ float:right;}
.t-left{ text-align:left;}
.t-right{ text-align:right;}
.t-center{ text-align:center;}
.bold{font-weight:bold!important;}

a.over img{ transition:0.2s;}
a.over img:hover{opacity:0.7;}

.alignright{ float:right; margin:0 0 20px 40px;}
.alignleft{ float:left; margin:0 40px 20px 0;}
.va_top{ vertical-align:top!important;}

 
/*----------------------------------------------------------------------------------------------
 汎用クラス　マージン
----------------------------------------------------------------------------------------------*/
.mgt5{ margin-top:5px!important;}
.mgt10{ margin-top:10px!important;}
.mgt15{ margin-top:15px!important;}
.mgt20{ margin-top:20px!important;}
.mgt30{ margin-top:30px!important;}
.mgt40{ margin-top:40px!important;}
.mgt50{ margin-top:50px!important;}

.mgb0 { margin-bottom:0!important;}
.mgb5 { margin-bottom:5px!important;}
.mgb10{ margin-bottom:10px!important;}
.mgb15{ margin-bottom:15px!important;}
.mgb20{ margin-bottom:20px!important;}
.mgb30{ margin-bottom:30px!important;}
.mgb40{ margin-bottom:40px!important;}
.mgb50{ margin-bottom:50px!important;}

.mgl5{ margin-left:5px!important;}
.mgl10{ margin-left:10px!important;}
.mgl20{ margin-left:20px!important;}
.mgl30{ margin-left:30px!important;}

.mgr0{ margin-right:0!important;}
.mgr3{ margin-right:3px!important;}
.mgr5{ margin-right:5px!important;}
.mgr10{ margin-right:10px!important;}
.mgr15{ margin-right:15px!important;}
.mgr20{ margin-right:20px!important;}
.mgr30{ margin-right:30px!important;}


/*----------------------------------------------------------------------------------------------
 テキスト装飾
----------------------------------------------------------------------------------------------*/
.tx_xsmall{ font-size:80%!important;}
.tx_small{ font-size:90%!important;}
.tx_medium{ font-size:110%!important;}
.tx_large{ font-size:130%!important;}
.tx_xlarge{ font-size:150%!important;}

.tx_red{ color:#e13321!important;}
.tx_gray{ color:#888!important;}

/*----------------------------------------------------------------------------------------------
 リスト
----------------------------------------------------------------------------------------------*/
ul.disc{ margin-left:20px;}
ul.disc li{ list-style-type:disc; }
ol li{ list-style-type:decimal; margin-bottom:5px; margin-left:20px;}

ul.number{ margin-left:20px;}
ul.number li{ list-style-type:decimal; margin-bottom:10px;}


ul.inline_list{}
ul.inline_list li{ display:inline-block; margin-right:8px;margin-bottom:5px;}

.bg_white{ background-color:#fff;}


/*----------------------------------------------------------------------------------------------
 ボタン
----------------------------------------------------------------------------------------------*/
.btn{
	border-radius:5px;
	display: inline-block;
	padding:6px 15px;
	text-decoration:none;
	font-size:100%;
	vertical-align:middle;
	text-align:center;
	color:#222;
	cursor:pointer;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	box-sizing:border-box;
	vertical-align:top;
	transition:0.2s;
}
.btn:hover{ background:#f1f1f1;}
.btn.btn_small{ padding:4px 15px; font-size:90%;}
.btn.btn_medium{ padding:10px 15px; font-size:18px;}
.btn.btn_large{ padding:15px 60px; font-size:22px;}
.btn.btn_xlarge{ padding:20px 20px; font-size:140%;}

.btn.btn_block{ display:block;}

.btn.red{ background: -moz-linear-gradient(top, #e13321, #c12c1c); background: -webkit-gradient(linear, left top, left bottom, from(#e13321), to(#c12c1c)); background: linear-gradient(to bottom, #e13321, #c12c1c); color:#fff;}
.btn.red:hover{ opacity: 0.8;}

.btn.green{ background: -moz-linear-gradient(top, #a2d404, #8bb603); background: -webkit-gradient(linear, left top, left bottom, from(#a2d404), to(#8bb603)); background: linear-gradient(to bottom, #a2d404, #8bb603); color:#fff;}
.btn.green:hover{ opacity: 0.8;}


/*----------------------------------------------------------------------------------------------
 width指定
----------------------------------------------------------------------------------------------*/
.w10par{ width:10%!important;}
.w20par{ width:20%!important;}
.w30par{ width:30%!important;}
.w40par{ width:40%!important;}
.w50par{ width:50%!important;}
.w70par{ width:70%!important;}
.w80par{ width:80%!important;}
.w90par{ width:90%!important;}
.w100par{width:100%!important;}
.w100px{ width:100px!important;}
.w150px{ width:150px!important;}
.w200px{ width:200px!important;}
.w300px{ width:300px!important;}
.w400px{ width:400px!important;}
.w500px{ width:500px!important;}


/*----------------------------------------------------------------------------------------------
 その他
----------------------------------------------------------------------------------------------*/
.bg_lightgray{ background:#f6f6f6;}
.bg_lightyellow{ background:#fffef0;}
.bg_beige{ background:#f5f3ec;}
.disp_table{ display:table;}
.line-height_wide{ line-height:1.8;}

.radius{ border-radius:8px;}