@charset "UTF-8";

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

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

img{ vertical-align:bottom;}


/*基本の設定*/
p,li,th,td,dl{ padding:0 0 15px 0; font-size:14px; line-height:1.5em; color:#666;}
dt{ font-weight:bold;}
dd{ padding:0 0 15px 26px;}
strong{ font-weight:bold; color:#772F09;}

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

#faq_li li a{ color:#666; text-decoration:none;}
#faq_li li a:visited{ color:#666; text-decoration:none;}
#faq_li li a:hover{ color:#FFF; background:#71B856;}

#foot_inner li a{ color:#666; text-decoration:none; background:none;}
#faq_li li a:visited{ color:#666; text-decoration:none; background:none;}
#faq_li li a:hover{ color:#FFF; background:none;}

/*フレーム*/
#container{ margin:0 auto; width:912px; height:auto; background:url(../images/bg_main.jpg) repeat-y 0 0; position:relative;}
#content{ float:right;}
  .index_content{ width:631px; padding:140px 19px 0 0;}
  .lower_content{ width:617px; padding:10px 19px 0 14px;}
#side_content{ padding:0 0 0 6px; width:236px; float:left;}
#content_bottom{ width:912px; height:14px; background:url(../images/main_bottom.jpg) no-repeat 0 100%; clear:both;}
#site_map{ padding:18px 0 15px 12px; width:900px; margin:0 auto; background:url(../images/foot_leaf.jpg) no-repeat 798px 100%;}
#copy{ padding:14px 0 0 0; margin:0 auto; width:912px; height:28px; font-size:12px; color:#FFF; font-weight:bold; text-align:center; background:url(../images/copy_bg.jpg) no-repeat 0 0;}


/*head*/
#logo{ width:244px; height:124px; position:absolute; top:14px; left:18px;}
#lower_logo{ width:303px; height:43px; position:absolute; top:21px; left:22px;}
#contact_und{ padding:0; width:327px; height:35px; position:absolute; left: 555px; top: 39px; }


/*navigation*/
#head_navi{ width:496px; height:40px; position:absolute; top:0; left:397px;}
#head_navi li{ float:left;}
#navigation{ padding:0 0 21px 0;}
#navigation li img{ vertical-align:bottom;}
#foot_navi_001 li,#foot_navi_002 li{ padding:0 5px; font-size:10px; line-height:1.3em; color:#999; border-right:1px solid #999; float:left;}
.list_first_b{ border-left:1px solid #999;}

/*idnex*/
#index_head{ width:912px; height:487px; background:url(../images/index_bg.jpg) no-repeat 0 0; position:relative;}
#index_contact{ padding:0; width:319px; height:100px; position:absolute; top:44px; left:574px;}
#index_subject{ width:497px; height:48px; position:absolute; top:247px; left:396px;}
#index_staff_001,#index_staff_002{ width:497px; height:97px; position:absolute;}
#index_staff_001 li,#index_staff_002 li{ float:left;}
#index_staff_001{ top:151px; left:396px;}
#index_staff_002{ top:296px; left:396px;}
#index_ptn_str{ width:631px; height:43px; position:absolute; top:408px; left:262px;}
#index_ptn{ width:631px; height:169px; position:absolute; top:451px; left:262px;}
#index_ptn li{ float:left;}
#index_pro_headline{ width:160px; height:115px; position:absolute; top:360px; left:102px;}
#index_pro{ width:279px; height:216px; position:absolute; top:144px; left:0;}
  .pro_001{}
  .pro_002{ position:absolute; top:0; left:126px;}
  .pro_003{ position:absolute; top:127px; left:0;}
  .pro_004{ position:absolute; top:127px; left:126px;}
#rec_table{ margin:0 0 0 23px;}
#rec_table td{ vertical-align:top;}
#rec_table h5{ padding:0 0 5px 0;}
#rec_table p{ padding:0 5px; font-size:12px; color:#999; line-height:110%;}
.rec_more{ text-align:right; margin:0 0 15px 0;}
.rec_first{ border-bottom:1px dotted #CCC;}
.information{ padding:5px; border:2px solid #97CF50; margin:0 0 0 15px; font-size:12px;}


/*lower*/
#lower_head{ width:912px; height:77px; position:relative; background:url(../images/lower_bg_top.jpg) no-repeat 0 0;}


/*content*/
.content_catch{ font-size:14px; padding:10px 0 10px 0; color:#89C250; font-weight:bold;}
#content h3.basic{ padding:10px 0 10px 15px; width:603px; height:25px; background:url(../images/h3_bg.gif) no-repeat 0 0; font-size:14px; color:#FFF; font-weight:bold;}
#content h4{ padding:5px 0; color:#89C250; font-size:14px;}
#content dl{ padding:0 0 5px 0;}
#content dt{ margin-bottom:3px; border-bottom:1px solid #CF8B54; color: #CF8B54;}
#content dd{ padding:0 0 15px 20px;}
.waku001{ padding:5px 15px; width:585px; border-right:1px solid #CCC; border-left:1px solid #CCC;}
.waku001 h4{ padding:0 0 10px 0; font-size:14px; color:#666; font-weight:bold;}
.waku_bottom001{ width:618px; height:13px; background:url(../images/waku_bottom001.gif) no-repeat 0 0;}
.area{ padding:5px 5px 0 5px !important; border-bottom:1px solid #CCC;}
.to_top{ margin:10px 0 15px 20px; text-align:right;}

#pankuzu{ font-size:11px; color:#666;}

/*.tabNav li{ float:left;}
.tabNav li a{ float:left; border:1px solid #CCC; padding:5px; background:#CCC; display:block;}
.tabNav li a.active{ float:left; border:1px solid #CCC; padding:5px; background:#FFF; display:block; border-bottom:none;}
#tab1,#tab2{ padding:5px 15px; clear:left; border:1px solid #CCC;}*/

/*faq*/
#faq_li{ padding:0 0 30px 0; border-bottom:1px solid #E7F1E0;}
#faq_li li{ padding:10px 0 5px 35px; height:23px; border-bottom:1px dotted #CCC; background:url(../images/faq_q.jpg) no-repeat 0 5px;}
#faq{ padding:0 0 5px 0;}
#faq dt{ margin-top:15px; height:23px; padding:5px 0 0 38px; margin-bottom:3px; color:#84BF48; background:url(../images/faq_q.jpg) no-repeat 0 0; border:none;}
#faq dd{ padding:0 0 15px 38px; background:url(../images/faq_a.jpg) no-repeat 0 0; border-bottom:1px solid #E7F1E0;}

/*voice*/
.voice_faq{ padding:0 0 5px 0;}
.voice_faq dt{ font-size:13px; margin-bottom:0; border-bottom:1px solid #F2F2F2 !important; color:#719D2D !important; font-weight:normal;}
.voice_faq dd{ font-size:13px; padding:0 0 5px 15px !important; color:#999;}
.round{ border:1px solid #CC0000; color:#CC0000;}

/*タブ*/

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
    color:#666;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:1em;
}


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

/*テーブル関係*/
.table_basic{ margin:10px 0 15px 0; border-collapse:collapse; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px 5px; border-bottom:1px dotted #CCC; font-size:14px;}
.table_basic th{ background:#F2F2F2; color:#666; text-align:left;}
.table_basic td , .table_basic td p{ padding:5px; font-size:14px; color:#666;}

.table_basic tr.odd th{ background:#C0E2FE; 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 caption{ padding:0 0 0 15px; font-size:14px; color:#666; font-weight:bold; background:url(../images/mark_caption.gif) no-repeat 0 3px;}

.table_staff{ margin:0; border-collapse:collapse; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.table_staff th,.table_staff td{ padding:5px 5px; border-bottom:1px dotted #CCC; font-size:12px;}
.table_staff th{ background:#F2F2F2; color:#666; text-align:left;}
.table_staff td , .table_staff td p{ padding:3px; font-size:12px; color:#666;}

.table_staff tr.odd th{ background:#C0E2FE; border-bottom:1px dotted #CCC; font-size:12px;}
.table_staff tr.odd td{ background:#F3F3F3; border-bottom:1px dotted #CCC; font-size:12px;}

.table_staff caption{ padding:0 0 3px 15px; font-size:14px; color:#666; font-weight:bold; background:url(../images/mark_caption.gif) no-repeat 0 3px;}



/*staff*/
#staff{ width:543px; margin:0 auto;}
.table_staff_list { float:left; border-right:1px solid #F2F2F2;}
.table_staff_list h4{ padding:0 !important; margin:0 10px 3px 10px; border-bottom:2px solid #84BF48;}
.table_staff_list td{ padding:0; text-align:center;}
.table_staff_list td p{ padding:0;}
.table_staff_list td img{ vertical-align:bottom;}
.katagaki{ font-size:80%; line-height:1.3em;}

#staff_note{ width:780px; margin:0 auto; padding-top:5px;}
#staff_note img{ float:left; margin:35px 15px 0 0; padding:3px; border:1px solid #CCC;}


/*links*/
#links{ text-align:left; line-height:1.5em; border-top:1px dotted #CCC;}
#links th{ width:220px; padding:10px 5px 10px 20px; font-weight:normal; vertical-align:top; background: url(link_dot.gif) no-repeat 0 13px; border-bottom:1px dotted #CCC; font-size:12px;}
#links td{ margin:0; padding:10px 5px; border-bottom:1px dotted #CCC; border-left:1px dotted #CCC; font-size:12px;}
#links a:link,#links a:visited{ color:#7BB52B; text-decoration:none;}
#links a:hover{ color:#9C0; text-decoration:underline; background:none;}


/*medhia*/
#table_medhia{ margin:0 0 0 15px;}
#table_medhia p{ padding:0; font-size:12px; color:#666;}
#table_medhia td,#table_medhia th{ padding:7px 3px; font-size:12px; border-bottom:1px dotted #CCC; vertical-align:top;}
#table_medhia th{ color:#08192D;}
#table_medhia h5{ padding:0 0 0 8px; background:url(../images/dot.gif) no-repeat 0 7px; color:#97CF50; font-size:12px; font-weight:bold;}
#table_medhia th a:link{ color:#08192D; text-decoration:none;}
#table_medhia th a:visited{ color:#08192D; text-decoration:none;}
#table_medhia th a:hover{ color:#08192D; text-decoration:underline; background:none;}

/*style*/
strong{ color:#CF236C; font-weight:bold;}
.red{ color:#F3525C;}
.clear { clear:both; }  
.clear hr { display:none; }  
.point{ padding:10px !important; font-size:120%; text-align:center; font-weight:bold; border:1px solid #CCC; color:#750B30;}
.cap{ padding: 2px 10px !important; font-size:80%; line-height:110%; text-align:left !important;}
.bg_green{ background:#999; color:#FFF; padding:0 2px; margin-right:4px;}
.link_arr{ background:url(../images/link_arr.gif) no-repeat 0 2px; padding:0 0 0 15px;}
.link_arr:hover{ background:url(../images/link_arr.gif) no-repeat 0 2px; padding:0 0 0 15px; color:#66CC00; text-decoration:underline;}

/*topics*/
#index_topics{ margin:0 0 0 15px;}
#index_topics dt{ padding:0 0 0 18px; font-size:12px; background:url(../images/dot.gif) no-repeat 10px 6px; font-weight:bold; color:#97CF50; line-height:1.4em;}
#index_topics dd{ padding:3px 15px 3px 17px; font-size:12px; border-bottom:1px dotted #CCC; line-height:1.2em}
#index_topics dd a:link{ color:#868686; text-decoration:none;}
#index_topics dd a:visited{ color:#868686; text-decoration:none;}
#index_topics dd a:hover{ color:#868686; text-decoration:underline; background:none;}

/*DiaryPro*/
#topics_body{ padding-left:30px; width:617px;}
#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;}

#diary { width:617px;}
#topics{ width:617px; padding:0 0 0 10px;}
#topics dt{ padding:5px 0 0 0; font-size:12px; color:#6C6C6C;}
#topics dd{ padding:0 0 5px 10px; font-size:12px; color:#FF6699; border-bottom:1px dotted #CCC; background:url(images/arr.gif) no-repeat 0 4px;}

#diaryPro .text{ width:617px;}
#diary .info{ width:617px;}

#diaryPro .under_table{ width:520px;}

/* 20101119 SEO-CSS */
#add-txt {
	padding:50px 14px 10px;
}

#add-txt h3 {
	border-left:4px solid #A3D073;
	font-size:16px;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 7px;
}

.point2 {
	color:#CF236C;
	font-weight:bold;
}


.op a:hover img {opacity:0.8; border:none;}

ol.lst { margin-left:10px;} 
ol.lst li { list-style-type:decimal; margin-left:1em;}
ol.lst li small { font-size:90%; color:#444;}