@charset "UTF-8";

@import url("base/font.css");
@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- MainArea */
#tPhoto{
	margin-bottom: 15px;
}


#tMain{
	margin: 15px 0px 0px 0px;
	width: 650px;
	float: left;
}

/* ----------------------------------------------------- CurrentIssue */
#currentIssue{
	margin-bottom: 15px;
	background: url(images/top_current_bg01.gif) no-repeat 0% 0%;
}

#currentIssue #inbox{
	padding-right: 2px;
	background: url(images/top_current_bg02.gif) no-repeat 0% 100%;
}

#currentIssue #inbox h2, #currentIssue #inbox p{
	display: table-cell;  
	vertical-align: middle;
}

#currentIssue #inbox h2 img{
	vertical-align: bottom;
}

/*for IE6 */
* html #currentIssue #inbox h2, *html #currentIssue #inbox p{
	display: inline;
	zoom: 1;
}
/* End for IE6 */

/*for IE7 */
*:first-child+html #currentIssue #inbox h2, *:first-child+html #currentIssue #inbox p{
	display: inline;
	zoom: 1;
}
/* End for IE7 */

#currentIssue #inbox h2{
	width: 144px;
}

#currentIssue #inbox p{
	width: 504px;
	font-size: 12px;
	line-height: 18px;
}

#currentIssue p a{
	text-decoration: none;
}

/* ----------------------------------------------------- Topics, Recommend, Culture, PickUp */
#topics{
	margin: 0px -10px 15px 0px;
}

#topics h2, #pickup h2{
	margin-bottom: 13px;
}

#topics ul{
	overflow: hidden;
	zoom: 1;
}

#topics ul li{
	margin-right: 10px;
	margin-bottom: 10px;
	zoom: 1;
	overflow: hidden;
	float: left;
	width: 210px;
}

#topics ul li .pic{
	width: 62px;
	float: left;
}

#topics ul li .pic img{
	border: 2px solid #ffdbdb;
	vertical-align: bottom;
	width: 58px;
}

#topics ul li .txt{
	width: 140px;
	float: right;
}

#topics ul li h3{
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 1.6;
}

#topics ul li h3 img{
	vertical-align: middle;
}

#topics ul li p{
	line-height: 1.6;
}

#culture{
	margin-bottom: 25px;
}

#culture li{
	margin-bottom: 0.2em;
	padding-left: 11px;
	background: url(images/common_list01.gif) no-repeat 1px 0.6em;
}

#culture p{
	text-align: right;
	font-size: 87%;
	line-height: 1.5;
}

#culture p a{
	padding: 0px 3px 0px 17px;
	background: url(images/common_link02.gif) no-repeat 3px 50%;
}

#pickup{
	margin-bottom: 15px;
}

#pickup ul li{
	width: 155px;
	float: left;
	display: inline;
}

#pickup ul li img{
	vertical-align: bottom;
}

#pickup ul li.mgr{
	margin-right: 10px;
}


/* ----------------------------------------------------- SideBar */
#tSideBar{
	margin-top: 15px;
	width: 210px;
	float: right;
}

#webLiving{
	margin-bottom: 15px;
	padding: 0px 5px 0px 9px;
	background: url(images/top_webliving_bg01.jpg) no-repeat 0% 100%;
	height: 161px;
}

#webLiving #thumb{
	width: 104px;
	float: left;
}

#webLiving #thumb img{
	width: 99px;
	border: 1px solid #e6e6e6;
}

#webLiving #btn{
	margin-top: 47px;
	width: 91px;
	float: right;
}

#webLiving p{
	margin: 0px 0px 21px 4px;
}

.mediaBnr{
	margin-bottom: 13px;
}

.mediaBnr li{
	margin-bottom: 6px;
	text-align: center;
}

.mediaBnr li img, #adBox li img, .mediaBnr li embed, .mediaBnr li object{
	vertical-align: bottom;
}

#adBox{
	margin-bottom: 15px;
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	height: 100%;
}

#adBox ul{
	margin-top: 5px;
}

#adBox ul li{
	padding-bottom: 5px;
}