﻿/*--------------------GENERAL--------------------*/


body			{position: static;background-color: #fec;color:#666;text-align: center;padding: 0;margin: 10px 0 0 0;font-family:"MS Pゴシック", Sans-Serif;}
#blogIcon:hover		{background-position: -160px 0px;}
.cb			{clear:both;}
.c-text			{text-align:center;}
#titleA			{position:relative;top:0;left:0;width: 800px;height: 80px;margin: 0;padding:0;background:url('images/base02.gif') 0px 0px no-repeat;}
	#titleA a	{float:right;display:block;width:200px;height:38px;margin-top:42px;background:url('images/base02.gif') -600px -42px no-repeat;}
	#titleA a:hover	{background-position: -800px -42px;}

h1			{font-size: 160%;font-style: normal;font-weight: bold;color: #990000;line-height: 1;letter-spacing:-2px;margin:30px 0 30px 20px;padding:0;}
h2			{font-size: 110%;font-style: normal;font-weight: bold;line-height: 1;letter-spacing:2px;color: #900;margin:20px 0 20px 30px;padding:3px 0 1px 3px;border-bottom: 1px solid #f6a361;border-left:5px solid #f6a361;}
h3			{font-size: 95%;padding-left: 0px;line-height: 1.4;color:#555;margin:40px 30px 10px;padding:0;}
h4			{font-size: 90%;font-style: normal;font-weight: bold;line-height: 1;color: #555;margin:0;padding:0;}
h6			{font-size: 9pt;margin:0;padding:0;line-height: 10pt;font-weight: normal;text-decoration: none;color: #990000;}
p			{font-size: 80%;font-style: normal;line-height:2.1;color: #666;margin:10px 30px 10px 50px;padding:0;}
table			{font-size: 80%;font-style: normal;line-height:2.1;color: #666;margin: 0 30px 0 50px;padding:0;}
tr			{vertical-align:top;}
a 			{text-decoration: none;font-weight: normal;color:#990000;}
	a:hover		{text-decoration:underline;}
img 			{border: none;padding:0;}	
.LPhoto			{float:left;margin-right:10px;}
.Rphoto			{float:right;margin-left:10px;}


/*--------------------CONTAINER--------------------*/


#content		{height: auto;width: 800px;margin: auto;text-align: left;}
#boxAll			{background:url('images/pipeBg.gif') 8px 0 repeat-y;}
#closing		{width:800px;height:46px;background:url('images/base02.gif') -900px -450px no-repeat;text-align:center;font-size: 12px;line-height:15px;}


/*--------------------GLOBAL MENU--------------------*/


#gMenu			{position:relative;top:0;left:8px;width:800px;height:30px;background:url('images/gmenu.gif') left top no-repeat;list-style-type: none;padding: 12px 0 0 45px;margin: 0;}
	#gMenu a	{display: block;width: 120px;height: 30px;overflow: hidden;text-align: center;font-family: "MS ゴシック", Sans-Serif;font-size: 10pt;color: #363;text-decoration: none;margin: 0;padding:5px 0 0;background:url('images/gmenu.gif') -45px -12px no-repeat;} 
	#gMenu a:hover	{background-position:-285px -12px;color: #fff;}
	#gMenu li	{clear:right; float: left;}
	#gMenuOn a	{color: #900;font-weight:bold;background-position:-165px -12px;} 
	#gMenuOn a:hover{color: #900;background-position:-165px -12px;}
#slideBar		{position:relative;top:0;left:0;width:800px;height:46px;background:url('images/base02.gif') 0 -121px no-repeat;}
.joint			{top:0;height:32px;margin:0 0 0 45px;padding:0;background:url('images/base02.gif') no-repeat;}
#joint1			{width:92px; background-position: -1565px -86px;}
#joint2			{width:212px; background-position: -1445px -86px;}
#joint3			{width:332px; background-position: -1325px -86px;}
#joint4			{width:452px; background-position: -1205px -86px;}
#joint5			{width:572px; background-position: -1085px -86px;}
#joint6			{width:692px; background-position: -965px -86px;}


/*--------------------BOX_SUB--------------------*/


#boxSub			{float:left;top:0;left:0;width:122px;background:url('images/base02.gif') 0 -167px no-repeat;}
#sMenu			{width:114px;list-style-type: none;padding: 0;margin: 23px 0 0 8px;}
	#sMenu a	{display: block;width: 114px;height: 70px;overflow: hidden;text-align: center;font-family: "MS ゴシック", Sans-Serif;font-size: 12pt;line-height:4.3em;color: #363;text-decoration: none;margin: 0;padding: 0;background:url('images/base02.gif') -8px -190px no-repeat;} 
	#sMenu a:hover	{background-position:-8px -260px;color: #fff;}
	#sMenuOn a	{color: #900;font-weight:bold;background-position:-8px -330px;} 
	#sMenuON a:hover{color: #900;background-position:-8px -330px;}
#infoTop		{width:122px;height:30px;background:url('images/base02.gif') -900px -500px no-repeat;  }
#infoContent		{width: 122px;padding:0 5px;background:url('images/informationContent.gif') repeat-y;  }
	#infoContent span{font-size:80%;}
#infoBottom		{width: 122px;height:233px;background:url('images/base02.gif') -900px -530px no-repeat;  }
#askForm		{display:block;width:122px;height:38px;float:left;margin-top:90px;background:url('images/base02.gif') -900px -620px no-repeat; }
	#askForm:hover	{background-position: -1022px -620px;}
#blog			{display:block;width:122px;height:100px;float:left;margin-top:5px;background:url('images/base02.gif') -900px -665px no-repeat; }
	#blog:hover	{background-position: -1022px -665px;}


/*--------------------BOX_MAIN--------------------*/


#boxMain		{float:right;width:678px;background:url('images/base02.gif') -192px -170px no-repeat;}
#mainCenter		{width:678px;margin-top:20px;background:url('images/mainBg.gif') 8px 0 repeat-y; }
#mainBottom		{width:678px;height:20px;background:url('images/base02.gif') -192px -850px no-repeat;}
.sideJoint		{float:left;top:0;left:0;width:28px;margin:0 0 0 0;padding:0;background:url('images/base02.gif') no-repeat;}
#sideJoint1		{height:67px; background-position: -122px -593px;}  /*height - y座標=660px*/
#sideJoint2		{height:137px; background-position: -122px -523px;}
#sideJoint3		{height:207px; background-position: -122px -453px;}
#sideJoint4		{height:277px; background-position: -122px -383px;}
#sideJoint5		{height:347px; background-position: -122px -313px;}
#sideJoint6		{height:417px; background-position: -122px -243px;}
#main			{float:left;width:650px;height:auto;}


/*--------------------HOMEPAGE--------------------*/


#imagePhoto		{width:630px;height:250px;margin:0;padding:0;background:url('images/base02.gif') -870px -170px no-repeat;}
#blogIcon		{position:absolute;z-index:10;margin:190px 0 0 580px;display:block;width:160px;height:160px;background:url('images/blog.gif') 0px 0px no-repeat;}
.icon			{float:right;margin:10px 40px 50px 20px;padding:0;display:block;width:140px;height:140px;font-size:0;color:#fff;}
#hoon			{background:url('images/base02.gif') -1150px -500px no-repeat;}
	#hoon:hover	{background-position: -1290px -500px;}
#horei			{background:url('images/base02.gif') -1150px -640px no-repeat;padding:0;}
	#horei:hover	{background-position: -1290px -640px;}
#bankin			{background:url('images/base02.gif') -1150px -780px no-repeat;padding:0;}
	#bankin:hover	{background-position: -1290px -780px;}
#shaon			{background:url('images/base02.gif') -1150px -920px no-repeat;padding:0;}
	#shaon:hover	{background-position: -1290px -920px;}
#tunnel			{background:url('images/base02.gif') -1150px -1060px no-repeat;padding:0;}
	#tunnel:hover	{background-position: -1290px -1060px;}


/*--------------------保温ページここから--------------------*/


#hoonImage		{margin:20px 0 20px 93px;}


/*--------------------保冷ページここから--------------------*/


#horeiImage		{margin:20px 0 20px 67px;}


/*--------------------板金ページここから--------------------*/


#bankinImage		{margin:5px 0 20px 17px;}


/*--------------------遮音ページここから--------------------*/


#shaonImage		{margin:10px 0 20px 74px;}


/*--------------------トンネル工事ページここから--------------------*/


#tunnelImage		{margin:10px 0 20px 15px;}


/*--------------------施工例ページここから--------------------*/


#jisseki		{list-style:none;line-height:1.7em;font-size:90%;background: url('images/constructionImage.gif') right top no-repeat;margin-right:20px;}


/*--------------------会社ご案内ページここから--------------------*/


#welcome01		{margin:30px 0 0 30px;width:600px;height:189px;min-height:189px;background:url('images/welcomeImage.gif') left top no-repeat;}
	#welcome01 p	{margin:0 20px 0 270px;}
div[class] #welcome01 	{height: auto;}
#ceo			{text-align:right;margin: 10px 20px 100px 0;}


/*--------------------会社概要ここから--------------------*/


.gaiyou1		{width:10em;}


/*--------------------会社沿革ここから--------------------*/


.enkaku1		{width:8em;text-align:right;border-right:20px white solid;}


/*--------------------フィロソフィーここから--------------------*/


#withPhoto		{width: 350px;float:left;}
.shaze1			{width:4em;}
.rinen1			{width:4em;}


/*--------------------ACCESS--------------------*/


#map			{float:right;margin-right:30px;}
#ways			{float:left;width:600px;padding-top: 350px;background:url('images/map.gif') right top no-repeat;}
	#ways ul	{list-style: none;}
	#ways li	{margin-right: 300px;font-size: 85%;margin-top:5px;}
	#ways h2	{display: inline;}


/*--------------------LINK--------------------*/


.linkTo			{font-size:80%;line-height:2.1em;margin:10px 30px;}
.linkTo a		{font-weight:bold;}
.linkTo a img		{float:left;margin:0 20px 10px 0;}


/*--------------------MAILFORM--------------------*/


#form			{width:590px;margin:20px 0 20px 20px;font-size:13px;line-height:2;background:#dfa;}
	#form ul	{list-style:none;padding:50px 50px 50px 30px;}
	#form li	{clear:both;margin:0 0 10px 0;border-bottom:1px dotted #693;}
	#form li label	{float:left;width:130px;margin-right:10px;text-align:right;}
	#form li label span{color:#900;}
	#form li input	{border:1px solid #693;}
	#form li textarea{width:300px;height:200px;border:1px solid #693;}
