@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body,h1, h2, h3, h4, h5, h6, ul, form,p,dl,dd,dt,table,td,tr,th,img,address {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: 0px;
	font-weight: normal;
	line-height: 135%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 83%;
	color: #666666;
	font-style: normal;
} 

body {
	background-color: #CCCCCC;
	background-image: url(../images/common/bg_img.gif);
	background-repeat: repeat;
	position: relative;
}

#page_box {
	background-color: #FFFFFF;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e6e6e6;
}
/*::::Clears::::*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-table;
}
/* HIDE IEmac-5 \*/
    * html .clearfix {height:1%;}
    *+html .clearfix {height:1%;}
    .clearfix {display:block;}
/* END HIDE IEmac-5 */
.clear {
	clear: both;
}

br.clear {
	margin: 0;
	padding: 0;
	line-height: 0px;
}

/*::::テキストリンク::::*/
a:link,
a:visited {
	color: #222222;
	text-decoration: none;
}
a:hover,
a:active {
	color: #ff0066;
	text-decoration: none;
}

/*::::ヘッダー::::*/
#head {
	padding-bottom: 10px;
}
#head h1 {
	padding-top: 15px;
	padding-left: 40px;
	float: left;
}
#head #tel {
	padding-top: 30px;
	padding-right: 40px;
	float: right;
}

/*::::ナビ::::*/
#navi {
	width: 900px;
	height: 42px;
	clear: both;
	position: relative;
}
#navi li {
	float: left;
}
#navi li a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 42px;	
	color: #fff;
}
#navi li a:hover,
#navi li a.current {
	background-color: #FFFFFF;
	color: #f00;
}
#navi li img {
	background-color: #FFFFFF;
}
#navi li a:hover img,
#navi li a.current img {
	position: relative;
	top: -42px;
}

/*--home--*/
#navi #home a,
#navi #home a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 128px;
}
#navi #home a {
	background-position: left top;
}

#navi #home a.current {
	background-position: left -41px;
}
/*--会社情報--*/
#navi #com a,
#navi #com a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 129px;
}
#navi #com a {
	background-position: -128px top;
}
#navi #com a.current {
	background-position: -128px -41px;
}
/*--業務内容--*/
#navi #bus a,
#navi #bus a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 129px;
}
#navi #bus a {
	background-position: -257px top;
}
#navi #bus a.current {
	background-position: -257px -41px;
}
/*--施工例--*/
#navi #cons a,
#navi #cons a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 129px;
}
#navi #cons a {
	background-position: -386px top;
}
#navi #cons a.current {
	background-position: -386px -41px;
}
/*--採用情報--*/
#navi #rec a,
#navi #rec a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 129px;
}
#navi #rec a {
	background-position: -515px top;
}
#navi #rec a.current {
	background-position: -515px -41px;
}
/*--お問い合わせ--*/
#navi #cont a,
#navi #cont a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 129px;
}
#navi #cont a {
	background-position: -644px top;
}
#navi #cont a.current {
	background-position: -644px -41px;
}
/*--リンク--*/
#navi #link a,
#navi #link a.current {
	background-image: url(../images/common/navi_img_over.gif);
	background-repeat: no-repeat;
	width: 127px;
}#navi #link a {
	background-position: -773px top;
}
#navi #link a.current {
	background-position: -773px -41px;
}
/*----*/

/*::::左側リストメニュー::::*/
#l_menu {
	width: 205px;
}
#l_menu img {
	display: block;
}

#side_tit {
	padding-top: 10px;
	padding-left: 15px;
}
/*::::サイドメニュー::::*/
#side_menu {
	margin-left: 15px;
}
#side_menu li a {
	display: block;
	overflow: hidden;
	position: relative;
	width: 175px;
	color: #fff;
}
#side_menu li a:hover,
#side_menu li a.current {
	background-color: #FFFFFF;
	color: #f00;
}
#side_menu li img {
	background-color: #FFFFFF;
}
#side_menu li a:hover img,
#side_menu li a.current img {
	position: relative;
	left: -175px;
}
/*--side1--*/
#side_menu #side1 a,
#side_menu #side1 a.current {
	background-image: url(../images/common/side_navi_over.gif);
	background-repeat: no-repeat;
	height: 34px;
}
#side_menu #side1 a {
	background-position: left top;
}

#side_menu #side1 a.current {
	background-position: -174px top;
}
/*--side2--*/
#side_menu #side2 a,
#side_menu #side2 a.current {
	background-image: url(../images/common/side_navi_over.gif);
	background-repeat: no-repeat;
	height: 33px;
}
#side_menu #side2 a {
	background-position: left -34px;
}

#side_menu #side2 a.current {
	background-position: -174px -34px;
}
/*--side3--*/
#side_menu #side3 a,
#side_menu #side3 a.current {
	background-image: url(../images/common/side_navi_over.gif);
	background-repeat: no-repeat;
	height: 33px;
}
#side_menu #side3 a {
	background-position: left -67px;
}

#side_menu #side3 a.current {
	background-position: -174px -67px;
}
/*--side4--*/
#side_menu #side4 a,
#side_menu #side4 a.current {
	background-image: url(../images/common/side_navi_over.gif);
	background-repeat: no-repeat;
	height: 33px;
}
#side_menu #side4 a {
	background-position: left -100px;
}

#side_menu #side4 a.current {
	background-position: -174px -100px;
}

/*----テキストナビ----*/
#side_txtnavi {
	margin-top: 12px;
	padding-left: 17px;
	padding-bottom: 10px;
}
#side_txtnavi li {
	padding-bottom: 5px;
}
#side_txtnavi li a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 14px;
	color: #fff;
}
#side_txtnavi li a:hover{
	background-color: #FFFFFF;
	color: #f00;
}
#side_txtnavi li img {
	background-color: #FFFFFF;
}
#side_txtnavi li a:hover img {
	position: relative;
	top: -14px;
}
/*--side_txt1--*/
#side_txtnavi #side_txt1 a {
	background: url(../images/common/side_img1_over.gif) no-repeat left top;
	width: 117px;
}
/*--side_txt2--*/
#side_txtnavi #side_txt2 a {
	background: url(../images/common/side_img2_over.gif) no-repeat left top;
	width: 82px;
}
/*--side_txt3--*/
#side_txtnavi #side_txt3 a {
	background: url(../images/common/side_img3_over.gif) no-repeat left top;
	width: 152px;
}


/*----テキスト----*/
#side_txt {
	padding-left: 16px;
	padding-right: 10px;
	color: #4C4C4C;
}
#side_txt span {
	font-size: 100%;
	font-weight: bold;
}
#side_txt p {
	padding-top: 5px;
	font-size: 95%;
}
#side_txt p span {
	margin-top: 3px;
	margin-left: 8px;
	margin-bottom: 5px;
	font-weight: normal;
	display: block;
	line-height: 130%;
}

/*::::ページコンテンツ::::*/
/*::::左側リストメニュー::::*/
#l_menu {
	background: url(../images/common/side_bg.gif) repeat left top;
	padding-bottom: 15px;
	float: left;
}
#side_tit {
	padding-top: 10px;
	padding-left: 15px;
}
#re_bt {
	position: relative;
	clear: both;
}
#cont_bt {
	position: relative;
}
#re_bt a,
#cont_bt a {
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 265px;
	height: 27px;	
	color: #fff;
}
#re_bt a:hover,
#cont_bt a:hover {
	background-color: #FFFFFF;
	color: #f00;
}
#re_bt img,
#cont_bt img {
	background-color: #FFFFFF;
}
#re_bt a:hover img,
#cont_bt a:hover img {
	position: relative;
	top: -27px;
}
#re_bt a {
	background: url(../images/common/re_bt_over.gif) no-repeat left top;
	width: 92px;
}
#cont_bt a {
	background: url(../images/common/cont_bt_over.gif) no-repeat left top;
	width: 125px;
}


/*----見出しロールオーバー共通設定----*/
#inpage_contents h2 {
	padding-bottom: 5px;
}
#inpage_contents h2 a {
	display: block;
	overflow: hidden;
	position: relative;
	width: 645px;
	color: #fff;
}
#inpage_contents h2 a:hover {
	background-color: #FFFFFF;
	color: #f00;
}
#inpage_contents h2 img {
	background-color: #FFFFFF;
}
#inpage_contents h2 a:hover img {
	position: relative;
	top: -28px;
}
/*----内部ページ用大枠（トップはhome.cssの中）----*/
#page_contents {
	padding-right: 25px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
}
/*----右側大枠----*/
#inpage_contents {
	float: right;
	width: 645px;
	padding-top: 35px;
	background-color: #FFFFFF;
}
.con_box {
	padding-top: 10px;
	padding-bottom: 20px;
	width: 645px;
}
.con_box p {
	padding-left: 5px;
	padding-right: 10px;
}
#con1_txt p {
	padding-left: 0px;
}
#contents_tit {
	width: 645px;
	border-bottom: 2px solid #B6B5B6;
}
#contents_tit h2 {
	padding-left: 3px;
	padding-bottom: 0px;
	float: left;
}
#contents_tit #con1_bt a {
	float: right;
	display: block;
	overflow: hidden;
	position: relative;
	height: 28px;	
	color: #fff;
}
#contents_tit #con1_bt a:hover {
	background-color: #FFFFFF;
	color: #f00;
}
#contents_tit #con1_bt img {
	background-color: #FFFFFF;
}
#contents_tit #con1_bt a:hover img {
	position: relative;
	top: -36px;
}
#contents_tit #con1_bt a {
	background: url(../images/common/head_bt_img_over.gif) no-repeat left top;
	width: 110px;
}


/*::::フッター::::*/
#foot {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}
#foot a:link,
#foot a:visited {
	color: #ff0066;
	text-decoration: none;
}
#foot a:hover,
#foot a:active {
	color: #333333;
	text-decoration: none;
}
#foot_navi {
	font-size: 80%;
	margin-bottom: 5px;
}
#foot_txt {
	border-top: 2px solid #e6e6e6;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 75%;
	clear: both;
}
