@charset "UTF-8";

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

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:#F8F8F8; position:relative;}
body { background:url(../images/bg.jpg) repeat-x 0 0 #E7F0F8;}
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}

/*基本の設定*/
p,li,th,td,dl{}
dt{ font-weight:bold;}
dd{ padding:0;}

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

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

#topics a:link,#index_right.faq a:link{ color:#666; text-decoration:none;}
#topics a:visited,#index_right.faq a:visited{ color:#666; text-decoration:none;}
#topics a:hover,#index_right.faq a:hover{ color:#999;}


.tomap {}
#tomap a:link{ color:#666; text-decoration:none;}
#tomap a:visited{ color:#666; text-decoration:none;}
#tomap a:hover{ color:#999;}

/*フレーム*/
#head_content{ margin:0 auto; width:916px; height:85px; position:relative;}
#main_wrap{ margin:0 auto; width:916px; background:url(../images/main_bg.jpg) repeat-y 0 0;}
#index_main_content{ margin:17px auto 0 auto; width:916px; background:url(../images/index_map.jpg) no-repeat 594px 100%;}
#index_main_content.lower{ margin:0 auto; background:none;}
#index_left{ padding:0 0 0 25px; margin-bottom:35px; float:left; width:480px; background:url(../images/index_inner_bg.jpg) repeat-y 0 60px;}
#index_left.lower{ padding:0 25px 0 25px; width:455px;}
#index_left.voice{ padding:0 25px 0 25px; width:500px; background:none !important;}

#index_right{ padding:0 31px 0 0; float:right; width:357px;}
#index_right.voice{ padding:0 31px 0 0; float:right; width:310px;}

#copy{ padding:15px 0; text-align:center; font-size:12px; color:#666;}
.one_cl{ padding:15px 0 25px; margin:0 25px; border-top:1px solid #F2F2F2; position:relative;}
.nopad{ padding:0 0 25px; border:none;}
.faq { padding:0 0 0 15px; width:500px; border-right:1px solid #F2F2F2;}
.faq dt{ padding:40px 0 7px 0; margin-right:15px; font-size:15px; color:#FF6699; background:url(../images/quest.gif) no-repeat 0 15px;}
.faq dd{ padding:25px 0 15px 0; margin-right:15px; font-size:15px; border-bottom:1px dotted #CCC; background:url(../images/ans.gif) no-repeat 0 0; color:#444; line-height:1.4em;} 
.rp{ position:absolute; right:0;}

.voice_head,#diaryPro h2{ padding:15px 0 7px 0; background:url(../images/voice_h_head.gif) no-repeat 0 0; color:#97BF60; font-weight:bold; font-size:17px; position:relative;}
.area{ position:absolute; right:0; border:1px solid #CCC; color:#777; font-size:12px; font-weight:normal; padding:0 3px;}


/*ヘッダ*/
h1{ font-size:11px; color:#666; position:absolute; z-index:100; top:12px; left:81px; }
#logo{ width:459px; height:65px; position:absolute; z-index:50; top:13px; left: 8px; }
#top_navi{ width:390px; height:29px; position:absolute; right:0;}
#top_navi li{ display:inline;}
#top_tel{ width:418px; height:46px; position:absolute; left: 495px; top: 36px; }

/*flash*/
#flash{ width:900px; height:324px; padding:6px 8px 0 8px; background:url(../images/top_bg.jpg) no-repeat 0 0;}
#flash.lower{ height:12px;}


/*ｇなび*/
#g_navigation li{ display:inline;}

/*foot navi*/
#foot_navi{ text-align:center; margin:0 8px; padding-top:14px; width:900px; height:29px; background:url(../images/footnavi_bg.jpg) repeat-x 0 0;}
#foot_navi li{ padding:0 3px; font-size:11px; display:inline; border-right:1px solid #FFF;}

/*index*/
.example_case li{ display:inline;}
#index_right p{ padding:0 0 12px 0; font-size:14px; color:#666;}
#topics{ position:relative; width:457px;}
#topics dt{ padding:15px 0 3px 15px; font-size:12px; color:#72B354; background:url(../images/topics_dot.jpg) no-repeat 0 17px;}
#topics dd{ padding:0 0 15px 0; font-size:12px; color:#666; border-bottom:1px dotted #CCC;}
#read_more{ width:104px; height:17px; position:absolute; left: 353px; top: 39px; }

/*下層*/
#bigbn{ padding:0 0 0 23px;}
#index_left.lower h3{ font-size:17px; line-height:1.5em; padding:0 0 15px 0; color:#F58989; font-weight:bold;}
#index_left.lower p{ font-size:13px; line-height:1.5em; padding:0 0 11px 0;}
.subdisc{ font-size:14px; color:#999;}
.list_ptn1{ padding:0 0 15px;}
.list_ptn1 li{ padding:5px 0 5px 13px; font-size:14px; background:url(../images/list_dot.gif) no-repeat 0 9px;}
.list_ptn2,.list_ptn3,#diaryPro ul{ padding:0 0 15px;}
.list_ptn2 li,#diaryPro li{ padding:5px 0 7px 11px; font-size:11px; background:url(../images/list_dot.gif) no-repeat 0 6px; border-bottom:1px dotted #CCC; color:#777;}
.list_ptn3 li{ padding:5px 0 7px 11px; font-size:13px; background:url(../images/list_dot.gif) no-repeat 0 8px; border-bottom:1px dotted #CCC; color:#777;}

.howtouse td{ padding:0 15px; color:#777; vertical-align:top;}
.contact_btn{ text-align:center; margin-top:15px;}

.price_section{ padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #F2F2F2;}
#index_left h4{ padding-bottom:10px;}
.voice p{ padding:0 0 18px 20px;}
.greeting p{ padding:0 25px 18px 20px; font-size:14px; line-height:1.5em; color:#333;}
.name{ font-weight:bold; text-align:right; color:#333; font-size:17px !important;}



/*テーブル関係*/
.table_basic{ margin:0 0 15px 0; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px 7px; border-bottom:1px dotted #CCC; font-size:14px; color:#666; text-align:center;}
.table_basic td{ background:none; text-align:left;}
.table_basic th{ background:#F1EBE4; color:#444; text-align:left; }
.table_basic tr.odd th{ background:#E4DACD; border-bottom:1px dotted #CCC; font-size:14px;}
.table_basic tr.odd td{ background:#F3F3F3; border-bottom:1px dotted #CCC; font-size:14px;}
.table_basic th.odd{ background:#F7F3EE;}

.table_basic caption{ padding:0 0 5px 18px; font-size:14px; color:#ACBF60; font-weight:bold; background:url(../images/list_dot.gif) no-repeat 3px 4px;}




/*style*/
.st,strong{ font-weight:bold; color:#F3A7B3;}
.border_style{ padding:2px 3px !important; border:1px solid #CCC;}
.small{ font-size:80%;}
.img_right{ float:right; padding:0 0 0 20px; background:#FFF;}
.img_left{ float:left; padding:0 15px 0 0;}
.red{ color:#BB0966;}
.cap{ font-size:90%; padding:0 30px 20px; color:#666;}

.red{ color:#C60000;}