@charset "UTF-8";
/*---------------------------------------------------------------------------------------------
  Stylesheet - version date 1.0 2009.08.18
  B-NEWS SYSTEM [top.css]
---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------
  Top Layout (index.cfm)
---------------------------------------------------------------------------------------------*/

#topBox {}


#topBox #tit_top {
	width:519px;
	height:19px;
	background-image: url(../img/top/tit_top.gif) ;
	margin:0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 1px 0 0 5px;
}
/*---------------------------------------------------------------------------------------------
  インフォメーション
---------------------------------------------------------------------------------------------*/
#topBox #informationBox {
	width:700px;
	height:auto;
	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
	background-color: #FFF;
	overflow: hidden;
}
#topBox #informationBox #innL {
	width: 302px;
	height:auto;
	margin: 0;
	padding: 10px 0 10px 13px;
	_display: inline;/*IE6*/
	float: left;
	border: 1px solid #D6D6D6;
	background-color: #FFF0F0;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1.3px;
}
#topBox #informationBox #innL #sub_tit{
	background-image: url(../img/top/bn_ichireshi.gif);/* 今日のイチオシレシピ画像 */
	height: 34px;
	width: 290px;
	margin: 5px 0 0 0;
}
#topBox #informationBox #innL #line{
	background-image: url(../img/top/info_line01.gif);
	height: 15px;
	width: 290px;
	margin: 0;
}
#topBox #informationBox #innL .main_tx{
	font-size: 14px;
	font-weight: bold;
	color: #D2202A;
}
#topBox #informationBox #innR {
	width: 373px;
	margin: 0;
	_display: inline;/*IE6*/
	float: right;
}

#topBox #informationBox #innR #tit_info{
	width: 373px;
	height: 17px;
	background: url(../img/top/tit_information.gif) ;
	margin: 0 0 10px 0;
}
#topBox #informationBox #innR dl {
	overflow: hidden;
	height:auto;
	padding: 0 0 0 9px;
}
#topBox #informationBox #innR dl dt {
	width: 85px;
	padding: 0 0 0 8px;
	font-size:12px;
	background: url(../img/common/csr_05.gif) no-repeat 0 center;
	float: left;
}
#topBox #informationBox #innR dl dd {
	width: 270px;
	float: left;
	text-decoration: none;
}

#topBox #informationBox #innR dl dd a {
	color: #633100;
}
#topBox #informationBox #innR a.btnList {
	width: 373px;
	height: auto;
	text-align:right;
	margin: 5px 0 0 auto;
	display: block;
	color:#D32029;
	font-size: 10px;
}

#topBox #informationBox #innR #osusume_box{
	height: auto;
	width: 373px;
}
#topBox #informationBox #innR #osusume_box h2{
	background-image: url(../img/top/tit_osusume.jpg);
	width:373px;
	height:40px;
}



#topBox #informationBox #innR #osusume_box #inn{
	width:351px;
	height: auto;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	margin:0;
	padding: 10px 5px 10px 15px;
	line-height: 15px;
}



#topBox #informationBox #innR #osusume_box #inn #inn_img{
	width:65px;
	height:auto;
	float:left;
	font-size: 9px;
}
#topBox #informationBox #innR #osusume_box #inn #inn_tx{
	width:40px;
	float:left;
	text-align:center;

}

#topBox #informationBox #innR #osusume_box #comment_box{
	float:left;
	overflow:hidden;
	}
#topBox #informationBox #innR #osusume_box .comment_up,	
#topBox #informationBox #innR #osusume_box .comment_under
{
	width:135px;
	height:7px;
	overflow:hidden;
	margin:0;
	}
	
#topBox #informationBox #innR #osusume_box .comment_up{
	background:url(../img/common/awase_box_top.jpg) no-repeat;
	margin:0;
	padding:0;
	}
#topBox #informationBox #innR #osusume_box .comment_under{
	background:url(../img/common/awase_box_under.jpg) no-repeat;
	height:7px;
	}
	
#topBox #informationBox #innR #osusume_box #comment{
	background:url(../img/common/awase_box_center.jpg) bottom no-repeat;
	width:119px;
	height:auto;
	border-left: 1px #7D8791 solid;
	border-right: 1px #7D8791 solid;
	font-size:12px;
	color:#633100;
	text-align:justify;
	text-justify:distribute;
	padding:7px;
	margin:0 0 0 0;
	}


/*---------------------------------------------------------------------------------------------
  現在開催中のコンテスト一覧
---------------------------------------------------------------------------------------------*/
#topBox #contest_box {
	margin: 0 0 17px 0;
	width: 700px;
	height: auto;
}
#topBox #contest_box #inner-box {
	margin: 0 0 0 0;
	padding: 10px 10px 0 10px;
	border-left: 1px #D6D6D6 solid;
	border-right: 1px #D6D6D6 solid;
}
#topBox #contest_box h3 {
	background: url(../img/top/tit_contest.gif) no-repeat;/* タイトル画像 */
	height:32px;
}
#topBox #contest_box h3 span {
	width: 100px;
	padding: 6px 0 0;
	font-size:140%;
	color:#F60;
	font-weight:bold;
	height:auto;
	margin:0 0 0 590px;
	display: block;
}
#topBox #contest_box .btm-box {
	width: 700px;
	height: 10px;
	background: url(../img/top/btm_box.gif) no-repeat;/* 背景画像 */
	overflow: hidden;
}
#topBox #contest_box #inner-box dl {
	overflow: hidden;
	height:auto;
	width:680px;
	padding: 0;
	color: #D21F28;
	margin: 0 0 0 0;
}
#topBox #contest_box #inner-box dl dt {
	padding: 0 0 0 15px;
	font-size:12px;
	background: url(../img/common/li_ico2.gif) no-repeat 0 center;
	float:left;
	font-weight: bold;
}
#topBox #contest_box #inner-box dl dd {
	text-decoration: none;
	float:left;
	padding: 0 0 0 10px;
}
#topBox #contest_box #inner-box dl dd.ico-end {
	padding: 0 40px 0 15px;
	background-color: transparent;
	background-image: url(../img/common/ico_end.gif);/* 終了アイコン画像 */
	background-repeat:no-repeat;
	background-position: right center;
	background-attachment: scroll;
}
#topBox #contest_box #inner-box dl .end {
	color: #999;
}
#topBox #contest_box #inner-box dl a {
	color: #D21F28;

}
#topBox #contest_box #inner-box dl .col_blue {
	color: #0066CC;

}
/*---------------------------------------------------------------------------------------------
  みんなの最新投稿
---------------------------------------------------------------------------------------------*/
#topBox #toukou_box {
	margin: 0 0 25px 0;
	width: 700px;
	height: auto;
}
#topBox #toukou_box #inner-box {
	margin: 0 0 0 0;
	padding: 10px 0 0 8px;
	border-left: 1px #D6D6D6 solid;
	border-right: 1px #D6D6D6 solid;
}
#topBox #toukou_box h3 {
	background: url(../img/top/tit_toukou.gif) no-repeat;/* タイトル画像 */
	height:16px;
}
#topBox #toukou_box .btm-box {
	width: 700px;
	height: 10px;
	background: url(../img/top/btm_box.gif) no-repeat;/* 背景画像 */
	overflow: hidden;
}
#topBox #toukou_box #inner-box a {
	text-decoration:none;
	text-align: center;
	display: block;
}
#topBox #toukou_box #inner-box a .txtTitle {
	color:#6E3F3F;
}
#topBox #toukou_box #inner-box a .txtUser {
	color:#009900;
}

/***** スクロール用Styleはdetail.css内に記述 *****/






/*---------------------------------------------------------------------------------------------
  ランキング
---------------------------------------------------------------------------------------------*/

/* 親BOX */
#topBox #rankingBox {
	width: 700px;
	background: url(../img/top/bg_ranking_c.gif) repeat-y;
	overflow: hidden;
	clear: both;
}

/* お酒BOX */
#topBox #rankingBox #sake-rank_box {
	width: 345px;
	float: left;
}
#topBox #rankingBox #sake-rank_box h3 {
	height: 45px;
	background: url(../img/top/tit_sake-rank.gif) no-repeat;/* タイトル画像 */
}

/* レシピBOX */
#topBox #rankingBox #recipe-rank_box {
	width: 345px;
	float: right;
}
#topBox #rankingBox #recipe-rank_box h3 {
	height: 45px;
}
#topBox #rankingBox #recipe-rank_box h3.tit_contest {
	background: url(../img/top/tit_recipe-rank_contest.gif) no-repeat;
}
#topBox #rankingBox #recipe-rank_box h3.tit_month {
	background: url(../img/top/tit_recipe-rank_month.gif) no-repeat;
}



/* 集計非対象文言 */
#topBox #rankingBox #recipe-rank_box dl.dlNotRankingSum {
	margin: 10px;
	text-align: center;
}
#topBox #rankingBox #recipe-rank_box dl.dlNotRankingSum dt {
	font-size: 116%;
	color: #D21F28;
	font-weight: bold;
}
#topBox #rankingBox #recipe-rank_box dl.dlNotRankingSum dd {
	margin: 10px 0 0;
}

/* サブタイトル */
#topBox #rankingBox h4 {
	width: 325px;
	height: 24px;
	margin: 5px auto 0;
}
#topBox #rankingBox h4.titClick {
	background: url(../img/top/tit_click-rank.jpg) no-repeat;
}
#topBox #rankingBox h4.titMybook {
	background: url(../img/top/tit_mybook-rank.jpg) no-repeat;
}
/* 個別BOX */
#topBox #rankingBox .inner {
	width: 325px;
	margin: 10px auto 0;
	overflow: hidden;
	clear: both;
}
#topBox #rankingBox .inner .img_box {
	width: 60px;
	margin: 0 10px 0 0;
	border: 1px #E8E8E8 solid;
	text-align: center;
	float: left;
}
#topBox #rankingBox .inner .tx_box {
	width:220px;
	height:auto;
	font-size:12px;
	float:left;
}
#topBox #rankingBox .inner .tx_box .title a {
	color: #0066CC;
	line-height: 1.1em;
}
#topBox #rankingBox .inner .tx_box .title a:hover {
	text-decoration:none;
}
#topBox #rankingBox .inner .tx_box .name {
	color: #009900;
	font-size: 85%;
	line-height: 1em;
}
/* 順位ICON用 */
#topBox #rankingBox .inner .rankBox {
	width: 24px;
	height: 30px;
	margin: 0 7px 0 0;
	float: left;
}
#topBox #rankingBox .inner .rank1 {
	background: url(../img/top/ico_rank1.gif) no-repeat;/* 1位のアイコン */
}
#topBox #rankingBox .inner .rank2 {
	background: url(../img/top/ico_rank2.gif) no-repeat;/* 2位のアイコン */
}
#topBox #rankingBox .inner .rank3 {
	background: url(../img/top/ico_rank3.gif) no-repeat;/* 3位のアイコン */
}
#topBox #rankingBox .inner .rank4 {
	background: url(../img/top/ico_rank4.gif) no-repeat;/* 4位のアイコン */
}
#topBox #rankingBox .inner .rank5 {
	background: url(../img/top/ico_rank5.gif) no-repeat;/* 5位のアイコン */
}
#topBox #rankingBox .inner .rank6 {
	background: url(../img/top/ico_rank6.gif) no-repeat;/* 6位のアイコン */
}
/* もっと見るBTN */
#topBox #rankingBox .bottom_ico{
	width: 90px;
	height: 29px;
	margin: 0 10px 0 auto;
}
/* ランキング詳細BTN */
#topBox #rankingBox .bottom_ico_detail{
	width: 115px;
	height: 29px;
	margin: 0 10px 0 auto;
}
/* 下部用 */
#topBox #rankingBoxBtm {
	width: 700px;
	height: 10px;
	background: url(../img/top/bg_ranking_d.gif) no-repeat;
}


/*---------------------------------------------------------------------------------------------
  コンペティションリザルト
---------------------------------------------------------------------------------------------*/
#topBox #com_res {
	width:700px;
	height: auto;
	margin: 20px 0 0 0;
}
#topBox #com_res h3{
	background-image: url(../img/top/tit_com-res.jpg);
	height: 30px;
	width: 700px;
	margin: 0 0 20px 0;
}
#topBox #com_res #inn {
	width:150px;
	height:auto;
	margin: 0 25px 0 0;
	float:left;
}
#topBox #com_res #ph {
	width:150px;
	height:auto;
	margin: 0 0 5px 0;
	text-align: center;
	background-color: #F9F9F9;
}
#topBox #com_res #tx {
	width:150px;
	height:auto;
	color:#633100;
	font-size:12px;
	line-height: 1.3em;
}
#topBox #com_res #tx .title a{
	color:#0066CC;
	font-weight: bold;
}
#topBox #com_res #tx .title a:hover{
	color:#0066CC;
	font-weight: bold;
	text-decoration: none;
}
#topBox #com_res #tx .sub_title{
	color:#0066CC;
}