@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;}
p.attention{ padding:8px; background:#E8F1F9; margin-right:0px;}
p.attention a{ color:#3191DA;}
p.attention a:hover{ color:#FF8D20;}

img {vertical-align:top;border-style:none;}

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

/*
*/
#main_contents a{ color:#000;/* text-decoration:underline;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;*/}
#home #main_contents a:hover{ text-decoration:none;/* background:#000;*/ /*color:#FFF;*/}
#main_contents a img{-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 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

/*ボタン-テキスト*/
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;}

/*ボタン-画像（背景変更）*/
.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;}

.footer_contact{ background:url(../images/common/btn_contact_02.gif) top center no-repeat;}




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

/*-------------------------------------------------
タイトル
-------------------------------------------------*/
#home #main_contents h1{/* font-size:19px; margin-bottom:10px;*/}
#main_contents h2.title_second_line{ border-bottom:3px solid #000; margin-bottom:20px;}
#main_contents h2{/* font-size:20px;text-shadow: 0 0 1px #aaa, 0 0 2px #ccc, 0 0 1px #eee;-webkit-text-stroke: 0.2px #000;*/}

/*-------------------------------------------------
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;}
.clear{ clear:both; background:transparent;}
.f_left{ float:left;}
.f_right{ float:right;}

.f_image_left img{ float:left; margin-right:10px; margin-bottom:10px;}
.f_image_right img{ float:right; margin-left:10px; margin-bottom:10px;}
/*-------------------------------------------------
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%; text-align:center;}
.bg_red_01{ color:#9C292D; width:100%; text-align:center;}
.bg_red_02{ color:#8A2024; width:100%; text-align:center;}





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

/*テキストリンク*/
ul.link_text{}
ul.link_text li{ background:url(../images/common/mark_03.gif) left center no-repeat; font-size:77%; padding-left:20px; letter-spacing:1px;}
ul.link_text li a{color:#3181B4;}
ul.link_text li a:hover{ text-decoration:none;}

/*-------------------------------------------------
余白指定
-------------------------------------------------*/
.mar_t_20{ margin-top:20px;}
.pad_t_20{ padding-top:20px;}
.pad_t_10{ padding-top:10px;}
.mr_10{ margin-right:10px;}
.mr_100{ margin-right:100px;}
.mr_120{ margin-right:120px;}
.mr_140{ margin-right:140px;}

/*-------------------------------------------------
文字
-------------------------------------------------*/
/**/
.a_right{ text-align:right;}
.a_right_p{ padding-left:700px; font-size:12px; margin-top:-50px; letter-spacing:1px;}
.a_right_p img{ margin-bottom:5px;}
.a_center{ text-align:center;}
.a_left{ text-align:left;}

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

/*アイコン*/
.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;}


/*F*/


/*表示非表示*/
@media screen and (max-width: 767px) {
.sp_no{ display:none;}
}
@media screen and (min-width: 768px) {
.pc_no{ display:none;}
}


/*-------------------------------------------------
画像のサイズ
-------------------------------------------------*/
@media screen and (min-width: 768px) {
.gazou_outline_access_01 img{ width:550px !important;}
.gazou_outline_career_01 img{ width:460px !important;}
}


/*フォーム*/
input[type=text]{-webkit-appearance:none;
border:#a9a9a9 1px solid; -moz-box-shadow: inset 0 0 0px; -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);}
input[type=text]:focus {/*border:none;*/}
input[type=text], select { outline: none;}


textarea{-webkit-appearance:none;
border:#a9a9a9 1px solid; -moz-box-shadow: inset 0 0 0px; -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);}
textarea:focus {/*border:none;*/}
textarea, select { outline: none;}