@charset "Shift_JIS";

/* ----- Reset CSS ----- */
html { color: #555555; background: #FFFFFF; overflow-y: scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body { text-align: center; line-height: 100%; font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background: url(../img/back.png) repeat-x top; }
/*IE7用ハック*/
*:first-child+html body { font-size: 85%; }
/*IE6用ハック*/
* html body { font-size: 85%; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
addr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select { *font-size: 100%; }
legend { color: #000; }
pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; }
hr { display: none; }

/* ----- Default CSS ----- */
a {
	color: #274527; text-decoration: underline;
}
a:hover {
	color: #274527;	text-decoration: none;
}
div.img_left {
	float: left; margin-right: 15px; margin-bottom: 15px;
}
div.img_right {
	float: right;
	margin-left: 15px; margin-bottom: 15px;
}
br.clear {
	clear: both; font-size: 0.1em; line-height: 0.1em;
}
h1 {
	font-size: 12px; text-align: right; line-height: 50px;
	height: 50px; color: #D9E0D9;
}

.c_box {
	overflow: hidden;
	position: relative;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */


/* -----------------------------------------------------------------------------
    レイアウト
   ----------------------------------------------------------------------------- */
#page {
	width: 760px;
	margin: 0px auto;
	text-align: left;
}
#main {
	line-height: 150%;
}

/* -----------------------------------------------------------------------------
    ヘッダ
   ----------------------------------------------------------------------------- */
#head {
	position: relative; width: 760px; height: 80px;
}
#head h2 {
	text-indent: -9999px;
	position: absolute; left: 15px; top: 10px;
}
#head h2 a {
	display: block; width: 250px; height: 54px;
	background: url(../img/logo.gif) no-repeat;
	overflow: hidden;
}
#head p {
	position: absolute; right: 0px; top: 22px;
	text-indent: -9999px;
	display: block; width: 290px; height: 40px;
	background: url(../img/head.gif) no-repeat;
}

/* -----------------------------------------------------------------------------
    ナビ
   ----------------------------------------------------------------------------- */
#navi {
	margin: 0px 0px 20px; height: 40px;
}
#navi ul li {
	text-indent: -9999px; float: left; overflow: hidden;
}
#navi ul li a {
	display: block; overflow: hidden;
}
#nav01 a {
	background: url(../img/navi.png) no-repeat 0px 0px; width: 150px; height: 40px;
}
#nav01 a:hover {
	background-position: 0px -40px;
}
#nav02 a {
	background: url(../img/navi.png) no-repeat -150px 0px; width: 150px; height: 40px;
}
#nav02 a:hover {
	background-position: -150px -40px;
}
#nav03 a {
	background: url(../img/navi.png) no-repeat -300px 0px; width: 150px; height: 40px;
}
#nav03 a:hover {
	background-position: -300px -40px;
}
#nav04 a {
	background: url(../img/navi.png) no-repeat -450px 0px; width: 150px; height: 40px;
}
#nav04 a:hover {
	background-position: -450px -40px;
}
#nav05 a {
	background: url(../img/navi.png) no-repeat -600px 0px; width: 160px; height: 40px;
}
#nav05 a:hover {
	background-position: -600px -40px;
}

/* -----------------------------------------------------------------------------
    フッタ
   ----------------------------------------------------------------------------- */
#page_top {
	margin: 50px 0px 8px 600px; text-indent: -9999px; overflow: hidden;
}
#page_top a {
	display: block; width: 133px; height: 23px;
	background: url(../img/page_top.gif) no-repeat;
}
#foot {
}
#foot h3 {
	margin-bottom: 15px; padding: 6px 0px 6px 15px; border-bottom: 1px solid #999999; border-top: 1px solid #999999;
}
#foot h3 a, #foot h3 a:hover {
	text-decoration: none; color: #555555;
}
#foot_navi {
	margin: 0px 0px 15px 15px;
}
#foot_navi a {
	text-decoration: none; color: #555555;
}
#foot_logo {
	margin: 0px 0px 6px 15px;
}
address {
	margin: 0px 0px 20px 15px;
}
#copyright {
	margin: 0px 0px 10px 15px;
}

/* -----------------------------------------------------------------------------
    トップ
   ----------------------------------------------------------------------------- */
#top_main {
	margin-bottom: 10px;
}
#top_left {
	float: left; width: 440px;
}
#top_left h3 {
	margin-bottom: 15px;
}
#top_left dt {
	margin: 15px 10px 10px;
}
#top_left dd {
	margin: 0px 10px 20px; text-indent: 1em;
}


#top_right {
	float: right; width: 300px;
}
#top_right h3 {
	margin-bottom: 15px;
}
#top_right table {
	margin-left: 10px;
}
#top_right p {
	margin: 8px 10px 15px;
}
#top_works {
	text-align: right;
}
#contact {
	margin: 30px 0px 30px;
}
#contact p a {
	display: block; width: 467px; height: 97px; text-indent: -9999px; margin-left: 145px;
	background: url(../img/contact_buttom.png) no-repeat 0px 0px; overflow: hidden;
}
#contact p a:hover {
	background-position: 0px -97px;
}
#top_link {
	margin: 30px 0px 30px; padding: 13px 0px 13px 20px; border: 10px solid #E6E9DE;
}
#top_link ul {
	padding: 6px 0px 4px; margin: 10px 0px; background: url(../img/dott_02.gif) repeat-y 345px 0px;
}
#top_link ul li {
	float: left; width: 333px; margin-right: 25px; margin-bottom: 15px;
}
#top_link dt {
	margin: 0px 0px 8px;
}
#top_link dt a {
	padding-left: 17px; background: url(../img/mark_01.gif) no-repeat left center;
}
#top_link dd {
	margin-left: 17px;
}



/* -----------------------------------------------------------------------------
    共通
   ----------------------------------------------------------------------------- */
h3#sub_title {
	margin-bottom: 60px;
}
#sub {
	margin: 0px 70px;
}
#sub #inner {
	padding: 0px 10px;
}
#sub h4 {
	margin-bottom: 40px;
}
#sub h5 {
	margin-bottom: 25px;
}

/* -----------------------------------------------------------------------------
    会社概要
   ----------------------------------------------------------------------------- */
.comp_greet1 {
	margin: -10px 15px 15px;
}
.comp_greet2 {
	margin: 0px 15px 50px;
}
.comp_tb {
	margin: -10px 0px 50px 15px; border-collapse: separate; border-spacing: 1px; background-color: #CCCCCC;
}
.comp_tb td {
	padding: 8px 20px; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
}
.comp_tb th {
	background-color: #F3F3F3; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
	padding: 8px 10px 8px 20px; width: 120px;
}
#comp_enkaku {
	margin: -10px 15px 40px;
}
#comp_enkaku dt {
	float: left; width: 170px; padding: 4px 0px 8px;
}
#comp_enkaku dd {
	margin-left: 170px; padding: 4px 0px 8px 30px; border-left: 1px solid #CCCCCC;
}

/* -----------------------------------------------------------------------------
    業務案内
   ----------------------------------------------------------------------------- */
.bus_box {
	overflow: auto;
	position: relative;
	margin-bottom: 30px;
}
.bus_tb {
	margin-bottom: 30px;
}
.bus_l {
	padding: 0px 20px 0px 15px; line-height: 150%;
}
#bus_ul {
	margin: 20px 10px 50px;
}


/* -----------------------------------------------------------------------------
    施工実績
   ----------------------------------------------------------------------------- */
.work_h5 {
	background: url(../img/dott_02.gif) repeat-x bottom; padding: 0px 0px 5px 0px; font-weight: bold;
}
.work_h5 span {
	padding: 3px 8px 5px 32px; background: url(../img/work_mark.gif) no-repeat 10px 2px;
}
.work_tb {
	margin-bottom: 20px; border-collapse: separate; border-spacing: 1px; background-color: #FFFFFF;
}
.work_tb td {
	padding: 6px 25px;
}
.work_tb .tr1 {
	background-color: #E7E7E7;
}
.work_tb .tr2 {
	background-color: #F6F6F6;
}
#work_itiran {
	margin: 60px 0px 20px;
}
.work_example {
	margin-bottom: 30px;
}
.work_photo {
	width: 250px;
}
.work_txt {
	padding-top: 30px; line-height: 180%;
}


/* -----------------------------------------------------------------------------
    お問い合わせ
   ----------------------------------------------------------------------------- */
.con_mar {
	margin-left: 30px;
}
.con_time {
	margin: 20px 30px 40px;
}
.con_mail {
	margin: 0px 0px 40px 30px;
}
.con_tb {
	margin: 30px 0px 20px 30px; border-collapse: separate; border-spacing: 1px; background-color: #CCCCCC;
}
.con_tb td {
	padding: 8px 20px; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
}
.con_tb th {
	background-color: #F3F3F3; border-bottom: 1px solid #FFFFFF; padding: 8px 10px 8px 20px; width: 110px; border-right: 1px solid #FFFFFF;
}
.con_textarea {
	width: 25em;
}
.con_submit {
	margin: 0px 0px 0px 30px;
}
.hiss {
	color: #CC0000;
}