@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_top.jpg) repeat-x #FFF;}

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;}

img{ vertical-align:bottom;}


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

#side_navi li a:link{ list-style:decimal; color:#666; background:url(images/manu_dot.gif) no-repeat 0 1px;}
#side_navi li a:visited{ list-style:decimal; color:#666; background:url(images/manu_dot.gif) no-repeat 0 1px;}
#side_navi li a:hover{ list-style:decimal; color:#666; background:url(images/manu_dot_on.gif) no-repeat 0 1px;}

#footer a:link{ font-size:12px; color:#666; text-decoration:underline; background:none;}
#footer a:visited{ font-size:12px; color:#666; text-decoration:underline; background:none;}
#footer a:hover{ font-size:12px; color:#333; text-decoration:none; background:none;}

.faq_list a:link{ color:#666; text-decoration:none;}
.faq_list a:visited{ color:#666; text-decoration:none;}
.faq_list a:hover{ color:#FFF; background:#ADD8B8;}

/*フレーム*/
#container{ margin:0 auto; width:952px; position:relative; background-color:#FFF;}
#header{ width:952px; height:95px; background:url(images/main_top.jpg) no-repeat 0 0 #FFF; position:relative;}
#main{ width:952px; background:url(images/main_middle.jpg) repeat-y;}
#index_bigBn{ padding:15px 0 15px 29px; width:923px;}
#content{ padding:0 24px 0 0; width:661px; float:right;}
#side_menu{ padding:0 0 0 30px; width:205px; float:left;}
#footer_box{ width:100%; background:url(images/bg_bottom.jpg) repeat-x 0 0 #D6EAF3;}
#footer{ margin:0 auto; width:952px; height:54px; background:url(images/main_bottom.jpg) no-repeat 0 0;}

/*index用*/
#topics{ padding:6px 0 5px 0;}
#topics dt{ font-size:12px; color:#ECBD00; font-weight:bold;}
#topics dd{ padding:0 0 0 10px; font-size:12px; color:#666; border-bottom:1px dotted #D0D0D0;}
#topics_more{ text-align:right;}

/*common*/

#content.index h2,#content.und h2,#content.index h3{ padding:12px 0 0 18px; line-height:15px; width:643px; height:38px; background:url(images/headLine_bar.jpg) no-repeat 0 0; font-size:15px; color:#666; font-weight:bold;}
#content.und h3{ height:25px; padding:20px 0 8px 40px; background:url(images/h3_und_dot.jpg) no-repeat 0 17px; font-size:16px; color:#3382C5; font-weight:bold;}
#content.und h4{ padding:0 0 15px 0;}

#content.und p{ padding:0 0 0 25px; color:#333;}
#content.und ul{ padding:0 0 15px 0;}
#content.und li{ padding:0 0 0 30px; color:#333; line-height:1.8em; background:url(images/list_dot_green.jpg) no-repeat 15px 8px;}

#content.index dl{ padding-bottom:15px;}
#content.index dt{ font-size:14px; color:#F90; font-weight:bold; border-bottom:1px dotted #999;}
#content.index dd{ font-size:12px; color:#666;}

#index_menu_table td{ vertical-align:top;}
#index_menu_table p{ padding:0 0 0 25px; font-size:12px; line-height:1.3em; color:#666; background:url(images/note_dot.gif) no-repeat 8px 2px;}
#index_menu_table h4{ font-size:14px; color:#F90; font-weight:bold; border-bottom:1px dotted #999; margin-bottom:3px;}



/*ヘッダ*/
h1{ width:500px; font-size:11px; color:#666; position:absolute; top:6px; left:32px;}
#logo{ width:473px; height:60px; position:absolute; top:25px; left:30px;}
#contact{ width:365px; height:57px; position:absolute; top:3px; right:33px;}
#ad{ font-size:10px; line-height:1.2em; color:#666; position:absolute; top:60px; left: 555px;}

/*footer*/
#footer{ position:relative;}
#copy{ padding-bottom:20px; font-size:11px; color:#999; text-align:center;}
#footer ul{ padding:15px 0 0 500px;}
#footer li{ padding:0 0 0 30px; font-size:12px; color:#666; float:left; height:100%; background:url(images/note_dot.gif) no-repeat 15px 4px;}
#footer li img{ vertical-align:middle;}

/*サイド*/
#side_navi{border-top:1px dotted #D0D0D0; padding:0 0 20px 0;}
#side_navi li{ display:block; padding:0; margin:2px 0; height:40px; width:200px; border-bottom:1px dotted #D0D0D0; font-size:13px; font-weight:bold; line-height:1.2em;}
#side_navi li img{ vertical-align:middle;}
#side_navi li a{ padding:10px 0 0 35px; height:30px; display:block;}
#note_mini{ padding-bottom:5px; font-size:11px; line-height:1.1em; color:#79C227;}


/*写真フロート*/
.img_right{ float:right; padding:0 0 5px 15px;}
.img_left{ float:left; padding:0 15px 5px 0;}
.img_right2{ float:right; padding:3px; margin:0 0 5px 15px; border:1px solid #CCC;}
.img_left2{ float:left; padding:3px; margin:0 15px 5px 0; border:1px solid #CCC;}


/*テーブル関係*/
.table_basic{ margin:0 0 14px 25px; 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 0; font-size:14px; color:#F90; font-weight:bold; background:url(images/caption_bg.gif) no-repeat 0 3px;}
.th_cl_bl{ background:#69C !important; color:#FFF !important; border-right:1px solid #FFF;}

.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;}

/*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:12px; margin-bottom:5px; border-bottom:1px solid #89C473; color:#666; background:url(images/faq_question.gif) no-repeat 0 4px;}
.answer_list dd{ padding-left:12px; padding-bottom:15px;}

/*privacy*/
#privacy dt{ color:#369;}

/*STYLE*/
.red{ color:#FF0000;}
.big{ font-size:130%; font-weight:bold;}
.col_braun{ color:#630;}
.point { width:570px; margin:0 0 0 45px;}
.point li{ padding:0 0 15px 0;}
.font_mini{ font-size:80%;}


/**/
.index_list{ padding:0 0 20px 0;}
.index_list li { padding:0 0 0 15px; font-size:12spx; color:#333; background:url(images/list_dot_red.gif) no-repeat 6px 8px;}
#cases{ width:; margin-bottom:19px; margin-left:22px;}
#cases.bar{ width:; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCC;}
#cases li{ display:inline; padding:0 10px 0 0 !important; background:none;}


/*DiaryPro*/
#topics_body{ padding-left:30px; width:590px;}
#topics_body li{ padding-left:15px; color:#666; border-bottom:1px dotted #CCC; background:url(images/topics_dot.jpg) no-repeat 0 7px; line-height:2em;}
.topics_date{ color:#81B5D2; font-weight:bold;}


#number{ font-size:13px; padding:20px 0 0 5px;}
#number a:link{ color:#333; text-decoration:none;}
#number a:visited{ color:#333; text-decoration:none;}
#number a:hover{ color:#666; text-decoration:underline; background:none;}