@charset "utf-8";

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

	bowls / TOP STYLE
	author   : (C)KAYAC http://www.kayac.com/

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

@import url("./parts/base.css");
@import url("./parts/layout.css");
@import url("./parts/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#topCafe 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#topCafe {
	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#topCafe h2 {
	height: 25px;
	padding: 12px 0 0;
	background: url(/img/common/bdr_cafe.gif) repeat-x 0 100%;
}
div#contents div#topCafe p {
	padding: 0 0 10px;
}
div#contents div#topCafe div.section div.rssLink p {
	position: absolute;
	top: 13px;
	right: 2px;
	width: 34px;
}
div#contents div#topCafe div.section div.rssLink p img {
	border: none;
}


/* Recommend
---------------------------------------------- */
div#contents div#topCafe div#topCafeRcmd {
	position: relative;
}
div#contents div#topCafe div#topCafeRcmd h2 {
	height: 35px;
	padding: 0;
}
div#contents div#topCafe div#topCafeRcmd 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#topCafe div#topCafeRcmd h3 span.date {
	padding: 0 10px 0 0;
}
div#contents div#topCafe div#topCafeRcmd 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#topCafe div#topCafeRcmd p.thumbRcmd {
	display: inline;
	float: left;
	width: 175px;
}
div#contents div#topCafe div#topCafeRcmd p.thumbRcmd img {
	border: none;
}
div#contents div#topCafe div#topCafeRcmd p.expRcmd {
	
}
/* Banner
---------------------------------------------- */
div#contents div#topCafeBnr {
}

/* NEWS&EVENT
---------------------------------------------- */
div#contents div#topCafeNews {}
div#contents div#topCafe 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#topDbrStore {}
div#contents div#topDonburi div#topDbrStore h2 {
	padding: 10px 0 0;
}
div#contents div#topDbrStore ul {
	margin: 0 0 15px;
}
div#contents div#topDbrStore ul li {
	clear: both;
	width: 425px;
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}

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

div#contents div#topDbrStore ul li dl {
	display: inline;
	float: left;
	width: 310px;
}
div#contents div#topDbrStore 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: 115px;
}

div#contents div#topDbrRecipe ul li dl {
	display: inline;
	float: left;
	width: 310px;
}
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;
}

/* twitter
---------------------------------------------- */
div#contents .attention{
	color:#de5400;
}

div#contents div#topTwitter {
	width: 425px;
	overflow: hidden;
	margin-top:7px;
}
div#contents div#topTwitter h2 {
	height:28px;
	padding:0;
	margin:0;
}
div#contents div#topTwitter ul,
div#contents div#topTwitter p {
	margin: 5px 0 10px;
}
div#contents div#topTwitter ul li {
	clear: both;
	width: 425px;
	padding: 7px 0;
	background: url(/img/common/line_dot_1.gif) repeat-x 0 100%;
}
div#contents div#topTwitter ul li p.twitterIcon {
	display: inline;
	float: left;
	width: 60px;
	margin-right:10px;
}
div#contents div#topTwitter ul dl {
	float: left;
	width:355px;
}
div#contents div#topTwitter ul dl dt{
	margin-bottom:5px;
}
div#contents div#topTwitter ul dl .tweetName{
	display:inline;
	font-weight:bold;
}
div#contents div#topTwitter ul dl dd{
	font-size:10px;
	color:#999;
}
div#contents div#topTwitter ul li.last {
	margin: 0;
}
div#contents div#topTwitter ul li img {
	border: 2px solid #cccccc;
}

div#contents div#topTwitter ul li a:hover img {
	border: 2px 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#topCafe div#topCafeRcmd   {
		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#topCafe div#topCafeRcmd: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#topCafe div#topCafeRcmd  {
	display: inline-table;
	/*\*/display: block;/**/
}