@charset "UTF-8";
/*TABMENU */

.top #mainimage {
	position: relative;
	height: 400px;
	overflow: hidden;		
	width:100%;
}
.top #mainimage #mouseout{
	height:300px;
	width:100%;
	display:block;
}

.second #mainimage {
	position: relative;
	height: 200px;
	overflow: hidden;		
}
.second #mainimage #mouseout{
	height:100px;
	width:100%;
	display:block;
}
@media only screen and (max-width:768px){
.top #mainimage {
	height: 200px;	
	width:100%;
}
.top #mainimage #mouseout{
	display:none;
}

.second #mainimage {
	height: 150px;	
}
.second #mainimage #mouseout{
	display:none;
}
}
/*** DEFAULT TAB ***/
#mainimage #bt{
	position: absolute;
	bottom: 0px;
	background-image: url(../images/tab_back.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 60px;
	width:100%;
}
#mainimage #bt{
	/display:none;/*IE7.6*/
}
@media only screen and (max-width:768px){
#mainimage #bt{
display:none;
}
}
#mainimage #bt ul{
	width:754px;
	margin:0 auto;
}
#mainimage #bt1 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/tab1.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 372px;
	display: block;
	width: 372px;
	height: 60px;
	margin-right:10px;
}
#mainimage #bt2 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/tab2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 372px;
	display: block;
	width: 372px;
	height: 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#mainimage #bt1 a{
	background-image: url(../images/tab1@2x.png);
}
#mainimage #bt2 a{
	background-image: url(../images/tab2@2x.png);
}
}
#mainimage #bt1 a:hover,#mainimage #bt2 a:hover
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#mainimage ul{
	clear:both;
	text-align: center;
	letter-spacing: -1em;
}
#mainimage  li{
letter-spacing: 0;
	display:inline-block;
	list-style-type: none;
}

/*** クッキングスクール ***/

/* cooking tab ***/
#mainimage #box1 {
	position: absolute;
	bottom: -160px;
	width: 100%;
	height: 160px;
	display: block;
	background-image: url(../images/box_back.png);
	background-repeat: repeat-x;
	background-position: left top;
}
@media only screen and (max-width:768px){
#mainimage #box1 {
display:none;
}
}
#mainimage .tab{
	width:754px;
	margin:0 auto;
}
#mainimage .tab li{
text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 372px;
	display: inline-block;
	width: 372px;
	height: 60px;
}
#mainimage .tab li a{
display:block;
width: 372px;
	height: 60px;
}
#mainimage #box1 #bt1_1{
	background-image: url(../images/tab1.png);
	margin-right:10px;
}
#mainimage #box1 #bt1_2 {
	background-image: url(../images/tab2.png);
	background-position: left -60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#mainimage #box1 #bt1_1{
	background-image: url(../images/tab1@2x.png);
}
#mainimage #box1 #bt1_2 {
	background-image: url(../images/tab2@2x.png);
}
}
#mainimage #box1 #bt1_2:hover
{
opacity:0.8;
}
/* cooking menu */
#mainimage #box1 .tabmenu{
	margin:0 auto;
	padding-top:20px;
	text-align: center;
}
#mainimage .tabmenu a:hover{
position:relative; 
	top: 1px; 
	left:0px;
}
#mainimage .tabmenu a{
text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 72px;
}
#mainimage #tabcook_select a{
	background-image: url(../images/tab_cookmenu_select.png);
	width: 166px;
}
#mainimage #tabcook_kiso a{
	background-image: url(../images/tab_cookmenu_kiso.png);
	width: 130px;
}
#mainimage #tabcook1 a{
	background-image: url(../images/tab_cookmenu1.png);
	width: 130px;
}
#mainimage #tabcook2 a{
	background-image: url(../images/tab_cookmenu2.png);
	width: 130px;
}
#mainimage #tabcook3 a{
	background-image: url(../images/tab_cookmenu3.png);
	width: 145px;
}
#mainimage #tabcook4 a{
	background-image: url(../images/tab_cookmenu4.png);
	width: 119px;
}
#mainimage #tabcook5 a{
	background-image: url(../images/tab_cookmenu6.png);
	width: 135px;
}
#mainimage #tabcook8 a{
	background-image: url(../images/tab_cookmenu8.png);
	width: 135px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){

#mainimage #tabcook_select a{
	background-image: url(../images/tab_cookmenu_select@2x.png);
}
#mainimage #tabcook_kiso a{
	background-image: url(../images/tab_cookmenu_kiso@2x.png);
}
#mainimage #tabcook1 a{
	background-image: url(../images/tab_cookmenu1@2x.png);
}
#mainimage #tabcook2 a{
	background-image: url(../images/tab_cookmenu2@2x.png);
}
#mainimage #tabcook3 a{
	background-image: url(../images/tab_cookmenu3@2x.png);
}
#mainimage #tabcook4 a{
	background-image: url(../images/tab_cookmenu4@2x.png);
}
#mainimage #tabcook5 a{
	background-image: url(../images/tab_cookmenu6@2x.png);
}
#mainimage #tabcook8 a{
	background-image: url(../images/tab_cookmenu8@2x.png);
}
}

/* colture tab ***/
#mainimage #box2 {
	position: absolute;
	bottom: -160px;
	width: 100%;
	height: 160px;
	display: block;
	background-image: url(../images/box_back.png);
	background-repeat: repeat-x;
	background-position: left top;
}
@media only screen and (max-width:768px){
#mainimage #box2 {
display:none;
}
}
#mainimage #box2 #bt2_1{
	background-image: url(../images/tab1.png);
	background-position: left -60px;
	margin-right:10px;
}
#mainimage #box2 #bt2_1:hover
{
opacity:0.9;
}
#mainimage #box2 #bt2_2{
	background-image: url(../images/tab2.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#mainimage #box2 #bt2_1{
	background-image: url(../images/tab1@2x.png);
}
#mainimage #box2 #bt2_2{
	background-image: url(../images/tab2@2x.png);
}
}
/* culture menu */
#mainimage #box2 .tabmenu{
	width:1220px;
	margin:0 auto;
	padding-top:20px;
}
#mainimage #tabculture1 a{
	background-image: url(../images/tab_cultuermenu1.png);
	width: 130px;
}
#mainimage #tabculture2 a{
	background-image: url(../images/tab_cultuermenu2.png);
	width: 170px;
}
#mainimage #tabculture3 a{
	background-image: url(../images/tab_cultuermenu3.png);
	width: 180px;
}
#mainimage #tabculture5 a{
	background-image: url(../images/tab_cultuermenu5.png);
	width: 120px;
}
#mainimage #tabculture6 a{
	background-image: url(../images/tab_cultuermenu6.png);
	width: 120px;
}
#mainimage #tabculture7 a{
	background-image: url(../images/tab_cultuermenu7.png);
	width: 120px;
}
#mainimage #tabculture8 a{
	background-image: url(../images/tab_cultuermenu8.png);
	width: 130px;
}
#mainimage #tabculture9 a{
	background-image: url(../images/tab_cultuermenu9.png);
	width: 120px;
}
#mainimage #tabculture10 a{
	background-image: url(../images/tab_cultuermenu10.png);
	width: 130px;
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#mainimage #tabculture1 a{
	background-image: url(../images/tab_cultuermenu1@2x.png);
}
#mainimage #tabculture2 a{
	background-image: url(../images/tab_cultuermenu2@2x.png);
}
#mainimage #tabculture3 a{
	background-image: url(../images/tab_cultuermenu3@2x.png);
}
#mainimage #tabculture5 a{
	background-image: url(../images/tab_cultuermenu5@2x.png);
}
#mainimage #tabculture6 a{
	background-image: url(../images/tab_cultuermenu6@2x.png);
}
#mainimage #tabculture7 a{
	background-image: url(../images/tab_cultuermenu7@2x.png);
}
#mainimage #tabculture8 a{
	background-image: url(../images/tab_cultuermenu8@2x.png);
}
#mainimage #tabculture9 a{
	background-image: url(../images/tab_cultuermenu9@2x.png);
}
#mainimage #tabculture10 a{
	background-image: url(../images/tab_cultuermenu10@2x.png);
}

}