@charset "UTF-8";

@import "reset.css";
@import "fonts.css";


body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body{ background:url(images/bg_back.gif) repeat;}

p,li,th,td,dl{ font-size:14px; line-height:1.5em; color:#333;}
dt{ font-weight:bold;}
dd{ padding:0 0 15px 26px;}
strong{ font-weight:bold; color:#F00;}

ul,li{ margin:0; padding:0; text-indent:0;}


/*リンク色*/
a:link{ color:#71B856; text-decoration:none;}
a:visited{ color:#71B856; text-decoration:none;}
a:hover{ color:#FFF; background:#71B856;}

#foot_navi a:link{ color:#808080; text-decoration:none;}
#foot_navi a:visited{ color:#808080; text-decoration:none;}
#foot_navi a:hover{ color:#808080; background:#ADD8B8;}

/*フレーム*/
#containerBox{ margin:0 auto; width:924px; background:url(images/bg_under.gif) repeat-y;}
#head{ height:120px; position:relative; background:url(images/bg_back.gif) repeat;}
#container{ width:924px; background:url(images/bg_top.gif) no-repeat;}
#main_content{ padding-top:18px; width:650px; float:right;}
#side_content{ padding-top:16px; padding-left:24px; width:242px; float:left;}
#flash{}
#foot_navi{ width:870px; height:20px; padding-top:30px; margin:0 auto 10px auto; clear:both; border-bottom:1px solid #CCC;}
#footer{ height:40px; position:relative; clear:left; padding-bottom:10px;}

/*ヘッダ*/
#logo{ position:absolute; top:19px; width:460px; height:85px;}
#catch{ height:20px; font-size:12px; color:#333; position:absolute; top:25px; left:125px; z-index:3;}
#contact{ width:293px; height:75px; position:absolute; top:13px; right:15px;}
#toIndex{ width:101px; height:22px; position:absolute; bottom:0px; right:10px;}

/*ナビゲーション*/
#g_navigation{ width:242px; padding:17px 0 0 0; background:url(images/side_menu_bg_top.jpg) no-repeat 0 0;}
#g_navigation_list li img{ vertical-align:bottom;}
#navigation_bottom{ background:url(images/side_menu_bg_bottom.jpg) no-repeat 0 0;}

/*フットナビ*/
#foot_navi li{ padding:0 4px; float:left; color:#999; font-size:11px; border-right:1px solid #999;}
#flash_bn{ height:39px; width:158px; position:absolute; top:5px; right:20px;}

/*サイド*/
#access_str{ padding-left:8px; font-size:13px; color:#999;}
#mobile_str{ padding-top:5px; font-size:12px; color:#808080; line-height:17px;}

/*フッタ*/
#footer address{ text-align:center; font-size:12px; color:#999;}

/*FOR INDEX*/
#main_content.index h3{ padding:20px 0 15px 0;}
#main_content.index p{ padding:0 34px 0 18px; font-size:15px; color:#666; line-height:22px;}
strong { color:#69C; font-weight:bold;}
#main_content.index #note{ position:relative; margin-bottom:30px;}
#main_content.index #more_read{ text-align:right; padding-right:42px;}
#topics{ position:relative;}
#main_content.index #topics_more{ padding:0; width:101px; height:29px; position:absolute; right:40px; top:30px;}

/*FOR 下層ページ*/
.section{ padding-bottom:15px;}

#main_content.und h2{ padding-bottom:15px;}
#main_content.und h3{ padding-left:5px; margin-bottom:7px; font-size:16px; color:#333; font-weight:bold; border-left:4px solid #5490B3;}
#main_content.und h4{ padding:0 34px 10px 18px; }
#main_content.und p{ padding:0 34px 10px 18px; font-size:14px; color:#666; line-height:22px;}

ul.f_list{ padding:0 34px 0 18px; margin-bottom:15px;}
ul.f_list li{ padding-left:18px; float:left; width:170px; border-bottom:1px dotted #CCC; background:url(images/list_arr.gif) no-repeat 3px 3px;}

/*faq*/
.faq_list{ width:600px; margin-left:20px; padding-bottom:40px; border-top:1px dotted #CCC;}
.faq_list li{ padding-left:22px; border-bottom:1px dotted #CCC; line-height:1.8em; background:url(images/faq_arr.gif) no-repeat 8px 7px;}
.answer_list{ width:600px; margin-left:20px;}
.answer_list dt{ padding-left:33px; margin-bottom:5px; border-bottom:1px solid #89C473; color:#666; background:url(images/faq_question.gif) no-repeat 0 0;}
.answer_list dd{ padding-left:35px; padding-bottom:15px;}


/*写真フロート*/
.img_right{ float:right; padding:0 0 5px 15px;}
.img_left{ float:left; padding:0 15px 5px 0;}


/*テーブル関係*/
.table_basic{ margin:0 0 14px 15px; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px; border-bottom:1px dotted #CCC; font-size:14px;}
.table_basic th{ background:#E3F1FB; color:#666; text-align:left;}
.table_basic caption{ padding:0 0 5px 15px; font-size:14px; color:#666; font-weight:bold; background:url(images/caption_bg.gif) no-repeat 0 3px;}

.table_list{ margin:0 0 20px 15px;}
.table_list th{ padding:0 15px 10px 0; font-size:13px;}
.fl_name{ padding:5px 0 0 0; font-size:13px; color:#963; border-bottom:1px solid #963; display:block;}

/*STYLE*/
.red{ color:#FF0000;}
.big{ font-size:130%; font-weight:bold;}

.point { width:570px; margin:0 0 0 45px;}
.point li{ padding:0 0 15px 0; list-style:decimal; color:#666;}


/* New Topics 2017.10*/
#topicsArea{margin:0 30px 0 10px;}
#topicsArea ul{
	
}
#topicsArea ul li{
	padding:10px 0 10px 17px;
	margin-right: 20px;
    color: #666;
    border-bottom: 1px dotted #CCC;
    background: url(images/topics_dot.jpg) no-repeat 0 16px;
    line-height: 2em;
}
#topicsArea ul li #topics_date{
	color: #81B5D2;
    font-weight: bold;
	padding-right: 5px;
}
#topicsArea ul li #topics_title{}
#topicsArea ul li #topics_new{}
#topics_body{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#topics_body img{max-width:100%;}
#topicsArea .detail #topics_date{
	text-align: right;
	display: block;
	margin-bottom: 10px;
}
#topicsArea .detail #topics_title{
	display: block;
	font-size: 18px;
	color: #3399CC;
    font-weight: bold;
    border-bottom: 1px dotted #CCC;
    background: url(../../images/index_tipics_dot.gif) no-repeat 0 3px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#topicsArea a.backBtn{display: inline-block;}