/* CSS Document */
*{	margin:0;	padding:0;}
body{ margin:0px; font-size:95%; background-color:#0000fc;}

body,td,th,ul,li{  
	color:#333333;
	line-height:120%;
	font-size:90%;
}
html>body,td,th,ul,li {	 font-size:100%; }
p, div, dl, dt, dd{
	color:#333333;
}
p {	margin: 0%;	}
img {	border:0px;	}

.small{	font-size:85%;	}
.xsmall{	font-size:70%;	}
.medium{ font-size:100%; }
.strong{ font-weight:bold; }
.large{ font-size:120%; }

.red{ color:#ff0000;	}
.bk-grey{ background-color:#eeeeee;} 

a:link{	color:#333333;	text-decoration: none;}
a:visited{	color:#333333;	text-decoration: none;}
a:hover{	color:#ff0000;	text-decoration:underline;}
a:active {	text-decoration: none;}

.left{	float: left;	}
.right{	float: right;	}
.clear{	clear: both;	}
.hide{ visibility:hidden; }
.center{ text-align:center; }

.pankuzu{ width:95%;	text-align:right;	font-size:small; padding:5px 0 0 0; }

/* style */
/* all */
.frame{ width:880px; background-color:#ffffff; text-align:center; font-size:85%; margin:auto; padding:3px 0 3px 0;
	font-weight:bold; color:#333333;}

#ie5Xlayout{	text-align: center;}
#layout1 {	width:920px; background:url("./images/main_bk.jpg") left top repeat-y; margin: auto; text-align: left; 
	height:auto;   }
#layout2 {	width: 880px;	margin: auto;	text-align: left; height:auto; background-color:#ffffff;  }

/*  header  */
#copy{ width:100%; font-size:80%; color:#000099; padding:3px 0 3px 0; }
/*  toppage  */
#header {	display: block;	padding: 0%;	width: 100%; margin: 0px; height:291px; position:relative; }
#header h1{ position:absolute; top:150px; left:25px; z-index:99;   }
#header img.addr{ position:absolute; top:245px; left: 30px; z-index:98; }
#header img.head-about{ position:absolute; top:255px; left:550px; z-index:97; }
#header img.head-mail{ position:absolute; top:255px; left:650px; z-index:96; }
#header img.head-access{ position:absolute; top:255px; left:750px; z-index:95; }

#header .top-img{ position:absolute; top:0; left:0;  z-index:0;  }

/*  subpage  */
#subheader {	display: block;	padding: 0%;	width: 100%; margin: 0px; height:150px; position:relative;
	background:url("./images/subhead_bk.jpg") left top no-repeat; }
#subheader h1{ position:absolute; bottom:10px; left:25px;   }
#subheader img.addr{ position:absolute; bottom:10px; left: 300px;  }

#menu{ clear:both; width:100%; height:75px; background:url("./images/menu_bk.jpg") left top no-repeat; }
#menu img{ padding:0 8px 0 0; }
/* html>body #menu img{ padding:8px 5px 0 5px;  } */

/*  bottom-menu  */
#bottom-menu{ width: 100%; padding:3px 0 3px 0; margin:0 0 0 0; 
	font-size:85%; background-color:#cccccc; color:#000099; }
#bottom-menu a:link{	color:#000099;	text-decoration: none;}
#bottom-menu a:visited{	color:#000099;	text-decoration: none;}
#bottom-menu a:hover{	color:#FF0033;	text-decoration:underline;}
#bottom-menu a:active {	text-decoration: none;}
#bottom-menu span.to-home{ background:url(images/to_home.gif) left top no-repeat; float:left;
	padding:0 35px 0 20px;  margin:0 0 0 20px; text-align:left; border-right:1px #000099 solid; }
/* html>body #main div.bottom-menu span.to-home{ padding-left:20px;  } */
#bottom-menu span.to-top{ background:url(images/to_top.gif) left top no-repeat; float:right;
	padding-left:20px; margin:0 20px 0 0;  }
#bottom-menu span.menu{ float:left;	padding:0 35px 0 0;  margin:0 0 0 35px; text-align:left; border-right:1px #000099 solid; }

/*  フッター  */
#footer{ width: 100%; clear:both;	padding:0; clear:both; position:relative; background-color:#0a5fd7;
	overflow:auto; height:190px;  }
#footer table{ width:88%; margin:10px 0 10px 70px; }
#footer td{ text-align:left; padding:0 0 0 5px; /*width:33%;*/ color:#99ffff; font-size:90%;  }

#footer div.logo-area{ width:90%; border-top:1px #ffffff solid; position:relative; margin:auto; padding:auto; }
#footer div.logo-area img.logo{ position:absolute; top:10px; left:90px; }
#footer div.logo-area img.tel{ position:absolute; top:10px; left:370px; }
#footer div.logo-area div.foot-mail{ position:absolute; top:50px; left:250px; color:#ffffff; font-size:90%; }
#footer div.logo-area div.foot-mail img{ vertical-align:middle; }

#footer div.kobutu{ width:100%; text-align:center; color:#fff; font-size:90%; }
/*  main  */
#main{ width:100%; margin:0; overflow:visible; position:relative; height:auto; min-height:200px;
	background:url("./images/main_bk2.jpg") left top repeat-y; display:block;    }
	
/* leftside(toppage) */
#leftside{ float:left; width:660px; height:auto; min-height:300px; }
#leftside div.top-jirei{ width:600px; margin:20px 0 0 30px; height:auto; min-height:200px; }
#leftside div.top-jirei div.jirei-area{ width:200px; text-align:center; margin:10px 0 0 0; float:left; }
#leftside div.top-jirei div.jirei-area p{ font-size:80%; margin:5px 0 0 0; }

#leftside p{ font-size:90%; margin:10px 0 30px 0; }


#leftside div.top-used{ width:600px; margin:20px 0 0 30px; height:auto; min-height:300px; }
#leftside div.top-used h3{ margin:5px 0 5px 0; }
#leftside div.top-used div.used-area{ width:290px; margin:10px 8px 0 0; background-color:#ffffff; 
	border:1px #cccccc solid; position:relative; padding:5px 0 5px 0; float:left;}
#leftside div.top-used div.used-area img.new{ position:absolute; top:5px; left:2px; }
#leftside div.top-used div.used-area div.caption{ width:130px; float:left; font-size:80%; text-align:left; 
	margin:30px 0 0 5px;  }
#leftside div.top-used div.used-area img.uTopImg{ float:right; margin:0 5px 0 0; }

#leftside div.to-list{ width:98%; text-align:right; color:#000099; font-size:85%; height:25px; margin:10px 0 10px 0; }
#leftside span.toList{ background:url("./images/to_list.gif") left top no-repeat;	padding:4px 0 0 20px; height:30px;
	line-height:150%;  }

/* rightside(toppage) */
#rightside{ width:190px; float:left; background-color:#ffffcc; border:1px #cccccc solid; height:auto; min-height:200px;
	margin:20px 0 0 0; text-align:center; font-size:90%; padding:10px 0 10px 0; }
#rightside p{ margin:0 0 10px 0;}
#rightside img{ margin:0 0 10px 0; }

/* subarea */
#subarea{ width:100%; margin:0 0 0 0; padding:0 0 10px 0; height:auto; min-height:300px; }
#subarea h2{ margin:0 0 0 30px; }
#subarea p.txt{ position:relative; margin:20px 0 0 70px; font-size:90%; }
#subarea h3{ margin:30px 0 10px 50px; font-size:120%; color:#39C;  width:85%; border-bottom:3px #3333CC double; padding:0 0 5px 30px; }
#subarea h3.used{ margin:30px 0 10px 80px; font-size:100%; color:#339900; border:none; padding:0; }

#subarea div.txt{ margin:10px 0 0 80px; width:80%; }
#subarea span.toLink{ background:url("./images/to_list.gif") left top no-repeat;	padding:4px 0 0 20px; height:30px;
	line-height:150%;  }
#subarea div.r-txt{ margin:10px 0 0 80px; width:80%; text-align:right; }
#subarea span.toLink-r{ background:url("./images/to_list.gif") right 1px no-repeat;	padding:4px 20px 0 0; height:30px;
	line-height:150%;  }

#subarea{ width:100%; margin:0; height:auto; min-height:300px; position:relative; padding:10px 0 0 0; }
#subarea h1{ margin:0 0 0 5px; padding:0;  }
#subarea h3.colorg{ margin:30px 0 10px 80px; font-size:100%; color:#FF3333; }
#subarea h4{ margin:30px 0 10px 100px; font-size:90%;  }

/* hosyu */
#subarea table.hosyu{ margin:0 0 0 80px; width:80%; }
#subarea table.hosyu td{ text-align:center; font-size:90%; }
#subarea table.hosyu td.cap{ padding-bottom:10px; vertical-align:top; }

/* kikikanri */
#subarea div.kikiarea{ width:100%; text-align:center; font-size:85%; }
#subarea div.kikiarea table{ width:80%; border-left:1px #39F solid; border-top:1px #39F solid; margin:auto; margin-top:10px;   }
#subarea div.kikiarea table th{ width:20%; font-weight:normal; vertical-align:top; border-right:1px #39F solid; border-bottom:1px #39F solid;  padding:5px 0 5px 0; }
#subarea div.kikiarea table td{ width:80%; vertical-align:top; text-align:left; padding:5px 0 5px 5px; border-right:1px #39F solid; border-bottom:1px #39F solid; }

/* gaiyou */
#subarea dl.about{ margin:10px 0 0 150px; width:80%; }
#subarea dl.about dt{ float:left; width:15%;  background:url("./images/list_top.gif") left 2px no-repeat;  font-size:85%; padding:0 0 0 18px;}
#subarea dl.about dd{ float:left; width:80%; margin:0 0 5px 0;  font-size:85%; }


#subarea img.about{ margin:0 100px 0 0; float:right; padding:0 5px 5px 0; }
#subarea div.about{ margin:0 0 0 70px; float:left; width:150px; padding:5px; font-size:85%; 
	text-align:center;}


/* pgm */
#subarea div.pgm{ width:800px; margin:0 0 0 30px; padding:0 0 50px 0;  }
#subarea div.pgm h3{ margin:10px 0 0 0; }
#subarea div.pgm div.jirei-area{ width:200px; text-align:center; margin:0 0 10px 0; float:left; }
#subarea div.pgm div.jirei-area p{ font-size:80%; margin:5px 0 0 0; }

#subarea div.pgm div.used-area{ width:258px; margin:0 5px 10px 0; background-color:#ffffff; 
	border:1px #cccccc solid; position:relative; padding:5px 0 5px 0; float:left;}
#subarea div.pgm div.used-area img.new{ position:absolute; top:5px; left:2px; }
#subarea div.pgm div.used-area div.caption{ width:105px; float:left; font-size:80%; text-align:left; 
	margin:30px 0 0 5px;  }
#subarea div.pgm div.used-area img.uTopImg{ float:right; margin:0 5px 0 0; }

#subarea div.to-list{ width:98%; text-align:right; color:#000099; font-size:85%; height:25px; margin:10px 0 10px 0;  }
#subarea span.toList{ background:url("./images/to_list.gif") left top no-repeat; line-height:150%;	padding:4px 0 0 20px;
	 height:25px;  }

#subarea p{ font-size:90%; margin:10px 0 10px 0; }

#subarea div.detail-j{ margin:10px 0 0 70px; width:85%; padding:0 0 50px 0; }
#subarea div.detail-j img{ padding:0 0 5px 0; margin:auto; }
#subarea div.detail-j p{ padding:0 0 15px 0; margin:0 0 0 20px; }
#subarea div.detail-j td{ text-align:center; padding:0 0 10px 0; }
#subarea div.detail-j div.j_title{ width:90%; border-bottom:3px #666666 double; text-align:center; padding:0 0 5px 0;
	font-weight:bold; margin:auto; margin-bottom:10px; }
#subarea div.detail-j div.j_caption{ width:100%; text-align:center; display:block; font-size:85%; }
#subarea div.detail-j div.imgarea{ width:100%; text-align:center; margin:0 0 20px 0; }

#subarea .to-link{ position:relative; margin:10px 0 0 0; width:95%; text-align:right; padding:0 50px 0 0;
	font-size:90%; clear:both; }

#subarea div.detail-u{ width:800px; margin:0 0 0 30px; padding:0 0 50px 0; }
#subarea div.detail-u h3{ margin:10px 0 0 0; }
#subarea div.detail-u p{ padding:0 0 15px 0; margin:0 0 0 20px; width:90%; margin:0 0 0 50px; }
#subarea div.detail-u img{ margin:0 20px 20px 0; }
#subarea div.detail-u div.darea1{ width:80%; text-align:left; margin:auto; padding:auto; margin-top:20px; padding-bottom:20px; }
#subarea div.detail-u div.darea1 p{ padding:30px 0 0 0;  }
#subarea div.detail-u div.darea2{ width:90%; text-align:left; margin:0 0 0 50px; padding:auto; margin-top:20px; 
	padding-bottom:20px; font-size:90%;  }
#subarea div.detail-u div.darea2 div.cap2{ float:left; width:300px; }
#subarea div.detail-u div.darea2 div.imgarea{ float:right; width:300px; }

/* mail */
#subarea table.mail{	width:65%; margin:20px 0 0 180px; border:none; }
#subarea table.mail th{ border:none; width:25%; text-align:left; vertical-align:top; padding:5px; font-weight:normal;
	background:url("./images/list_top.gif") left 7px no-repeat; padding-left:25px;
	font-size:85%;}
#subarea table.mail td{ border:none; width:75%; padding:5px; line-height:120%; text-align:left;
	vertical-align:text-top; font-size:85%; }

#subarea table.mail td.conf{ border:none; width:70%; padding:5px; line-height:120%; text-align:left; 
	vertical-align:text-top; border:solid #cccccc 1px; background-color:#FFFFFF; }
#subarea .error{ text-align:center; width:100%; margin:30px 0 20px 0;  }
#subarea .error_conf{ text-align:center; width:100%; margin:0 0 20px 0; background-color:#FFFFFF;  }

.kana{ ime-mode:active; }
.rome{ ime-mode:disabled; }

/* link */
#subarea ul.link{ margin:30px 0 50px 120px; width:95%; display:block; list-style-type:none;}
#subarea ul.link li{ background:url("./images/list_top.gif") left 2px no-repeat; padding:0 0 0 20px;
	font-size:90%;	margin:0 0 10px 0; }

/* private policy */
#subarea div.policy{ margin:10px 0 0 0; padding:0 0 50px 0; text-align:right; width:90%; }
#subarea dl.policy{ margin:20px 0 20px 80px; width:80%; }
#subarea dl.policy dt{ font-weight:bold;  }
#subarea dl.policy dd{  margin:5px 0 10px 30px; }


/*********************************************************************/
#sub-header { display: block; padding: 0%; width: 100%; margin: 0px; height:120px; position:relative; 
	background-color:#000000;}
#sub-header h1{ position:absolute; top:10px; left:10px;   }
#sub-header img.addr{ position:absolute; top:70px; left:12px; }
#sub-header img.tel{ position:absolute; top:90px; left:12px; }
#sub-header img.access{ position:absolute; top:20px; left:620px; }
#sub-header img.blog{ position:absolute; top:10px; left:720px; }

#top-news{ width:100%; margin:0; height:auto; min-height:180px; position:relative; padding:10px 0 0 0;
	background:url("./images/main_bk1.png") right top no-repeat; }
/* html>body #top-news{ height:auto; min-height:120px;} */
#top-news h1{ margin:0 0 0 5px; padding:0; text-indent:-9999px; background:url("./images/top_news_ttl.png") left top no-repeat;
	width:624px; height:48px; }
#top-news p.cap{ position:relative; margin:5px 0 10px 20px; font-size:85%; }
#top-news .to-list{ position:relative; margin:10px 0 0 0; width:72%; text-align:right; padding:0 30px 0 0; }
#top-news div.title{ width:90%; background:url("./images/list_top.gif") left 2px no-repeat; margin:0 0 0 20px; 
	 padding:0 0 3px 20px; font-size:90%; line-height:120%; position:relative; }
#top-news .new{ vertical-align:middle; }

#top-album{ width:100%; margin:0; height:auto; min-height:200px; position:relative;
	background:url("./images/main_bk3.png") right top no-repeat; }
#top-album h1{ margin:0 0 0 5px; padding:0; text-indent:-9999px; background:url("./images/top_photo_ttl.png") left top no-repeat;
	width:789px; height:49px;  }
#top-album p.cap{ position:relative; margin:5px 0 10px 20px; font-size:85%; }
#top-album .to-list{ position:relative; margin:10px 0 0 0; width:90%; text-align:right; padding:0 30px 0 0;
	 clear:both; }
#top-album div.title{ width:90%; background:url("./images/rect_brown.gif") left top no-repeat; margin:5px 0 0 20px; 
	 padding:0 0 3px 20px; font-size:100%; line-height:120%; position:relative; }
#top-album .new{ vertical-align:middle; }
#top-album div.photo{ width:380px; text-align:center; font-size:85%; padding:10px 0 5px 0; float:left;
	margin:10px 20px 10px 20px; line-height:110%;  }
#top-album img.gazou{ padding:3px; }

#top-kodawari{ width:100%; margin:0; height:auto; min-height:150px; position:relative; }
#top-kodawari h1{ margin:0 0 0 30px; padding:0; text-indent:-9999px; background:url("./images/top_kodawari_ttl.png") left top no-repeat;
	width:793px; height:49px;  }
#top-kodawari img{ margin:20px 0 20px 40px; }

#top-blog{ width:100%; margin:0; height:auto; min-height:200px; position:relative;
	background:url("./images/main_bk2.png") 20px 20px no-repeat; padding:0 0 40px 0; }
#top-blog h1{ margin:0 0 0 300px; padding:0; text-indent:-9999px; background:url("./images/top_blog_ttl.png") left top no-repeat;
	width:552px; height:53px; }
#top-blog p.cap{ position:relative; margin:5px 0 10px 310px; font-size:85%; }
#top-blog .to-list{ position:relative; margin:10px 0 0 0; width:95%; text-align:right; padding:0 30px 0 0;}
#top-blog div.title{ width:50%; background:url("./images/list_top.gif") left top no-repeat; 
	margin:5px 0 0 310px; padding:0 0 3px 20px; font-size:90%; line-height:120%; position:relative;  }
#top-blog .new{ vertical-align:middle; }


	
#subarea div.stand{ width:20px; height:70px; }

#subarea p.txt2{ position:relative; margin:20px 0 10px 70px; font-size:85%; width:85%; }
#subarea div.title{ width:80%; background:url("./images/list_top.gif") left 2px no-repeat; margin:0 0 5px 70px; 
	 padding:0 0 3px 20px; font-size:90%; line-height:120%; position:relative;  }

#subarea div.to-top{ margin:10px 0 20px 0; background:url(images/to_top.gif) right 1px no-repeat;
	font-size:80%;	padding-right:15px; width:90%; text-align:right;  }
	 
#subarea div.sub-menu{ margin:10px 0 0 70px; padding:0;  }
#subarea div.sub-menu ul{ margin:0 0 0 20px; width:90%; list-style-type:none; }
#subarea div.sub-menu li{ float:left; background:url("./images/menu_top.gif") left 3px no-repeat; 
	padding:0 50px 0 15px; height:18px; margin:10px 0 0 0; font-size:90%;}

#subarea div.sub-menu2{ margin:10px 0 0 70px; padding:0;  }
#subarea div.sub-menu2 ul{ margin:0 0 0 20px; width:90%; list-style-type:none; }
#subarea div.sub-menu2 li{ float:left; background:url("./images/menu_top2.gif") left 2px no-repeat; 
	padding:0 15px 0 15px; height:18px; margin:10px 0 0 0; font-size:90%;}
#subarea div.sub-menu2 li.colorg{ background:url("./images/menu_top3.gif") left 2px no-repeat; }

#subarea div.detail-n{ margin:10px 0 0 70px; width:85%; padding:0 0 50px 0; }
#subarea div.detail-n img.gazou{ padding:0 5px 5px 5px; }
#subarea div.detail-n p.naiyou{ margin:0 0 20px 0; }

#subarea .to-list{ position:relative; margin:40px 0 20px 0; width:95%; text-align:right; clear:both; }
#subarea .new{ vertical-align:middle; }

#subarea .nextarea{  margin:30px 0 40px 130px;  width:60%; text-align:right; display:block;	font-size:90%;  }
#subarea .nextarea span.prev{ position:relative; width:130px; text-align:center; 
	display:block; border:1px #330033 solid; padding:2px; margin:auto; float:left; }
#subarea .nextarea span.next{ position:relative; width:130px; text-align:center;
  display:block; border:1px #330033 solid; padding:2px; margin:auto;  float:right;}

#subarea div.list-p{ margin:10px 0 0 70px; width:85%; padding:0 0 50px 0; }
#subarea div.list-p p.list{ font-size:90%;}
#subarea div.list-p td{ text-align:center; padding:0 0 10px 0; }

/* ０宣言の家 */
#subarea div.sengen{ width:100%; text-align:center; margin:0 0 10px; 0 }
#subarea div.sengen img{ margin:10px 0 0 0; }
#subarea p.sengen{ margin:0 0 0 100px; font-size:90%; width:80%; }
#subarea img.sengen{ margin:0 0 0 100px; float:left; padding:0 5px 5px 0; }

#subarea div.moiss{ font-size:90%; margin:10px 0 0 0; }
#subarea div.moiss table{ width:50%; }
#subarea div.moiss th{ background-color:#006633; color:#ffffff; padding:3px; text-align:center; }
#subarea div.moiss td{ background-color:#ffffff; color:#006633; border:1px #cccccc solid; 
	padding:3px; text-align:center;}

#subarea ul.kodawari{ margin:10px 0 0 120px; list-style-type:disc; width:70%; }
#subarea ul.kodawari li{ margin:0 0 10px 0; font-size:85%; }

#subarea div.denji{ font-size:85%; margin:0 0 0 110px; border:3px #cccccc double;
	width:75%; padding:10px;  }
	
/* トリプル断熱 */
#subarea table.triple{ /*width:30%;*/ margin:10px 0 0 100px;  }
#subarea table.triple th{ text-align:center; font-size:85%; padding:0; font-size:85%; font-weight:normal; }
#subarea table.triple td{ padding:3px; text-align:center; vertical-align:top;}

/* アクセス */
#subarea div.maparea{ width:100%; margin:10px 0 20px 0; text-align:center; }