@charset "utf-8";

/*
------------------------------------------------------------
TITLE　: TimeOut Cafe＆Diner [news.css]
------------------------------------------------------------
目次
・レイアウト
　・左コラム
　・右コラム
・フッタ
------------------------------------------------------------ */

/* ---------------------------------------------------------
レイアウト
------------------------------------------------------------ */
.subnaviouter{
	padding:0 0 6px 0;
	margin:0 0 24px 0;
	border-bottom: solid 1px #cccccc;
}

/*下線*/
h2.headtitle02{
	float:left;
}

h2.headtitle{
	padding:0 0 6px 0;
	margin:0 0 24px 0;
	border-bottom: solid 1px #cccccc;
}

/*黒バック*/
h2.subtitle{
	height:32px;
	background:#000000;
	padding:0;
	margin:0 0 30px 0;
	border:solid 1px #cccccc;
}

h3{
	font-size:14px;
	padding:0;
	margin:0 0 18px 0;
}

/*
サブナビゲーション
------------------------------------------------------------ */
#subnavi{
	float:right;
	width:134px;
	
	padding:8px 0 0 0;
}


#subnavi ul{
	width:134px;
	height:11px;
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat 0 0;
	padding:0;
	margin:0;
}

#subnavi ul li{
	float:left;
	height:11px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	
	margin:0;
}

#subnavi ul li a{
	height:11px;
	display:block;
	margin:43px 0 0 0;
}


/*news*/
#subnavi ul li.news a{
	width:57px;
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat 0 0;
	margin:0 15px 0 0;
}

#subnavi ul li.news a:hover{
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat 0 -20px;
}

body.news01 #subnavi ul li.news a{
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat 0 -20px;
}

/*event*/
#subnavi ul li.event a{
	width:61px;
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat -72px 0;
	margin:0;
}

#subnavi ul li.event a:hover{
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat -72px -20px;
}

body.news02 #subnavi ul li.event a{
	background:transparent url(../news/images/btn_news_subnavi.gif) no-repeat -72px -20px;
}


/*
レイアウト
------------------------------------------------------------ */
.newsouter{
	background:transparent url(../images/line_dot_1px.gif) repeat-x left bottom;
	padding:0 0 18px 0;
	margin:0 0 18px 0;
}

.newsouter img{
	float:left;
	display:block;
	background:#ffffff;
	border:solid 1px #cccccc;
	padding:3px;
	margin:0 1em 1em 0;
}

/*.newsouter .left{
	float:left;
	width:258px;
	padding:0 0 0 10px;
	margin:0;
}

.newsouter .left img{
	display:block;
	background:#ffffff;
	border:solid 1px #cccccc;
	padding:3px;
	margin:0;
}

.newsouter .right{
	padding:0 1em 0 0;
	margin:0;
}
*/