@charset "utf-8";

/******************************************************

hashimotonet.com
last mod 061120


*****************************************************/


@import "base.css";
@import "footer.css";


/*****************************************************

mainimg

*****************************************************/

#mainimg{
	margin:0;
	padding:0;	
	width:540px;
	height:279px;
	float:right;
}

/*****************************************************

navi

*****************************************************/

#navi{
	float:left;
	margin:0 0 0 20px;
	padding:0;
	width:240px;
	height:100%;
	background:none;
	background :url(../img/navi_bg.jpg) no-repeat 0 0;
	display:inline;/*for IE only*/
	}
	
#navi ul{
	margin : 0 0 0 25px;
    padding : 0;
    list-style : none;
	}


#navi ul li{
    text-indent : -9999px;
	}

#nv00 {
	margin : 0;
	padding : 0;
	width : 190px;
	height : 40px;
	background : url(../img/navi_top.jpg) no-repeat;
	display : block;
	text-decoration : none;
}

#nv000 a{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/top_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
#nv000 a:hover{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/top_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv01 a{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 36px;
	background : url(../img/greeting_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
#nv01 a:hover{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 36px;
	background : url(../img/greeting_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02 a{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 34px;
	background : url(../img/course_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
#nv02 a:hover{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 34px;
	background : url(../img/course_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 34px;
	background : url(../img/drink_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04 a{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/interior_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}
#nv04 a:hover{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/interior_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05 a {
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05 a:hover {
	margin : 0;
	padding : 0;
	width : 190px;
	height : 35px;
	background : url(../img/contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nvbot{
	margin : 0;
	padding : 0;
	width : 190px;
	height : 170px;
	background : url(../img/navi_bot.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
	
/*****************************************************

container

*****************************************************/

#container{
	margin:0;
	padding:0;
	width:799px;
	/*height:100%;*/
	background: url(../img/container_bg.jpg) repeat-y 0 0;
	border-right:1px solid #ccc;
}

/*****************************************************

main

*****************************************************/

#main{
	float:right;
	margin:40px 30px 0 0;
	padding:0;
	width:480px;
	/*height:100%;*/
	display:inline;/*for IE only*/
}

.photo{
	float:right;
	margin:0 0 10px 10px ;
	padding:1px;
	border:1px solid #666;
	}
	
.price{
	width: 480px;
	text-align: right;
	font-weight: normal;
	}

.kaisekiphoto{
	float:right;
	margin:0 0 20px 10px;
	}


#drink_cap{
	margin :0 0 15px 0;
	padding : 0;
	width : 480px;
	height :20px;
	background : url(../drink/img/drink_cap.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}

#ginjo_cap{
	margin :50px 0 15px 0;
	padding : 0;
	width : 480px;
	height :35px;
	background : url(../drink/img/ginjo_cap.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}

#shochu_cap{
	margin :50px 0 15px 0;
	padding : 0;
	width : 480px;
	height :30px;
	background : url(../drink/img/shochu_cap.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}

#others_cap{
	margin :50px 0 15px 0;
	padding : 0;
	width : 480px;
	height :30px;
	background : url(../drink/img/others_cap.jpg) no-repeat;
	display : block;
	text-indent:-9999px;
	}


.ginjoframe{
	width:480px;
	}

.ginjoframe tr td{
	padding:5px;
	}
	
.gprice{
	text-align:right;
	width:120px;
	}
	
.otherframe{
	float:left;
	width:230px;
	}

.otherframe2{
	float:right;
	width:230px;
	}

.otherframe tr td{
	padding:5px;
	}
.otherframe2 tr td{
	padding:5px;
	}

	
.otherprice{
	text-align:right;
	width:50px;
	}


/*****************************************************

up

*****************************************************/

.pageup{
	float:right;
	margin:50px 0;
	width:127px;
	height:20px;
	background:#fff;
	text-indent:-9999px;
	}
	
.pageup a{
	display:block;
	text-decoration:none;
	background: url("../img/pageup_off.jpg") no-repeat;
	width:127px;
	height:20px;
	margin:0;
	padding:0;
	}
	
.pageup a:hover{
	display:block;
	text-decoration:none;
	background: url("../img/pageup_on.jpg") no-repeat;
	width:127px;
	height:20px;
	margin:0;
	padding:0;
	}
