@import url(common.css);


#Container{ padding-top:28px; width:915px; margin:0 auto; position:relative;}

#main_top{ height:104px; background:url(images/u_top.jpg) no-repeat; position:relative; left:0; top:0; z-index:1;}

#main_middle{ padding:0 60px 0 65px; width:790px; height:auto; background:url(images/u_middle.jpg) repeat-y;}
#main_bottom{ margin:0; height:87px; background:url(images/u_bottom.jpg) no-repeat; clear:both;}


/*ナビゲーション*/

#navi{ padding:13px 0 0 130px; width:785px; height:100px; background:url(images/u_navi.gif) no-repeat;}
#navi ul{ margin:0; padding:0;}
#navi li{ list-style:none; float:left;}


/*カラム*/

#main_box{width:535px; background:url(images/u_middle.jpg) repeat-y; float:left;}
#right_box{ float:right;}


/*左コンテンツ*/

#content_main{ width:503px; padding:0 20px 0 12px;  background:url(images/u_content_main.gif) repeat-y; position:relative;}
#content_bottom{ width:535px; height:35px; background:url(images/u_content_bottom.gif) no-repeat;}
#content_bottom p{ margin:0; padding:0;}

#content_main h3,#diaryPro h2{ margin:0 0 15px 0; font-size:17px; line-height:1.4em; color:#060; font-weight:normal;}
.h3_ptn1,#diaryPro h2{ padding:29px 20px 0 100px; width:388px; height:53px; background:url(images/u_h3_index.gif) no-repeat;}
.h3_ptn2{ padding:35px 20px 0 100px; width:388px; height:73px; background:url(images/u_h3_index_ptn2.jpg) no-repeat;}
.h3_faq{ margin:10px 0 15px 0 !important; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; width:500px; font-size:17px; line-height:1.4em; color:#060; font-weight:normal;}


#content_main h4{ margin:0 12px 12px 12px; padding:0 0 0 18px; font-size:15px; line-height:1.4em; color:#95B438; font-weight:bold; border-bottom:1px dotted #95B438; background:url(images/h3_index.gif) no-repeat;}
.h4_no_index{ background-image:none !important; border-style:none !important; padding:0 !important; }
#content_main h5{ margin:0 12px 12px 12px; font-size:12px; line-height:1.4em; color:#F66; border-bottom:1px solid #F66;}


#content_main p,#content_main li{ font-size:12px; color:#333;}
#content_main p{ margin:0 0 12px 0; padding:0 0 0 20px; line-height:1.6em;}
#content_main ul,#content_main li{ margin:0; padding:0; text-indent:0;}
#content_main li{
	padding:0 0 0 17px;
	line-height:180%;
	border-bottom:1px dotted #666;
	text-indent:0;
	list-style:none;
	background:url(images/u_list_dot.gif) no-repeat;
}

#faq_list ul{ margin:0 0 12px 12px;}
#faq_list li{ border:none; background:url(images/u_list_dot2.jpg) no-repeat;}

.faq_a{ min-height:65px; padding:0 0 0 40px; background:url(images/faq_a.gif) no-repeat;}

#company_navi{ border-bottom:none;}
#company_navi li{ margin:0; padding:0; list-style:none; float:left; border-style:none;}

#ceo{width:210px; float:left;}
#ceo_right{ margin-left:210px;}
#ceo_right dt{ border-bottom:1px solid #096; color:#096; font-weight:bold;}
#ceo_right dd{ padding:6px 0 12px 12px;}


#totop{ padding:0; margin:10px 0 0 0 !important; text-align:right;}

.example{ margin:0 0 15px 20px; padding:17px 5px 5px 5px; background-color:#FDFAD9; border-top:1px dotted #FC6; border-bottom:1px dotted #FC6;}
.color_orange{color:#F60;}
.mark{ margin:0; background-color:#FCF;}
.under_line{ text-decoration:underline;}
.note{font-size:0.8em; color:#C00;}

/*テーブル用*/
#table{ margin:12px; padding:5px; background:#DFF7E2;}
#table table{width:100%; background:#FFF; border-top:1px solid #D7F2C6; border-left:1px solid #D7F2C6; border-right:2px solid #B8E89B; border-bottom:1px solid #B8E89B;}
#table th{background:#b5E793;}
#table tr{ background:#FEFCD8}
#table td,#table th{padding:5px;}
#table p{ margin:0; padding:0;}
#table .white{color:#FFF;}
#table .green{color:#669933;}



/*左コンテンツ リスト枠*/

#list_top{ margin:15px 0 0 0; height:15px; background:url(images/u_list_top.gif) no-repeat;}
#list_main{ padding:0 15px; background:url(images/u_list_middle.gif) repeat-y;}
#list_main p{ margin:0 0 0 0;}
.no_bk{ background: #FFF1B9 !important;}
.no_bk li{ background-image:url(images/u_list_dot2.jpg) !important;}
#list_bottom{ margin:0 0 15px 0; height:15px; background:url(images/u_list_bottom.gif) no-repeat;}
#list_top p,#list_bottom p{font-size:8px; margin:0; padding:0;}


/*右コンテンツ*/

#right_box h5{padding:15px 0 0 0;}

#tools{margin:20px 0;}
#tools p{padding:5px 0;}

#blog_middle{ width:227px; padding:0 0 0 20px; background:url(images/u_r_blog_middle.jpg) repeat-y;}

#blog_middle .ttl{ font-size:13px; color:#690;}
#note2{ margin:0; padding:0; font-size:11px; line-height:1.4em; color:#999;}

#blog_right{ float:right; width:90px; padding:0 20px 0 0;}

#blog_photo{padding:3px; background-color:#FFF; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:2px solid #CCC; border-bottom:2px solid #CCC; float:left;}

#next{ margin:15px 0 0 140px; width:70px; height:17px;}


/*Google Maps用*/

#map{ margin:0 0 0 12px; width:472px; height:400px;}
#Maps p{margin:0 0 0 12px; padding:0;}


/*お問合せフォーム*/
.contact_table_top{ height:37px; background:url(images/form_top.jpg) no-repeat;}
.contact_table{background:url(images/form_middle.jpg) repeat-y;}
.contact_table_bottom{background:url(images/form_bottom.jpg) no-repeat;}

.contact_table table{ margin:0 auto; border-collapse:collapse; text-align:left;}
.contact_table th{ padding:15px 5px 5px 5px; border-right:1px dotted #999;}
.contact_index{ border-left:3px solid #999; padding:0 0 0 5px !important;}
.contact_table td{ padding:15px 5px 5px 5px;}
.bor_b_1px{ border-bottom:1px solid #999;}

#form_table .btn{font-size: 14px; text-align: center; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px;}


/* sub */
#sub_menu{ position:absolute; top:5px; z-index:555; right: 35px; width:308px; }
#sub_menu li{ display:inline; list-style:none;}



.note_box{ position:relative; top:-20px;}
.works_note{ padding:0 15px;}

.works_note p{ margin:0 !important; position:relative; top:-10px;}
.post_date{ position:absolute; right:25px; background:url(images/cal.gif) no-repeat 2px 2px; font-weight:bold; color:#666666;}
.post_date2{ position:relative; left:370px; top:3px; background:url(images/cal.gif) no-repeat 2px 2px; font-weight:bold; color:#888 !important; width:200px;}
.nptes_place{ position:absolute; top:22px; text-align:right; font-weight:bold; color:#888 !important;}

.date_notes{ position:absolute; right:30px; font-weight:normal; font-size:12px; color:#999;}

.notes_data{}
.notes_data dt{ font-size:14px; font-weight:bold; color:#333; background:url(images/note.jpg) no-repeat 0 0; padding:0 0 0 20px;}
.notes_data dd { padding:0 0 0 20px; font-size:12px; color:#666;}

.notes_data dt a:link{ color:#95B438;}
.notes_data dt a:visited{ color:#95B438;}
.notes_data dt a:hover{ color:#BECD85;}


.more_read{}

#pager{ padding:20px 0 !important; margin-top:25px !important; text-align:center; border-top:1px solid  #FFF9DD;}
#pager li{ display:inline;}
.page_prev{ margin:0 15px 0 0 !important; border:none !important; background:none !important;}
.page_next{ border:none !important; background:none !important;}
.atplace{ position:relative; top:-15px;}