@charset "utf-8";

/***--- common style ---***/
body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	/* font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif; */
	font-size: 75%;
}
div,p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ol,ul,li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
a{
	color: #333333;
}
a:hover{
	text-decoration: none;
}
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	/* font-size: 0.1em; */
	line-height: 0;
}
img{
	border: none;
}

* html .clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}

/***--- /common style ---***/


/***--- layout_header ---***/
.layout_header{
	background: url(/common/images/site_parts/bg_grand-head.gif) left top repeat-x;
}
/* list style */
.layout_header ul li span img{
	margin: 0px 6px 0px 0px;
	vertical-align: bottom;
}

/*** grand-navi ***/
.layout_header #grand-navi{
	margin: 0px auto 0px auto;
	width: 940px;
	height: 124px;
	overflow: hidden;
	background: url(/common/images/site_parts/main-img.gif) left bottom no-repeat;
}
/* global-navi */
.layout_header #grand-navi #global-navi{
	padding: 15px 0px 0px 0px;
	height: 43px;
	overflow: hidden;
}
.layout_header #grand-navi #global-navi #global-navi-inner .text-title{
	padding: 0px 0px 0px 183px;
	float: left
}
.layout_header #grand-navi #global-navi #global-navi-inner .text-title p{
	width: 350px;
	height: 41px;
}

.layout_header #grand-navi #global-navi #global-navi-inner .text-title p a{
	display: block;
	width: 350px;
	height: 41px;
	text-indent: -999em;
	background: url(/common/images/site_parts/main_text.gif) 45px top no-repeat;
}
/* global-navi */
.layout_header #grand-navi #global-navi #global-navi-inner .link{
	padding: 0px 25px 0px 0px;
	width: 335px;
	float: right;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul{
	padding: 11px 0px 0px 0px;
	width: 215px;
	float: left;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul li a{
	height: 17px;
	text-indent: -999em;
	display: block;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul li.mypage a{
	width: 83px;
	background: url(/common/images/site_parts/gnavi_global_mypage.gif) left top no-repeat;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul li.login a{
	width: 59px;
	background: url(/common/images/site_parts/gnavi_global_login.gif) left top no-repeat;
}
.layout_header #grand-navi #global-navi #global-navi-inner .link ul li.logout a{
	width: 73px;
	background: url(/common/images/site_parts/gnavi_global_logout.gif) left top no-repeat;
}

.layout_header #grand-navi #global-navi #global-navi-inner .link .btn_cart{
	width: 120px;
	float: right;
}

/*** main-menu ***/
.layout_header #grand-navi #main-menu{
	padding: 25px 0px 0px 220px;
	height: 34px;
}
.layout_header #grand-navi #main-menu #main-menu-inner{
	margin: 0px 0px 0px -1px;
	overflow: hidden;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list{
	margin: 0px 0px 0px -1px;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li{
	float: left;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li a{
	height: 34px;
	text-indent: -999em;
	display: block;
}
/* home */
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.home a:link,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.home a:visited{
	width: 94px;
	background: url(/common/images/site_parts/gnavi_menu_home.gif) left top no-repeat;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.home a:hover,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.home a:active{
	width: 94px;
	background: url(/common/images/site_parts/gnavi_menu_home.gif) left -34px no-repeat;
}
/* lineup */
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.lineup a:link,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.lineup a:visited{
	width: 168px;
	background: url(/common/images/site_parts/gnavi_menu_lineup.gif) left top no-repeat;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.lineup a:hover,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.lineup a:active{
	width: 168px;
	background: url(/common/images/site_parts/gnavi_menu_lineup.gif) left -34px no-repeat;
}
/* guide */
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.guide a:link,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.guide a:visited{
	width: 144px;
	background: url(/common/images/site_parts/gnavi_menu_guide.gif) left top no-repeat;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.guide a:hover,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.guide a:active{
	width: 144px;
	background: url(/common/images/site_parts/gnavi_menu_guide.gif) left  -34px no-repeat;
}
/* faq */
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.faq a:link,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.faq a:visited{
	width: 146px;
	background: url(/common/images/site_parts/gnavi_menu_faq.gif) left top no-repeat;
}

.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.faq a:hover,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.faq a:active{
	width: 146px;
	background: url(/common/images/site_parts/gnavi_menu_faq.gif) left  -34px no-repeat;
}
/* about */
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.about a:link,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.about a:visited{
	width: 148px;
	background: url(/common/images/site_parts/gnavi_menu_about.gif) left top no-repeat;
}
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.about a:hover,
.layout_header #grand-navi #main-menu #main-menu-inner ul.menu-list li.about a:active{
	width: 148px;
	background: url(/common/images/site_parts/gnavi_menu_about.gif) left -34px no-repeat;
}

/***--- /layout_header ---***/

/***--- layout_table ---***/
table.layout_table{
	margin: 22px auto 0px auto;
	width: 940px;
}
table.layout_table td.layout_content{
	padding: 0px 0px 70px 0px;
	width: 700px;
	vertical-align: top;
}
table.layout_table td.right_content{
	padding: 0px 0px 0px 20px;
	width: 240px;
	vertical-align: top;
}
/***--- layout_content ---***/

/* flash_area */
td.layout_content #flash_area{
	height: 320px;
	overflow: hidden;
}
/* news_area */
td.layout_content #comment_up #news_area{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
}
td.layout_content #comment_up #news_area #news_area-inner{
	padding: 0px 0px 0px 0px;
	background: url(/common/images/site_parts/top_bg_whats-new.gif) left bottom no-repeat;
}
td.layout_content #comment_up #news_area #news_area-inner h2{
	margin: 0px 0px 0px 0px;
	width: 700px;
	height: 25px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_title_topic.gif) left top no-repeat;
}
td.layout_content #comment_up #news_area #news_area-inner ul{
	margin: 0px 0px 0px 0px;
	/* height: 141px; */
	overflow: hidden;
	background: url(/common/images/site_parts/top_line_content.gif) left bottom no-repeat;
}
td.layout_content #comment_up #news_area #news_area-inner ul li{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
td.layout_content #comment_up #news_area #news_area-inner ul li.news{
	border-bottom: 1px solid #d1d1d1;
}
td.layout_content #comment_up #news_area #news_area-inner ul li span{
	margin: 0px 0px 0px 16px;
	padding: 6px 0px 15px 60px;
	display: block;
	line-height: 130%;
	text-indent: -33px;
	background: url(/common/images/site_parts/icon_egg-m.gif) left top no-repeat;
}
td.layout_content #comment_up #news_area #news_area-inner ul li span.special{
	margin: 0px 0px 0px 8px;
	padding-left: 68px;
	font-weight: bold;
	background: url(/common/images/site_parts/icon_egg-gold.gif) left top no-repeat;
}
td.layout_content #comment_up #news_area #news_area-inner ul li span a:hover{
	text-decoration: none;
}
/* lineup_area */
td.layout_content #comment_bottom .lineup_area{
	margin: 25px 0px 0px 0px;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner{
	width: 700px;
	overflow: hidden;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner h2{
	margin: 0px 0px 10px 0px;
	width: 700px;
	height: 25px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_title_lineup.gif) left top no-repeat;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block{
	width: 708px;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category{
	margin: 0px 8px 0px 0px;
	width: 228px;
	float: left;
}
/* rollover */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category a img{
	opacity: 1;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category a:hover img{
	opacity: 0.8;
	filter: alpha( opacity=80 );
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category p{
	padding: 8px 0px 0px 32px;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category p.intro-text{
	padding: 0 0 8px 32px;
	font-size: 83%;
	color: #666666;
	line-height: 135%;
	background: none !important;
	height: 3.5em !important;
}
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block .category p a{
	font-weight: bold;
}
/* cocco */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #cocco.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_cocco.gif) left top no-repeat;
}
/* abekawa */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #abekawa.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_abekawa.gif) left top no-repeat;
}
/* tea */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #tea.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_tea.gif) left top no-repeat;
}
/* meisan */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #meisan.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_meisan.gif) left top no-repeat;
}
/* gourmet */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #gourmet.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_gourmet.gif) left top no-repeat;
}
/* drink */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #drink.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_drink.gif) left top no-repeat;
}
/* ame */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #ame.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_ame.gif) left top no-repeat;
}
/* sake */
td.layout_content #comment_bottom .lineup_area .lineup_area-inner .lineup_block #sake.category p{
	height: 20px;
	background: url(/common/images/site_parts/top_icon_sake.gif) left top no-repeat;
}
/***--- /layout_content ---***/

/***--- right ---***/
td.right_content #login_area {
	padding: 15px 0px 0px 0px;
	width: 220px;
	height: 305px;
	line-height: 1em;
	background: url(/common/images/site_parts/top_bg_login.gif) left top no-repeat;
	overflow: hidden;zoom: 1;
}
td.right_content #login_area .login_area-inner{
	padding: 0px 0px 0px 15px;
}
/* input_block */
td.right_content #login_area .login_area-inner .input_block{
	padding: 0px 0px 10px 0px;
	background: url(/common/images/site_parts/top_line_dotted.gif) left bottom no-repeat;
}
td.right_content #login_area .login_area-inner .input_block p{
	padding: 0px 0px 6px 0px;
	overflow: hidden;
}
td.right_content #login_area .login_area-inner .input_block p.login{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 13px 0px;
	height: 21px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_text_login.gif) left top no-repeat;
}
td.right_content #login_area .login_area-inner .input_block p span{
	height: 25px;
	display: block;
	float: left;
}
td.right_content #login_area .login_area-inner .input_block p span.text{
	padding: 0px 4px 0px 0px;
	width: 25px;
	height: 25px;
	float: left;
	text-indent: -999em;
}
td.right_content #login_area .login_area-inner .input_block p.id span{
	background: url(/common/images/site_parts/top_text_login-id.gif) left top no-repeat;
}
td.right_content #login_area .login_area-inner .input_block p.pass span{
	background: url(/common/images/site_parts/top_text_login-pw.gif) left top no-repeat;
}
td.right_content #login_area .login_area-inner .input_block p input{
	padding: 3px 0px 0px 3px;
	width: 156px;
	height: 20px;
	border: 1px solid #dcce00;
}
td.right_content #login_area .login_area-inner .input_block span.login-btn{
	margin: 0px 0px 0px 58px;
	width: 77px;
	display: block;
}
/* btn_block */
td.right_content #login_area .login_area-inner .btn_block{
	margin: 13px 0px 0px 0px;
}
td.right_content #login_area .login_area-inner .btn_block p{
	text-indent: -999em;
}
td.right_content #login_area .login_area-inner .btn_block p.maplink{
	margin: 75px 0px 0px 43px;
	text-indent: 0;
}
td.right_content #login_area .login_area-inner .btn_block p.maplink a:hover img{
	border-bottom: 1px solid #333333;
}
/* rank_area */
td.right_content .rank_area {
	margin: 25px 0px 0px 0px;
}
td.right_content .rank_area .rank_area-inner{
	padding: 0px 0px 14px 0px;
	background: url(/common/images/site_parts/top_line_right.gif) left bottom no-repeat;
}
td.right_content .rank_area .rank_area-inner p.title{
	margin: 0px 0px 7px 0px;
	width: 220px;
	height: 25px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_title_ranking.gif) left top no-repeat;
}
/* ranking */
td.right_content .rank_area .rank_area-inner ul{
	overflow: hidden;
}
td.right_content .rank_area .rank_area-inner ul li{
	padding: 5px 0px 0px 48px;
}
td.right_content .rank_area .rank_area-inner ul li div.rank img{
	margin: 0px 12px 0px 0px;
	width: 70px;
	border: 1px solid #666666;
	display: block;
	float: left;
}
td.right_content .rank_area .rank_area-inner ul li div.rank span{
	padding: 10px 0px 0px 0px;
	width: 87px;
	display: block;
	line-height: 1.3em;
	font-size: 110%;
	float: left;
}
td.right_content .rank_area .rank_area-inner ul li div.rank{
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #c2c2c2;
	display: block;
	overflow: hidden;
	overflow: hidden;
}
td.right_content .rank_area .rank_area-inner ul li.rank1{
	background: url(/common/images/site_parts/top_icon_ranking-1.gif) left 13px no-repeat;
}
td.right_content .rank_area .rank_area-inner ul li.rank2{
	background: url(/common/images/site_parts/top_icon_ranking-2.gif) left 13px no-repeat;
}
td.right_content .rank_area .rank_area-inner ul li.rank3{
	margin: 0px 0px -1px 0px;
	background: url(/common/images/site_parts/top_icon_ranking-3.gif) left 13px no-repeat;
}
/* bnr_area */
td.right_content .bnr_area{
	margin: 29px 0px 0px 0px;
}
td.right_content .bnr_area .bnr_area-inner{
}
td.right_content .bnr_area .bnr_area-inner ul li{
	padding: 0px 0px 8px 0px;
	line-height: 0%;
}
/* section */
td.right_content .section{
	margin: 20px 0px 0px 0px;
}
td.right_content .section .tell{

}
td.right_content .section .tell p{
	width: 220px;
	height: 25px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_text_tell-order.gif) left top no-repeat;
}
td.right_content .section .tell div{
	margin: 8px 0px 0px 0px;
	width: 220px;
	height: 35px;
	text-indent: -999em;
	background: url(/common/images/site_parts/top_text_tell-number.gif) left top no-repeat;
}

/***--- /right ---***/


/***--- /layout_table ---***/


/***--- layout_footer ---***/

.layout_footer{
	background: url(/common/images/site_parts/bg_footer_line.gif) left top no-repeat;
}
.layout_footer .layout_footer_inner {
	background: url(/common/images/site_parts/bg_footer_line.gif) left bottom no-repeat;
	overflow: hidden;
}
/* footer_menu */
.layout_footer {
	margin: 0px auto 0px auto;
	width: 940px;
}
.layout_footer .layout_footer_inner #footer_menu{
	width: 700px;
	float: left;
}
.layout_footer .layout_footer_inner .company_link{
	padding: 18px 0px 0px 0px;
	width: 150px;
	float: right;
}
.layout_footer .layout_footer_inner .company_link a{
	width: 143px;
	height: 24px;
	text-indent: -999em;
	display: block;
	background: url(/common/images/site_parts/foot_to-mihomi.gif) left top no-repeat;
}
.layout_footer .layout_footer_inner #footer_menu ul {
	padding: 20px 0px 18px 0px;
}
.layout_footer .layout_footer_inner #footer_menu ul li{
	margin: 0px 20px 0px 0px;
	display: inline;
}
.layout_footer .layout_footer_inner #footer_menu ul li span{
	padding: 5px 0px 5px 0px;
	display: inline-block;
	line-height: 100%;
}
.layout_footer .layout_footer_inner #footer_menu ul li span a{
	padding: 5px 0px 5px 22px;
	background: url(/common/images/site_parts/icon_egg-s.gif) left top no-repeat;
}

/* copyright */
.layout_footer #copyright p{
	height: 30px;
	text-indent: -999em;
	background: url(/common/images/site_parts/foot_copyright.gif) right top no-repeat;
}
/***--- /layout_footer ---***/


/* comment bottom */
#comment_bottom .foot_lineup{
	width: 700px;
	overflow: hidden;
}
#comment_bottom .foot_lineup .title_lineup{
	margin: 40px 0px 0px 0px;
	height: 25px;
	text-indent: -999em;
	background: url(/common/images/site_parts/foot_lineup_title.gif) left top no-repeat;
}
#comment_bottom .foot_lineup .foot_lineup-inner{
	margin: 15px 0px 0px 0px;
	width: 720px;
}
#comment_bottom .foot_lineup .foot_lineup-inner .category{
	margin: 0px 20px 0px 0px;
	width: 160px;
	float: left;
	overflow: hidden;
}
#comment_bottom .foot_lineup .foot_lineup-inner .category .title{
	height: 34px;
	text-indent: -999em;
}
#comment_bottom .foot_lineup .foot_lineup-inner .category ul{
	padding: 8px 0px 0px 17px;
}
#comment_bottom .foot_lineup .foot_lineup-inner .category ul li{
	padding: 5px 0px 5px 17px;
	background: url(/common/images/site_parts/icon_arrow.gif) left 0.6em no-repeat;
}
/* cocco */
#comment_bottom .foot_lineup .foot_lineup-inner .category #cocco.title{
	background: url(/common/images/site_parts/content_lineup_title_cocco.gif) left top no-repeat;
}
/* abekawa */
#comment_bottom .foot_lineup .foot_lineup-inner .category #abekawa.title{
	background: url(/common/images/site_parts/content_lineup_title_abekawa.gif) left top no-repeat;
}
/* tea */
#comment_bottom .foot_lineup .foot_lineup-inner .category #tea.title{
	background: url(/common/images/site_parts/content_lineup_title_tea.gif) left top no-repeat;
}
/* meisan */
#comment_bottom .foot_lineup .foot_lineup-inner .category #meisan.title{
	background: url(/common/images/site_parts/content_lineup_title_meisan.gif) left top no-repeat;
}
/* gourmet */
#comment_bottom .foot_lineup .foot_lineup-inner .category #gourmet.title{
	background: url(/common/images/site_parts/content_lineup_title_gourmet.gif) left top no-repeat;
}
/* sake */
#comment_bottom .foot_lineup .foot_lineup-inner .category #sake.title{
	background: url(/common/images/site_parts/content_lineup_title_sake.gif) left top no-repeat;
}
/* drink */
#comment_bottom .foot_lineup .foot_lineup-inner .category #drink.title{
	background: url(/common/images/site_parts/content_lineup_title_drink.gif) left top no-repeat;
}
/* ame */
#comment_bottom .foot_lineup .foot_lineup-inner .category #ame.title{
	background: url(/common/images/site_parts/content_lineup_title_ame.gif) left top no-repeat;
}


/***--- contents area ---***/
.groupLayout{
	width: 700px;
	overflow: hidden;
}
.groupLayout .alignItem_04{
	width: 720px;
}
.groupLayout .alignItem_04 .gl_Item{
	margin: 0 20px 0 0;
	width: 160px;
	text-align: left;
	line-height: 130%;
	font-size: 90%;
	color: #666666;
}
.groupLayout .alignItem_04 .gl_Item h2.itemGroup{
	padding: 0px 0px 8px 0px;
	text-indent: -10px;
}
.groupLayout .alignItem_04 .gl_Item h2.itemGroup a{
	padding: 4px 0px 3px 24px;
	/* text-align: left; */
	background: url(/common/images/site_parts/icon_egg-s.gif) left top no-repeat;
}
/* photo */
.groupLayout img{
	border: 1px solid #cccccc;
}

/***--- /contents area ---***/

/* pagetop */
#new_pagetop{
	padding-top: 50px;
}
#new_pagetop a{
	height: 55px;
	padding: 0px 0px 7px 0px;
}