@charset "UTF-8";
@import url("../share/base.css");

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

制作　NorthPlanning

目次
・format style　（base.cssに記入）
・header style　（base.cssに記入）
・wrapper style　（base.css and company.cssに記入）
・navi style　ナビ
・main style　メイン
・footer style　（base.cssに記入）
・other style　その他
 ----------------------------------*/

/* -------------------------
format style (--base.css--)
-------------------------*/

/* -------------------------
header style (--base.css--)
-------------------------*/

/* ---------------------------------------------
 wrapper style (-- base.css and company.css--)
 -----------------------------------------------*/
#wrapper{
	height:800px;
	background:url("./company.gif") no-repeat;
}




 
/* ------------ navi style ------------*/

#navi01 a{background-position:-266px 0px}
#navi02 a{background-position:0px -26px}
#navi03 a{background-position:0px -52px}
#navi04 a{background-position:0px -78px}
#navi05 a{background-position:0px -104px}
#navi06 a{background-position:0px -130px}

#navi01 a:hover{background-position:-266px 0px}
#navi02 a:hover{background-position:-133px -26px}
#navi03 a:hover{background-position:-133px -52px}
#navi04 a:hover{background-position:-133px -78px}
#navi05 a:hover{background-position:-133px -104px}
#navi06 a:hover{background-position:-133px -130px}
 


  
 /* ------------ main style ------------*/
#main{
float:right;
width:620px;
height:auto;
 }
 
#main h1{
width:380px;
height:30px;
margin-top:35px;
margin-left:20px;
 }
 
#main h2{
width:380px;
height:48px;
margin-top:10px;
margin-left:20px;
 }
 

#main p#comment{
width:250px;
height:200px;
font-size:11px;
line-height:16px;
margin-left:20px;
margin-top:10px;
 }
 
#main p#picture{
	height:184px;
	width:264px;
	position: absolute;
	top: 133px;
	left: 466px;
}
 

.gaiyo{
 width:530px;
 height:330px;
 margin-left:20px;
 margin-top:20px;
 clear:both;
 }
 
.gaiyo table{
 border-collapse:collapse;
 width:230px;
 }
 
.gaiyo table#gaiyo01{
float:left;
height:auto;
 }
 
.gaiyo table#gaiyo02{
float:right;
height:auto;
 }
  
.gaiyo th{
 padding:3px;
 background-color:#ddd;
 text-align:center;
 font-size:10px;
 border-top:1px dotted #666;
 border-bottom:1px dotted #666;
 }
 
.gaiyo td{
 padding:3px 0px 3px 6px;
 background-color:#FFF;
 text-align:left;
 font-size:11px;
 line-height:16px;
 border-top:1px dotted #666;
 border-bottom:1px dotted #666;
 }
 
.gaiyo th#map a{
display:block;
width:47px;
height:20px;
text-indent:-9999px;
background:url("./map.gif") no-repeat;
margin-left:auto;
margin-right:auto;
}

.gaiyo th#map a:hover{
background:url("./map_o.gif") no-repeat;
}

  
span#contact{
	position:absolute;
	font-size:11px;
	top:725px;
	left:490px;
 }
 
 
p#contact a{
position:absolute;
	text-indent:-9999px;
	display:block;
	width:110px;
	height:18px;
	background:url("./c_contact.gif") no-repeat;
	background-position:0px 0px;
	top:722px;
	left:640px;
}

p#contact a:hover{
background-position:0px -18px;
}

/* -------------------------
footer style (--base.css--)
-------------------------*/