@charset "Shift_JIS";

/*全体の表記
----------------------------*/
body{
margin:0;
   font-size:10px;
   line-height:1.4;
   background-image:url(../img/bg.gif);
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;
}


#container{
  width:900px;
  margin:0 auto;
}

.mainimg{
	width:900px;
	height:282px;
	}
	
#contents{
	background-image:url(../img/bg_con.gif);
	}

#leftcol{
  width:210px;
  background-color:#F2F2F2;
  color:#333333;
  float:left;
  margin-left:0px;
}
#leftcol img{
	margin-bottom:10px;
	padding:0;
	}


#leftcol .box{
	width:170px;
	margin-left:20px;
}

#maincol{
min-height:500px;
  width:650px;
  float:left;
  margin-left:20px;
  background-color:#FFFFFF;
}

#footer{
	width:900px;
   color:#FFFFFF;
   }
   

/*おすすめ部分
----------------------------*/   
#today{
	width:650px;}
#today .top{
	height:25px;
	background-image:url(../img/reco_top.gif);}
#today .mid{
	background-image:url(../img/reco_mid.gif);}
#today .btm{
	height:25px;
	background-image:url(../img/reco_btm.gif);}
#today .mid img{
float:none;
margin-left:30px;}

	
/*レイアウト関係
----------------------------*/

.right{
   float:right;
   }
.left{
   float:left;
   }
.clear{
clear:both;
}
.mt10{
margin-top:10px;}
.t20{
margin-top:20px;}
.mt30{
margin-top:30px;}
.mbt10{
margin-bottom:10px;}
.mbt20{
margin-bottom:20px;}
.mbt30{
margin-bottom:30px;}
.ml10{
margin-left:10px;}
.ml20{
margin-left:20px;}
.ml30{
margin-left:30px;}
   
/*テキストの表記
----------------------------*/
p{
   margin:0px;
   font-size:12px;
   line-height:1.4;
}

h1{
   font-size:16px;
   color:#CC9900;
   font-weight:bold;
   margin:0px;
   padding:0px;
}

h2{
   margin:0px;
   padding:0px;
	  }

img{
   margin-top:0px;
   padding:0px;
   border:none;
}

.gold{
color:#CC9900;}

	  
/*リンク
----------------------------*/
a{
   color:#3366CC;
   text-decoration:none;
   }
a.visited{
   color:#333366;
   }
   
#box{
	width:auto;
   }
   

/*メインコンテンツ部分
----------------------------*/
#up{
   margin:0px;
   background:url(../img/mc_up.jpg);
   background-repeat: no-repeat;
   height:65px;
   }
   
#target{
   margin-bottom:0px;
   padding:0px 20px 0px 25px;
   display:block;
   }

#target h2{
   font-size:12px;
}

.somediv{
   margin:25px 0px 0px 0px;
   width: 570px;
   clear: left;
   }

.somediv .floatbox{
   float: right;
   width: 340px;
   height:500px;
   display:block;
   }

* html .somediv p{ /* IE 1px jog hack*/
   height: 1%;
   }

* html .somediv ul{ /* IE 1px jog hack*/
   height: 1%;
   }

.somediv p{
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: 0px;
   width: 215px;
   }

.somediv ul{
   width: 200px;
   padding-left:15px;
   }
/*-------------------------------ドリンクメニュー-------------------------------*/

#drinkmenu{
	width:650px;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#drinkmenu img{
	float:left;
	margin:0;
	padding:0;
	margin:10px;
}
/*-------------------------------トップニュース-------------------------------*/

#news{
width:600px;
float:left;
	padding:0;
	margin-bottom:10px;
	margin-left:30px;
}
#news ul {
	font-size:11px;
	padding:0;
	margin:0;
	float:left;
}
#news li {
	padding:0;
	font-size:11px;
	margin-bottom:30px;

}
/*-------------------------------メニュー-------------------------------*/

#menu{
width:440px;
	height:23px;
	padding:0;

	float:right;
	margin-bottom:10px;
}
#menu ul {
	padding:0;
	margin:0;
	float:right;
}
#menu li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin-left:20px;	
}
#menu li a {
	height:23px;
	margin-left:20px;
	text-indent:-99999em;
	text-decoration:none;
	border:none;
	float:left;

	}
/*-------------------------------アウト-------------------------------*/
#menu li.menu01 a{
	background:url(../img/menu_news.gif) no-repeat;
	width:42px;
}
#menu li.menu02 a{
	background:url(../img/menu_drink.gif) no-repeat;
	width:46px;
}
#menu li.menu03 a{
	background:url(../img/menu_food.gif) no-repeat;
	width:41px;
}
#menu li.menu04 a{
	background:url(../img/menu_partyplan.gif) no-repeat;
	width:68px;
}
#menu li.menu05 a{
	background:url(../img/menu_access.gif) no-repeat;
	width:55px;
}
#menu li.menu06 a{
	background:url(../img/menu_contact.gif) no-repeat;
	width:60px;
}

/*-------------------------------オン-------------------------------*/
#menu li.menu01_on a{
	background:url(../img/menu_news_on.gif) no-repeat;
	width:42px;
}
#menu li.menu02_on a{
	background:url(../img/menu_drink_on.gif) no-repeat;
	width:46px;
}
#menu li.menu03_on a{
	background:url(../img/menu_food_on.gif) no-repeat;
	width:41px;
}
#menu li.menu04_on a{
	background:url(../img/menu_partyplan_on.gif) no-repeat;
	width:68px;
}
#menu li.menu05_on a{
	background:url(../img/menu_access_on.gif) no-repeat;
	width:55px;
}
#menu li.menu06_on a{
	background:url(../img/menu_contact_on.gif) no-repeat;
	width:60px;
}

/*-------------------------------オーバー-------------------------------*/
#menu li.menu01 a:hover{
	background:url(../img/menu_news_on.gif) no-repeat;
	width:42px;
}
#menu li.menu02 a:hover{
	background:url(../img/menu_drink_on.gif) no-repeat;
	width:46px;
}
#menu li.menu03 a:hover{
	background:url(../img/menu_food_on.gif) no-repeat;
	width:41px;
}
#menu li.menu04 a:hover{
	background:url(../img/menu_partyplan_on.gif) no-repeat;
	width:68px;
}
#menu li.menu05 a:hover{
	background:url(../img/menu_access_on.gif) no-repeat;
	width:55px;
}
#menu li.menu06 a:hover{
	background:url(../img/menu_contact_on.gif) no-repeat;
	width:60px;
}

/*-------------------------------title_h2-------------------------------*/

.news{
	background:url(../img/h1_news.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}
.drink{
	background:url(../img/h1_drink.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}
.food{
	background:url(../img/h1_food.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}
.partyplan{
	background:url(../img/h1_partyplan.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}
.access{
	background:url(../img/h1_access.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}
.contact{
	background:url(../img/h1_contact.gif) no-repeat;
	text-indent:-9999px;
	height:50px;
	margin-bottom:25px;
	}



