@charset "utf-8";

/* ================ layout ================ */
#content {float:left; width:740px;}
#sideB {float:right; width:240px;}


/* ================ Module ================ */
.block {margin-bottom:10px; background-image:url(../images/index/side_body2.gif);}
.block #title {width:240px; height:29px; background-image:url(../images/index/side_title.gif); background-repeat:no-repeat;}
.block #body {padding:5px 15px; background-image:url(../images/index/side_body1.gif); background-repeat:no-repeat; font-size:15px;}
	.block #body h4 {border-bottom:1px dotted #ccc; color:#666;}
	.block #body ul {margin-bottom:5px;}
	.info #body {font-size:13px;}
	.info #body p {clear:both; margin-bottom:5px;}
	.info #body img {float:left; margin-right:3px; border:1px solid #ccc;}
.block #bottom {clear:both; height:4px; background-image:url(../images/index/side_bottom.gif); background-repeat:no-repeat;}
.block #more {padding:3px 15px 0; height:24px; background-image:url(../images/index/side_more.gif); background-repeat:no-repeat;}
.block #more a {padding-left:10px; background:url(../images/common/ico_arrow2.gif) 0 2px no-repeat;}
a.box {float:left; display:block; padding-top:8px; width:113px; height:168px; background:url(../images/index/mobile_bg.gif) -113px 0 no-repeat; text-align:center; font-size:12px; line-height:16px;}


/* ================ Tab ================ */
.tp-idx {margin-bottom:10px; width:740px;}
.tp-idx {background:url(../images/index/content_top1.gif) no-repeat;}
.tp-idx #top {clear:both; height:5px; background-image:url(../images/index/content_top2.gif); background-repeat:no-repeat;}
.tp-idx #bottom, .tp-idx #head-bottom {clear:both; height:5px; background-image:url(../images/index/content_bottom.gif); background-repeat:no-repeat;}
.tp-idx #bottom {background-position:0 0;}
.tp-idx #more {clear:both; padding:1px 10px 0 0; height:25px; background:url(../images/index/content_more.gif) no-repeat; text-align:right;}
.tp-idx #more a {padding-left:10px; background:url(../images/common/ico_arrow2.gif) 0 3px no-repeat;}
/*headline*/
.tp-head .head {float:left; margin-left:2px; _margin-left:1px; padding:5px 10px 0; width:298px;}
.tp-head .fLeft img {float:right; margin-left:3px;}
.tp-head ul {margin-left:10px; font-size:15px;}
.tp-head .forum {margin:5px 0 0 10px; padding:30px 0 5px; background:url(../images/index/forum_bg.gif) no-repeat;}
.tp-head a.btn-more {display:block; padding-right:5px; _padding-top:2px; width:67px; height:22px; background:url(../images/index/btn_more.gif) no-repeat;}

.tp-head .doc {margin:5px 10px 10px; width:400px; _width:390px;}
.tp-head .doc2 {margin:5px 10px 10px; width:350px; _width:340px;}
.tp-doc .doc {float:left; margin:5px 10px; width:350px; _width:345px;}
.tp-pro .doc {float:left; margin:5px 10px; width:415px;}
.tp-report .doc {margin:5px 10px; width:350px;}
.tp-report a.box {margin:3px 10px 0 0;}

.tp-doc img, .tp-pro img, .tp-report .fLeft img {float:left; margin-right:3px;}
.tp-pro .fLeft {display:block; margin-top:5px; padding:5px 10px 0; width:275px; height:125px; background:url(../images/index/content_pro_ad.gif) no-repeat; font-size:15px;}
.tp-mobile .tpc, .tp-mobile2 .tpc {padding-left:7px; _padding-left:3px;}
.tp-mobile a.box, .tp-mobile2 a.box {margin:5px 4px;}
.tp-rank .rank {float:left; margin:5px 10px; width:350px;}

.tp-idx .tptGroup {margin:0;}
.tp-idx .tpt, .tp-idx .tptHover {width:120px; background-image:url(../images/index/content_tab.gif); background-repeat:no-repeat; font-weight:bold; text-align:center; font-size:15px;}
.tp-idx .tpt {
	position:relative;
	float:left;
	margin-right:4px;
	padding-top:7px; *padding-top:9px;
	height:27px; *height:25px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-position:0 -34px;
	border:none;
	color: #777;
}
.tp-idx .tpt span {display:block; width:100%; height:100%; background-image:url(../images/index/content_tab.gif); background-repeat:no-repeat;}
.tp-idx .none {margin:0;}
.tp-idx .tptHover, .tp-idx .tptSelected {padding-top:5px; *padding-top:7px; height:29px; *height:27px;}
.tp-idx .tptHover {background-position:0 0; color:#036;}
.tp-idx .tptSelected {background-image:url(../images/index/content_tab.gif); background-repeat:no-repeat; font-weight:bold;}

.tp-idx .tpcGroup {clear:both; background:url(../images/index/content_body.gif) repeat-y;}
.tp-idx .tpc {clear:both; font-size:13px; line-height:20px;}

/* ================ Font ================ */
h3 {height:20px; background-image:url(../images/index/content_h3.gif);}
.tle-pro {background-position:0 0;}
.tle-full {margin-top:10px; background-position:0 -40px;}
.tle-wall {margin-top:10px; background-position:0 -120px;}
#sogi .tle-new {margin-top:10px; background-position:0 -140px;}
#threec .tle-new, #car .tle-new, #beauty .tle-new {margin-top:10px; background-position:0 -160px;}
.txt-mName {margin:0 2px; width:109px; height:48px;}
.txt-mName span {width:109px; height:48px; display:table-cell;text-align:center;vertical-align:middle;}
#content h4.subTitle {clear:both; margin:0 3px; padding-left:10px; height:20px; line-height:20px; background:#eee; border:1px solid #ccc; font-size:11px; font-weight:500;}

/* ================ Ad ================ */
.ad-idx-exc {padding:10px 0 15px; text-align:center;} /* 720x300 */
.ad-idx-exc img {width:728px; height:300px;}
.ad-idx-hor {margin-bottom:10px; text-align:center;} /* 728x90 */
.ad-idx-side {margin-bottom:10px;} /* 240x400 */

#sideB .ad-idx-google #body {text-align:center;}
.idx #sideB .ad-idx-google #body {text-align:center;}
.idx #sogi .ad-idx-google #title {background-position:-720px 0;}
.idx #threec .ad-idx-google #title {background-position:-720px -29px;}
.idx #car .ad-idx-google #title {background-position:-720px -58px;}
.idx #beauty .ad-idx-google #title {background-position:-720px -87px;}


/* ================ Custom ================ */
/* Sogi */
#sogi .block,
#sogi .block #body,
#sogi .block #bottom,
#sogi .block #more {background-position:0 0;}
#sogi .brand #title {background-position:0 0;}
#sogi .func #title {background-position:-240px 0;}
#sogi .info #title {background-position:-480px 0;}
#sogi .ad-idx-google #title {background-position:-720px 0;}
#sogi .tp-idx .tptSelected {background-position:0 0; color:#036;}
#sogi .tp-idx .tpt span {background-position:0 -73px;}
#sogi .tp-head .head {background:#eaf5fb;}
#sogi .tp-head #head-bottom {background-position:0 -5px;}
#sogi .tle-report {background-position:0 -20px;}
/* 3C */
#threec .block,
#threec .block #body,
#threec .block #bottom,
#threec .block #more {background-position:-240px 0;}
#threec .brand #title {background-position:0 -29px;}
#threec .func #title {background-position:-240px -29px;}
#threec .info #title {background-position:-480px -29px;}
#threec .ad-idx-google #title {background-position:-720px -29px;}
#threec .tp-idx .tptSelected {background-position:-120px 0; color:#036;}
#threec .tp-idx .tpt span {background-position:-120px -73px;}
#threec .tp-head #top {background-position:0 -10px;}
#threec .tp-head .head {background:#edf4f6;}
#threec .tp-head #head-bottom {background-position:0 -10px;}
#threec .tle-report {background-position:0 -60px;}
/* Car */
#car .block,
#car .block #body,
#car .block #bottom,
#car .block #more {background-position:-480px 0;}
#car .brand #title {background-position:0 -58px;}
#car .func #title {background-position:-240px -58px;}
#car .info #title {background-position:-480px -58px;}
#car .ad-idx-google #title {background-position:-720px -58px;}
#car .tp-idx .tptSelected {background-position:-240px 0; color:#333;}
#car .tp-idx .tpt span {background-position:-240px -73px;}
#car .tp-head #top {background-position:0 -15px;}
#car .tp-head .head {background:#e9e9e9;}
#car .tp-head #head-bottom {background-position:0 -15px;}
#car .tle-report {background-position:0 -80px;}
/* Beauty */
#beauty .block,
#beauty .block #body,
#beauty .block #bottom,
#beauty .block #more {background-position:-720px 0;}
#beauty .brand #title {background-position:0 -87px;}
#beauty .func #title {background-position:-240px -87px;}
#beauty .info #title {background-position:-480px -87px;}
#beauty .ad-idx-google #title {background-position:-720px -87px;}
#beauty .tp-idx .tptSelected {background-position:-360px 0; color:#903;}
#beauty .tp-idx .tpt span {background-position:-360px -73px;}
#beauty .tp-head #top {background-position:0 -20px;}
#beauty .tp-head .head {background:#fbeaf5;}
#beauty .tp-head #head-bottom {background-position:0 -20px;}
#beauty .tle-report {background-position:0 -100px;}