/*=========================================
 container�@����
=========================================*/
#container{
	width:800px;
	margin:0 auto;
	text-align:left;
}

/*=========================================
 login
=========================================*/
#login{
	width:190px;
	height:90px;
	float: left;
	margin-left: 120px;
}

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

#login li{
	overflow:hidden;
}

#login li#login_btn a,#login li#login_btn a:link,#login li#login_btn a:visited{
	width:190px;
	height:90px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/form1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login li#login_btn a:hover,#login li#login_btn a:link:active{
	width:190px;
	height:90px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/form1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#login2{
	width:190px;
	height:90px;
	float: right;
	margin-right: 120px;
}

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

#login2 li{
	overflow:hidden;
}

#login2 li#login2_btn a,#login2 li#login2_btn a:link,#login2 li#login2_btn a:visited{
	width:190px;
	height:90px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/form2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login2 li#login2_btn a:hover,#login2 li#login2_btn a:link:active{
	width:190px;
	height:90px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/form2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*=========================================
 form
=========================================*/
#form{
	width:190px;
	height:45px;
	float: left;
	margin-left: 120px;
	margin-top: 20px;
}

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

#form li{
	overflow:hidden;
}

#form li#form_btn a,#form li#form_btn a:link,#form li#form_btn a:visited{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/btn_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#form li#form_btn a:hover,#form li#form_btn a:link:active{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/btn_form.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#form2{
	width:120px;
	height:30px;
	float: right;
	margin-right: 190px;
	margin-top: 30px;
}

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

#form2 li{
	overflow:hidden;
}

#form2 li#form2_btn a,#form2 li#form2_btn a:link,#form2 li#form2_btn a:visited{
	width:120px;
	height:30px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/btn_form2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#form2 li#form2_btn a:hover,#form2 li#form2_btn a:link:active{
	width:120px;
	height:30px;
	text-indent:-9999px;
	display:block;
	background-image: url(../images/btn_form2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*=========================================
box
=========================================*/

#omakase_box{
	width:660px;
	border:#009 1px solid;
	padding:20px;
	background-color: #e7f0fa;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#omakase_box p{
	font-size: 14px;
	padding-bottom: 20px;
	text-align: center;
}

.white_box {
	background-color: #FFF;
	padding: 10px;
	border: 1px dotted #009;
}

/*=========================================
 table
=========================================*/
#omakase_table{
	border-collapse:collapse;
	border:#2d6c9f 1px solid;
	margin-top: 20px;
}

#omakase_table th{
	background-color:#e4edf4;
	border:#2d6c9f 1px solid;
	padding:5px;
	vertical-align:middle;
}

#omakase_table td{
	background-color:#fff;
	border:#2d6c9f 1px solid;
	padding:5px;
	vertical-align:middle;
}

.td_center{
	text-align:center;
}