@charset "UTF-8";

body {
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size:11px;
  color:#666666;
  line-height:1.5;
  margin:0px;
  padding:0px;
  background:url(img/all_bg.jpg) left top repeat-x ;
}

h1 {
   text-indent:-9999px;
   position:absolute;
   left:-9999px;
   top:-9999px;
}
h2 {
 font-size:11px;
 color:#1F3B64;
 margin:0px;
 padding:0px;  
}

a:link,#a a:active {
   color:#0000FF;
   background: transparent;
   text-decoration:none;
   }
a:visited{
   color:#663366;
   background: transparent;
   text-decoration:none;
  }   
a:hover{
   color:#0099FF;
   background: transparent;
   text-decoration:none;
  }

  
/* S̍\
---------------------------------------------------- */

#wrapper {
 width:740px;
 height:auto;
 margin:0px auto;
 padding:0px;
 background:url(img/main_bg3.jpg) left top repeat-y;
}

#header {
  margin:0px;
  padding:0px;
  border:0px;
  width:740px;
  height:80px;
  background: url(img/header_back2.jpg) no-repeat;
  position:relative;
  top:0px;
  }
  
#logo{
  margin:0px;
  padding:0px;
  border:0px;
  }  
 
#footer{
 padding:10px 0px 0px 20px;
 border:0px;
 width:720px;
 height:80px;
 background:url(img/footer3.jpg) no-repeat left bottom;
 clear:both;
 }

/*top------------------------------------------------*/

#flash{
  margin:0px;
  padding:0px;
  border:0px;
  width:700px;
  height:220px;
  margin-left:20px;
  }
  
#main{
 margin:20px 0px 20px 24px;
 padding:0px;
 width:716px;
 height:128px;
 }
 
#contents{
 width:720px;
 height:auto;
 padding:20px 0px 20px 20px; 
 }
 
/*second--------------------------------------------*/
#img{
  margin:0px 0px 0px 20px;
  padding:0px;
  border:0px;
  width:720px;
  height:150px;
  }
#cnt{
 width:698px;
 height:500px;
 border:1px solid #CCCCCC;
 margin:0px;
 padding:0px;
 }
 

#cnt_snd{
 width:700px;
 margin:0px 0px 0px 20px;
 float:left;
 display:inline;
 }      

 
#detail{
 width:170px;
 height:auto;
 float:left;
 padding:0px;
 margin:20px 0px 20px 0px;
 }
 
.dline{
 border-bottom:#A5AEAF 1px dotted;
 padding:10px 0px 10px 0px;
 width:170px;
 margin:0px;
 }

 
#text{
 width:490px;
 float:right;
 margin:20px 0px 20px 0px;
 padding:0px;
 display:inline;
 }

/*---------------------------
table
-----------------------------*/
.table1left{
	width:140px;
	background-color:#B5D5EE;
	padding:10px;
	color:#333333;
	font:11px/170% "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
	}
.table1right{
	width:308px;
	background-color:#FFFFFF;
	padding:10px;
	font:11px/170% "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
	}
.textcenter{
	text-align:center;
	}
 
  
/*nav-----------------------------------------------*/
  
#snav{
  width:340px;
  height:34px;
  position:absolute;
  left:390px;
  top:25px;  
  } 

#snav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#snav li {
  position:absolute;
  margin:0px;
  padding:0px;
  width: 85px;
  height:34px;
  text-indent: -9999px;
}

#snav li a {
  text-decoration: none;
  display: block;
  width: 85px;
  height: 34px;
  overflow:hidden;
}

#snav li#concept{
  left:0px;
  background: url(img/snav2.jpg) 0px 0px no-repeat;
}
#snav li#estimate{
  left:85px;
  background: url(img/snav2.jpg) -85px 0px no-repeat;
}
#snav li#about{
  left:170px;
  background: url(img/snav2.jpg) -170px 0px no-repeat;
}
#snav li#kojin{
  left:255px;
  background: url(img/snav2.jpg) -255px 0px no-repeat;
}
#snav li#concept a:hover,#snav li#concept_ro,#snav li#concept_ro a:hover{
  left:0px;
  background:url(img/snav_ro2.jpg) 0px 0px no-repeat;
}
#snav li#estimate a:hover,#snav li#estimate_ro,#snav li#estimate_ro a:hover{
  left:85px; 
  background: url(img/snav_ro2.jpg) -85px 0px no-repeat;
}
#snav li#about a:hover,#snav li#about_ro,#snav li#about_ro a:hover{
  left:170px;
  background: url(img/snav_ro2.jpg) -170px 0px no-repeat;
}
#snav li#kojin a:hover, #snav li#kojin_ro, #snav li#kojin_ro a:hover{
  left:255px;
  background: url(img/snav_ro2.jpg) -255px 0px no-repeat;
}


#nav{
  margin:0px;
  padding:0px;
  border:0px;
  width:700px;
  height:20px;
  position:relative;
  left:20px;
  }
  
#nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#nav li {
  position:absolute;
  margin:0px;
  padding:0px;
  width:140px;
  height:20px;
  text-indent: -9999px;
}

#nav li a {
  text-decoration:none;
  display:block;
  width:140px;
  height:20px;
  overflow:hidden;
}

#nav li#web{
  left:0px;
  background: url(img/nav.jpg) 0px 0px no-repeat;
}

#nav li#hansoku{
  left:140px;
  background: url(img/nav.jpg) -140px 0px no-repeat;
}
#nav li#gyomu{
  left:280px;
  background: url(img/nav.jpg) -280px 0px no-repeat;
}
#nav li#unei{
  left:420px;
  background: url(img/nav.jpg) -420px 0px no-repeat;
}
#nav li#gallery{
  left:560px;
  background: url(img/nav.jpg) -560px 0px no-repeat;
}
#nav li#web a:hover, #nav li#web_ro, #nav li#web_ro a:hover{
  left:0px;
  background: url(img/nav_ro.jpg) 0px 0px no-repeat;
}
#nav li#hansoku a:hover,#nav li#hansoku_ro, #nav li#hansoku_ro a:hover{
  left:140px;
  background: url(img/nav_ro.jpg) -140px 0px no-repeat;
}
#nav li#gyomu a:hover, #nav li#gyomu_ro, #nav li#gyomu_ro a:hover{
  left:280px;
  background: url(img/nav_ro.jpg) -280px 0px no-repeat;
}
#nav li#unei a:hover, #nav li#unei_ro, #nav li#unei_ro a:hover{
  left:420px;
  background: url(img/nav_ro.jpg) -420px 0px no-repeat;
}
#nav li#gallery a:hover, #nav li#gallery_ro, #nav li#gallery_ro a:hover{
  left:560px;
  background: url(img/nav_ro.jpg) -560px 0px no-repeat;
}

#topnav{
 margin:20px 0px 20px 24px;
 padding:0px;
 width:716px;
 height:128px;
 position:relative;
 }
#topnav dl{
	margin:0px;
	padding:0px;
	}
#topnav dt{
	display:block;
	}
#topnav dd{
	position:absolute;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	width:128px;
	height:128px;
	}
#topnav dd a{
	text-decoration:none;
	display:block;
	overflow:hidden;
	width:128px;
	height:128px;
	}
#topnav dd#web{
	left:0px;
	background:url(img/topnav.jpg) 0px 0px no-repeat;
	}
#topnav dd#web a:hover{
	left:0px;
	background:url(img/topnav_ro.jpg) 0px 0px no-repeat;
	}
#topnav dd#hansoku{
	left:142px;
	background:url(img/topnav.jpg) -142px 0px no-repeat;
	}
#topnav dd#hansoku a:hover{
	left:142px;
	background:url(img/topnav_ro.jpg) -142px 0px no-repeat;
	}
#topnav dd#gyomu{
	left:287px;
	background:url(img/topnav.jpg) -287px 0px no-repeat;
	}
#topnav dd#gyomu a:hover{
	left:287px;
	background:url(img/topnav_ro.jpg) -287px 0px no-repeat;
	}
#topnav dd#unei{
	left:431px;
	background:url(img/topnav.jpg) -431px 0px no-repeat;
	}
#topnav dd#unei a:hover{
	left:431px;
	background:url(img/topnav_ro.jpg) -431px 0px no-repeat;
	}
#topnav dd#gallery{
	left:571px;
	background:url(img/topnav.jpg) -571px 0px no-repeat;
	}
#topnav dd#gallery a:hover{
	left:571px;
	background:url(img/topnav_ro.jpg) -571px 0px no-repeat;
	}


	



  

/*w
---------------------------------------------------- */
.imgline{
	float:left;
	border:#CCCCCC 1px solid;
	margin-right:10px;
	display:inline;
	}
	
.small{
 width:500px;
 height:100px;
}
.left{
 float:left;
 }
.right{
 float:right;
 }

.rest1{
	width:340px;
	display:inline;
	padding:0px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 }
.rest2{
 width:350px;
 display:inline;	
 padding:0px;
 margin:0px; 
 }

.clear{
 clear:both;
 }
.line{
 border-bottom:#CCCCCC 1px dotted;
 padding:10px 0px 10px 0px;
 width:490px;
 }

.midashi{
 color:#42A5CB;
 font-weight:bold;
 font-size:10px;
 }
.tdd{
border:#CCCCCC 1px solid;
text-align:center;
}

.title{
padding:20px;
display:block;
}
  
.left12{
 margin:0px 0px 0px 10px;
 padding:0px;
 }

.left13{
 margin:0px 0px 0px 13px;
 padding:0px;
 }

.m0{
 margin:0px;
 padding:0px;
 }
.pt20{
 margin:0px 0px 0px 0px;
 padding:20px 0px 0px 0px;
 }
.pt10{
 margin:0px 0px 0px 0px;
 padding:10px 0px 0px 0px;
 }

.mb10{
	margin-bottom:10px;
	}
.mr10{
	margin-right:10px
	}
.boder{
	border:#CCCCCC 1px solid;
	}
p{
	margin:0px 0px 10px 0px;
	padding:0px;
	}

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

.cnt{
 font-size:12px;
 color:#1F3B64;
 margin:40px 0px 0px 12px;  
}
.txtc{
font-weight:bold;
color:#1F3B64;
background: url(img/txtc_bg.gif) left center no-repeat;
padding-left:20px;
margin-bottom:5px;
}
.pagetop{
position:relative;
left:420px;
width:50px;
} 

.bold{
font-weight:bold;
}

.link{
font-size:10px;
color:#999999;
}
.img{
margin:0px;
padding:0px;
border:0px;
} 
.toplink{
padding:10px 0px 0px 0px;
height:32px;
}
.sample{
font-size:10px;
margin:20px 0px 0px 0px;
}

/*---------------------------
-link
-----------------------------*/
.totop{
	clear:both;
	position:relative;
	left:410px;	
	margin:10px 0px; 
	width:75px;
	height:18px;
	background:url(img/pagetop.gif) top left no-repeat;
	}
.totop a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:75px;
	height:18px;
	}
.totop a:hover{
	background:url(img/pagetop_ro.gif) top left no-repeat;
	}

	

 /*pop up---------------------------------------------*/
#pop{
  width:500px;
  height:400px;
  padding:0px;
  margin:0px;
  border:0px;
  text-align:center;
  }
.leftbz{
margin:0px;
padding:0px 0px 0px 34px;
}