@charset "utf-8";


/*-------------------------------------------------
リセット→reset.cssを読み込み
-------------------------------------------------*/

/*html5*/
article, aside, 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:hover{ text-decoration:none;}



pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*-------------------------------------------------
タイトル
-------------------------------------------------*/
h1{/*font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/}
h2{font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h3{font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h4{font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h5{font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h6{font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/*-------------------------------------------------
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;}
/*contents内リンク設定*/
#contents a{ text-decoration:underline;}
#contents 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;}

/*F*/
.text_red{ color:#FF0000; /*color:#CF0000;*/}
.text_red_s{ color:#FF0000; font-size:77%; letter-spacing:1px;}
.font_red_s_ml10{ color:#FF0000; font-size:77%; font-weight:normal; padding-left:10px;letter-spacing:1px;}
.font_red_s{ color:#FF0000; font-size:77%; font-weight:normal;letter-spacing:1px;}
.font_caution_s{ color:#587D98; font-size:77%; font-weight:normal;letter-spacing:1px;}
.text_bg_frame{ background:#e7e4dd; padding:5px; margin-left:20px; color:#601827;}


.text_m_p{ color:#cd3a5d; font-size:160%; font-weight:bold;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;_font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.font_s{ font-size:77%; letter-spacing:1px;}
.font_s_01{ font-size:77%; letter-spacing:1px; color:#999999;}
.font_s_02{ font-size:77%; letter-spacing:1px;}
.font_s_02 a{ color:#006699;}
.font_s_02 a:hover{ color:#0099CC;}
.font_b{ font-weight:bold;}
.accent{ color:#3191DA;}
.accent_02_u_l{ text-decoration:underline; font-weight:bold;}
.accent_03_u_l{ color:#3191DA; text-decoration:underline;}

.text_size_l{ font-size:1.5em; color:#A0A0A0;}

.text_size_s{ font-size:0.8em; letter-spacing:1px; color:#2595C3;}


p.link_contents_top{ text-align:right; margin-top:-3em; padding-right:10px; padding-bottom:5px;}

/*パンくずリスト*/
.pan{ background:#2f6e6e; overflow:hidden; padding-top:5px;}
.pan_frame{ width:950px; margin:0 auto; background:url(../images/base/second/pan_bg.gif) center bottom no-repeat; overflow:hidden; padding-bottom:8px; text-align:right;}
.pan_frame ol{ float:right; font-size:77%; letter-spacing:0.1em;font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-left:550px; /*margin-right:550px;*/text-align:right;}
.pan_frame ol li{ float:left; color:#FFF; white-space:nowrap;_margin-left:20px; display:block;}
.pan_frame ol li a{ color:#93abab;}
.pan_frame ol li a:hover{}
.pan_frame ol > li:before {content: url(../images/base/second/pan_icon.gif)}
.pan_frame ol > li:first-child:before { content: none; }


/*トップに戻る
*/
.back_top{ clear:both; padding:27px 0 0px 0; margin:0 auto;width:950px; text-align:right; line-height:1;/**/ background:url(../images/base/back_top.gif) bottom right no-repeat;}
.back_top img{ vertical-align:bottom;}











