@charset "UTF-8";

/*-----------------------------------------------------

服部興業株式会社

関連会社　PC セカンダリページ用CSS

-----------------------------------------------------*/


.innerwidth {
	width: 960px;
	margin: 0px auto;
}


a.alpha img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	vertical-align: bottom;
}

a.alpha:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	vertical-align: bottom;
}




/*-----------------------------------------------------

	トップページ

-----------------------------------------------------*/

/*  ヘッダー部分  */

header {
	width: 100%;
	position: relative;
	background: transparent url("../img/bg_shadow_up.png") center bottom repeat-x;
}

header #submenuarea {
	background: #000;
	color: #fff;
	padding: 8px 0px 5px 0px;
}

header #submenuarea p {
	text-align: right;
	line-height: 100%;
}

header #submenuarea p a img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

header #submenuarea p a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}






header #headerinner {
	display: table;
	width: 960px;
	padding: 12px 0px;
	margin: 0px auto;
}


header #headerinner h1 {
	width: 320px;
	height: 60px;
	display: table-cell;
	vertical-align: top;
}

header #headerinner h1 a {
	display: block;
	width: 246px;
	height: 49px;
}

header #headerinner form {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

header #headerinner form input[type="text"] {
	border: 1px solid #ccc;
	width: 138px;
	height: 19px;
	font-size: 12px;
	padding: 0px 5px;
}

header #headerinner form input[type="text"]:hover {
	border: 1px solid #666;
}

header #headerinner form input[type="text"]:focus {
	border: 1px solid #000;
}

header #headerinner form input[type="submit"] {
	border: 1px solid #ccc;
	background: #fff;
	width: 39px;
	height: 21px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

header #headerinner form input[type="submit"]:hover {
	border: 1px solid #000;
}


#related-navi {
	padding: 20px 0px 10px 0px;
	background: transparent url("../img/bg_shadow_down.png") center top repeat-x;
}

header  ul#mainnavi {
	width: 960px;
	height: 49px;
	margin: 0px auto ;
	list-style: none;
}

header  ul#mainnavi li {
	width: 158px;
	height: 40px;
	border-left: 2px solid #000;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul#mainnavi li a {
	display: block;
	width: 148px;/*190*/
	height: 27px;/*40*/
	padding: 13px 0px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: transparent url("../img/img_navi_linkarrow.png") 140px 50% no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

ul#mainnavi li a:hover, ul#mainnavi li a.active {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background-color: #fee!important;
}
















/*  メインコンテンツ  */

#contents {
	width: 960px;
	margin: 40px auto;
}


/*　左側　*/
#maincontents {
	width: 640px;
	float: left;
}

.twoclm #secondary-contents {
	width: 760px;
	float: right;
}

#left-localmenu {
	width: 160px;
	float: left;
}

#left-localmenu h2 {
	background: #f00 none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
	border: 0px none;
}

#left-localmenu ul {
	list-style: none;
	border-top: 1px solid #000;
}

#left-localmenu ul li {
	width: 158px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

#left-localmenu ul li.active {
	background: #ffeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffeeee 0%, #ffefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeeee), color-stop(100%,#ffefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffeeee 0%,#ffefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffeeee 0%,#ffefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffeeee 0%,#ffefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffeeee 0%,#ffefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeeee', endColorstr='#ffefef',GradientType=0 ); /* IE6-9 */
}

#left-localmenu ul li:hover {
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#left-localmenu ul li a {
	display: table-cell;
	width: 143px;/*158px*/
	height: 36px;/*46px*/
	overflow: hidden;
	background: transparent url("../img/icon_localmenu_tri.png") 145px 20px no-repeat;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	vertical-align: middle;
	padding: 5px 10px 5px 5px;
}

#left-localmenu ul li.active a {
	background-image: none;
}

.fixedmenu {
	position: fixed;
}




h2 {
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 16px;
	font-weight: normal;
}

h2 a {
	float: right;
}

section {
	margin: 0px auto 50px auto;
}

section.freesection {
	margin-top: 20px;
}

ul#infolist {
	list-style: none;
}

ul#infolist li.gray {
	background: #eee none;
}

ul#infolist li a {
	display: table;
	text-decoration: none;
	width: 620px;
	padding: 10px 10px;
	line-height: 130%;
	vertical-align: top;
}

ul#infolist li a span {
	width: 10em;
	display: table-cell;
}

ul#infolist li a p {
	display: table-cell;
}

ul#infolist li a p img {
	margin-left: 5px;
	vertical-align: middle;
}

ul#recordlist {
	list-style: none;
}

ul#recordlist li {
	float: left;
	margin: 10px;
}

ul#recordlist li a {
	display: block;
	text-decoration: none;
	width: 280px;
	padding: 10px 10px;
	line-height: 130%;
	text-align: center;
}

ul#constructlist {
	list-style: none;
}

ul#constructlist li {
	float: left;
	margin: 10px;
}

ul#constructlist li a {
	display: block;
	text-decoration: none;
	width: 280px;
	padding: 10px 10px;
	line-height: 130%;
	text-align: center;
}




/*　右側　*/
#sidebn {
	width: 290px;
	float: right
}


/* アクセスマップ */

#mapsection p {
	margin-top: 10px;
}

#mapsection p strong {
	font-size: 14px;
}

#mapsection iframe {
	width: 100%;
	height: 320px;
	border: 1px solid #000;
}

#mapsection small {
	display: block;
	text-align: right;
}


/*カレンダー*/

#side-calendar {
	width: 290px;
	margin-bottom: 20px;
}


#calendar {
	width: 290px;
	float: left;
	overflow: auto;
}

#caltitle {
	font-size: 20px;
	background: #f66 none;
	color: #fff;
	text-align: center;
	font-family : Helvetica,Arial;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 5px 10px;
	line-height: 100%;
}

#cal-prev {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: transparent url("../img/btn_calendar_prev.png") no-repeat;
	float: left;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#cal-next {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: transparent url("../img/btn_calendar_next.png") no-repeat;
	float: right;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#cal-prev:hover, #cal-next:hover {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/*#cal-prev:hover, #cal-next:hover {
	background-position: 0px -34px;
}*/

#caltb {
	width: 90%;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0px auto;
}

#caltb th {
	font-size: 10px;
	font-weight: normal;
	width: 32px;
	text-align: center;
}

.cal-sun, .cal-sun a {
	color: #CC6666;
}

.cal-sat, .cal-sat a {
	color: #669999;
}

#caltb a:hover, #caltb .cal-sun a:hover, #caltb .cal-sat a:hover {
	color: #f00;
}

#caltb td a {
	display: block;
	width: 28px;/*32*/
	height: 22px;/*26*/
	font-size: 12px;
	text-align: center;
	letter-spacing: 0px;
	text-decoration: none;
	vertical-align: middle;
/*	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;*/
	font-family : Helvetica,Arial;
	border: 2px solid #fff;
	padding-top: 5px
}

#caltb td a.sche {
	border-color:#f60;
}

#caltb td a.herenow {
	background: #f99 none;
	color: #fff;
}

#caltb td a.herenow:hover {
	background: #fcc none;
	color: #f66;
}




/*バナー*/

ul#sidebn-associate {
	list-style: none;
	border-top: 1px solid #000;
}

ul#sidebn-associate li {
	width: 288px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

ul#sidebn-associate li a {
	display: block;
	text-decoration: none;
	width: 288px;
	height: 44px;
	text-align: center;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

ul#sidebn-associate li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}













/*  フッター  */

footer {
	padding-top: 10px;
	background: url("../img/bg_shadow_down.png") center top repeat-x;

}

footer p {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

footer p a#btn-toppage {
	position: absolute;
	right: 42px;
	top: -25px;
}

footer p a#btn-pagetop {
	position: absolute;
	right: 0px;
	top: -25px;
}



div#footer {
	margin: 20px auto;
	display: table;
	text-align: left;
}

div#footer div {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
	text-align: left;
	line-height: 130%;
}

div#copyright {
	background: #000 none;
	color: #fff;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 130%;
}










/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ セカンダリ以降 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


.pchidden {
	display: none;
}


#secondary-contents h3 {
	font-size: 21px;
	line-height: 130%;
	text-align: justify;
	margin: 50px auto 10px auto;
	padding: 5px 10px;
	background: #eee none;
}

#secondary-contents h4 {
	font-size: 18px;
	border-bottom: 1px solid #000;
	padding: 0px 0px 5px 0px;
	margin: 30px 0px 10px 0px;
}

#secondary-contents h5 {
	font-size: 14px;
	margin: 20px 0px 5px 0px;
}


#secondary-contents article {
	padding: 10px 0px;
	margin-bottom: 40px;
	text-align: justify;
}

#secondary-contents article:after {
 visibility : hidden ;
 display : block ;
 font-size : 0 ;
 content : " " ;
 clear : both ;
 height : 0 ;
 }
* html .secondary-article            { zoom : 1 ; } /* IE6 */
*:first-child+html .secondary-article { zoom : 1 ; } /* IE7 */



#secondary-contents ul {
	margin-left: 20px;
}

#secondary-contents ul li {
	line-height: 130%;
	margin-bottom: 5px;
}

#secondary-contents ul.nolist {
	list-style: none;
	margin: 20px 0px;
}

#secondary-contents table {
	width: 100%;
	border-collapse: collapse;
	margin: 5px auto;
}

#secondary-contents table th {
	background: #fee none;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#secondary-contents table td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}


.linkbtn {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #000;
	text-decoration: none!important;
	text-align: center;
	line-height: 130%;
}

.linkbtn:hover {
	border: 1px solid #f00;
}

.bdr1 {
	border: 1px solid #000;
}







.article-linkbtn {
	margin: 20px auto 0px auto;
}

.article-linkbtn a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 100%;
	text-decoration: none;
	padding: 10px 15px;
	margin: 0px 10px 10px 0px;
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
}

.article-linkbtn a:hover {
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.article-linkbtn a:active {
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}









/*-----------------------------------------------------

	事業内容

-----------------------------------------------------*/

.business-article p img {
	margin: 5px 0px;
}

#outline-glass {
	width: 640px;
	min-height: 456px;
	background: transparent url("../business/img/img_business_glassbg.png") center top no-repeat;
	position: relative;
}

#outline-glass p {
	width: 410px;
	position: absolute;
	top: 270px;
	right: 0px;
}

#outline-sekiyu {
	width: 640px;
	background: transparent url("../business/img/img_business_sekiyubg.png") center top no-repeat;
}

#outline-sekiyu p {
	margin-top: 610px;
}

#outline-sanrin {
	width: 640px;
	min-height: 552px;
	background: transparent url("../business/img/img_business_sanrinbg.png") center top no-repeat;
	position: relative;
}

#outline-sanrin p {
	width: 390px;
	position: absolute;
	top: 300px;
	right: 0px;
}















/*-----------------------------------------------------

	会社概要

-----------------------------------------------------*/

.top-photo {
	float: right;
	margin: 0px 0px 5px 20px;
}



.manzoku {
	display: table;
	width: 100%;
	font-size: 16px;
	line-height: 130%;
	margin: 20px auto;
}

.manzoku div {
	display: table-cell;
	vertical-align: top;
}

.manzoku div p {
	padding-bottom: 10px;
}

.manzoku div strong {
	font-size: 20px;
}

.manzoku div strong span {
	background: #f00 none;
	color: #fff;
	padding: 5px 10px;
	line-height: 120%;
	font-size: 18px;
	vertical-align: top;
}

.manzoku div.manzokuphoto {
	text-align: right;
}

.manzoku div img {
	margin-left: 10px;
}






div#hinmokudiv table th {
	width: 15em;
}





.outline-map iframe {
	width: 758px;
	height: 348px;
	overflow: hidden;
	border: 1px solid #999;
}


.mapmark {
	width: 100px;
	padding-right: 20px;
}

.mapaddress {
	line-height: 180%;
}

.map-hours {
	padding: 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	line-height: 130%;
}

.map-sshours {
	display: block;
	padding: 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	line-height: 130%;
}

div.outline-ss {
	display: table;
	width: 100%;
	margin: 20px auto;
}

div.outline-ss div {
	display: table-cell;
	vertical-align: top;
}

.sslogo {
	width: 100px;
}

.sslist {
	list-style: none;
}

.sslist li {
	float: left;
	margin-right: 5px;
}














/*-----------------------------------------------------

	新着情報

-----------------------------------------------------*/

ul#infolist {
	margin: 0px;
	list-style: none;
}

ul#infolist li {
	margin: 0px;
}

ul#infolist li.gray {
	background: #eee none;
}

ul#infolist li a {
	display: table;
	text-decoration: none;
	width: 940px;
	padding: 10px 10px;
	line-height: 130%;
	vertical-align: top;
}

ul#infolist li a span {
	width: 10em;
	display: table-cell;
}

ul#infolist li a p {
	display: table-cell;
}

ul#infolist li a p img {
	margin-left: 5px;
	vertical-align: middle;
}




#infodate {
	text-align: right;
	font-size: 10px;
}

#infoarticle {
	padding: 10px 0px;
	text-align: justify;
}

#infoarticle img {
	margin: 10px 0px;
}

#infobackbtn {
	margin: 20px auto;
	padding: 20px 0px;
	border-top: 1px solid #999;
}

#infobackbtn a {
	display: block;
	width: 200px;
	height: 21px;
	margin: 0px auto;
	padding-top: 9px;
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 100%;
}

#infobackbtn a:hover {
	background: #f00;
	color: #fff;
	border: 1px solid #f00;
}




/* ページ送り */
ul#pagenavi {
	width : 100% ;
	margin : 0px 0px 0px 0px ;
	padding : 20px 0px ;
	text-align: center;
	border-top: 1px solid #666;
}

ul#pagenavi li {
	display : inline ;
	margin : 0 2px ;
	padding : 0 ;
}

ul#pagenavi li a {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #fff ;
	border : 1px solid #ccc ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li span.here {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #f99 none ;
	color : #fff ;
	border : 1px solid #f00 ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li span.nolink {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #fff none ;
	color : #ccc ;
	border : 1px solid #ccc ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li a:hover {
	background : #f00 ;
	color : #fff ;
	border-color : #f00 ;
}













/*-----------------------------------------------------

	納入実績

-----------------------------------------------------*/

ul.recordlist {
	list-style: none;
	width: 960px;
	margin: 0px auto!important;
}

ul.recordlist li {
	float: left;
	margin: 10px;
}

ul.recordlist li a {
	display: block;
	text-decoration: none;
	width: 280px;
	padding: 10px 10px;
	line-height: 130%;
	text-align: center;
}

#recordarticle p.recordphoto {
		text-align: center;
		margin: 10px auto;
}

/*-----------------------------------------------------

	施工実績

-----------------------------------------------------*/

ul.constructlist {
	list-style: none;
	width: 960px;
	margin: 0px auto!important;
}

ul.constructlist li {
	float: left;
	margin: 10px;
}

ul.constructlist li a {
	display: block;
	text-decoration: none;
	width: 280px;
	/*padding: 10px 10px;*/
	line-height: 130%;
	text-align: center;
}
ul.constructlist li table,
ul.constructlist li th,
ul.constructlist li td{
	border: none !important;
}
ul.constructlist li table{

}
ul.constructlist li td{
	height: 280px;
	background: #e1ddda;
	vertical-align: middle;
}
ul.constructlist li th{
	padding: 5px 0px;
	font-weight: normal;
	background: transparent !important;
}

#constructarticle p.constructphoto {
		text-align: center;
		margin: 10px auto;
}







/*-----------------------------------------------------

	お問い合わせ

-----------------------------------------------------*/

#inquiry {
	margin: 20px auto;
}

#inquiryform {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}


dl#inquiry-item, dl#inquiry-item-check {
	width: 100%;
	margin: 20px auto;
}

dl#inquiry-item dt, dl#inquiry-item-check dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 13em;
  color: #000;
}

dl#inquiry-item dd, dl#inquiry-item-check dd {
  margin-bottom: 0.8em;
  margin-left: 15em;
}

dl#inquiry-item dd img, dl#inquiry-item-check dd img {
	vertical-align: middle;
	margin-left: 5px;
}

dl#inquiry-item-check dd {
	font-weight: bold;
}

#inquiryform p .hissu, #inquiry-item .hissu, #inquiry-item-check .hissu {
	color: #f00;
	margin-left: 5px;
}



#inquiryform input, #inquiryform textarea {
 border : 1px solid #ccc ;
 padding : 5px ;
 font-size: 12px;
 font-family : Verdana,Arial,Helvetica,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif!important ;
 }

#inquiryform input[type="text"],#inquiryform input[type="email"] {
	width: 20em;
}

#inquiryform textarea {
	width: 90%;
	height: 5em;
}

#inquiryform input[type="text"]:focus, #inquiryform input[type="email"]:focus, #inquiryform textarea:focus {
   background-color: #fee;
   border: 1px solid #f00;
}

#inquiryform input[type="submit"] {
 width : 150px ;
 background-color: #fee;
 border : 1px solid #999 ;
 margin-top: 10px;
 cursor: pointer
 }

#inquiryform input[type="submit"]:hover {
 width : 150px ;
 background-color: #fee;
 border : 1px solid #f00 ;
 margin-top: 10px;
 cursor: pointer
 }

.mikinyu {
	color: #999;
	font-style: italic;
	font-weight: normal;
}

#backbtn {
 width : 150px ;
 background-color: #fff;
 border : 1px solid #ccc ;
 margin-top: 10px;
 cursor: pointer
 }

#inquiryform input[type="submit"]:focus, #backbtn:focus {
   background-color: #eff;
   border: 1px solid #0cc;
}

.thankslink {
	border-top: 1px solid #0cc;
	padding-top: 10px;
	margin-top: 10px;
}
















/*-----------------------------------------------------

	プライバシーポリシー

-----------------------------------------------------*/

.privacyp {
	margin-top: 20px;
}

ol.privacy-list {
	margin: 1em 2em;
}

ol.privacy-list li {
	line-height: 120%;
	margin-bottom: 5px;
}

blockquote.privacy-blockquote {
	padding: 20px;
	background: #ffe none;
	margin: 20px auto;
	border: 2px solid #fc9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}









/*-----------------------------------------------------

	サイトマップ

-----------------------------------------------------*/

.sitemapp {
	margin-top: 20px;
}

#sitemapul {
	margin: 50px 0px!important;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0px;
}

#sitemapul li {
	margin: 15px 0px 15px 20px;
}

#sitemapul li ul {
	margin-bottom: 30px;
}

#sitemapul li ul li {
	margin: 10px 0px!important;
}











/*-----------------------------------------------------

	パーキング 提携先

-----------------------------------------------------*/



#cooplist {
	list-style: none;
	width: 100%;
	margin: 20px 0px!important;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#cooplist li {
	margin-bottom: 10px!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
}

#cooplist li div {
	width: 300px;
	padding: 0 20px 0 0;
	display: table-cell;
	vertical-align: middle;
}

#cooplist li div span {
	display: table-cell;
	width: 298px;/*300*/
	height: 68px;/*70*/
	border: 1px solid #ccc;
	background: #f8f8f8 none;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px!important;
	padding: 0px!important;
	overflow: hidden!important;
}

#cooplist li div a span {
	width: 298px;
	height: 68px;
	border: 1px solid #f00;
	overflow: hidden;
}

#cooplist li div span img {
	vertical-align: bottom;
}

#cooplist li div a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#cooplist li p {
	display: table-cell;
	vertical-align: middle;
}

/*-----------------------------------------------------

	事業内容

-----------------------------------------------------*/



#businesslist {
	list-style: none;
	width: 100%;
	margin: 20px 0px!important;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#businesslist li {
	margin-bottom: 10px!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
}

#businesslist li div {
	width: 300px;
	padding: 0 20px 0 0;
	display: table-cell;
	vertical-align: middle;
}

#businesslist li div span {
	display: table-cell;
	width: 298px;/*300*/
	height: 68px;/*70*/
	border: 1px solid #ccc;
	background: #f8f8f8 none;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px!important;
	padding: 0px!important;
	overflow: hidden!important;
}

#businesslist li div a span {
	width: 298px;
	height: 68px;
	border: 1px solid #f00;
	overflow: hidden;
}

#businesslist li div span img {
	vertical-align: bottom;
}

#businesslist li div a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#businesslist li p {
	display: table-cell;
	vertical-align: middle;
}

.business-box{
	margin-bottom: 50px;
}


/*-----------------------------------------------------

	取扱商品

-----------------------------------------------------*/



ul#servicelist {
	list-style: none;
	margin-left: 0px;
}

#servicelist li {
	float: left;
	width: 310px;
	margin: 0px 10px 20px 0px;
}

#servicelist li a {
	display: block;
	text-decoration: none;
	width: 308px;
	line-height: 130%;
	text-align: center;
}
#servicelist li a > span{
	height: 210px;
}
#servicelist li a > span img{
	vertical-align: bottom;
	line-height: 0;
}
#servicelist li a > p{
	padding: 5px;
	text-align: center;
	border: 1px solid #cccccc;
}





/* CSS End */