@charset "utf-8";

/******************************************************

hashimotonet.com
last mod 061115


*****************************************************/

/*****************************************************

base 

*****************************************************/

		
body{
	text-align : center;
	margin:0;
	padding:0;
	background: #fff url("../img/bg.jpg");
	font-family:verdana, sans-serif;
	font-size:12px;
	color:#000;
	line-height: 150%;
}

a:link{text-decoration:none; color:#333;}
a:visited{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}

img{
	margin:0;
	border:none;
}

hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
} 


/*****************************************************

wrapper

*****************************************************/

#wrapper1{
	text-align: left;
	margin: 60px 0 0 0;
	padding: 0;
	background: #000 url(../img/mainimg_bg.jpg) repeat-x 0 0;
	width: 100%;
	height: 370px;
}

#wrapper2{
	text-align:left;
	margin:10px auto;
	padding:0px;
	width:840px;
}

#wrapper2-inner{
	text-align:left;
	margin:0 0 0 230px;
	padding:0px;
	width:610px;
}



/*****************************************************

mainimg

*****************************************************/

#mainimg{
	margin:0 auto;
	padding:0;	
	width:840px;
	height:370px;
	background:#000;
}

#mainimg h1{
	float:left;
	margin:0;
	padding:0;	
	width:250px;
	height:370px;
	background:url(../img/top_logo.jpg) no-repeat 0 0;
	text-indent:-9999px;
}



#flash{
	float:right;
	margin:0;
	padding:0;
	width:590px;
	height:370px;
	}
#flash img{
	width: 590px;
	height: 370px;
}
/*****************************************************

navi

*****************************************************/

#navi{
	margin:0;
	padding:0;
	height:30px;
	width:610px;
	background:none;
	}
	
#navi ul{
	margin : 0;
    padding : 0;
    list-style : none;
	}


#navi ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#nv01 a {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_greeting_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01 a:hover {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_greeting_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02 a {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_course_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02 a:hover {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_course_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03 a {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_drink_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03 a:hover {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_drink_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04 a {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_interior_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04 a:hover {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_interior_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05 a {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05 a:hover {
	margin : 0;
	padding : 0;
	width : 122px;
	height : 30px;
	background : url(../img/top_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
	
/*****************************************************

container

*****************************************************/

#container{
	text-align:left;
	margin:20px 0 0 0;
	padding:0;
	width:610px;
}

/*****************************************************

main

*****************************************************/

#main{
	float:left;
	margin:0;
	padding:0;
	width:410px;
}

#main h2{
	display:none;
}


#update_cap {
	margin :0 0 15px 0;
	padding : 0;
	width : 410px;
	height : 30px;
	background : url(../img/top_update.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}

.topic{
	margin:0 0 20px 7px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #ccc;
	}



/*****************************************************

extra

*****************************************************/

#extra{
	float:right;
	margin:0;
	padding:0;
	width:180px;
}

/*****************************************************

footer

*****************************************************/

#wrapper3{
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
	background:url(../img/footer_bg.jpg) repeat-x 0 0;
	width:100%;
}

#wrapper3-inner{
	margin:0 auto;
	padding:0px;
	width:840px;
	background:none;
}

#credit {
	float:right;
	margin :5px 0 0 0;
	padding : 0;
	width : 200px;
	height : 20px;
	background : url(../img/credit.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}

/*****************************************************

up

*****************************************************/

.pageup{
	float:right;
	width:65px;
	height:11px;
	background:#fff;
	text-indent:-9999px;
	}
	
.pageup a{
	display:block;
	text-decoration:none;
	background: url("../img/pageup_off.jpg") no-repeat;
	width:65px;
	height:11px;
	margin:0;
	padding:0;
	}
	
.pageup a:hover{
	display:block;
	text-decoration:none;
	background: url("../img/pageup_on.jpg") no-repeat;
	width:65px;
	height:11px;
	margin:0;
	padding:0;
	}