@charset "UTF-8";
 <!--{load_hfdesign}-->
 /*---------------------------------------------
     Browser Default Initialization seo_p_blue
   ---------------------------------------------*/

/* ��肱�݉��� */
.clear {
	clear:both;
	height:30px;
}  
.clear hr {
	display:none;
}  



 /*---------------------------------------------
     Side navigation
   ---------------------------------------------*/
#sub-column {
	border-radius: 10px 0 0 10px;/* ���� �E�� �E�� ���� */
	background:#808380;
	opacity: 0.8;
	filter: alpha(opacity=80);/*IE7*/
	padding:0 !important;
	color:#FFFFFF;
}

#sub-column .freeArea2 {
	padding:5px 10px 20px 10px;
	margin:0 !important;
}
	
.fixed {
    position: fixed;
    top: 10px;
    width: 100%;
    z-index: 10000;
}

#side_navi {
	width: 160px;
	/* height:100%; */
	/* margin-bottom:50px; */
}

#side_navi_menu {
  padding: 0;
  list-style-type: none; /* ���X�g�}�[�N�̍폜 */
}

#side_navi_menu li {
  width: 160px;
  margin: 0;
  padding: 0;
  display: inline;
}

#side_navi_menu a {
  text-indent: -9999px; /* �e�L�X�g���B�� */
  text-decoration: none;
  display: block;
  width: 160px;
  height: 441px; /* �����N�̈���L���� */
  background-image: url("/images/side_navi.png");
  background-repeat: no-repeat;
}

#logo a {
	background-position: 0 -14px;
	height:48px;
}
#logo a:hover {
	background-position: -160px -14px;
	height:48px;
}

#about a {
	background-position: 0 -62px;
	height:30px;
}
#about a:hover {
	background-position: -160px -62px;
	height:30px;
}


#brandstory a {
	background-position: 0 -92px;
	height:30px;
}
#brandstory a:hover{
	background-position: -160px -92px;
	height:30px;
}

#meal a {
	background-position: 0 -122px;
	height:30px;
}
#meal a:hover {
	background-position: -160px -122px;
	height:30px;
}

#recipe a {
	background-position: 0 -152px;
	height:30px;
}
#recipe a:hover {
	background-position: -160px -152px;
	height:30px;
}

#trivia a {
	background-position: 0 -182px;
	height:30px;
}
#trivia a:hover{
	background-position: -160px -182px;
	height:30px;
}

#conceptmovie a {
	background-position: 0 -212px;
	height:30px;
}
#conceptmovie a:hover{
	background-position: -160px -212px;
	height:30px;
}

#shopinfo a {
	background-position: 0 -242px;
	height:30px;
}
#shopinfo a:hover{
	background-position: -160px -242px;
	height:30px;
}

#memberlogin a {
	background-position: 0 -272px;
	height:50px;
}
#memberlogin a:hover{
	background-position: -160px -272px;
	height:50px;
}

#cart a {
	background-position: 0 -322px;
	height:50px;
}
#cart a:hover{
	background-position: -160px -322px;
	height:50px;
}

#friend a {
	background-position: 0 -372px;
	height:38px;
}
#friend a:hover{
	background-position: -160px -372px;
	height:38px;
}


#faq a {
	background-position: 0 -410px;
	height:30px;
}
#faq a:hover{
	background-position: -160px -410px;
	height:30px;
}

#side_navi #side_tel {
	width:160px;
	height:85px;
	background:url("/images/side_tel.png") no-repeat;
	margin:15px auto;
}

#side_navi #side_tel span {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}



 /*---------------------------------------------
     News Medi
   ---------------------------------------------*/

free-contents #top_info {
	width:310px;
	float:left;
	margin-right:10px;
} 

#main-column .w100 .news {
     padding-bottom: 0 !important;
}

#main-column .w100 .news h3 {
	margin-bottom:-4px;
}

#main-column .w100 .news .news-contents {
     margin-top: 4px !important;
}

#main-column .news-box dd {
     line-height: 100% !important;
     padding-bottom: 2px !important;
}


 /*---------------------------------------------
     Top page
   ---------------------------------------------*/

#top_ban_navi {
	width:100%;
	overflow:hidden;
	margin:0;
}

#top_ban_navi ul {
	width:980px;
	/*margin-right:-11px;*/
	list-style:none;
}

#top_ban_navi ul li {
	width:115px;
	float:left;
	margin:24px;
}

.top_content {
	margin:5px 0 50px 0;
}

.top_content h4 {
	margin:-10px 0 20px 0 !important;
}

#top_con_01,
#top_con_01 p {
	width:600px !important;
}

#top_con_02,
#top_con_02 p {
	width:600px !important;
	float:right;
}