@charset "utf-8";
/* ===================================================================
CSS information

 file name  :company.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページ指定
----------------------------------------------------------- */
#company #bg_contents {
	padding-top:20px;
	background: url(../../images/bg/bg_contents_hina.gif) repeat-x left top;	
}

/* タイトル
----------------------------------------------------------- */
#company #st_title {
	margin:0 0 33px 0;
	padding:0;
	width:680px;
	height:28px;
	line-height: 1;
	background: url(../company/images/st_title.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/* キャッチコピー
----------------------------------------------------------- */
#company h4#intro_copy{
	margin:0 0 15px 0;
	width: 680px;
	height: 20px;
	background: url(../company/images/intro_copy.gif) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/*文と写真*/
#company #intro{
	margin:0 0 30px 0;
	width: 680px;
}

#company #intro:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


#company #intro img#intro_img{
	float: right;
}

#company #intro p#intro_text{
	width: 400px;
	float: left;
}

/* googlemap
----------------------------------------------------------- */
#company #bg_gmap {
	margin-bottom:10px;
	padding:5px;
	width:670px;
	height:320px;
	background: url(../../images/bg/bg_gmap.gif) no-repeat left top;
}

/* googlemap 表示 */
#company #bg_gmap #gmap {
	width:670px;
	height:320px;
}

#company #gmap_txt {
	margin-bottom:20px;
	color:#595959;
	font-size: 93%;
}

#company #bg_gmap .btn_dtl {
	margin:0 0 15px;
	width:75px;
	height:20px;
	float:right;
}

#company #bg_gmap .btn_dtl a{
	width:75px;
	height:20px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	background: url(../../buttons/btn_dtl.gif) no-repeat left top;
}

/* company box
----------------------------------------------------------- */
#company .company_box {
	padding:4px 4px 20px 4px;
	width:672px;
	background: url(../../images/bg/bg_outarea.gif) repeat-x left top;
}

/* 中ボックス */
#company .company_box .company_in {
	padding:10px 15px 0px 15px;
	width:640px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;	
	background: url(../../images/bg/bg_inarea.gif) repeat-x left top;
}

/* ボックス */
#company .company_box .company_in .area_title_box {
	padding-bottom:15px;
	width:640px;
	overflow:hidden;
}

/* タイトル */
#company .company_box .company_in .area_title_box h4 {
	margin-top:5px;
	padding-left:23px;
	width:396px;
	float:left;
	background: url(../../images/icon/icon_area.gif) no-repeat left 2px;
	font-size: 123.1%;
	line-height: 20px;
}

/* map ボタン */
#company .company_box .company_in .area_title_box .map {
	margin:0;
	width:85px;
	height:25px;
	float:left;
}

#company .company_box .company_in .area_title_box .map a {
	width:85px;
	height:25px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	background: url(../../buttons/btn_map.gif) no-repeat left top;
}

/* hp ボタン */
#company .company_box .company_in .area_title_box .hp {
	margin:0;
	width:125px;
	height:25px;
	float:right;
}

#company .company_box .company_in .area_title_box .hp a {
	width:125px;
	height:25px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	background: url(../../buttons/btn_hp.gif) no-repeat left top;
}

/*** エリアボディ内包ボックス ***/
#company .company_box .company_in .area_body_box {
	width:640px;
	overflow:hidden;
}

/* 右ボックス */
#company .company_box .company_in .area_body_box .area_right {
	width:400px;
	float:right;
}

/* テキスト */
#company .company_box .company_in .area_body_box .area_right p {
	font-size: 93%;
	color: #595959;	
}

/* 下線ボーダー */
#company .company_box .company_in .area_body_box .area_right p.border_bottom {
	margin:0 0 5px 0;
	padding:0 0 5px 0px;
	border-bottom: 1px dotted #000000;	
}

/* 津久見周辺企業 */
#company #page #bg_contents #contents #contents_over #main #sst_t_company {
	margin-bottom:15px;
	width:680px;
	height:20px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	background-image: url(../company/images/sst_tsukumi_company.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 津久見官公庁 */
#company #page #bg_contents #contents #contents_over #main #sst_tsukumi {
	margin-bottom:15px;
	width:680px;
	height:20px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	background-image: url(../company/images/sst_tsukumi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 臼杵市周辺企業 */
#company #page #bg_contents #contents #contents_over #main #sst_u_company {
	margin-bottom:15px;
	width:680px;
	height:20px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	background-image: url(../company/images/sst_usuki_company.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* リンクについて */
#company #page #bg_contents #contents #contents_over #main #sst_link {
	margin-bottom:15px;
	width:680px;
	height:20px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	background-image: url(../company/images/sst_about_link.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* リンクについて
----------------------------------------------------------- */

#company #link_txt {
	width:680px;
	margin:0 0 15px 0;
	}

/* リンク方法 */	
#company #link_method {
	width:680px;
	margin:0 0 15px 0;
	}
	
#company #link_method h4 {
	background:url(../company/images/h4_link.gif) left center no-repeat;
	text-indent:-9999px;
	height:14px;
	width:76px;
	}
	
#company #link_method p {
	width:680px;
	margin:10px 0 0 0;
	}
	
#company #link_method .link_box {
	width:680px;
	margin:10px 0 0 0;
	overflow:hidden;
	clear:both;
	}
	
#company #link_method .link_box .link_box_left {
	width:163px;
	text-align:center;
	float:left;
	}
	
#company #link_method .link_box .link_box_left p {
	margin:3px 0 0 0 ;
	width:163px;
	text-align:right;
	}
	
#company #link_method .link_box .banner_tag {
	overflow:auto;
	width:490px;
	height:40px;
	border:#480B08 1px solid;
	padding:5px;
	float:right;
	} 

/* リンクの流れ */	
#company #link_flow {
	width:680px;
	margin:0 0 15px 0;
	}
	
#company #link_flow h4 {
	background:url(../company/images/h4_flow.gif) left center no-repeat;
	text-indent:-9999px;
	height:14px;
	width:95px;
	}
	
#company #link_flow p {
	width:680px;
	margin:10px 0 0 0;
	}
	
#company #link_flow #link_address {
	width:640px;
	margin:20px auto 0 auto;
	overflow:hidden;
	clear:both;
	}

#company #link_flow #link_address img {
	float:left;
	margin:10px 0 0 0;
	}
	
#company #link_flow #link_address p {
	width:500px;
	float:right;
	margin:0;
	}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}