@charset "UTF-8";
/* CSS Document */

/* main-menu -----------------------------------------------------*/
#main-menu{
	width: 800px;
	height: 382px;
	margin: 0 0 20px 0;
	padding: 0px;
}
#main-menu h2{
width: 385px;
height: 37px;
display: block;
margin: 0px;
padding: 0px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
background-image: url(../images/title_menu.gif);
background-repeat: no-repeat;
overflow: hidden;
clear:both;
}
#main-menu #album{
width: 800px;
height: 330px;
margin: 0px;
padding: 0px;
background-color: #FFF;
}
#main-menu #btn-box{
width: 100px;
height: 20px;
margin: 0 0 0 370px;
padding: 0px;
}
#main-menu #btn-box .p-btn, #main-menu #btn-box .n-btn{
width: 40px;
height: 20px;
margin: 0px;
padding: 0px;
float: left;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
}
#main-menu #btn-box .n-btn{
margin-left: 10px;
}
#main-menu #btn-box .p-btn a{
width: 40px;
height: 20px;
display: block;
background-image: url(../images/p_btn.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#main-menu #btn-box .n-btn a{
width: 40px;
height: 20px;
display: block;
background-image: url(../images/n_btn.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}

/* sub-menu1 -----------------------------------------------------*/
#sub-menu1{
	width: 800px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0px;
	clear: both;
}
#sub-menu1 h3{
width: 76px;
height: 25px;
display: block;
margin: 0px;
padding: 0px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
overflow: hidden;
background-image: url(../images/t_topping.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sub-menu1 #topping{
width: 800px;
height: auto;
margin: 0px;
padding: 0px;
}
#sub-menu1 #topping .s-box1, #sub-menu1 #topping .s-box2{
width: 120px;
height: auto;
margin: 0 0 0 15px;
padding: 0px;
float: left;
}
#sub-menu1 #topping .s-box1{
margin-left: 0px;
}
#sub-menu1 #topping .s-photo{
width: 120px;
height: 120px;
margin: 0 0 5px 0;
padding: 0px;
}
#sub-menu1 #topping p{
display: block;
}

/* sub-menu2 -----------------------------------------------------*/
#sub-menu2{
	width: 395px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0px;
	clear: both;
}
#sub-menu2 h3{
width: 64px;
height: 25px;
display: block;
margin: 0px;
padding: 0px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
overflow: hidden;
background-image: url(../images/t_otumami.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sub-menu2 #otumami{
width: 800px;
height: auto;
margin: 0px;
padding: 0px;
}
#sub-menu2 #otumami .s-box1, #sub-menu2 #otumami .s-box2{
width: 120px;
height: auto;
margin: 0 0 0 15px;
padding: 0px;
float: left;
}
#sub-menu2 #otumami .s-box1{
margin-left: 0px;
}
#sub-menu2 #otumami .s-photo{
width: 120px;
height: 120px;
margin: 0 0 5px 0;
padding: 0px;
}
#sub-menu2 #otumami p{
display: block;
}

/* sub-menu3 -----------------------------------------------------*/
#sub-menu3{
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0px;
	clear: both;
}
#sub-menu3 h3{
width: 51px;
height: 25px;
display: block;
margin: 0px;
padding: 0px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
overflow: hidden;
background-image: url(../images/t_sonota.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sub-menu3 p{
display: block;
float: left;
}
#sub-menu3 p.s-right{
margin-left: 20px;
}

/* sub-menu4 -----------------------------------------------------*/
#sub-menu4{
	width: 540px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0px;
	clear: both;
}
#sub-menu4 h3{
width: 100px;
height: 25px;
display: block;
margin: 0px;
padding: 0px;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
overflow: hidden;
background-image: url(../images/t_eraberu.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sub-menu4 #eraberu{
width: 540px;
height: 54px;
margin: 0px;
padding: 0px;
}
#sub-menu4 #eraberu .select1, #sub-menu4 #eraberu .select2, #sub-menu4 #eraberu .select3, #sub-menu4 #eraberu .select4{
width: 70px;
height: 54px;
margin: 0 0 0 20px;
padding: 0px;
float: left;
text-indent: -1000em;
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
}
#sub-menu4 #eraberu .select1{
width: 93px;
height: 34px;
margin-left: 0px;
background-image: url(../images/eraberu1.gif);
}
#sub-menu4 #eraberu .select2{
background-image: url(../images/eraberu2.gif);
}
#sub-menu4 #eraberu .select3{
background-image: url(../images/eraberu3.gif);
}
#sub-menu4 #eraberu .select4{
width: 126px;
background-image: url(../images/eraberu4.gif);
}