@charset "utf-8";

h1{
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin: 0px auto;
}
.content{
position: relative;
text-align: left;
margin: 0px auto;
}
a:link{
	font-size: 12px;
	text-decoration: none;
}
a:active{font-size: 12px;text-decoration: none;color: #B0BACF;}
a:hover{
	font-size: 12px;
	text-decoration: underline;
	color: #B0BACF;
}
a:visited{
	font-size: 12px;
	text-decoration: none;
	color: #566A92;
}
.partition {clear: both;font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;border: 0px;height: 0px;}

.toTop{text-align: right;}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  

/* */
div.pankuzu{
padding-left: 3px;
clear: both;
background-color: #eeeeef;
}
div.pankuzu,div.pankuzu a:link,div.pankuzu a:hover,div.pankuzu a:visited{
font-size: 10px;
}

/* ｢ｧ･ﾆ･ｭ･ｹ･ﾈ･・ｯ､ﾎﾀﾟﾄ・*/
#textLink{
text-align: center;
padding: 15px 0px 10px 0px;
clear: both;
}
#textLink a,#textLink a:hover,#textLink a:visited{
	font-size: 10px;
}

span.black10{
color: #888;
font-size: 10px;
}

.toTop{
text-align: right;
margin-bottom: 20px;
padding: 10px 
clear: both;
}
/*-----------------------------------------------*/
/*-----------------------------------------------*/

#logo{
width: 255px;
float: left;
margin: 25px 0 0;
}
#menu{
width: 485px;
height: 50px;
margin: 0px;
padding-top: 30px;
background: #fff url(../images/menuBack.gif) bottom left no-repeat;
float: right;

}
#menu ul{
text-align: left;
padding: 0px;
margin: 0px auto;
margin-left :0px;
list-style: none;
}
#menu ul li{
margin: 0px;
margin-left: 0px;
padding: 0px;
text-align: left;
float: left;
}
#menu ul li a{
width: 80px;
height: 50px;
padding: 0px;
margin: 0px;
text-indent: -2000px;
display: block;
float: left;
}

/* ----------------------------------------------------- */
/*新ヘッダー用CSS*/
#header_right{
	float: right;
	width: 585px;
	margin: 0 0 10px;
}

#header_right p{
	background: url(../images/header_contact.jpg) no-repeat;
	height: 30px;
	padding-left: 322px;
	margin: 7px 0 0 110px;
	text-indent: -9999px;
}

#header_right #header_contact a{
	display: block;
	width: 150px;
	height: 30px;
}

#header_right #header_contact a:hover{
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background-color: #ffffff;
}

#navi{
	width: 582px;
	margin: 0px 3px 0 0;
	margin-top: 6px;
	background: url(../images/navi/navi.gif) no-repeat;
}

#navi ul{
	text-align: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#navi ul li#navi01,
#navi ul li#navi02,
#navi ul li#navi03,
#navi ul li#navi04
{
	margin: 0px 3px 0 0;
	padding: 0px;
	float: left;
	text-indent: -9999px;
}

#navi ul li#navi05{
	margin: 0;
	padding: 0px;
	float: left;
	text-indent: -9999px;
	
}

#navi ul li a{
	height: 29px;
	display: block;
	background-position: 0px 0px;
	background: url(../images/navi/navi.gif) no-repeat;
}

#navi #navi01 a{
	background-position: 0px 0px;
	width: 100px; 
}

#navi #navi02 a{
	background-position: -103px 0px;
	width: 140px; 
}

#navi #navi03 a{
	background-position: -246px 0px;
	width: 130px; 
}

#navi #navi04 a{
	background-position: -379px 0px;
	width: 100px; 
}

#navi #navi05 a{
	background-position: -482px 0px;
	width: 100px; 
}

#navi #navi01 a:hover{
	background-position: 0px -31px;
}

#navi #navi02 a:hover{
	background-position: -103px -31px;
}

#navi #navi03 a:hover{
	background-position: -246px -31px;
}

#navi #navi04 a:hover{
	background-position: -379px -31px;
}

#navi #navi05 a:hover{
	background-position: -482px -31px;
}


/* ----------------------------------------------------- */
/*該当ページの振り分け*/
body#home_visit li#navi01 a{
background-position: 0px -31px;
}

body#point_visit li#navi02 a{
background-position: -103px -31px;
}

body#flow_visit li#navi03 a{
	background-position: -246px -31px;
}

body#sample_visit li#navi04 a{
	background-position: -379px -31px;
}

body#company_visit li#navi05 a{
	background-position: -482px -31px;
}

/* ----------------------------------------------------- */
/*新サイドメニュー用CSS*/
.mt_0{
	margin-top: 0;	
}

#side_bnr{
	margin-top:	30px;
}

#side_bnr p{
	margin: 2px 0;	
}

.alpha a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #ffffff;
}

.side_title{
	background-color: #1d4d4f;
	color: #ffffff;
	width: 180px;
	height: 20px;
	padding: 15px 10px;
	font-size: 116.7%;
	margin: 0 0 10px;
	font-weight: bold;
}

.side_nav{
	background-color: #1d4d4f;
	width: 200px;
	height: 38px;
	margin: 2px 0;
}

.side_nav a:link, .side_nav a:visited{
	color: #ffffff;
	display: block;
	width: 180px;
	height: 20px;
	padding: 9px 10px;
	font-size: 116.7%;
	font-weight: bold;	
}

.side_nav a:hover{
	background-color: #00a99e;
	text-decoration: none;
	color: #ffffff;
}

.side_nav a:hover .marker{
	color: #00a99e;	
}

.side_bnr{
	margin: 5px 0;
}

#contentLeft #case_type{
	margin: 0;
	width: 198px;
	padding: 0; 
	border: solid 1px #cccccc;
}

#contentLeft #case_type li.off{
	list-style: none;
	border-bottom: dotted 1px #cccccc;
	margin: 0;
	padding: 8px 0 8px 15px;
}

#contentLeft #case_type li.last{
	border: none;
}

#contentLeft #case_type li.off a{
	color: #333333;
}


#contentLeft #case_type li.on{
	border-left: 4px solid #d2edee;
	list-style: none;
	border-bottom: dotted 1px #cccccc;
	margin: 0;
	padding: 8px 0 8px 15px;
}

#contentLeft #case_type li.on a{
	color: #1d4c4e;
	text-decoration: underline;
	
}
/* ----------------------------------------------------- */

a.home{
background: #fff url(../images/menu_01.gif) top left no-repeat;
}
a:hover.home{
background-position: 0px -50px;
}

a.products{
background: #fff url(../images/menu_02.gif) top left no-repeat;
}
a:hover.products{
background-position: 0px -50px;
}

a.system{
background: #fff url(../images/menu_03.gif) top left no-repeat;
}
a:hover.system{
background-position: 0px -50px;
}

a.sample{
background: #fff url(../images/menu_04.gif) top left no-repeat;
}
a:hover.sample{
background-position: 0px -50px;
}

a.outline{
background: #fff url(../images/menu_05.gif) top left no-repeat;
}
a:hover.outline{
background-position: 0px -50px;
}

a.inquiry{
background: #fff url(../images/menu_06.gif) top left no-repeat;
}
a:hover.inquiry{
background-position: 0px -50px;
}
/*｢ｧｸｽｺﾟﾉｽｼｨ･ﾚ｡ｼ･ｸ､ﾎﾀﾟﾄ・*/
body#home_visit li#home a{
background-position: 0px -100px;
}
body#products_visit li#products a{
background-position: 0px -100px;
}
body#system_visit li#system a{
background-position: 0px -100px;
}
body#sample_visit li#sample a{
background-position: 0px -100px;
}
body#outline_visit li#outline a{
background-position: 0px -100px;
}
body#inquiry_visit li#inquiry a{
background-position: 0px -100px;
}
/*-----------------------------------------------*/
/*-----------------------------------------------*/

#topMenu{
width: 200px;
margin: 12px auto;
padding-left: 10px;
clear: both;
float: left;
}
#topMenu ul{
text-align: left;
padding: 0px;
margin: 0px auto;
margin-left :0px;
list-style: none;
}
#topMenu ul li{
margin: 0px;
margin-left: 0px;
margin-bottom: 5px;
padding: 0px;
text-align: left;
}
#topMenu ul li a{
width: 200px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -2000px;
display: block;
}
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/
/**/
div.blogBanner{
width: 200px;
margin: 0px 8px;
float: left;
clear: both;
}

#bannerMenu{
	width: 600px;
	margin: 25px 0 0;
}
#bannerMenu ul{
	margin: 0px auto;
	list-style: none;
	padding: 0;
}
#bannerMenu ul li{
	margin: 0 0 10px;
	text-indent: -9999px;
}
#bannerMenu ul li a{
	width: 290px;
	height: 112px;
	display: block;
}

/* ------トップぺージフコンテンツ-------- */
#banner01{
	background: #fff url(../images/Bbanner-s1.gif) top left no-repeat;
	float: left;

}
#banner01 a:hover{
	background: #fff url(../images/Bbanner-s1.gif) top left no-repeat;
	background-position: 0px -112px;
}
#banner02{
	background: #fff url(../images/Bbanner-kp.jpg) top left no-repeat;
	float: right;
}
#banner02 a:hover{
	background: #fff url(../images/Bbanner-kp.jpg) top left no-repeat;
	background-position: 0px -112px;
}

/* ----------------------------------------------------- */
#banner03{
	background: #fff url(../images/banner03.gif) top left no-repeat;
	float: left;
}
#banner03 a:hover{
	background: #fff url(../images/banner03.gif) top left no-repeat;
	background-position: 0px -112px;
}


#banner04{
	background: #fff url(../images/banner04.jpg) top left no-repeat;
	float: right;
}
#banner04 a:hover{
	background: #fff url(../images/banner04.jpg) top left no-repeat;
	background-position: 0px -112px;
}
/*-----------------------------------------*/
/*-----------------最新施工事例------------------------*/

#bar_case_studies{
	margin: 0 0 3px 0;
}

.align_center{
	text-align: center;	
}

#case_studies{
	border: solid 4px #cccccc;
	padding: 10px 0;
	width: 592px;
}

.case_box{
	width: 170px;
	float: left;
	margin: 0 13px 10px;
}


.case_title{
	border-left: solid 4px #398d8f;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 83.3%;
	margin: 5px 0;
	color: #666666;
}

.case_title .blue a{
	color: #398d8f;
	font-size: 140%;
}

.case_desc{
	color: #666666;
	line-height: 1.4em;
	margin: 5px 0;
}

.postImg{
	margin-right: 2x;	
}

.postImg td{
	width: 168px;
	height: 120px;
	border: solid 1px #cccccc;	
	text-align: center;	
	vertical-align: center;
}

.postImg img{
	margin: 0;
}

/*-----------News & Topics----------------*/
#topics{
	border: solid 1px #2e6f71;
	background: url(../images/bg_news.jpg) no-repeat;
	height: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 558px;
	padding: 0 20px;
	margin: 10px 10px 10px 0;	
}

#topics dl{
	margin-left: 145px;	
	line-height: 1.4em;
}

#topics dl dt{
	float: left;
	width: 65px;
	margin-bottom:5px;
}

#topics dl dd{
	float: right;
	width: 288px;
	margin-bottom: 5px;

}

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


div#topanimation{
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}


div#news{
margin: 0px auto;
clear: both;
}

/**/
p.situation{
margin-left: 10px;
float: left;
}
p.situation object{
padding-bottom: 1px;
border: 1px solid #ccc;
}

/**/
p.information{
margin-right: 10px;
margin-left: 8px;
float: right;
}
p.situation span,p.information span{
font-family: "arial",sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.2em;
padding-bottom: 1px;
display: block;
}
p.information object{
padding-bottom: 1px;
border: 1px solid #ccc;
}

/*左バナー*/
#contentLeft{
width: 200px;
margin: 20px 0px 50px 5px;
float: left;
}
#title{
margin-bottom: 20px;
}
.textMenu{
	height: 30px;
	color: #fff;
	background-color: #00BBBF;
	border-top: 1px solid #7eb5b1;
	border-left: 1px solid #7eb5b1;
	border-right: 1px solid #204a47;
	border-bottom: 1px solid #204a47;
}
.textMenu a:link,div.textMenu a:visited{
	color: #fff;	
	font-size: 12px;
	padding: 5px 0px 0px 5px;
	display: block;
}
.textMenu a:hover {
	background-color: #00F0F7;
	height: 24px;
					   }
					   
#service_area{
	border: 1px solid #204a48;
	margin: 10px 0;
}

#service_area h2{
	margin: 0;
	font-size: 14px;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	background-color: #00bbc0;
}

#service_area p{
	text-align: center;
	margin: 7px 0;
}

#service_area img{
	margin: 0;
}
			   
/* */
div#contentRight{
width: 610px;
margin: 20px 5px 30px 0px;
float: right;
}
/*-------------------------------------*/
/*-------------------------------------*/


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

div.headProducts{
height: 80px;
background: transparent url(../products/images/headBack.gif) top left no-repeat;
}
div.headProducts p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

/**/
div.madori{
width: 430px;
float: left;
}
div.beforeAfter{
width: 175px;
float: right;
}
div.beforeAfter p{
font-size: 10px;
}
p.arrow{
text-align: center;
margin: 60px auto;
clear: both;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headSystem{
height: 80px;
background: transparent url(../system/images/headBack.gif) top left no-repeat;
}
div.headSystem p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

p.flow01{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_01.gif) top left no-repeat;
}

p.flow02{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_02.gif) top left no-repeat;
}

p.flow03{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_03.gif) top left no-repeat;
}

p.flow04{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_04.gif) top left no-repeat;
}


p.flow05{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_05.gif) top left no-repeat;
}

p.flow06{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_06.gif) top left no-repeat;
}

p.flow07{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_07.gif) top left no-repeat;
}

p.flow08{
height: 100px;
padding-left: 200px;
background: #fff url(../system/images/illust_08.gif) top left no-repeat;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headSample{
height: 80px;
background: transparent url(../sample/images/headBack.gif) top left no-repeat;
}
div.headSample p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

/*---リフォーム事例---*/

div#album{
width: 600px;
/*height: 540px;*/
background: transparent url(../sample/images/contentBack.gif) top left no-repeat;
}
div#works{
	width: 600px;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 15px;
}
div#works div.photo{
width: 170px;
text-align: center;
padding: 5px;
float: left;
}
div#works div.photo span{
display: block;
}
div#works div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works1, div#works2, div#works3, div#works4, div#works5, div#works6{
	width: 570px;
	padding: 0 15px 10px;
	float: left;
	border: 1px solid #000000;
	margin-bottom: 20px;
}

div#works1 h2, div#works2 h2, div#works3 h2, div#works4 h2, div#works5 h2, div#works6 h2{
	font-size: 14px;
	color: #ffffff;
	width: 580px;
	padding: 5px 10px;	
	margin: 0 0 10px -15px;
	border-bottom: 1px solid #000000;
	
}

div#works1 h2{
	background-color: #289803;	
}
div#works2 h2{
	background-color: #660066;	
}
div#works3 h2{
	background-color: #f2af00;	
}
div#works4 h2{
	background-color: #0000cc;	
}
div#works5 h2{
	background-color: #660000;	
}
div#works6 h2{
	background-color: #cc0001;	
}

div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div.photo span{
display: block;
}
.photo span.maroon{
color: maroon;
font-weight: bold;
}

div.sample_photo{
width: 180px;
padding: 5px;
float: left;
}
div.sample_photo span{
display: block;
font-weight: bold;
}
.sample_photo span.maroon{
color: maroon;
font-weight: bold;
}

div.item { margin-bottom:1em;}
div.item div.image { float:left; padding-right:1em;}
div.item div.text { overflow:hidden; zoom:1;}
div.item div.text span.maroon { color: maroon; font-weight: bold; font-size:16px;}
div.item div.text span {font-weight: bold;}

.item:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#works-1{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #289803;
margin-bottom: 15px;
}
div#works-1 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-1 div.photo span{
display: block;
}
div#works-1 div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works-2{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #660066;
margin-bottom: 15px;
}
div#works-2 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-2 div.photo span{
display: block;
}
div#works-2 div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works-3{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #f2af00;
margin-bottom: 15px;
}
div#works-3 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-3 div.photo span{
display: block;
}
div#works-3 div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works-4{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #0000cc;
margin-bottom: 15px;
}
div#works-4 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-4 div.photo span{
display: block;
}
div#works-4 div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works-5{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #660000;
margin-bottom: 15px;
}
div#works-5 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-5 div.photo span{
display: block;
}
div#works-5 div.photo span.maroon{
color: maroon;
font-weight: bold;
}

div#works-6{
width: 580px;
padding: 10px 0px 10px 10px;
float: left;
border-style: solid;
border-width: 1px 1px 1px 20px;
border-color: #000000 #000000 #000000 #cc0000;
margin-bottom: 15px;
}
div#works-6 div.photo{
width: 180px;
text-align: center;
padding: 5px;
float: left;
}
div#works-6 div.photo span{
display: block;
}
div#works-6 div.photo span.maroon{
color: maroon;
font-weight: bold;
}


#bannerMenu-2{
	width: 600px;
	float: right;
	margin-top: 105px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
#bannerMenu-2 ul{
	text-align: left;
	margin-left: 0px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#bannerMenu-2 ul li{
margin: 0px;
margin-left: 7px;
margin-bottom: 7px;
text-align: left;
float: left;
}
#bannerMenu-2 ul li a{
width: 170px;
height: 130px;
padding: 0px;
margin: 0px;
text-indent: -2000px;
float: left;
}

#bannerMenu-3{
	width: 600px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bannerMenu-3 ul{
text-align: left;
margin-left: 0px;
margin: 0px auto;
list-style: none;
}
#bannerMenu-3 ul li{
margin: 0px;
margin-left: 7px;
margin-bottom: 7px;
text-align: left;
float: left;
}
#bannerMenu-3 ul li a{
width: 522px;
height: 81px;
padding: 0px;
margin: 0px;
text-indent: -2000px;
float: left;
}

/* ----------------------------------------------------- */
a.banner001{
background: #fff url(../sample/images/kodateB.jpg) top left no-repeat;
}
a:hover.banner001{
background-position: 0px -130px;
}
a.banner002{
background: #fff url(../sample/images/mansyonB.jpg) top left no-repeat;
}
a:hover.banner002{
background-position: 0px -130px;
}

a.banner003{
background: #fff url(../sample/images/tenpoB.jpg) top left no-repeat;
}
a:hover.banner003{
background-position: 0px -130px;
}

a.banner004{
background: #fff url(../sample/images/putirinoveB.jpg) top left no-repeat;
}
a:hover.banner004{
background-position: 0px -130px;
}

a.banner005{
background: #fff url(../sample/images/gaisouB.jpg) top left no-repeat;
}
a:hover.banner005{
background-position: 0px -130px;
}

a.banner006{
background: #fff url(../sample/images/buildB.jpg) top left no-repeat;
}
a:hover.banner006{
background-position: 0px -130px;
}

a.banner007{
background: #fff url(../sample/images/fdtmB.gif) top left no-repeat;
}
a:hover.banner007{
background-position: 0px -81px;
}

a.banner008{
background: #fff url(../sample/images/ext.jpg) top left no-repeat;
}
a:hover.banner008{
background-position: 0px -130px;
}


/**/
div#textSample{
width: 600px;
margin: 80px 10px 0px 0px;
float: left;
}
div#textSample p{
font-size: 10px;
border-bottom: 1px solid #ccc;
}
div#textSample a:link,div#textSample a:hover,div#textSample a:visited{
font-size: 10px;
}
/*--------------------------------------*/
/*--------------------------------------*/
#bannerMenu-Link{
width: 600px;
margin: 0px 5px;
float: right;
}
#bannerMenu-Link ul{
text-align: left;
margin-left: 0px;
margin: 0px auto;
list-style: none;
}
#bannerMenu-Link ul li{
margin: 0px;
margin-left: 7px;
margin-bottom: 7px;
text-align: left;
float: left;
}
#bannerMenu-Link ul li a{
width: 136px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -2000px;
float: left;
}


a.banner010{
background: #fff url(../Link/images/inquiry1.gif) top left no-repeat;
}
a:hover.banner010{
background-position: 0px -35px;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headOutline{
height: 80px;
background: transparent url(../outline/images/headBack.gif) top left no-repeat;
}
div.headOutline p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

p.policy{
width: 600px;
line-height: 2em;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
p.policy b{
font-size: 18px;
font-wight: bold;
}
p.policy span{
color: black;
font-size: 10px;
}

/**/

table#gaiyou{
width: 600px;
margin: 15px auto;
border-collapse: collapse;
}
table#gaiyou td{
font-size: 12px;
line-height: 1.5em;
padding: 8px;
border-bottom: 1px solid #ddd;
border-collapse: collapse;
}
table#gaiyou td.title{
width: 150px;
padding-left: 10px;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headInquiry{
height: 80px;
background: transparent url(../inquiry/images/headBack.gif) top left no-repeat;
}
div.headInquiry p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

table#form{
width: 600px;
border: 1px solid #2c7071;
border-collapse: collapse;
}
table#form td{
font-size: 12px;
margin: 0px;
padding: 12px 8px;
border: 1px solid #2c7071;
border-collapse: collapse;
}
/* */
table#form td.form_title{
background-color: #C4DFDF;
}
td textarea{
font-size: 12px;
width: 300px;
height: 60px;
}
div.submit{
text-align: center;
margin: 0px auto;
padding: 5px 0px;
}

/**/
.sended{
width: 450px;
margin: 70px auto;
}
.sended p{
line-height: 2.0em;
text-align: center;
}

#confirm{
width: 600px;
text-align: center;
margin: 10px auto;
border: 1px solid #ffff00;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headSitemap{
height: 80px;
background: transparent url(../sitemap/images/headBack.gif) top left no-repeat;
}
div.headSitemap p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}
/*---------------------------------------*/
/*---------------------------------------*/
div.headPrivacy{
height: 80px;
background: transparent url(../privacy/images/headBack.gif) top left no-repeat;
}
div.headPrivacy p{
color: #000;
width: 330px;
margin-left: 20px;
padding-top: 20px;
}

p.blogBanner{
position: absolute;
top: 580px;
left: 0px;
}

p.situation{
position: absolute;
top: 580px;
left: 210px;
}

p.information{
position: absolute;
top: 575px;
left: 610px;
}

div.linkIE5{
margin-top: 150px;
}




div.headProducts p{
padding-top: 5px;
}
div.headSystem p{
padding-top: 5px;
}
div.headSample p{
padding-top: 5px;
}
div.headOutline p{
padding-top: 5px;
}
div.headInquiry p{
padding-top: 5px;
}
div.headSitemap p{
padding-top: 5px;
}
div.headPrivacy p{
padding-top: 5px;
}

div#animation{
width: 850px;
height: 100px;
background: transparent url(../images/sky.jpg) top left no-repeat;
clear: both;
}