@charset "shift_jis";



/* 文書全体
-------------------------------------------------------- */



/* レイアウト（全ページ共通）　
-------------------------------------------------------- */

#wrapper {
	width: 680px;
	min-height: 670px;
	margin-top: 10px;
    padding: 20px 0 50px 20px;
	background: #FFF;	
}
#main_contents {
	width: 530px;
	float: left;
	display: inline;
}
#main_title {
	width: 150px;
	height: 323px;
	float: left;
	display: inline;
}
#clears {
	clear: both;
}
.clears {
	clear: both;
}
p.pagetop {
	font-size: 75%;
    text-align: right;
    padding:18px 0 0 0;
}


/* メイン　
-------------------------------------------------------- */


/*　業務案内　*/

#gyoumu1 {
	width: 530px;
	margin-bottom: 20px;
}
#gyoumu1 .gyoumu_naiyo {
	width: 338px;
	height: auto;
	float: left;
	display: inline;
}
#gyoumu1 .gyoumu_naiyo p.text1 {
	font-size: 75%;
	padding: 20px 0 0 20px;
}
#gyoumu1 p.ph1 {
	width: 140px;
	height: 140px;
	float: left;
	display: inline;
	padding-left: 29px;
}
#gyoumu2 {
	width: 510px;
	background: #F1F1F1 url(../gyoumu/images/01.gif) no-repeat;
	background-position: 0 0;
	margin-top: 5px;
}
#gyoumu2 .gyoumu_flame1 {
    background: url(../gyoumu/images/02.gif) no-repeat;
	background-position: 100% 0;
}
#gyoumu2 .gyoumu_flame2 {
    background: url(../gyoumu/images/03.gif) no-repeat;
	background-position: 0 100%;
}
#gyoumu2 .gyoumu_flame3 {
    background: url(../gyoumu/images/04.gif) no-repeat;
	background-position: 100% 100%;
	height: auto;
	padding: 10px 13px 15px 15px;
}
#gyoumu2 p.text2 {
	width: 325px;
	font-size: 75%;
	float:left;
	display: inline;
	padding-top: 10px;
}
#gyoumu2 p.ph2 {
	width: 144px;
	height: 108px;
	float:left;
	display: inline;
	padding-left: 10px;
}
#gyoumu3 {
	width: 510px;
	font-size: 75%;
	margin-top: 25px;
}
#gyoumu3 p.text3 {
	padding: 20px 0 18px 17px;
}
#gyoumu3 dl {
	margin-top: 25px;
}



/*　施工実績　*/

#jisseki1 {
	margin-bottom: 33px;
}
#jisseki1 dl.ph1 {
	width: 250px;
	height:auto;
	float: left;
	display:inline;
}
#jisseki1 dl.ph2 {
    width: 250px;
	height:auto;
	float: left;
	display:inline;
	padding-left: 12px;
}
#jisseki1 dl {
	padding-top: 20px;
}
#jisseki1 dl dt {
	font-size: 75%;
	padding-bottom: 5px;
}
#jisseki2 h3#jisseki2 {
	padding-bottom: 25px;
}
#jisseki2 table {
    border-collapse: collapse;
    border-spacing: 1px;
    border: solid 1px #ccc;
	margin: 15px 0 30px 0;
	width: 530px;
	font-size: 75%;
}
#jisseki2 table td, th {
    padding: 8px 3px;	
    vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}
#jisseki2 table th {
    background: #088ABD;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}
#jisseki2 table td {
    color: #666;
}
#jisseki2 table tr.tr2 {
    background: #EFEFEF;
}


/*　会社概要　*/

#company #pagelink {
	width: 508px;
	height: auto;
	padding: 5px 10px;
	background: #F1F1F1;
}
#company #pagelink ul {
 	list-style-type: none;    
}
#company #pagelink ul li {
	display: inline;
	font-size: 75%;
}
#company #pagelink ul li a {
	background: url(../company/images/aicon_link.gif) no-repeat top left;
	padding-left: 10px;
	padding-right: 10px;
}

#company h3#title {
	padding-bottom: 20px;
}
#company #aisatsu {
	width: 530px;
	height: auto;
	padding-top: 30px;
}
#company #aisatsu p.text1 {
	width: 256px;
	height: auto;
	float: left;
	display: inline;
	padding-left: 6px;
	font-size: 75%;
}
#company #aisatsu p.ph1 {
	width: 240px;
	height: 180px;
	float: left;
	display: inline;
	padding-left: 20px;
}
#company #aisatsu p.fig1 {
	clear: both;
	padding: 15px 0 20px 0;
}
#company #keireki {
	width: 530px;
	height: auto;	
}

/***　角丸テーブル　***/

.com_flame1 {
    background: #F1F1F1 url(../company/images/001.gif) no-repeat;
	background-position: 0 0;
}
.com_flame2 {
    background: url(../company/images/002.gif) no-repeat;
	background-position: 100% 0;
}
.com_flame3 {
    background: url(../company/images/004.gif) no-repeat;
	background-position: 0 100%;
}
.com_flame4 {
    background: url(../company/images/003.gif) no-repeat;
	background-position: 100% 100%;
	padding: 10px;
	margin: 10px 0 20px 0;
    height: auto !important;
}

#company #keireki table#keireki_detail {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 75%;
	border: none;
	margin-top: 10px;
}
#company #keireki table#keireki_detail th {
	padding: 5px 0 5px 12px;
	font-weight: normal;
	text-align: left;
}
#company #keireki table#keireki_detail td {
	padding: 5px 0 5px 12px;
}

#company #gaiyou table#gaiyou_detail {
    padding: 0px 0px 10px 10px;
	margin: 10px auto 0 auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 75%;
}
#company #gaiyou table#gaiyou_detail th {
	padding: 7px 15px 7px 15px;
	border: 1px solid #ccc;
	background: #eee url(../company/images/com_tablebg.gif) left top no-repeat;
	font-weight: normal;
	text-align: left;
}
#company #gaiyou table#gaiyou_detail td {
	padding: 7px 15px 7px 20px;
	border: 1px solid #ccc;
}

#company #access {
	width: 530px;
	height: auto;
	padding-top: 30px;
}
#company .Caccess {
    width: 490px;
	height: auto;
	font-size: 75%;
	padding: 10px;
}
#company .Caccess p.title1 {
    padding-bottom: 10px;
}
#company .Caccess p.text1 {
    padding-bottom: 10px;
}
#company .Caccess p.map img {
	padding: 4px 4px 4px 4px;
	border: #DEDEDE 1px solid;
	background: #ffffff;
}
#company .Caccess p.map a:hover img  {
	border: #0387BA 1px solid;
}

#company #staff {
	width: 530px;
	height: auto;
	padding-top: 30px;
}
#company #staff #staff_box {
	width: 530px;
	padding-bottom: 25px;
}
#company #staff #staff_box .staff_left {
	width: 160px;
	height: 160px;
	float: left;
	display:inline;
}
#company #staff #staff_box .staff_right {
	width: 350px;
	height: auto;
	float: left;
	display:inline;
	padding-left: 18px;
}
#company #staff #staff_box .staff_right table#staff_detail {
	margin-top: 15px;
	font-size: 75%;
}
#company #staff #staff_box .staff_right table#staff_detail td {
	border-bottom: #000 1px dotted;
	padding: 5px 0 5px 5px;
}

#company #event p.text1 {
	padding: 10px 0 0 5px;
	font-size: 75%;
}
h5#sstitle {
	padding: 15px 0 12px 0;
}
#company #event p.text2 {
    font-size: 75%;
	padding-left: 5px;
}
#company #event table#event_ph {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: none;
	margin-bottom: 10px;
}
#company #event table#event_ph td {
	padding-left: 0;
	padding-bottom: 4px;
}
#company #event table#event_ph td a img {
 padding: 1px;
	border: #DEDEDE 1px solid;
	background: #ffffff;
}
#company #event table#event_ph td a:hover img {
	border: #0387BA 1px solid;
}



/***　角丸テーブル　***/

.com2_flame1 {
    background: #F1F1F1 url(../company/images/001.gif) no-repeat;
	background-position: 0 0;
}
.com2_flame2 {
    background: url(../company/images/002.gif) no-repeat;
	background-position: 100% 0;
}
.com2_flame3 {
    background: url(../company/images/004.gif) no-repeat;
	background-position: 0 100%;
}
.com2_flame4 {
    background: url(../company/images/003.gif) no-repeat;
	background-position: 100% 100%;
	padding: 10px 5px;
	margin: 10px 0 20px 0;
    height: auto !important;
}



/*　お問合わせ　*/

#contact {
	width: 530px;
	margin-bottom: 20px;
}
#contact p.text1 {
	font-size: 75%;
	padding: 15px 0 10px 0;
}
#contact table#contact_form {
	padding: 0px 0px 10px 10px;
	margin: 20px 0 15px 0;
	border: 1px solid #C1C1C1;
	border-left: 10px solid #C1C1C1;
	background-color: #fafafa;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 75%;
}
#contact table#contact_form th {
	padding: 10px 15px 10px 15px;
	border: 1px solid #ccc;
	font-weight: normal;
	text-align: left;
}
#contact table#contact_form td {
	padding: 10px 15px 10px 15px;
	border: 1px solid #ccc;	
}
#contact span {
    color: #CC0000;
}
#contact p.form {
    text-align: center;
	font-size: 75%;
}
#contact p.lead {
	font-size: 75%;
	padding-left: 20px;
	padding-top: 20px;
}