@charset "utf-8";

@import "base.css";



/***************** top selector *****************/

.bnr1{
	float:left;
	margin-right:10px;
}
.bnr2{
	float:left;
	margin-right:10px;
}
.bnr3{
	float:left;
}
.present{
	margin-bottom:15px;
}
.presentTitle{
	width:252px;
	height:28px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -383px;
	margin-bottom:2px;
}
.presentWrap{
	border:solid 1px #D91A55;
	padding:20px 20px 10px;
$width:608px;
}
.presentBox1
,.presentBox2{
	float:left;
	width:290px;
	}
	.presentBox1{
		margin-right:20px;
}
.presentImg{
	float:left;
	width:100px;
}
.presentImg img{
}
.presentRight{
	float:left;
	width:190px;
}
.presentList{
	list-style:none;
	padding:0px;
	margin:0px 0px 10px;
	text-align:left;
	list-style-position:outside;
}
.blogCategory{
	margin-bottom:15px;
}
.bcTitle{
	width:252px;
	height:28px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -97px;
	margin-bottom:2px;
}
.bcTab{
	list-style:none;
	padding:0px;
	margin:0px 0px 0px;
	text-align:left;
	list-style-position:outside;
	border-bottom:1px solid #97B918;
	font-weight:bold;
	background:#F0F0F0;
}
.bcli{
	float:left;
_width:100px;
_white-space:nowrap;
}
.bgTabSpc{
	float:left;
	width:5px;
	height:28px;
	background-color:#F0F0F0;
	background-image:url(/img/cmn/tab_line.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.bgTabLast{
	clear:both;
	background:#F0F0F0;
$display:inline;
}
.bcTab a{
	height:22px;
	padding:5px 20px 1px;
	color:#333;
	display:block;
	overflow:hidden;
	text-align:center;
	text-decoration:none ! important;
	background:#F0F0F0;
}
.bcTab a:visited
,.bcTab a:active{
	color:#333;
}
.bcTabOn a{
	background:#97B918;
	color:#fff;
}
.bcTabOn2 a{
	background:#97B918;
	color:#fff ! important;
}
.bcBox{
	border:solid #97B918;
	border-width:0 1px 1px;
	padding:5px 5px 5px 2px;
	line-height:2;
}
/*
.bcBg1{
	background:url(/img/cmn/blogcategory_bg1.jpg) 0% 50% no-repeat;
}
.bcBg2{
	background:url(/img/cmn/blogcategory_bg2.jpg) 0% 50% no-repeat;
}
.bcBg3{
	background:url(/img/cmn/blogcategory_bg3.jpg) 0% 50% no-repeat;
}
.bcBg4{
	background:url(/img/cmn/blogcategory_bg4.jpg) 0% 50% no-repeat;
}
.bcBg5{
	background:url(/img/cmn/blogcategory_bg5.jpg) 0% 50% no-repeat;
}
.bcBg6{
	background:url(/img/cmn/blogcategory_bg6.jpg) 0% 0% no-repeat;
}
*/
.bcBg1,.bcBg2,.bcBg3
,.bcBg4,.bcBg5,.bcBg6{
	padding:0px 10px;
	display:none;
}
.bcBg{
	padding:0px 10px;
}
.bestShot{
	padding-bottom:10px;
}
.bsTitle{
	width:459px;
	height:47px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 0;
}
.bsPhoto{
	margin-top:5px;
	float:left;
	width:187px;
	background:url(/img/cmn/bestshot_bigframe.jpg) no-repeat;
	text-align:center;
	padding:40px 0 20px;
}
.bsPhoto img{
	width:165px;
	height:125px;
	border-color:#FFF;
}
.bsPhotoList{
}
.bsPhotoList img{
	width:72px;
	height:55px;
	border-color:#FFF;
}
.bsTxt{
	background:url(/img/cmn/bestshot_bg.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	padding:20px 20px 18px;
}
.bsRight{
	float:right;
	width:459px;
}
.recentMovie{
	margin-bottom:15px;
}
.rmBox{
	border:solid 1px #9AB617;
	padding:10px 12px;
$width:624px;
_width:617px;
}
.rmTitle{
	width:252px;
	height:28px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -537px;
}
.rmList
,.rmListLast{
	position:relative;
	float:left;
	margin-right:10px;
	}
	.rmListLast{
	margin-right:0px;
}
.rmList2{
	position:relative;
	float:left;
	text-align:center;
	width:145px;
	padding-bottom:10px;
}
.totalRanking{
	float:left;
	width:160px;
	margin-right:10px;
	margin-bottom:15px;
	background-color:#F2F8D4;
	background-position:0 -1024px;
}
.trTitle{
	width:160px;
	height:50px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -861px;
}
.trList{
	line-height:1.5;
	padding:0 10px 10px 12px;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:8px 0px;
}
.trList a{
	font-size:12px;
}
.tr1 {background-image:url(/img/cmn/tr1.jpg);}
.tr10{background-image:url(/img/cmn/tr10.jpg);}
.tr2 {background-image:url(/img/cmn/tr2.jpg);}
.tr3 {background-image:url(/img/cmn/tr3.jpg);}
.tr4 {background-image:url(/img/cmn/tr4.jpg);}
.tr5 {background-image:url(/img/cmn/tr5.jpg);}
.tr6 {background-image:url(/img/cmn/tr6.jpg);}
.tr7 {background-image:url(/img/cmn/tr7.jpg);}
.tr8 {background-image:url(/img/cmn/tr8.jpg);}
.tr9 {background-image:url(/img/cmn/tr9.jpg);}

.recentArticles{
	float:left;
	width:479px;
	margin-bottom:15px;
}
.raTitle{
	width:103px;
	height:26px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -461px;
	margin-bottom:2px;
}
.raBg{
	padding:10px;
	display:none;
}
.raBox{
	border:solid #97B918;
	border-width:0 1px 1px;
	padding:5px 5px 5px 2px;
	line-height:1.8;
	min-height:415px;
$width:470px;
}
.raTab1Data{
	float:left;
	width:30px;
	padding-top:2px;
}
.raTab1Title{
	float:left;
	width:190px;
	padding:0 10px 0 10px;
	overflow:hidden;
	font-size:12px;
}
.raTab1Txt{
	float:left;
	width:210px;
	overflow:hidden;
	padding-top:2px;
}
.raTab1Txt a{
	color:#000;
	text-decoration:none;
}
.raTab1Txt a:active {color:#000;text-decoration:none;}
.raTab1Txt a:visited{color:#000;text-decoration:none;}
.raTab1Txt a:link   {color:#000;text-decoration:none;}
.raTab1Txt a:hover  {color:#000;text-decoration:none;}

.recommendBlogs{
	margin-bottom:20px;
}
.rbTitle{
	width:252px;
	height:28px;
	background-image:url(/img/cmn/ttl.png);
	background-position:0 -615px;
	margin-bottom:2px;
}
.rbBox{
	border:solid #97B918;
	border-width:0 1px 1px;
	padding:20px 20px 5px;
	line-height:1.8;
$width:608px;
}
.rbBg{
	padding:0px;
	display:none;
}
.rbList
,.rbListLast{
	width:90px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}
	.rbListLast{
	margin-right:0px;
}
.rbTxt{
	line-height:1.5;
	text-align:center;
	font-size:10px;
}
.mobList{
	width:110px;
	text-align:center;
	float:left;
	padding-bottom:10px;
}


/***************** recent selector *****************/

.ptRecent{
	margin-top:5px;
	margin-right:20px;
	text-indent:-3000em;
	overflow:hidden;
	display:block;
	width:134px;
	height:26px;
	background-image:url(/img/cmn/pt_recent.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
}
.rcTitle{
	font-size:14px;
	font-weight:bold;
	padding:5px 2px;
	border-top:solid 2px #C6E23F;
	border-bottom:dotted 1px #CECECE;
	margin-bottom:10px;
}
.recentMenu{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	list-style-position:outside;
}
.recentGenre{
	display:block;
	float:left;
	text-align:left;
	margin:0px;
	padding:5px 10px 8px 10px;
}
.recentGenre a{
	text-decoration:underline;
}
.recentGenreSpace{
	display:block;
	float:left;
	width:20px;
	background:url(/img/cmn/rcdotline.jpg) no-repeat 50% 50%;
	padding:5px 0px 8px 0px;
}
.recentGenreOn{
	display:block;
	float:left;
	text-align:left;
	margin:0px;
	padding:5px 10px 8px 10px;
	background:url(/img/cmn/rcnavi_bg.jpg) no-repeat 50% 50%;
}
.recentGenreOn a{
	color:#fff ! important;
	text-decoration:none ! important;
	font-weight:bold;
}
.mobileAreaList{
	position:relative;
	float:left;
	text-align:center;
	width:130px;
}
.mobileAreaListLast{
	position:relative;
	float:left;
	text-align:center;
	width:130px;
}
.articleAreaList{
	padding:0 10px 3px;
	margin-bottom:3px;
}
.articleAreaListTitle{
	float:left;
	width:555px;
	border:solid 0px #000;
}
.articleAreaListImg{
	float:left;
	text-align:left;
	width:60px;
	border:solid 0px #000;
}
.videosAreaList{
	position:relative;
	float:left;
	text-align:center;
	width:122px;
	margin-right:10px;
	overflow:hidden;
}
.videosAreaListLast{
	position:relative;
	float:left;
	text-align:center;
	width:122px;
	overflow:hidden;
}
.videosAreaPlay{
	position:absolute;
	top:70px;
	left:100px;
}


/***************** recommend selector *****************/

.ptRecommend{
	margin-top:5px;
	margin-right:20px;
	text-indent:-3000em;
	overflow:hidden;
	display:block;
	width:195px;
	height:26px;
	background-image:url(/img/cmn/pt_recommend.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
}


/***************** popular selector *****************/

.ptPopular{
	margin-top:5px;
	margin-right:20px;
	text-indent:-3000em;
	overflow:hidden;
	display:block;
	width:195px;
	height:26px;
	background-image:url(/img/cmn/pt_popular.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
}
span.articlesRank{
	text-indent:-3000em;
	overflow:hidden;
	float:left;
	display:block;
	width:50px;
	height:25px;
}
span.articlesRank2{
	text-indent:0em;
	overflow:hidden;
	float:left;
	display:block;
	width:50px;
	height:25px;
	text-align:center;
	font-weight:bold;
	color:#F96680;
}
.aR   {text-indent:0em;}
.aR1  {background:url(/img/cmn/tr1.jpg) 50% 50% no-repeat;}
.aR1w {background:url(/img/cmn/tr1.jpg) 50% 50% no-repeat;}
.aR2  {background:url(/img/cmn/tr2.jpg) 50% 50% no-repeat;}
.aR2w {background:url(/img/cmn/tr2.jpg) 50% 50% no-repeat;}
.aR3  {background:url(/img/cmn/tr3.jpg) 50% 50% no-repeat;}
.aR3w {background:url(/img/cmn/tr3.jpg) 50% 50% no-repeat;}
.aR4  {background:url(/img/cmn/tr4.jpg) 50% 50% no-repeat;}
.aR4w {background:url(/img/cmn/tr4.jpg) 50% 50% no-repeat;}
.aR5  {background:url(/img/cmn/tr5.jpg) 50% 50% no-repeat;}
.aR5w {background:url(/img/cmn/tr5.jpg) 50% 50% no-repeat;}
.aR6  {background:url(/img/cmn/tr6.jpg) 50% 50% no-repeat;}
.aR6w {background:url(/img/cmn/tr6.jpg) 50% 50% no-repeat;}
.aR7  {background:url(/img/cmn/tr7.jpg) 50% 50% no-repeat;}
.aR7w {background:url(/img/cmn/tr7.jpg) 50% 50% no-repeat;}
.aR8  {background:url(/img/cmn/tr8.jpg) 50% 50% no-repeat;}
.aR8w {background:url(/img/cmn/tr8.jpg) 50% 50% no-repeat;}
.aR9  {background:url(/img/cmn/tr9.jpg) 50% 50% no-repeat;}
.aR9w {background:url(/img/cmn/tr9.jpg) 50% 50% no-repeat;}
.aR10 {background:url(/img/cmn/tr10.jpg) 50% 50% no-repeat;}
.aR10w{background:url(/img/cmn/tr10.jpg) 50% 50% no-repeat;}
.blogArea{
	margin-bottom:15px;
}
.blogAreaList{
	border-bottom:dotted 1px #d1d1d1;
	padding:0 10px 3px;
	margin-bottom:3px;
}
.articleAreaListTitle{
	border:solid 0px #000;
}
.recentTitleCategory{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:solid 2px #F68B92;
	font-weight:bold;
	font-size:14px;
}




/***************** tag selector *****************/

.ptTag{
	margin-top:5px;
	margin-right:20px;
	text-indent:-3000em;
	overflow:hidden;
	display:block;
	width:134px;
	height:26px;
	background-image:url(/img/cmn/pt_tag.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
}
.tagBoxArea{
	background:#F0F0F0 url(/img/cmn/tag.jpg) -14px -14px no-repeat;
}
.tagBoxArea2{
	background:url(/img/cmn/tag.jpg) 636px -14px no-repeat;
}
.tagBoxArea3{
	background:url(/img/cmn/tag.jpg) -14px 85px no-repeat;
}
.tagBoxArea4{
	padding-top:25px;
	height:75px;
	background:url(/img/cmn/tag.jpg) 636px 85px no-repeat;
	text-align:center;
}
.tagAbout{
	margin-bottom:20px;
	border:solid 1px #98B71D;
	background:#FEFEEB;
	padding:10px;
}
.tag-link{
	margin-bottom:40px;
}
.tag-link a{
	text-decoration:none ! important;
}
.tagMenu{
	width:20%;
	margin:0px;
	padding:5px;
	background:url(/img/portal/tagmenu_bg.jpg) bottom center;
	border-top:solid 1px #F85879;
	border-right:solid 0px #F85879;
	border-bottom:solid 1px #F85879;
	border-left:solid 1px #F85879;
	color:#fff;
	text-decoration:underline;
	text-align:center;
	cursor:pointer;
}
.tagMenuOn{
	width:20%;
	margin:0px;
	padding:5px;
	background:url(/img/portal/tagmenu_bg_on.jpg) bottom center;
	border-top:solid 1px #F85879;
	border-right:solid 0px #F85879;
	border-bottom:solid 1px #F85879;
	border-left:solid 1px #F85879;
	color:#000;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
.search-word{
	border-bottom:solid 1px #DDDDDD;
	padding-bottom:10px;
	margin-bottom:10px;
}
.article-list{
	margin-bottom:15px;
	background-image:url(/img/cmn/icon_clock.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
}
.article-list-txt{
	color:#8F8F8F;
	font-size:10px;
}
.article-list-txt a{
	color:#8F8F8F;
}
.article-list-txt a:hover{
	color:#000;
	text-decoration:underline;
}
.top{
	text-align:right;
	font-size:10px;
}


/***************** userblog selector *****************/

.monthList{
	padding:0px 5px;
	background:#EFEFEF;
	width:100%;
}
.monthList td{
	color:#86B0E1;
	text-align:center;
	font-weight:bold;
}
.monthList td a{
	color:#247FE2;
}
.monthList .year{
	color:#999;
}
.fileSelected{
	border:solid 1px #DADADA;
	background:#FEFEFE;
}
.monthList td.fileSelected a{
	display:block;
	color:#999;
	padding:3px 0;
}