@charset "utf-8";
/* CSS Document */

#contents .right{
	width:680px;
	margin:0 0 30px !important;
	float:right;
	padding:0 20px 0 0;
}

#contents .commentary{
	background:url(../images/home/right_top_bg.gif) no-repeat center top;
	width:680px;
	height:144px;
	position:relative;
	margin:0 0 40px;
}

#contents .commentary img{
	width:100px;
	height:185px;
	position:absolute;
	top:-18px;
	left:25px;
}

#contents .commentary .box{
	width:370px;
	height:90px;
	position:absolute;
	top:20px;
	left:138px;
	color:#fff;
}

#contents .commentary .box h2{
	font-size:17px;
	padding:0 0 5px;
}

#contents .commentary .box p{
	line-height:1.6;
	font-size:14px;
}

#contents #searchArea{
	margin:0 0 15px;
}

#contents #searchArea h2{
	background:url(../images/home/border.gif) repeat-x left bottom;
	padding:0 0 5px;
	margin:0 0 20px;
}

.right .searchBox{
	background:url(../images/home/search_bg.gif) no-repeat;
	width:680px;
	height:46px;
	position:relative;
}

.right .searchBox h3{
	width:148px;
	height:29px;
	position:absolute;
	top:9px;
	left:14px;
}

.right .searchBox .txtArea{
	width:410px;
	height:31px;
	line-height:31px;
	position:absolute;
	top:8px;
	left:174px;
	padding:0 0 0 15px;
	font-size:14px;
	border:none;
}

.right .searchBox .searchBtn{
	width:65px;
	height:34px;
	position:absolute;
	top:7px;
	right:9px;
}

.right #rank{
	background:url(../images/home/rank_bg.gif) repeat center top;
	margin:0 0 25px;
}

.right #rank .top{
	background:url(../images/home/rank_top.gif) no-repeat;
	height:3px;
}

.right #rank .bottom{
	background:url(../images/home/rank_bottom.gif) no-repeat;
	height:4px;
}

.right #rank h2{
	margin:10px 0 10px 15px;
}

.right #rank table{
	width:660px;
	margin:0 auto 5px;
	background:#fff;
	border:1px solid #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
}

.right #rank table td{
	padding:10px 10px 10px 45px;
	width:220px;
}

.right #rank table .rank1{
	background:url(../images/home/no1.png) no-repeat 8px 45%;
}

.right #rank table .rank2{
	background:url(../images/home/no2.png) no-repeat 8px 45%;
}

.right #rank table .rank3{
	background:url(../images/home/no3.png) no-repeat 8px 45%;
}

.right #rank table .rank4{
	background:url(../images/home/no4.png) no-repeat 13px 50%;
}

.right #rank table .rank5{
	background:url(../images/home/no5.png) no-repeat 13px 50%;
}

.right #rank table .rank6{
	background:url(../images/home/no6.png) no-repeat 13px 50%;
}

.right #rank table .rank7{
	background:url(../images/home/no7.png) no-repeat 13px 50%;
}

.right #rank table .rank8{
	background:url(../images/home/no8.png) no-repeat 13px 50%;
}

.right #rank table .rank9{
	background:url(../images/home/no9.png) no-repeat 13px 50%;
}

.right #thema{
	width:700px;
}

.right #thema h2{
	background: url("../images/home/border.gif") repeat-x left bottom;
    margin: 0 0 20px;
    padding: 0 0 5px;
	width:680px;
	overflow:hidden;	
}

.right #thema h3{
	margin:8px 0 8px 10px;
}

.right #thema .themaArea{
	width:213px;
	float:left;
	padding:0 20px 0 0;
}

.right #thema .themaArea .themaBlock{
	width:199px;
	height:375px;
	margin:0 auto;
	padding:9px 0 0;
	background:url(../images/home/thema_bg.png) no-repeat;
}

.themaBlock .themaCategory{
	width:174px;
	height:34px;
	position:relative;
	margin:0 auto;
}

.themaCategory .leather{
	width:36px;
	height:51px;
	position:absolute;
	top:-6px;
	right:-8px;
}

.themaCategory .item{
	width:47px;
	height:39px;
	position:absolute;
	top:-7px;
	right:-6px;
}

.themaCategory .work{
	width:35px;
	height:50px;
	position:absolute;
	top:-5px;
	right:2px;
}

.themaCategory .culture{
	width:67px;
	height:45px;
	position:absolute;
	top:-7px;
	right:-6px;
}

.themaCategory .study{
	width:57px;
	height:42px;
	position:absolute;
	top:-2px;
	right:-7px;
}

.themaCategory .research{
	width:60px;
	height:39px;
	position:absolute;
	top:-8px;
	right:-8px;
}

.themaBlock ul{
	width:165px;
	margin:5px auto 0;
}

.themaBlock ul li{
	background:url(../images/home/icon_arow.gif) no-repeat 1px 6px;
	width:165px;
	margin:0 0 5px;
}

*:first-child+html .themaBlock ul li{
	margin:0 0 2px;
}

.themaBlock ul li a{
	display:block;
	background:url(../images/home/border.gif) repeat-x center bottom;
	padding:0 0 5px 23px;
}

.themaBlock ul .last a{
	background:none;
}
	

.bgRed .middle{
	background:url(../images/home/red_bg.gif) repeat center top;
}

.bgRed .head{
	background:url(../images/home/red_top.gif) no-repeat center top;
	height:4px;
	margin:0 !important;
}

.bgRed .bottom{
	background:url(../images/home/red_bottom.gif) no-repeat;
	height:4px;
}

.bgGreen .middle{
	background:url(../images/home/green_bg.gif) repeat center top;
}

.bgGreen .head{
	background:url(../images/home/green_top.gif) no-repeat center top;
	height:4px;
	margin:0 !important;
}

.bgGreen .bottom{
	background:url(../images/home/green_bottom.gif) no-repeat;
	height:4px;
}

.bgYellow .middle{
	background:url(../images/home/yellow_bg.gif) repeat center top;
}

.bgYellow .head{
	background:url(../images/home/yellow_top.gif) no-repeat center top;
	height:4px;
	margin:0 !important;
}

.bgYellow .bottom{
	background:url(../images/home/yellow_bottom.gif) no-repeat;
	height:3px;
}