@charset "UTF-8";
/* UniversalSelecter */ 
*{
	margin:0px;
	padding:0px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

スタイルラボ　css
		
					最終更新日　11.10.13

■目次■

01.要素のリセット
02.文字の装飾
03.レイアウトの設定



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*――――――――――――――――――――――――――――――――――

01.要素のリセット

――――――――――――――――――――――――――――――――――*/
body{
	margin:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
}


img{
	border:none;
	margin:0px;
	padding:0px;
}


p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{
	font-weight:normal;
	font-size:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}



a{
	outline:none;
}






/*――――――――――――――――――――――――――――――――――

03.レイアウトの設定

――――――――――――――――――――――――――――――――――*/

#header{
		margin:auto;
		height:480px;
		background:url(../images/common/headerbg.gif) repeat-x;
}

#h_h{
		width:950px;
		height:133px;
		margin:auto;
		position:relative;
}

h1 a{
		text-indent:-5000px;
		background:url(../images/common/h_logo.png) no-repeat;
		width:250px;
		height:100px;
		position:absolute;
		top:22px;
		left:10px;
}

h1 a:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);

}

.tel{
		list-style:none;
		text-indent:-5000px;
		background:url(../images/common/tel.png) no-repeat;
		width:270px;
		height:70px;
		position:absolute;
		top:40px;
		left:680px;
}


#header .slides{
		text-indent:-5000px;
		display:block;
		height:282px;
		width:950px;
		background:url(../images/common/top.jpg) no-repeat;
		margin:5px auto 5px auto;
}







/*グローバルナビゲーション*/

#globalnavi {
	width:950px;
	height:50px;
	margin:10px auto auto auto;
	position:relative;
	z-index:2;
}

#globalnavi ul{
overflow:hidden;
}

#globalnavi ul li {
	list-style:none;
	float:left;
}

#globalnavi ul li a {
	display:block;
	width:158px;
	height:50px;
	text-indent:-9999px;
}

.menu01 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:0 0;
}
.menu02 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:-158px 0;

}
.menu03 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:-316px 0;

}
.menu04 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:-474px 0;

}
.menu05 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:-632px 0;

}
.menu06 a {
	background:url(../images/common/menu.gif) no-repeat;
	background-position:-790px 0;

}



.menu01 a:hover,
.menu01 .ov{
	background-position:0 -50px;
}
.menu02 a:hover,
.menu02 .ov{
	background-position:-158px -50px;

}
.menu03 a:hover,
.menu03 .ov{
	background-position:-316px -50px;

}
.menu04 a:hover,
.menu04 .ov{
	background-position:-474px -50px;

}
.menu05 a:hover,
.menu05 .ov{
	background-position:-632px -50px;

}
.menu06 a:hover,
.menu06 .ov{
	background-position:-790px -50px;

}



ul.sub_menu{
visibility: hidden;
position: absolute; 
overflow:hidden;

}
ul.sub_menu li{
clear:both;
}
ul.sub_menu li a {
	display:block;
	width:158px;
	height:50px;
	text-indent:-9999px;
	display:block;
}


ul.sub_menu li.menu03_1 a {
	background:url(../images/common/submenu.gif) no-repeat;
	background-position:0 0;

}
ul.sub_menu li.menu03_2 a {
	background:url(../images/common/submenu.gif) no-repeat;
	background-position:-158px 0;

}
ul.sub_menu li.menu04_1 a {
	background:url(../images/common/submenu.gif) no-repeat;
	background-position:-316px 0;
}
ul.sub_menu li.menu04_2 a {
	background:url(../images/common/submenu.gif) no-repeat;
	background-position:-474px 0;
}

ul.sub_menu li.menu03_1 a:hover {
	background-position:0 -50px;

}
ul.sub_menu li.menu03_2 a:hover {
	background-position:-158px -50px;

}
ul.sub_menu li.menu04_1 a:hover {
	background-position:-316px -50px;
}
ul.sub_menu li.menu04_2 a:hover {
	background-position:-474px -50px;
}










#main_contents{
		background:url(../images/common/main_bg.gif) repeat-x;
		padding:0 0 50px 0;
}

#main_box{
width:950px;
margin:auto;
overflow:hidden;
}

#left{
width:286px;
position:relative;
float:left;
}

#left ul{
list-style:none;
padding:0;
}


#left ul li a:hover{
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);

}

#left ul li{
margin:10px 0 0 8px;
}


#left ul .g00{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/side_contact.png) no-repeat;
		width:270px;
		height:200px;
		margin:17px auto auto auto;		
}

#left ul li .g01{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/mail.gif) no-repeat;
		width:255px;
		height:31px;
		margin:6px auto auto auto;
		position:absolute;
		top:171px;
		left:16px;
}

#left ul .g02{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/estimate.gif) no-repeat;
		width:270px;
		height:57px;
		display:none;
}


#left ul .g03{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/qa.gif) no-repeat;
		width:270px;
		height:100px;
}


#left ul .g04{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/revival.gif) no-repeat;
		width:270px;
		height:100px;
}


#left ul .g05{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/m.gif) no-repeat;
		width:270px;
		height:100px;
}


#left ul .g06{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/facebook.gif) no-repeat;
		width:270px;
		height:55px;
		display:none;
}


#left ul .g07{
		display:block;
		text-indent:-5000px;
		background:url(../images/common/twitter.gif) no-repeat;
		width:270px;
		height:55px;
		display:none;
}


#right{
width:664px;
float:right;
}


#pagetop{
position:absolute;
top:-50px;
right:0;
}

#fooder{
		background:url(../images/common/fooder.gif) bottom center repeat-x;
		min-height:200px;
		border-top:5px solid #096B8E;		
}
			#fooder a:link,
			#fooder a:visited,
			#fooder a:active{
				color:#222;
				outline:none;
			}
			#fooder a:hover	{
				color:#222;
				text-decoration:none;
				outline:none;
			}
			
#fooderbox{
		width:950px;
		margin:0 auto;
		position:relative;
}

.fooderlink{
width:950px;
margin:20px auto 10px auto;
text-align:center;
}



.fooderlink ul{
overflow:hidden;
}

.fooderlink ul li{
display:inline;
padding:0 18px 0 0;
}

#fooderlogo{
		text-indent:-5000px;
		width:680px;
		height:70px;
		margin:0 auto auto 0;
		background:url(../images/common/f_logo.png) no-repeat;
		
}

#copy{
		display:block;
		margin:30px auto auto auto;
		text-align:center;
		
}