@charset "utf-8";

/* ----------------------------------------------

TOP PAGE LAYOUT STYLE

---------------------------------------------- */

@import url("base.css");
@import url("layout.css");
@import url("module.css");


/* general styles
---------------------------------------------- */

div#contents {
	padding: 2px 0 0;
}
div#contents a img {
	border: 3px solid #CCCCCC;
}
div#contents a:hover img {
	border: 3px solid #ABBB3F;
}
div#contents div#topCoach h2 a img,
div#contents div#topDonburi h2 a img {
	border: none;
}


/* SWF
---------------------------------------------- */

div#contents div#topSWF {
	padding: 0 0 15px;
	background: url(/img/common/bg_top_t.gif) no-repeat 0 100%;
}


/* ----------------------------------------------

		CAFE

---------------------------------------------- */

div#contents div#topCoach {
	display: inline;
	float: left;
	width: 425px;
	margin: 0 10px 25px 0;
	padding: 15px 20px;
	background: #F8FAEE url(/img/top/bg_top_cafe_b.gif) no-repeat 0 100%;
}


div#contents div#topCoach h2 {
	height: 25px;
	padding: 12px 0 0;
	background: url(/img/common/bdr_cafe.gif) repeat-x 0 100%;
}
div#contents div#topCoach p {
	padding: 0 0 10px;
}
div#contents div#topCoach div.section div.rssLink p {
	position: absolute;
	top: 13px;
	right: 2px;
	width: 34px;
}
div#contents div#topCoach div.section div.rssLink p img {
	border: none;
}


/* Recommend
---------------------------------------------- */
div#contents div#topCoach div#topCoachRcmd {
	position: relative;
}
div#contents div#topCoach div#topCoachRcmd h2 {
	height: 35px;
	padding: 0;
}
div#contents div#topCoach div#topCoachRcmd h3 {
	float: left;
	width: 250px;
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-weight: normal;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}
div#contents div#topCoach div#topCoachRcmd h3 span.date {
	padding: 0 10px 0 0;
}
div#contents div#topCoach div#topCoachRcmd h3 a {
	padding: 0 0 0 20px;
	font-weight: bold;
	background: url(/img/common/icn_head_1.gif) no-repeat 0 50%;
}
div#contents div#topCoach div#topCoachRcmd p.thumbRcmd {
	display: inline;
	float: left;
	width: 175px;
}
div#contents div#topCoach div#topCoachRcmd p.thumbRcmd img {
	border: none;
}
div#contents div#topCoach div#topCoachRcmd p.expRcmd {
	
}
/* Banner
---------------------------------------------- */
div#contents div#topCafeBnr {
}

/* NEWS&EVENT
---------------------------------------------- */
div#contents div#topCafeNews {}
div#contents div#topCoach div#topCafeNews div.rssLink p {
	top: 18px;
}
div#contents div#topCafeNews ul {
	margin: 10px 0;
}
div#contents div#topCafeNews ul li {
	width: 425px;
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}
div#contents div#topCafeNews ul li span {
	padding: 0 10px 0 20px;
}
div#contents div#topCafeNews ul li.news span {
	background: url(/img/common/icn_news.gif) no-repeat 0 50%;
}
div#contents div#topCafeNews ul li.event span {
	background: url(/img/common/icn_event.gif) no-repeat 0 50%;
}
div#contents div#topCafeNews ul li.menu span {
	background: url(/img/common/icn_menu.gif) no-repeat 0 50%;
}
div#contents div#topCafeNews ul li.media span {
	background: url(/img/common/icn_media.gif) no-repeat 0 50%;
}
div#contents div#topCafeNews ul li a {
	padding: 0 0 0 20px;
	font-weight: bold;
	background: url(/img/common/icn_head_1.gif) no-repeat 0 50%;
}

/* MAIL MAGAZINE
---------------------------------------------- */
div#contents div#topCafeMag {}
div#contents div#topCafeMag input {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
div#contents div#topCafeMag input#mailInput {
	width: 180px;
}
div#contents div#topCafeMag input#btnMailInput {
	width: 40px;
}
div#contents div#topCafeMag p.comingsoon {
	padding: 10px 0 0;
}
div#contents div#topCafeMag ul {
	margin: 10px 0;
}
div#contents div#topCafeMag ul li {
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}
div#contents div#topCafeMag ul li span {
	padding: 0 10px 0 0;
}
div#contents div#topCafeMag ul li a {
	padding: 0 0 0 20px;
	font-weight: bold;
	background: url(/img/common/icn_head_1.gif) no-repeat 0 50%;
}

/* ----------------------------------------------

		DONBURI

---------------------------------------------- */


div#contents div#topDonburi {
	display: inline;
	float: left;
	width: 425px;
	margin: 0 0 25px;
	padding: 15px 20px;
	background: #F0EBDE url(/img/top/bg_top_dnbr_b.gif) no-repeat 0 100%;
}
div#contents div#topDonburi h2 {
	height: 25px;
	padding: 12px 0 0;
	background: url(/img/common/bdr_donburi.gif) repeat-x 0 100%;
}
div#contents div#topDonburi a {
	color: #613F2B;
}
div#contents div#topDonburi a:hover {
	color: #CA6426;
}
div#contents div#topDonburi p a:hover img {
	border: 3px solid #CA6426;
}


/* STORE
---------------------------------------------- */

div#contents div#topTransStep {}
div#contents div#topDonburi div#topTransStep h2 {
	padding: 10px 0 0;
}
div#contents div#topTransStep ul {
	margin: 0 0 15px;
}
div#contents div#topTransStep ul li {
	clear: both;
	width: 425px;
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}

div#contents div#topTransStep ul li p.thumbPhoto {
	display: inline;
	float: left;
	width: 115px;
}

div#contents div#topTransStep ul li dl {
	display: inline;
	float: left;
	width: 310px;
}
div#contents div#topTransStep ul li dl dt {
	font-weight: bold;
}

/* RECIPE
---------------------------------------------- */
div#contents div#topDbrRecipe {}
div#contents div#topDbrRecipe ul {
	margin: 0 0 15px;
}
div#contents div#topDbrRecipe ul li {
	clear: both;
	width: 425px;
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}

div#contents div#topDbrRecipe ul li p.thumbRecipe {
	display: inline;
	float: left;
	width: 65px;
}

div#contents div#topDbrRecipe ul li dl {
	display: inline;
	float: left;
	width: 360px;
}
div#contents div#topDbrRecipe ul li dl dt {
	font-weight: bold;
}

/* Gallery
---------------------------------------------- */
div#contents div#topDbrGallery {
	width: 425px;
	overflow: hidden;
}
div#contents div#topDbrGallery ul {
	width: 500px;
}
div#contents div#topDbrGallery ul,
div#contents div#topDbrGallery p {
	margin: 5px 0 10px;
}
div#contents div#topDbrGallery ul li {
	display: inline;
	float: left;
	with: 82px;
	margin: 0 11px 0 0;
}
div#contents div#topDbrGallery ul li.last {
	margin: 0;
}
div#contents div#topDbrGallery ul li a:hover img {
	border: 3px solid #CA6426;
}



/* ----------------------------------------------

		hacks

---------------------------------------------- */

* html div#contents div#topSWF {
	padding: 10px 0 15px;
	background: url(/img/common/bg_top_t.gif) no-repeat 0 100%;
}
*+html div#contents div#topSWF {
	padding: 10px 0 15px;
	background: url(/img/common/bg_top_t.gif) no-repeat 0 100%;
}


/* Clearfix
---------------------------------------------- */


div#contents,
div#contents div#topDbrGallery ul,
div#contents div#topDonburi ul li,
div#contents div#topCoach div#topCoachRcmd   {
		zoom: 1;/*for IE 5.5-7*/
}
div#contents:after,
div#contents div#topDbrGallery ul:after,
div#contents div#topDonburi ul li:after,
div#contents div#topCoach div#topCoachRcmd:after {/*for modern browser*/
		display: block;
		clear: both;
		visibility: hidden;
		content: ".";
		height: 0px;
}
* html div#contents,
* html div#contents div#topDbrGallery ul,
* html div#contents div#topDonburi ul li,
* html div#contents div#topCoach div#topCoachRcmd  {
	display: inline-table;
	/*\*/display: block;/**/
}