@charset "utf-8";


/*-------------------------------------------------
リセット→reset.cssを読み込み
-------------------------------------------------*/

/*html5*/
/*
article, aside, figure, footer, header, hgroup, menu, nav, section {display: block;}
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*基本設定*/
hr {display: none; clear:both;}


/*-------------------------------------------------
共通設定
-------------------------------------------------*/
p{ margin-bottom:1em;}
img { vertical-align:top; border-style:none;}

/*リンク、ボタン*/
a{ text-decoration:none; color:#000000;}
a:hover{ /*color:#ff8270;*/  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

#main_contents a:hover{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}


/*ボタン-テキスト*/
p.btn_01{ text-align:center;}
p.btn_01 a{ display:block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background:#000; color:#FFF !important; text-decoration:none !important; padding:4px 10px 1px 10px; border:1px solid #000;}
p.btn_01 a:hover{ background:#FFF !important; color:#000 !important; border:1px solid #000;}

/*ボタン-画像（背景変更）*/
a:hover img{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all  0.3s ease; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 60;}


.button_image img  { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.button_image a:hover img{ opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}

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

@media screen and (max-width: 767px) {
	img { width:100%;}
}

/*-------------------------------------------------
table
-------------------------------------------------*/
table { font-size:inherit; font:100%;}

/*-------------------------------------------------
画像
-------------------------------------------------*/
img { border: none;}
li img { vertical-align: top;}


/*-------------------------------------------------
float設定
-------------------------------------------------*/
.clear{ clear:both; background:transparent;}
.clear_right{ clear:right;}
.clear_left{ clear:left;}
.f_left{ float:left;}
.f_right{ float:right;}

/*-------------------------------------------------
clearfix
-------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*背景設定*/
.bg_green{ color:#ABD590; width:100%;}
.bg_red_01{ color:#9C292D; width:100%;}

/*-----------------------------------------------------
共通使用
-----------------------------------------------------*/

/*テキストリンク*/
.link_text a{ text-decoration:underline; color:#ff8270;}
.link_text a:hover{ text-decoration:none;}
/*-------------------------------------------------
余白指定
-------------------------------------------------*/
.mar_t_10{ margin-top:10px;}
.mar_t_20{ margin-top:20px;}
.mar_t_30{ margin-top:30px;}
.mar_t_40{ margin-top:40px;}
.mar_b_0{ margin-bottom:0;}
.mar_b_10{ margin-bottom:10px;}
.mar_b_20{ margin-bottom:20px;}
.mar_b_30{ margin-bottom:30px !important;}
.mar_b_40{ margin-bottom:40px;}
.mar_b_60{ margin-bottom:60px;}
.mr_10{ margin-right:10px;}
.mr_100{ margin-right:100px;}
.mr_120{ margin-right:120px;}
.mr_140{ margin-right:140px;}
.mr_140{ margin-right:140px;}

.pad_t_10{ padding-top:10px;}
.pad_t_20{ padding-top:20px;}
.pad_l_230{ padding-left:230px;}

/*-------------------------------------------------
文字
-------------------------------------------------*/
.f_gothic{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.f_mincho{ font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
/**/
.a_right{ text-align:right;}
.a_center{ text-align:center;}
.a_left{ text-align:left;}

.text_l_01{ font-size:1.8em;}
.text_l_02{ font-size:1.3em; font-weight:bold;}
.text_notes{ color:#d90000;}

.text_b{ font-weight:bold;}
.text_n{ font-weight:normal;}

.text_red{ color:#C30;}

.text_12{ font-size:12px;}
.text_18{ font-size:18px;}
.text_24{ font-size:24px;}
.text_36{ font-size:36px;}
.text_14_b{ font-size:14px; font-weight:bold;}
.text_18_b{ font-size:18px; font-weight:bold;}
.text_24_b{ font-size:24px; font-weight:bold;}
.text_36_b{ font-size:36px; font-weight:bold;}

@media screen and (max-width: 767px) {
	.sp_text_12{ font-size:12px;}
	.sp_text_14{ font-size:14px;}
}
@media print, screen and (min-width: 768px){
}

/*アイコン*/
.icon_hissu{ background:#d90000;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#FFF; padding:1px 4px; font-weight:bold; font-size:11px; margin-left:1em; margin-bottom:5px; vertical-align:middle;}
.icon_news{ font-size:80%; border:1px solid #00b56f; padding:0.2em  0.5em 0 0.5em; margin-right:1em;}


/*-------------------------------------------------
ブラウザ別指定
-------------------------------------------------*/
/*表示非表示*/
@media screen and (max-width: 767px) {
.sp_no{ display:none;}
}
@media print, screen and (min-width: 768px){
.pc_no{ display:none;}
}


/*-------------------------------------------------
フォーム
-------------------------------------------------*/
input,textarea{
	border-radius: 0 ;
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	padding:6px;
	-webkit-appearance:none;
	/*border:#929292 1px solid;*/
	}
textarea:focus { /*background:#fffafb;*/}
textarea, select {
	outline: none;
	margin-bottom:0.5em;
	}
/*****************************************/
select{
	/*デフォルトを非表示*/
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	/*レイアウト*/
	width:100%;
    height: 30px;
	line-height:30px;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    border: none;
	background:url(../images/common/arrow_down_01.png) 97% 50% no-repeat #FFF;
}
select:hover{
	cursor:pointer;
}
/*デフォルトを非表示-IE対応*/
select::-ms-expand {
  display: none;
}
.select_frame_01{
    position: relative;
    display: block;
}

/*****************************************/
input[type=text]{
	border:none;
	-webkit-appearance:none;
	-moz-box-shadow: inset 0 0 0px;
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
	/*border:#a9a9a9 1px solid;*/
	border:#FFF 1px solid;
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
	margin:0.5em 0;
	padding:6px;
	}
input[type=text]:focus { /*border:none; background:#fffafb;*/ border:#df4f6d 1px solid;}
input[type=text], select {
	outline: none;
	}
input[type=text].w_32{ width:32%; margin:0 10px;}
input[type=text].w_36{ width:36%; margin:0 10px;}
input[type=text].w_40{ width:40%;}

input[type=submit]{ border:none; /*font-weight:bold;*/ text-align:center; cursor:pointer;}
input[type=submit].btn_submit_01{ width:100%; font-size:18px; padding:16px 10px; background:#a9a9a9; /*border:1px solid #a9a9a9;*/ color:#FFF; border:4px solid #FFF;}

input[type=button]{ border:none; font-weight:bold; text-align:center; cursor:pointer;}
input[type=button].btn_search_01{ width:100%; font-size:18px; padding:16px 10px 16px 40px; background:url(../images/common/icon_s_check_01.png) 26px 46% no-repeat #ffff00; border:4px solid #FFF;}
input[type=button].btn_search_02{ width:100%; font-size:18px; padding:12px 10px 12px 40px; background:url(../images/common/icon_s_search_01.png) 26px 46% no-repeat #FFF; border:4px solid #FFF;}
input[type=submit]{ border:none; font-weight:bold; text-align:center; cursor:pointer;}
input[type=submit].btn_search_01{ width:100%; font-size:18px; padding:16px 10px 16px 40px; background:url(../images/common/icon_s_check_01.png) 26px 46% no-repeat #ffff00; border:4px solid #FFF;}
input[type=submit].btn_search_02{ width:100%; font-size:18px; padding:12px 10px 12px 40px; background:url(../images/common/icon_s_search_01.png) 26px 46% no-repeat #FFF; border:4px solid #FFF;}

input[type=checkbox]{ vertical-align:middle; margin-right:0.5em;}

input[type=radio]{ vertical-align:middle; margin-right:0.5em;}


@media screen and (max-width: 767px) {
	input[type=text]{ width:100%; font-size:16px;}
	textarea{ width:100%; font-size:16px; height:160px;}
	select{ font-size:16px;}
	input[type=text].w_40{ width:60%;}
}
@media only screen and (min-width: 768px) {
	input[type=text]{ width:60%;}
	textarea{ width:90%; height:120px;}
	select{ width:90%;}
}