@import "content.css";
@import "side.css";


body { 
 background:#FFFFFF url(img/bg.jpg) repeat-x top;
 font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:12px;
 color:#333333;
 line-height:150%;
 margin:0;
 padding:0;
 text-align:center;
}
h1, h2, h3, h4 {font-weight:normal;margin:0;padding:0;}
div, p, dl, dt, dd, th, td {margin:0;padding:0;}
ul, li {margin:0;padding:0;list-style:none;}
img {border:none;vertical-align:middle;margin:0;}
table {border-collapse:collapse;}
table, th, td {font-size:100%;}
a {color:#CC3300;text-decoration:underline;}
a:hover {color:#CC6600;}


#container {
 width:1000px;
 margin:0 auto;
}

/*======================================
	ヘッダー
=======================================*/

#header {
 width:1000px;
 height:140px;
 background:url(img/bg_header.jpg) no-repeat top left;
 text-align:left;
}

#header h1 {font-size:10px;padding:2px 0 0 4px;width:700px;height:42px;float:left;}
#description {font-size:10px;float:left;line-height:140%;height:52px;letter-spacing:1px;}

#to_index {display:block;width:280px;height:48px;float:left;text-indent:-9999px;}
#head_navi {float:right;padding:2px 0 0 0;}
#head_navi li {display:inline;}
#head_navi a {color:#333333;text-decoration:none;}
#head_navi a:hover {color:#666666;text-decoration:underline;}
#head_tel {display:none;}

/*======================================
	ナビゲーション
=======================================*/

#navi {
 clear:both;
 width:1000px;
 height:39px;
 background:url(img/navi.gif) no-repeat left bottom;
}
#navi li {
 display:block;
 float:left;
 height:39px;
 margin:0 1px 0 0;
 text-indent:-9999px;
}
#navi li a {
 display:block;
 margin:0;
 height:39px;
 text-indent:-9999px;
}
.navi_home {width:142px;margin:0 0 0 1px;}
.navi_service {width:142px;margin:0 0 0 1px;}
.navi_produce {width:142px;margin:0 0 0 1px;}
.navi_results {width:141px;margin:0 0 0 1px;}
.navi_profile {width:142px;margin:0 0 0 1px;}
.navi_faq {width:142px;margin:0 0 0 1px;}
.navi_inquiry {width:142px;margin:0 0 0 1px;}

.navi_home_active {width:142px;margin:0 0 0 1px;background:url(img/navi_home.gif);}
.navi_service_active {width:142px;margin:0 0 0 1px;background:url(img/navi_service.gif);}
.navi_produce_active {width:142px;margin:0 0 0 1px;background:url(img/navi_produce.gif);}
.navi_results_active {width:141px;margin:0 0 0 1px;background:url(img/navi_results.gif);}
.navi_profile_active {width:142px;margin:0 0 0 1px;background:url(img/navi_profile.gif);}
.navi_faq_active {width:142px;margin:0 0 0 1px;background:url(img/navi_faq.gif);}
.navi_inquiry_active {width:142px;margin:0 0 0 1px;background:url(img/navi_inquiry.gif);}

.navi_home a:hover {background:url(img/navi_home_hover.gif);}
.navi_service a:hover {background:url(img/navi_service_hover.gif);}
.navi_produce a:hover {background:url(img/navi_produce_hover.gif);}
.navi_results a:hover {background:url(img/navi_results_hover.gif);}
.navi_profile a:hover {background:url(img/navi_profile_hover.gif);}
.navi_faq a:hover {background:url(img/navi_faq_hover.gif);}
.navi_inquiry a:hover {background:url(img/navi_inquiry_hover.gif);}


/*======================================
	パンくずリスト部分
=======================================*/

#bread_navi {text-align:right;padding:8px 12px 0 0;font-size:10px;}
#bread_navi a {color:#663300;text-decoration:underline;}
#bread_navi a:hover {color:#996600;text-decoration:underline;}

/*======================================
	メイン
=======================================*/

#main {padding:8px 0 0 0;margin:0 0 20px 0;}
#title {width:1000px;}
#title h1 {text-indent:-9999px;}
.title_top {height:250px;background:url(img/title_top.jpg);}
.title_sub {height:150px;}
.title_company {background:url(img/title_company.jpg);}
.title_service {background:url(img/title_service.jpg);}
.title_inquiry {background:url(img/title_inquiry.jpg);}
.title_produce {background:url(img/title_produce.jpg);}
.title_results {background:url(img/title_results.jpg);}
.title_link {background:url(img/title_link.jpg);}
.title_faq {background:url(img/title_faq.jpg);}
.title_job {background:url(img/title_job.jpg);}
.title_sitemap {background:url(img/title_sitemap.jpg);}
.title_hearing {background:url(img/title_hearing.jpg);}

/*======================================
	サイドバー部分
=======================================*/

#side {
 width:250px;
 float:right;
 text-align:left;
}
.side_top {padding:16px 0;}
.side_sub {padding:2px 0;}

/*======================================
	メインコンテンツ部分
=======================================*/

* html #content {margin:0 0 0 5px;}
#content {
 width:720px;
 float:left;
 margin:0 0 0 8px;
 text-align:left;
}
.content_top {padding:28px 0;}
.content_sub {padding:5px 0;}

#content h2 {text-indent:-9999px;}

#page_foot {border-top:1px #CCCCCC solid;text-align:center;padding:15px 0 0 0;clear:both;}
#page_foot ul li {display:inline;}
#page_foot ul li a {color:#333333;text-decoration:none;}
#page_foot ul li a:hover {color:#666666;text-decoration:underline;}

#inquiry_btn a {display:block;width:302px;height:52px;background:url(img/inquiry_btn.gif);text-indent:-9999px;margin:0 auto;}
#inquiry_btn a:hover {background:url(img/inquiry_btn_hover.gif);}
#job_btn a {display:block;width:302px;height:52px;background:url(img/job_btn.gif);text-indent:-9999px;margin:0 auto;}
#job_btn a:hover {background:url(img/job_btn_hover.gif);}

/*======================================
	フッター
=======================================*/

#footer {clear:both;padding:65px 0 0 0;background:url(img/bg_footer.jpg) repeat-x bottom;}
#footer_top {clear:both;padding:5px 0 0 0;background:url(img/bg_footer.jpg) repeat-x bottom;}
#footer_in {width:1000px;height:313px;margin:0 auto;}
.to_top {width:100%;text-align:right;}
.to_top a {background:url(img/to_top.gif) no-repeat top;color:#333333;text-decoration:none;}
#copyright {color:#CCCCCC;padding:2px 0 0 0;}
* html #copyright {padding:5px 0 0 0;}
#foot_navi {padding:15px 0 0 0;}
#foot_navi li {display:inline;}
#foot_navi a {color:#333333;text-decoration:none;}
#foot_navi a:hover {color:#666666;text-decoration:underline;}
#foot_content {width:950px;padding:20px 0 0 0;margin:0 auto;}
#foot_content h2 {font-size:12px;font-weight:normal;}
#foot_left {color:#666666;width:480px;float:left;font-size:10px;text-align:left;padding:32px 0 0 0;}
#foot_left dd {margin:0 0 0 10px;padding:8px 0 0 0;line-height:130%;}
#foot_right {color:#666666;width:430px;float:right;background:url(img/foot_right.jpg) no-repeat bottom;text-align:left;padding:35px 0 0 0;}
#foot_right p {margin:0 0 0 16px;padding:8px 0 0 0;height:100px;}
* html #foot_left {padding:22px 0 0 0;}
* html #foot_right p {padding:0;}

/*======================================
	他
=======================================*/

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.clear {clear:both;}
.invisible {visibility:hidden;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}
.left {float:left;}
.right {float:right;}
.block {display:block;}
.va_top {vertical-align:top;}

.m_10 {margin:0 10px;}
.m_15 {margin:0 15px;}
.m_20 {margin:0 20px;}
.m_top_5 {margin-top:5px;}
.m_top_12 {margin-top:12px;}
.m_top_15 {margin-top:15px;}
.m_top_20 {margin-top:20px;}
.m_bottom_5 {margin-bottom:5px;}
.m_bottom_10 {margin-bottom:10px;}
.m_bottom_20 {margin-bottom:20px;}
.m_bottom_30 {margin-bottom:30px;}
.m_bottom_50 {margin-bottom:50px;}
.m_left_5 {margin-left:5px;}
.m_left_8 {margin-left:8px;}
.m_left_10 {margin-left:10px;}
.m_left_15 {margin-left:15px;}
.m_left_20 {margin-left:20px;}
.m_left_30 {margin-left:30px;}
.m_right_5 {margin-right:5px;}
.m_right_10 {margin-right:20px;}
.m_right_15 {margin-right:15px;}
.m_right_20 {margin-right:20px;}
.m_right_30 {margin-right:30px;}

.p_top_2 {padding-top:2px;}
.p_top_5 {padding-top:5px;}
.p_top_10 {padding-top:10px;}
.p_top_12 {padding-top:12px;}
.p_top_15 {padding-top:15px;}
.p_top_20 {padding-top:20px;}
.p_top_30 {padding-top:30px;}
.p_top_25 {padding-top:25px;}
.p_top_40 {padding-top:40px;}
.p_right_10 {padding-right:10px;}
.p_left_10 {padding-left:10px;}
.p_left_20 {padding-left:20px;}

.brown {color:#993300;}
.l_brown {color:#CC6600;}
.c333300 {color:#333300;}
.l_grey {color:#666666;}
.red {color:#CC0000;}
.red2 {color:#CC3300;}
.font_10 {font-size:10px;}
.font_12 {font-size:12px;}
.font_14 {font-size:14px;}
.bold {font-weight:bold;}

.h_28 {height:28px;}
.h_45 {height:45px;}
.h_65 {height:65px;}
.h_80 {height:80px;}

.w_260 {width:260px;}
.w_440 {width:440px;}

.b_top_ccc {border-top:1px #CCCCCC solid;}