@charset "utf-8";
/*
-----------------------------------------------

update:2007//
----------------------------------------------- */

/*
===== CONTENTS =====

	1: universal reset 
	2: layout
	3: parts
		: header
		: navi
		: main
		: sub
		: footer
	
====================
*/

/* 1: universal reset
----------------------------------------------- */

*{
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-style:solid;
	border-width:0px;
	border-color:#ccc;
	font-size:100%;
}


th,td{ line-height:130%; text-align:left;}

img{border-width:0px;}

a{ color:#476e9e;outline:none;}
a:hover{text-decoration:none;}


/* 2: layout
----------------------------------------------- */

body{
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Verdana,Arial,Helvetica,"MS P ゴシックE","MS UI Gothic",sans-serif;
	text-align:center;
	font-size:75%;
	background-color:#3f3f3f;
	letter-spacing:0.1em;
}

*:first-child+html body{font-size:68%}

#wrap{	margin:0px auto;
	text-align:left;
	width:830px;
	background:url(common/content-bg.jpg) repeat-y;
}



#container{
	margin:0px 35px;
	width:760px;
}

#navi{
	width:760px;
	height:37px;
}


/* 3:parts 
----------------------------------------------- */

/*----- header -----*/

#header {
	position:relative;
	background-image:url(common/header.jpg);
	height:72px;
}

#header a{
	display:block;
	position:absolute;
	text-indent:-9000px;
}



#rogo a{
	top:24px;
	left:20px;
	width:286px;
	height:36px;
}

#header ul{
	position:relative;
	margin-left:430px;
}



#go-haikan a{
	width:114px;
	height:22px;
	top:42px;
}

#go-koyo a{
	width:130px;
	height:22px;
	top:42px;
	left:122px;
}

#go-koyo a{
	width:130px;
	height:22px;
	top:42px;
	left:122px;
}

#go-access a{
	width:64px;
	height:37px;
	top:27px;
	left:258px;
}
	
/*
===== sub =====
*/



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

#navi{
	display: inline-block;
}

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


#navi li{
	float:left;
}

#navi a{
	display:block;
	text-indent:-9000px;
	height:37px;
	background:url(common/g-navi.jpg);
}

#n1 a{ width:127px; background-position:left bottom;}
#n2 a{ width:127px; background-position:-127px 37px;}
#n3 a{ width:126px; background-position:-254px 37px;}
#n4 a{ width:126px; background-position:-380px 37px;}
#n5 a{ width:127px; background-position:-506px 37px;}
#n6 a{ width:127px; background-position:-633px 37px;}

#n1 a:hover{ background-position:left top;}
#blog #n2 a,#n2 a:hover{ background-position:-127px 0px;}
#about #n3 a,#n3 a:hover{ background-position:-254px 0px;}
#visit #n4 a,#n4 a:hover{ background-position:-380px 0px;}
#kaede #n5 a,#n5 a:hover{ background-position:-506px 0px;}
#ryouri #n6 a,#n6 a:hover{ background-position:-633px 0px;}


/*
===== footer =====
*/	


#footer{
	position:relative;
	background:url(common/footer.jpg) no-repeat bottom;
	height:108px;
}	


#footer ul{
	position:relative;
	margin:24px 0 0 400px;
}

#footer a{
	height:18px;
	display:block;
	position:absolute;
	top:4px;
	text-indent:-9000px;
}



#go-tour a{
	width:114px;
	left:2px;
}

#go-privacy a{
	width:140px;
	left:116px;
}


#go-sitemap a{
	width:88px;
	left:256px;
}

	
#footer address,#footer p{
text-indent:-9000px;
}



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