@charset "utf-8";

/*----------------------------------------------------
　 テンプレートページ用（中ページ共通）
----------------------------------------------------*/

/*----------------------------------------------------
　 main contents
----------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	overflow:hidden;
}

#wrapper p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*----------------------------------------------------
　 #cont（スライダー下　左右コンテンツ有）
----------------------------------------------------*/
#cont {
	width: 1000px;
	height: auto;
	margin: 0px auto 0px;
	clear: both;
	overflow:hidden;
}

/*----------------------------------------------------
　 #contL（左コンテンツ）
----------------------------------------------------*/
#contL {
	width: 228px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/cont01Lbg.png);
	background-repeat: no-repeat;
	float: left;
}
/*----------------------------------------------------
　globalMenu
----------------------------------------------------*/
#global_menu {
	width: 200px;
	height: 336px;
	margin: 0 auto;
	padding: 0px;
	_overflow: hidden; /*IE6用*/
	_display: inline;
}

#global_menu ul{
	width: 200px;
	height: 336px;
	padding: 0;
	margin:0;
	clear: both;
}
#global_menu ul li{
	float:left;
	width: 200px;
	height: 48px;
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}
#global_menu ul li a{
	display: block;
	width: 200px;
	height: 48px;
	margin: 0;
	background-image: url(../images/globalMenu.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}
/* オフマウス */
.global_menu01 a{background-position: 0px 0;}
.global_menu02 a{background-position: 0px -48px;}
.global_menu03 a{background-position: 0px -96px;}
.global_menu04 a{background-position: 0px -144px;}
.global_menu05 a{background-position: 0px -192px;}
.global_menu06 a{background-position: 0px -240px;}
.global_menu07 a{background-position: 0px -288px;}

/* オンマウス */
.global_menu01 a:hover{background-position: -200px 0px;}
.global_menu02 a:hover{background-position: -200px -48px;}
.global_menu03 a:hover{background-position: -200px -96px;}
.global_menu04 a:hover{background-position: -200px -144px;}
.global_menu05 a:hover{background-position: -200px -192px;}
.global_menu06 a:hover{background-position: -200px -240px;}
.global_menu07 a:hover{background-position: -200px -288px;}
/***************************
グローバルメニュー　ここまで*/

#contL02 {
	width: 228px;
	height: 300px;
	margin: 10px auto 0px;
	padding: 0px;
	background-image: url(../images/cont01L02bg.png);
	background-repeat: no-repeat;
	float: left;
}

#cont01L03 {
	width: 228px;
	height: 120px;
	margin: 10px auto 0px;
	padding: 0px;
	float: left;
}

#cont01LImg{
	width: 200px;
	height: 0px;
	margin-top: 225px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contL03 {
	width: 228px;
	height: 238px;
	margin: 10px auto 0px;
	padding: 0px;
	background-image: url(../images/cont01L02bg.png);
	background-repeat: no-repeat;
	float: left;
}


/*----------------------------------------------------
　main03 =住所=
----------------------------------------------------*/
#main03{
	width: 200px;
	height: 750px;
	margin: 30px auto 0px;
	background-image: url(../images/syoshinMain03bg.png);
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
}
#main03_add{
	width: 200px;
	height: 70px;
	margin: 80px auto 0;
	float: left;
}
#main03_add p.add{
	font-size: 13px;
	line-height: 1.5em;
	color: #000;
　}
#main03_map{
	width: 200px;
	height: 250px;
	margin: 20px auto 0px;
	float:right;
}


/*----------------------------------------------------
　 #contR（右コンテンツ）
----------------------------------------------------*/
#contR {
	width: 772px;
	/*--height: 758px;--*/
	margin: 0px 0px 0px;
	padding: 0px;
	float: right;
	overflow: hidden;
}


/* 右コンテンツ固定バナー */
#contRba01 {
	width: 772px;
	height: 68px;
	margin: 99px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
#contRba01 p {
	width: 350px;
	height: 68px;
	margin: 0px 18px 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
#contRba02 {
	width: 772px;
	height: 160px;
	margin: 9px 0px 0px;
	padding: 0px;
	background-image: url(../images/cont03Rbg.png);
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
/* お問い合わせはこちらボタン */
#contRba02Bt {
	display: block;
	height: 24px;
	width: 184px;
	text-indent: -9999px;
	position: absolute;
	top: 114px;
	left: 474px;
}
#contRba02Bt a {
	display:block;
	height: 24px;
	width: 184px;
	text-indent:-9999px;
}
#contRba02Bt a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*----------------------------------------------------
　 main04 施工事例　（#main04）
----------------------------------------------------*/
#main04{
	width: 100%;
	height: 310px;
	margin: 54px 0 60px;
	background-position: center top;
	background-image: url(../images/main04Bg.png);
	background-repeat: repeat-x;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
.main04Tit{
	width:1000px;
	height:60px;
	margin: 50px auto 0;
}
#main04_slider{
	width: 100%;
	height: 145px;
	margin: 7px auto 0;
	padding:0;
	overflow:hidden;
}
ul.slick {
	width: 1000px;
	height: 145px;
  	margin: 0px auto 0;
  	padding: 0;
}
.main04Btn{
	width:224px;
	height: 24px;
	margin: 15px auto 0;
	padding: 0px;
	_display: inline; /*IE6用*/
	_line-height: 2em; /*IE6用*/
}
.main04Btn a{
	width:224px;
	height: 24px;
	margin: 0;
	display: block;
	background-image: url(../images/main04Btn.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}
/* オフマウス */
.main04Btn a{background-position: 0px 0;}
/* オンマウス */
.main04Btn a:hover{background-position: 0px -24px;}