@charset "UTF-8";

/******** S━━T━━Y━━ ヽ(ﾟ∀ﾟ)ﾉ ━━L━━E━━!! ********
Font
*************************************************************/
#top-header-date,
h3.top-restaurant-search-title,
h3.top-h-recent-title,
h5.top-h-recent-item-up-date,
h3.top-header-issue-title,
h4.article-date,
h5.top-button-more,
.top-subtitle,
h4.top-note-contents-title,
h5.top-note-contents-update,
.recent-item-up-date {
	font-family: "Times New Roman", Times, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS 明朝", "MS Mincho", serif;
}

#top-header-inner-right,
p.top-header-issue-desc,
.article-content-area p {
    font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

h3.top-restaurant-search-title,
h3.top-h-recent-title,
h5.top-h-recent-item-up-date,
.recent-item-up-date,
h3.top-header-issue-title,
h4.article-date,
h5.top-button-more,
.top-subtitle,
h4.top-note-contents-title,
h5.top-note-contents-update {
	font-style: italic;
}

/******** S━━T━━Y━━ σ(´~｀*)ﾑｼｬﾑｼｬ ━━L━━E━━!! ********
Top Page Header
********************************************************************/
#top-header {
	width: 1024px;
	height: 580px;
	padding: 0;
	display: block;
	margin: 0 auto 16px auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 24px;
}

#top-header-line {
	height: 20px;
	margin: 0 auto;
	padding: 0 22px 0 0;
	background-color: #F00;
}

.top-h-l-inner-left {
	float: left;
}

.top-h-l-inner-right {
	overflow: hidden;
	width: 492px;
	height: 24px;
	float: right;
	margin-right: 20px;
}

#top-h-slide {
	width: 682px;
	height: 390px;
	position: relative; /* avoid IE7 bugs */
}

#top-h-slide .prev,
#top-h-slide .next {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 90px;
	top: 145px;
	display: none;
}

#top-h-slide .prev {
	background-image: url("../images/common/sprite_block.png"); /* arrow.png */
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 0;
}

#top-h-slide .next {
	background-image: url("../images/common/sprite_block.png"); /* arrow.png */
	background-repeat: no-repeat;
	background-position: -20px 0;
	right: 0;
}

#top-h-scrollable {
	width: 1024px;
	height: 575px;
	overflow: hidden;
	position: relative; /* avoid IE7 bugs */
}

h1#top-logo {
	width: 310px;
	height: 64px;
	padding: 0;
	font-size: 0.5em;
	margin: 0;
	position: absolute;
	top: 23px;
	left: 22px;
}

h1#top-logo a {
	width: 310px;
	height: 64px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/common/sprite_block.png); /* tc_logo.png */
	background-repeat: no-repeat;
	background-position: 0 -90px;
}

h2#top-logo-ruby {
	width: 224px;
	height: 14px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/top/sprite_top.png); /* ../images/top/tc_logo_under.png */
	background-repeat: no-repeat;
	background-position: -150px -68px;
	position: absolute;
	top: 93px;
	left: 52px;
}

#top-header-date {
	color: #F00;
	position: absolute;
	height: 70px;
	width: 110px;
	background-image: url(http://www.tokyo-calendar.tv/wp-content/themes/tokyo-calendar/images/header/day-back.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	left: 570px;
	top: 23px;
}

/* add */
#top-header-date a {
	color: #F00;
	text-decoration: none;
	height: 70px;
	width: 110px;
	display: block;
}

h3.top-h-recent-title {
	color: #ffffff;
	font-size: 16px;
	width: 150px;
	border-bottom: 3px solid #F00;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
}

#top-h-recent-area {
	position: absolute;
	bottom: 0;
	width: 672px;
	height: 185px; 
	padding: 5px 0 0 10px;
	background-image: url(../images/top/topmat.png);
	background-position: 0 0;
	background-repeat: repeat;
	overflow: hidden;
}

.top-h-recent-item {
	width: 660px;
	height: 155px;
	overflow: hidden;
	position: relative;
}

.top-h-recent-item-title {
	color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

a .top-h-recent-item-title {
	text-decoration: none;
}

a:hover .top-h-recent-item-title {
	text-decoration: underline;
}

.top-h-recent-item-up-date {
	font-size: 10px;
	color: #e0e0e0;
	margin: 0px;
	padding: 0px;
}

#top-header-inner-right {
	width: 342px;
	height: 580px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0;
}

.top-header-search-area {
	width: 342px;
	height: 102px;
	overflow: visible;
	padding: 0;
	background-image: url(../images/top/topmat.png);
	background-repeat: repeat;
	background-position: 0 0;
	position: relative;
}

.top-header-search-area-inner {
	margin: 0px 22px 0 86px;
	padding-top: 15px;
}

h3.top-restaurant-search-title {
	color: red;
	width: 155px;
	height: 16px;
	padding:0;
	display: block;
	margin: 0 0 7px 0;
}

h5.top-header-fkn-logo {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/super_restaurant_78.png */
	background-repeat: no-repeat;
	background-position: -219px -142px;
	height: 78px;
	width: 78px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	right: 260px;
}

#top-restaurant-search {
	width: 230px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #999;
	overflow: hidden;
}
  
.top-s-area {
	width: 197px;
	height: 13px;
	font-size: 12px;
	margin: 0;
	background-color: #FFF;
	float: left;
	border: none;
	padding: 4px 5px 4px 5px;
}

.top-s-button {
	width: 18px;
	height: 13px;
	margin: 0;
	background-color: #FFF;
	float: left;
	border: none;
	padding: 4px 5px 4px 0;
}

div.top-h-r-search-button {
	width: 232px;
	clear: both;
	z-index: 3000;
}

div.top-h-r-search-button a {
	display: block;
	overflow: hidden;
	background-position: 0 0;
	float: left;
	margin: 1px;
}

div.top-h-r-search-button a:hover {
	background-position: 0 -16px;
}

div.top-h-r-search-button a.button_area {
	width: 56px;
	height: 16px;
	background-image: url(../images/common/sprite_block.png); /* restaurant_search_buttons.png */
	background-position: 0 -154px;
}

div.top-h-r-search-button a:hover.button_area {
	background-position: 0 -170px;
}

div.top-h-r-search-button a.button_genre {
	width: 56px;
	height: 16px;
	background-image: url(../images/common/sprite_block.png); /* restaurant_search_buttons.png */
	background-position: -56px -154px;
}

div.top-h-r-search-button a:hover.button_genre {
	background-position: -56px -170px;
}

div.top-h-r-search-button a.button_purpose {
	width: 56px;
	height: 16px;
	background-image: url(../images/common/sprite_block.png); /* restaurant_search_buttons.png */
	background-position: -112px -154px;
}

div.top-h-r-search-button a:hover.button_purpose {
	background-position: -112px -170px;
}

div.top-h-r-search-button a.button_map {
	width: 56px;
	height: 16px;
	background-image: url(../images/common/sprite_block.png); /* restaurant_search_buttons.png */
	background-position: -168px -154px;
}

div.top-h-r-search-button a:hover.button_map {
	background-position: -168px -170px;
}

div.top-h-r-search-button a.button_100d {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
	height: 16px;
	background-image: url(../images/common/b_100d_20111202.png);
}

div.top-h-r-search-button a.button_ginza {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
	height: 16px;
	background-image: url(../images/common/b_ginza_20111202.png);
}

div.top-h-r-search-button a.button_tjs {
	width: 85px;
	height: 16px;
	background-image: url(../images/common/b_tjs_20111202.png);
}

div.top-h-r-search-button a.button_more{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 56px;
	height: 16px;
	background-image: url(../images/common/b_sp_20111202.png);
}

#h_r_search_more {
	margin: 0px;
	display: block;
}

.top-h-r-search-submenu-item {
	margin: 0 0 0 -29px;
	display: none;
}

#h_r_search_submenu {
	list-style-type: none;
	display: block;
	width: 56px;
	height: 16px;
	float: right;
	margin: 1px 2px 0 0;
}

.top-header-baner-issue-area {
	width: 342px;
	/* height: 465px; */
	height: 468px;
	overflow: hidden;
	padding: 10px 0 0 0;
	background-image: url(../images/top/topmat.png);
	background-repeat: repeat;
	background-position: 0 0;
}

.top-header-baner {
	width: 300px;
	margin: 0 auto;
}

.top-header-issue {
	width: 300px;
	margin: 17px auto 0 auto;
	overflow: hidden;
}

.top-header-issue-left {
	position: relative;
	width: 125px;
	height: 165px;
	float: left;
	background-image: url(../images/top/sprite_top.png); /* ../images/top/booksmall.png */
	background-repeat: no-repeat;
	background-position: -529px 0;
}

.top-header-issue-right {
	width: 170px;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
}

h3.top-header-issue-title {
	height: 12px;
	width: 150px;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	border-bottom: 3px solid #F00;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

p.top-header-issue-desc {
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 14px;
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

ul.top-header-issue-list {
	margin: 0 0 10px 0;
	padding: 0;
}

ul.top-header-issue-list li {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	color: #FFF;
	padding: 0 0 3px 0;
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

span.whiteline {
	background-image: url(../images/common/sprite_arrow.png); /* contents_arrow.png */
	background-repeat: no-repeat;
	background-position: 0px -2px;
	padding: 0 0 0 15px;
}

h4.top-header-tachiyomi-button,h4.top-header-backnumber-button {
	width: 150px;
	height: 22px;
}

h4.top-header-tachiyomi-button {
/*
	margin: 0 0 5px 0;
*/
	margin: 0 auto 5px;
	padding: 0;
}

h4.top-header-backnumber-button {
/*
	margin: 0;
*/
	margin: 0 auto;
	padding: 0;
}

h4.top-header-tachiyomi-button a,h4.top-header-backnumber-button a {
	width: 150px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

h4.top-header-tachiyomi-button a {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/obi_bt_mzine.png */
	background-position: 0 -116px;
}

h4.top-header-backnumber-button a {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/obi_bt_bzine.png */
	background-position: 0 -68px;
}

h4.top-header-tachiyomi-button a:hover {
	background-position: 0 -140px;
}
h4.top-header-backnumber-button a:hover {
	background-position: 0 -92px;
}

/******** S━━T━━Y━━ ヽ(ﾟ∀ﾟ)ﾉ ━━L━━E━━!! ********
Top Contents
*************************************************************/
#top-contents-area {
	border-bottom: 3px solid #000;
	margin: 0;
	padding: 0 0 2px 0;
}

.top-contents-titles {
	padding: 0;
	width: 660px;
	border-bottom: 3px solid #000;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.top-subtitle {
	float: right;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 20px 0 0 0;
}

h3.top-news-title {
	margin: 0;
	padding: 0 0 10px 0;
	height: 30px;
	width: 95px;
	float: left;
}

h3.top-news-title a {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/title_news.gif) */
	background-repeat: no-repeat;
	background-position: -150px -82px;
	height: 30px;
	width: 95px;
	text-indent: -9999px;
	display: block;
}

h3.top-editors_note-title {
	height: 30px;
	width: 224px;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
}

h3.top-editors_note-title a {
	height: 30px;
	width: 224px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/top/sprite_top.png); /* ../images/top/title_edinote.gif */
	background-repeat: no-repeat;
	background-position: -150px -112px;
}

h3.top-note-title {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/title_notes.gif */
	background-repeat: no-repeat;
	background-position: -245px -82px;
	margin: 0 0 10px 0;
	height: 30px;
	width: 98px;
	text-indent: -9999px;
	display: block;
	float: left;
}

h3.notes-notfound {
	width: 550px;
	font-size: 16px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	float: left;
}

.top-note-contents {
	width: 660px;
	margin: 15px 0 0 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px dotted #000;
}

.top-note-contents a {
	text-decoration: none;
}

.top-note-article {
	width: 208px;
	overflow: hidden;
	padding: 0 18px 0 0;
	margin: 0 0 5px 0;
	float: left;
}

.top-note-article2 {
	width: 208px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 15px 0;
	float: right;
}

h4.top-note-contents-title {
	background-image: url(../images/common/sprite_arrow.png); /* contents_arrow.png */
	background-repeat: no-repeat;
	background-position: 0px -2px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
}

a h4.top-note-contents-title {
	text-decoration: none;
}

a:hover h4.top-note-contents-title {
	text-decoration: underline;
}

h5.top-note-contents-update {
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 2px 0;
	color: #808080;
}

h5.top-button-more {
	width: 660px;
	text-align: right;
	padding: 0;
	margin: 5px 0 22px 0;
	font-size: 15px;
	height: 17px;
}

h5.top-button-more a {
	width: 640px;
	color: #000;
	text-decoration: underline;
	background-image: url(../images/common/bt_f_w.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	margin: 0;
	padding: 0 18px 0 0;
	display: block;
	height: 17px;
}

h5.top-button-more a:hover {
	text-decoration: none;
}

.top-contents-like-box {
	border-bottom: 3px solid #000;
	margin: 0;
	padding: 20px 0px;
}

/******** S━━T━━Y━━ ヽ(ﾟ∀ﾟ)ﾉ ━━L━━E━━!! ********
Top News Area
*************************************************************/
#news-recent-all {
	position: relative;
	margin: 0;
	padding: 0 0 5px 0;
	width: 660px;
	height: 320px;
	border-bottom: 1px dotted #000;
	overflow: hidden;
}

#news-recent-block0, #news-recent-block1, #news-recent-block2, #news-recent-block3, #news-recent-block4, #news-recent-block5, #news-recent-block6, #news-recent-block7, #news-recent-block8, #news-recent-block9, #news-recent-block10 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#news-recent-block0 {
	visibility: visible;
}

#news-recent-block1, #news-recent-block2, #news-recent-block3, #news-recent-block4, #news-recent-block5, #news-recent-block6, #news-recent-block7, #news-recent-block8, #news-recent-block9, #news-recent-block10 {
	visibility: hidden;
}

h3.recent-notfound {
	width: 550px;
	font-size: 16px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	float: left;
}

.top-news-switch-navigation {
	width: 660px;
	margin: 0 0 18px 0;
}

ul.top-news-switch-navi {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/news-navi-bar.gif */
	background-repeat: no-repeat;
	background-position: 0 -265px;
	list-style: none;
	width: 660px;
	overflow: hidden;
	margin: 0;
}

li.t-n-s-n-1,li.t-n-s-n-2,li.t-n-s-n-3,li.t-n-s-n-4,li.t-n-s-n-5,li.t-n-s-n-6,li.t-n-s-n-7,li.t-n-s-n-8,li.t-n-s-n-9,li.t-n-s-n-10,li.t-n-s-n-11 {
	width: 60px;
	float: left;
	text-align: center;
	font-size: 12px;
	padding: 12px 0 0 0;
}

li.t-n-s-n-1 img,li.t-n-s-n-2 img,li.t-n-s-n-3 img,li.t-n-s-n-4 img,li.t-n-s-n-5 img,li.t-n-s-n-6 img,li.t-n-s-n-7 img,li.t-n-s-n-8 img,li.t-n-s-n-9 img,li.t-n-s-n-10 img,li.t-n-s-n-11 img {
    margin: 10px 0 0 0;
}

li.t-n-s-n-1 a,li.t-n-s-n-2 a,li.t-n-s-n-3 a,li.t-n-s-n-4 a,li.t-n-s-n-5 a,li.t-n-s-n-6 a,li.t-n-s-n-7 a,li.t-n-s-n-8 a,li.t-n-s-n-9 a,li.t-n-s-n-10 a,li.t-n-s-n-11 a {
	background-image: url(../images/top/sprite_top.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 0;
	padding: 34px 0 0 0;
	margin: 0 13px 22px 13px;
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: gray;
	font-family: "Times New Roman", Times, serif;

}

li.t-n-s-n-1 a { /*../images/top/caticon_all.png */
	background-position: 0 0;
}
li.t-n-s-n-1 a:hover {
	background-position: 0 -34px;
}
li.t-n-s-n-2 a { /* ../images/top/caticon_dining.png */
	background-position: -170px 0;
}
li.t-n-s-n-2 a:hover {
	background-position: -170px -34px;
}
li.t-n-s-n-3 a { /* ../images/top/caticon_travel.png */
	background-position: -306px 0;
}
li.t-n-s-n-3 a:hover {
	background-position: -306px -34px;
}
li.t-n-s-n-4 a { /* ../images/top/caticon_living.png */
	background-position: -272px 0;
}
li.t-n-s-n-4 a:hover {
	background-position: -272px -34px;
}
li.t-n-s-n-5 a { /* ../images/top/caticon_culture.png */
	background-position: -136px 0;
}
li.t-n-s-n-5 a:hover {
	background-position: -136px -34px;
}
li.t-n-s-n-6 a { /* ../images/top/caticon_city.png */
	background-position: -102px 0;
}
li.t-n-s-n-6 a:hover {
	background-position: -102px -34px;
}
li.t-n-s-n-7 a { /* ../images/top/caticon_hotel.png */
	background-position: -238px 0;
}
li.t-n-s-n-7 a:hover {
	background-position: -238px -34px;
}
li.t-n-s-n-8 a { /* ../images/top/caticon_car.png */
	background-position: -68px 0;
}
li.t-n-s-n-8 a:hover {
	background-position: -68px -34px;
}
li.t-n-s-n-9 a { /* ../images/top/caticon_watch.png */
	background-position: -340px 0;
}
li.t-n-s-n-9 a:hover {
	background-position: -340px -34px;
}
li.t-n-s-n-10 a { /* ../images/top/caticon_fashion.png */
	background-position: -204px 0;
}
li.t-n-s-n-10 a:hover {
	background-position: -204px -34px;
}

li.current-news {
	background-image: url(../images/top/sprite_top.png); /* ../images/top/topslash_only.gif */
	background-repeat: no-repeat;
	background-position: -150px -142px;
}

.news-recent-all-left {
	margin: 0;
	padding: 0;
	width: 320px;
	float: left;
	position: relative;
}

.news-recent-all-left img {
	margin: 0 0 8px 0;
	padding: 0;
}

h4.new-mark {
	position: absolute;
	top: 0;
	left: 0;
}

a h4.new-mark {
	width: 35px;
	height: 40px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/common/sprite_block.png); /* new.png */
	background-repeat: no-repeat;
	background-position: 40px 0;
}

.n-r-a-r-c-right {
	width: 192px;
	margin: 0;
	padding: 0;
	float: right;
}

#news-recent-all a {
	text-decoration: none;
}

a #news-recent-all {
	text-decoration: none;
}

a:hover #news-recent-all {
	text-decoration: underline;
}

.news-recent-all-right {
	margin: 0;
	padding: 0;
	width: 320px;
	float: right;
	overflow: hidden;
}

.news-recent-all-right-contents {
	width: 320px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

.news-top-recent-area {
	padding: 0px;
	border-bottom: 1px solid #808080;
	margin: 15px 0 0 0;
}

.news-top-title {
	margin: 0 0 7px 0;
	padding: 0;
}

.m-r-c-left {
	position: relative;
}

/******** S━━T━━Y━━ ヽ(ﾟ∀ﾟ)ﾉ ━━L━━E━━!! ********
Recent Area
*************************************************************/
.recent-item {
	border-bottom: 1px dotted #000;
}