@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");


/* /////////////////////////////////////////////////////////////////////////// WebLiving */

/* ----------------------------------------------------- Sidebar */
#cmBn a{
	background-image: url(images/backnum_cmenu_h301.gif);
}

#sideBar .cMenu li a:link, #sideBar .cMenu li a:visited{
	background: url(images/backnum_cmenu_list01.gif) no-repeat 5px 0.75em;
}

#sideBar .cMenu li a:hover, #sideBar .cMenu li a:active{
	background: url(images/backnum_cmenu_list02.gif) no-repeat 5px 0.75em;
}

#sideBar .cMenu li.selected{
	background: url(images/backnum_cmenu_bg01.gif) repeat-x 0% 0%;
}


/* ----------------------------------------------------- Main */
#cMain h3{
	padding-bottom: 10px;
	font-size: 170%;
	font-weight: bold;
	line-height: 1.4;
	color: #ff5595;
}


/* ----------------------------------------------------- List */
.bnList{

}

.bnList li{
	margin-bottom: 7px;
	padding-top: 10px;
	zoom: 1;
	overflow: hidden;
}

.bnList .text{
	width: 555px;
	float: right;
}

.bnList .title{
	margin-bottom: 8px;
	padding: 0px 3px 3px 0px;
	border-bottom: 1px solid #ddd;
	zoom: 1;
	overflow: hidden;
}

.bnList .text h4{
	font-size: 117%;
	line-height: 1.5;
	font-weight: bold;
	float: left;
	width: 425px;
}

.bnList .text h4 a{
	text-decoration: none;
}

.bnList .text p.pubDate{
	color: #616161;
	text-align: right;
	float: right;
	width: 120px;
}

.bnList .text p.entry{
	margin-bottom: 5px;
}

.bnList .text .moreLink{
	text-align: right;
}

.bnList .text .moreLink a:link, .bnList .text .moreLink a:visited{
	padding-left: 10px;
	background: url(images/general_cmenu_list03.gif) no-repeat 0% 50%;
}

.bnList .text .moreLink a:hover, .bnList .text .moreLink a:active{
	background: url(images/general_cmenu_list04.gif) no-repeat 0% 50%;
}

.bnList li img{
	vertical-align: bottom;
	width: 80px;
	border-width: 2px;
	border-style: solid;
}

.bnList .photo{
	float: left;
	width: 85px;
}

.bnList .photo a:link img, .bnList .photo a:visited img{
	border-color: #ffdbdb;
}

.bnList .photo a:hover img, .bnList .photo a:active img{
	border-color: #ddd;
}


/* ----------------------------------------------------- Detail */
#currentBox, #extraBox{
	margin-bottom: 15px;
	padding-bottom: 23px;
	background: url(images/common_line02.gif) repeat-x 0% 100%;
}

#currentBox #thumb{
	width: 205px;
	float: left;
}

#currentBox #thumb img{
	width: 205px;
	border-width: 2px;
	border-style: solid;
}

#currentBox #thumb a:link img, #currentBox #thumb a:visited img, #extraBox li a:link img, #extraBox li a:visited img{
	border-color: #ffdbdb;
}

#currentBox #thumb a:hover img, #currentBox #thumb a:active img, #extraBox li a:hover img, #extraBox li a:active img{
	border-color: #ddd;
}

#currentBox #detail{
	width: 430px;
	float: right;
	line-height: 1.8;
}

#currentBox #detail h4{
	margin-bottom: 8px;
	font-size: 130%;
	line-height: 1.7;
	font-weight: bold;
	background: url(images/backnum_bg01.gif) no-repeat 0% 0%;
}

#currentBox #detail h5{
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 117%;
	line-height: 1.6;
	font-weight: bold;
	color: #f70;
	border-bottom: 1px solid #ddd;
}

#currentBox #detail h4 a{
	padding: 3px 10px 2px 10px;
	text-decoration: none;
	display: block;
	width: 410px;
	background: url(images/backnum_bg02.gif) no-repeat 0% 100%;
}

#extraBox h4{
	margin-bottom: 15px;
	font-size: 130%;
	line-height: 1.7;
	font-weight: bold;
	background: url(images/backnum_bg04.gif) no-repeat 0% 0%;
	color: #4f4f4f;
}

#extraBox h4 span{
	padding: 3px 10px 2px 10px;
	background: url(images/backnum_bg05.gif) no-repeat 0% 100%;
	display: block;
}
*html #extraBox h4 span{
	padding-bottom: 0;
}

#currentBox #extra{
	margin-top: 10px;
}

#currentBox #extra a{
	padding-left: 11px;
	background: url(images/common_list01.gif) no-repeat 1px 0.5em;
}

#bkCatalog{
	margin-bottom: 35px;
}

#bkCatalog h4{
	margin: 0px 0px 10px 5px;
}

#bkCatalog ul{
	margin-left: 2px;
	zoom: 1;
	overflow: hidden;
}

#bkCatalog ul li{
	margin: 0px 3px 5px 2px;
	padding: 5px;
	width: 200px;
	height: 80px;
	float: left;
	background: url(images/backnum_bg03.gif) no-repeat 0% 0%;
}

#bkCatalog ul li img{
	vertical-align: bottom;
	width: 54px;
	height: 80px;
}

#bkCatalog ul li div, #bkCatalog ul li p{
	display: table-cell;  
	vertical-align: middle;
}

/*for IE6 */
*html #bkCatalog ul li div, *html #bkCatalog ul li p{
	display: inline;
	zoom: 1;
}
/* End for IE6 */

/*for IE7 */
*:first-child+html #bkCatalog ul li div, *:first-child+html #bkCatalog ul li p{
	display: inline;
	zoom: 1;
}
/* End for IE7 */

#bkCatalog ul li div{
	width: 56px;
}

#bkCatalog ul li p{
	width: 140px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

#bkCatalog ul li p a, #extraBox li p a{
	text-decoration: none;
}

#extraBox li{
	margin-bottom: 15px;
	width: 130px;
	text-align: center;
	float: left;
}

#extraBox li img{
	vertical-align: bottom;
	width: 110px;
	border-width: 2px;
	border-style: solid;
}

#extraBox li p{
	margin-top: 1px;
	text-align: center;
}