@charset "utf-8";

/* ---------------------------------------------------------------------------------------------
	Layout Setting
--------------------------------------------------------------------------------------------- */

html {}

body {
	background: #F0F0F0 url("../images/common/body_bg.gif") 0 0 repeat-x;
}

div.container {
	background: transparent url("../images/common/header_bg.png") center 0 no-repeat;
}

/* ---------------------------------------------------------------------------------------------
	Header
--------------------------------------------------------------------------------------------- */

div.header {
	width: 873px;
	margin: 0 auto;
}

/*	Breadcrumbs
----------------------------------------------------------------------------------- */

div.header .breadcrumbs {
	height: 41px;
}

div.header .breadcrumbs ul {
	padding: 10px 0 10px 4px;
}

div.header .breadcrumbs ul li {
	margin-right: 5px;
	display: block;
	float: left;
	color: #999999;
	font-size: 1.2em;
}

div.header .breadcrumbs ul li a {
	color: #999999;
}

/*	Breadcrumbs Hover
------------------------------------------------------------------------- */

div.content .header .breadcrumbs ul li a:hover {
	color: #666666;
}

/* Menu
----------------------------------------------------------------------------------- */

div.menu {
	width: 275px;
	height: 441px;
	padding-left: 2px;
	float: right;
	background: transparent url("../images/common/menu_bg.png") 0 0 no-repeat;
}

div.menu .home {
	width: 37px;
	height: 35px;
	float: left;
}

div.menu .home a {
	width: 37px;
	height: 35px;
	display: block;
	background: transparent url("../images/common/menu_btn_home.png") 0 0 no-repeat;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

div.menu .social {
	width: 107px;
	height: 35px;
	float: right;
}

div.menu .social li {
	display: block;
	margin-top: 9px;
	margin-left: 4px;
	float: left;
}

div.menu .social li a {
	width: 17px;
	height: 17px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/menu_btn_social.png") no-repeat;
}

div.menu .social li.google { width: 24px; }

div.menu .social li.twitter a { background-position: 0 0; }
div.menu .social li.facebook a { background-position: -17px 0; }
div.menu .social li.google a { background-position: -34px 0; }
div.menu .social li.feed a { background-position: -51px 0; }

div.menu .logo {
	clear: both;
}

div.menu .logo a {
	width: 264px;
	height: 147px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/menu_logo.png") 0 0 no-repeat;
}

div.menu .navigation {}

div.menu .navigation li a {
	width: 264px;
	height: 42px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-image: url("../images/common/menu_btn_navigation.png");
	background-repeat: no-repeat;
}

div.menu .navigation li.lovers a { background-position: 0 0; }
div.menu .navigation li.recipe a { background-position: 0 -42px; }
div.menu .navigation li.restaurant a { background-position: 0 -84px; }
div.menu .navigation li.food a { background-position: 0 -126px; }
div.menu .navigation li.culture a { background-position: 0 -168px; }
div.menu .navigation li.wiki a { background-position: 0 -210px; }

/* Hover */
div.menu .home a:hover { background-position: 0 -35px; }

div.menu .social li.twitter a:hover { background-position: 0 -17px; }
div.menu .social li.facebook a:hover { background-position: -17px -17px; }
div.menu .social li.google a:hover { background-position: -34px -17px; }
div.menu .social li.feed a:hover { background-position: -51px -17px; }

div.menu .navigation li.lovers a:hover { background-position: -264px 0; }
div.menu .navigation li.recipe a:hover { background-position: -264px -42px; }
div.menu .navigation li.restaurant a:hover { background-position: -264px -84px; }
div.menu .navigation li.food a:hover { background-position: -264px -126px; }
div.menu .navigation li.culture a:hover { background-position: -264px -168px; }
div.menu .navigation li.wiki a:hover { background-position: -264px -210px; }


/* Menu (for index.html)
----------------------------------------------------------------------------------- */

#index div.menu {
	width: 348px;
	height: 441px;
	padding-left: 2px;
	background: transparent url("../images/common/index_menu_bg.png") 0 0 no-repeat;
}

#index div.menu .logo a {
	width: 340px;
	height: 147px;
	background: transparent url("../images/common/index_menu_h1_logo.png") 0 0 no-repeat;
}

#index div.menu .navigation li a {
	width: 340px;
	height: 42px;
	background-image: url("../images/common/index_menu_btn_navigation.png");
}


/* Hover */
#index div.menu .navigation li.lovers a:hover { background-position: -340px 0; }
#index div.menu .navigation li.recipe a:hover { background-position: -340px -42px; }
#index div.menu .navigation li.restaurant a:hover { background-position: -340px -84px; }
#index div.menu .navigation li.food a:hover { background-position: -340px -126px; }
#index div.menu .navigation li.culture a:hover { background-position: -340px -168px; }
#index div.menu .navigation li.wiki a:hover { background-position: -340px -210px; }

/* ---------------------------------------------------------------------------------------------
	Content
--------------------------------------------------------------------------------------------- */

div.content {
	width: 869px;
	margin: 0 auto;
	position: relative;
}

div.content .main .article .entry .body {
	padding: 20px 13px 0;
	color: #666666;
	font-size: 1.4em; /* "body" Base Font: 12px */
	line-height: 180%;
	word-wrap: break-word;
}

/*	Content : 1 Column Layout
----------------------------------------------------------------------------------- */

div.content.layout1Column .main {
	width: 869px;
}

/*	Article
------------------------------------------------------------------------- */

div.content.layout1Column .main .article {
	margin-top: 15px;
	padding-top: 10px;
	background: transparent url("../images/common/layout1column_article_bg.png") 0 -416px no-repeat;
}

div.content.layout1Column .main .article .articleInner {
	margin: 0 10px 0 4px;
	background: #FFFFFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*	Content : 2 Column Layout
----------------------------------------------------------------------------------- */

div.content.layout2Column .main {
	width: 582px;
	margin-top: -400px;
	float: left;
}

/*	Article
------------------------------------------------------------------------- */

div.content.layout2Column .main .article {
	width: 582px;
	padding-top: 12px;
	background: transparent url("../images/common/layout2column_article_bg.png") 0 0 no-repeat;
}

div.content.layout2Column .main .article .articleInner {
	margin: 0 10px 0 4px;
	background: #FFFFFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/*	Sub Column
----------------------------------------------------------------------------------- */

div.content .sub {
	width: 264px;
	margin-top: 15px;
	padding: 5px 9px 0 2px;
	float: right;
	background: transparent url("../images/common/submenu_bg.png") 0 0 no-repeat;
}

/*	Ranking
------------------------------------------------------------------------- */

div.content .sub .ranking {
	width: 264px;
	margin-bottom: 14px;
}

div.content .sub .ranking .label {
	height: 34px;
	background: transparent url("../images/common/submenu_label_bg.png") 0 0 no-repeat;
	position: relative;
}

div.content .sub .ranking .label h2 {
	height: 34px;
	margin-left: 8px;
	background: transparent url("../images/common/submenu_ranking_label.gif") 0 center no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

div.content .sub .ranking .label .link li.week { position: absolute; left: 191px; top: 7px; }
div.content .sub .ranking .label .link li.month { position: absolute; left: 225px; top: 7px; }

div.content .sub .ranking .label .link li a {
	width: 32px;
	height: 20px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	background: transparent url("../images/common/submenu_ranking_btn_2.gif") 0 0 no-repeat;
}

div.content .sub .ranking .label .link li.week a { background-position: 0 0; }
div.content .sub .ranking .label .link li.month a { background-position: -32px 0; }

div.content .sub .ranking .body {
	background: #FFFFFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

div.content .sub .ranking .body .list li {
	padding: 8px 4px 8px 10px;
	background: transparent url("../images/common/submenu_hr.gif") 0 top no-repeat;
	line-height: 0;
	vertical-align: bottom; /* IE7 Fix */
}

*:first-child+html div.content .sub .ranking .body .list {
}

div.content .sub .ranking .body .list li:first-child {
	background: none;
}


div.content .sub .ranking .body .list li p.number {
	width: 36px;
	height: 24px;
	padding-top: 3px;
	float: left;
	background: transparent 0 bottom no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

div.content .sub .ranking .body .list li.no1 p.number { background-image: url("../images/common/submenu_ranking_1_label.gif"); }
div.content .sub .ranking .body .list li.no2 p.number { background-image: url("../images/common/submenu_ranking_2_label.gif"); }
div.content .sub .ranking .body .list li.no3 p.number { background-image: url("../images/common/submenu_ranking_3_label.gif"); }
div.content .sub .ranking .body .list li.no4 p.number { background-image: url("../images/common/submenu_ranking_4_label.gif"); }
div.content .sub .ranking .body .list li.no5 p.number { background-image: url("../images/common/submenu_ranking_5_label.gif"); }

div.content .sub .ranking .body .list li p.category,
div.content .sub .ranking .body .list li h3 {
	width: 206px;
	padding-top: 2px;
	float: right;
	font-weight: normal;
	line-height: 140%;
}

div.content .sub .ranking .body .list li p.category a {
	font-size: 1em;
	color: #999999;
	text-decoration: none;
}

div.content .sub .ranking .body .list li.no1 p.category a,
div.content .sub .ranking .body .list li.no2 p.category a,
div.content .sub .ranking .body .list li.no3 p.category a { color: #CC2E36; }

div.content .sub .ranking .body .list li h3 a {
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
}

/*	Hover	*/
div.content .sub .ranking .label .link li.week.hover a,
div.content .sub .ranking .label .link li.week a:hover { background-position: 0 -20px; }
div.content .sub .ranking .label .link li.month.hover a,
div.content .sub .ranking .label .link li.month a:hover { background-position: -32px -20px; }

div.content .sub .ranking .body .list li.hover { background-color: #F8F8F8; }
div.content .sub .ranking .body .list li.hover h3 a { color: #555555; }

/*	Ad
------------------------------------------------------------------------- */

div.content .sub .ad {
	width: 240px;
	margin-bottom: 14px;
	padding: 0 12px 12px;
	background: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.content .sub .ad p {
	padding-top: 12px;
}

div.content .sub .ranking .label h2 {
	height: 34px;
	margin-left: 8px;
	background: transparent url("../images/common/submenu_ranking_label.gif") 0 center no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

/*	Latest
------------------------------------------------------------------------- */

div.content .sub .latest {
	width: 264px;
	margin-bottom: 14px;
}

div.content .sub .latest .label {
	height: 34px;
	background: transparent url("../images/common/submenu_label_bg.png") 0 0 no-repeat;
	position: relative;
}

div.content .sub .latest .label h2 {
	height: 34px;
	margin-left: 8px;
	background: transparent url("../images/common/submenu_latest_label.gif") 0 center no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

div.content .sub .latest .body {
	background: #FFFFFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

div.content .sub .latest .body .list li {
	padding: 8px 4px 8px 8px;
	background: transparent url("../images/common/submenu_hr.gif") 0 top no-repeat;
	display: block;
	position: relative;
	vertical-align: bottom; /* IE7 Fix */
}

div.content .sub .latest .body .list li:first-child {
	background: none;
}

div.content .sub .latest .body .list li p.image {
	float: left;
}

div.content .sub .latest .body .list li p.image img {
	border: 1px solid #E5E5E5;
}

div.content .sub .latest .body .list li p.category,
div.content .sub .latest .body .list li h3 {
	width: 202px;
	margin-top: 2px;
	float: right;
	font-weight: normal;
	line-height: 140%;
}

div.content .sub .latest .body .list li p.date {
	width: 33px;
	position: absolute;
	right: 7px;
	top: 7px;
	font-size: 1em;
	color: #999999;
}

html>/**/body div.content .sub .latest .body .list li p.date { right: 0px¥9;} /* IE7,IE8 Fix */

div.content .sub .latest .body .list li p.category a {
	font-size: 1em;
	color: #666666;
	text-decoration: none;
}

div.content .sub .latest .body .list li.lovers p.category a { color: #ED4921; }
div.content .sub .latest .body .list li.labo p.category a { color: #ED8512; }
div.content .sub .latest .body .list li.recipe p.category a { color: #B17649; }
div.content .sub .latest .body .list li.restaurant p.category a { color: #8AC741; }
div.content .sub .latest .body .list li.food p.category a { color: #469B4F; }
div.content .sub .latest .body .list li.culture p.category a { color: #5263B4; }
div.content .sub .latest .body .list li.wiki p.category a { color: #8C54AB; }

div.content .sub .latest .body .list li h3 a {
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
}

/*	Hover	*/
div.content .sub .latest .body .list li.hover { background: #F8F8F8; }
div.content .sub .latest .body .list li.hover h3 a { color: #555555; }


/*	Information Menu
------------------------------------------------------------------------- */

div.content .sub .infoMenu {
	width: 264px;
	margin-bottom: 14px;
}

div.content .sub .infoMenu .label {
	height: 34px;
	background: transparent url("../images/common/submenu_label_bg.png") 0 0 no-repeat;
	position: relative;
}

div.content .sub .infoMenu .label h2 {
	height: 34px;
	margin-left: 8px;
	background: transparent url("../images/common/submenu_info_label.gif") 0 center no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

div.content .sub .infoMenu .body {
	background: #FFFFFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

div.content .sub .infoMenu .body .list li {
	padding: 14px 4px 14px 10px;
	background: transparent url("../images/common/submenu_hr.gif") 0 top no-repeat;
	display: block;
	vertical-align: bottom; /* IE7 Fix */
}

div.content .sub .infoMenu .body .list li:first-child {
	background: none;
}

div.content .sub .infoMenu .body .list li h3 {
	margin-top: 2px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 140%;
	background: transparent url("../images/common/submenu_info_textlink_bg.gif") 0 center no-repeat;
}

html>/**/body div.content .sub .infoMenu .body .list li p.date { right: 0px¥9;} /* IE7,IE8 Fix */

div.content .sub .infoMenu .body .list li h3 a {
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
}

/*	Hover	*/
div.content .sub .infoMenu .body .list li.hover { background: #F8F8F8; }
div.content .sub .infoMenu .body .list li.hover h3 a { color: #555555; }


/* ---------------------------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------------------------- */

div.footer {
	clear: both;
}

div.footer .navigation {
	position: relative;
}


div.footer .navigation .link {
	width: 660px;
	margin: 0 auto;
	padding: 30px 0;
}

div.footer .navigation .link li {
	height: 12px;
	padding: 0 25px;
	display: block;
	float: left;
	border-left: 1px solid #DCDCDC;
	text-align: center;
}

div.footer .navigation .link li:first-child {
	border-left: none;
}

div.footer .navigation .link li a {
	height: 12px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/footer_btn_link.png") no-repeat;
}

div.footer .navigation .link li.about a { width: 51px; background-position: 0 0; }
div.footer .navigation .link li.inquiry a { width: 68px; background-position: -110px 0; }
div.footer .navigation .link li.privacy a { width: 105px; background-position: -220px 0; }
div.footer .navigation .link li.terms a { width: 86px; background-position: -330px 0; }
div.footer .navigation .link li.bussiness a { width: 83px; background-position: -440px 0; }

div.footer .navigation .pagetop {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

div.footer .navigation .pagetop a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/footer_btn_pagetop.png") 0 0 no-repeat;
}

div.footer .copyright {
	padding: 12px 0;
	background: transparent url("../images/common/footer_bg.gif") 0 0 repeat-x;
	text-align: center;
}

div.footer .copyright p {
	color: #999999;
	font-size: 1.0em;
	line-height: 120%;
	letter-spacing: 0.05em;
}


/* Footer Hover
----------------------------------------------------------------------------------- */

div.footer .navigation .link li.about a:hover { background-position: 0 -12px; }
div.footer .navigation .link li.inquiry a:hover { background-position: -110px -12px; }
div.footer .navigation .link li.privacy a:hover { background-position: -220px -12px; }
div.footer .navigation .link li.terms a:hover { background-position: -330px -12px; }
div.footer .navigation .link li.bussiness a:hover { background-position: -440px -12px; }

div.footer .navigation .pagetop a:hover { background-position: 0 -29px; }

/* "Bussiness Button" Comingsoon
----------------------------------------------------------------------------------- */

html div.footer .navigation .link { width: 515px; }
html div.footer .navigation .link li.bussiness { display: none; }