@charset "utf-8";



/* TOP PAGE
==================================================*/
.main-iamge{
	margin: 0px 0px 9px;
	padding: 7px;
	background: #E0E0E0;
}

ul.diagnosis{
	margin: 0px 0px 11px;
	padding: 0px 0px 11px;
	list-style: none;
	height: 71px;
	border-bottom: 1px dashed #C1C1C1;
}

ul.diagnosis li{
	/*display: inline;*/
	float: left;
	margin: 0px;
	padding: 0px 7px 0px 0px;
}

.toppage h2{
	margin: 0px;
	padding: 0px;
}

ul.diagnosis li.last{
	padding-right: 0px;
}

.work-info{
	margin: 0px 0px 11px;
	padding: 0px 0px 11px;
	border-bottom: 1px dashed #C1C1C1;
}

.work-info h2{
	margin: 0px 0px 14px;
	padding: 0px;
}

.work-info dl{
	clear: both;
	margin: 0px;
	padding: 0px;
	min-height: 1.5em;
	line-height: 1.3;
}

/* Hack for IE6 */
*html .work-info dl{
	height: 1.5em;
}
/* end */

.work-info dt{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	width: 108px;
	background: url(../img/icon_arrow_brown.gif) no-repeat 0% 50%;
}

.work-info dd{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 360px;
}

.work-info dd img{
	margin-left: 5px;
	vertical-align: middle;
}

.toppage .top-menu{
	clear: both;
	margin: 0px 0px 13px;
	padding: 0px;
}

.toppage .top-menu div{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 235px;
}

.toppage .top-menu div.right{
	padding-left: 10px;
}

.toppage .top-menu h2{
	margin: 0px 0px 7px;
}

.toppage .top-menu div p{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*Hac for IE6 */
.toppage .top-menu div p img{
	float: left;
	margin: 3px 5px 5px 0px;
}
/* end */

.toppage .top-menu a:link,
.toppage .top-menu a:visited{
	text-decoration: none;
}

.toppage .top-menu a:hover{
	text-decoration: underline;
}


/*--- SIDE NAVI
---------------------------------------------------*/
#side-navi02{
	float: right;
	margin: 0px 0px 50px;
	padding: 0px;
	width: 190px;
}

#side-navi02 div{
	margin: 0px 0px 8px;
	padding: 0px;
}
#side-navi02 .info{
	background: #FED0D0
}

#side-navi02 .info h2{
	margin: 0px;
	padding: 0px;
}

#side-navi02 .info dl{
	margin: 0px;
	padding: 8px 9px 0px;
	width: 170px;
	border-left: 1px solid #F96A92;
	border-right: 1px solid #F96A92;
}

#side-navi02 .info dt{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-size: 0.8em;
	line-height: 1.3;
	background: url(../img/icon_arrow_brown.gif) no-repeat 0% 50%;
}

#side-navi02 .info dd{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	line-height: 1.3;
}

#side-navi02 .info p{
	margin: 0px;
	padding: 5px 8px 0px;
	min-height: 23px;
	font-size: 0.8em;
	line-height: 23px;
	text-align: right;
	background: #FED0D0 url(../img/info_bottom.gif) no-repeat 0% 100%;
}

/* Hack for IE6 */
*html #side-navi02 .info p{
	height: 23px;
}
/* end */

#side-navi02 .info p a{
	padding-left: 12px;
	background: url(../img/icon_arrow_brown.gif) no-repeat 0% 50%;
}

#side-navi02 .info p a:link,
#side-navi02 .info p a:visited{
	color: #FFFFFF;
}

#side-navi02 .info p a:hover{
	color: #FFFFFF;
	text-decoration: none;
}


#side-navi02 .whats-new{
	padding-bottom: 12px;
	background: #EBF8F2 url(../img/bg_whats_new_bottom.gif) no-repeat 0% 100%;
}

#side-navi02 .whats-new h2{
	margin: 0px;
	padding: 0px;
}

#side-navi02 .whats-new dl{
	margin: 0px;
	padding: 5px 9px;
	width: 170px;
	border-left: 1px solid #3FA991;
	border-right: 1px solid #3FA991;
}

#side-navi02 .whats-new dl.odd{
	background: #BDE6D2;
}

#side-navi02 .whats-new dt{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-weight: bold;
	line-height: 1.3;
	background: url(../img/icon_arrow_green.gif) no-repeat 0px 4px;
}

#side-navi02 .whats-new dt a:link,
#side-navi02 .whats-new dt a:visited{
	color: #269E83;
}

#side-navi02 .whats-new dt a:hover{
	color: #177E67;
	text-decoration: none;
}

#side-navi02 .whats-new dd{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-size: 0.8em;
}

#side-navi02 .whats-new dd.date{
	text-align: right;
}



/* FORM BOX
==================================================*/
.form-box{
	margin: 0px 0px 20px;
	padding: 0px;
	width: 624px;
	border-collapse: collapse;
}

.form-box th{
	margin: 0px;
	padding: 5px 10px;
	width: 130px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	background: #D1D1D1;
	border-right: 3px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.form-box tr.address th{
	width: 93px;
}

.form-box .address th.title{
	width: 1em;
	vertical-align: middle;
}

.form-box th span{
	padding-left: 2px;
	color: #D52B5A;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
}
.form-box .member_job span.require{
    padding-left: 2px;
    color: #D52B5A;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
}
.form-box .member_job dd{
  margin: 0px 0px 10px 5px;
  padding: 0px 0px 0px 0px;
}
.form-box .form_job_checkboxes label{
    display: block;
    float: left;
    width: 140px;
    margin: 0px;
    padding: 0px;
}
.form-box dt{
    clear: both;
}

.form-box td{
  clear: both;
	padding: 5px 10px;
	width: 454px;
	background: #ebebeb;
	border-bottom: 2px solid #FFFFFF;
}

#full-box .form-box td{
	width: 404px;
}

.form-box td span{
	font-size: 0.8em;
}

.form-box td span.name{
	padding-right: 3px;
}

.form-box label{
	padding-right: 15px;
	vertical-align: middle;
}

.form-box td p{
	margin: 0px;
	padding: 3px 0px 5px;
	font-size: 0.8em;
	width: 97%;
}

.form-box td p.agree-box{
	font-size: 1em;
	text-align: center;
}

.form-box td p.annotation{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3;
}

.form-box td input{
	margin-right: 3px;
	vertical-align: middle;
}

p.submit{
	clear: both;
	margin: 0px 0px 5px;
	padding: 0px;
	text-align: right;
}

p.submit-center{
	clear: both;
	margin: 0px 0px 5px;
	padding: 0px;
	text-align: center;
}

ul.submit{
	clear: both;
	margin: 0px 0px 5px;
	padding: 0px;
	width: 100%;
	height: 25px;
	list-style: none;
}

ul.submit li{
	margin: 0px;
	padding: 0px;
	width: 45%;
}

ul.submit li.back{
	float: left;
}

ul.submit li.next{
	float: right;
	text-align: right;
}


/*---------- poricy box ----------*/
#main-box .rule-box div{
	margin: 5px 0px 15px;
	padding: 10px;
	height: 150px;
	overflow: auto;
	background: #FFFFFF;
	border: 1px solid #A5ACB2;
}

#main-box .rule-box h2{
	margin: 0px 0px 10px;
	padding: 0px;
	color: #D52B5A;
	font-size: 1.2em;
	line-height: 1.3;
	background: none;
}

#main-box .rule-box p{
	margin-bottom: 10px;
	font-size: 1em;
}


/*---------- quit box ----------*/
.quit-box{
	margin: 0px 0px 20px;
	padding: 0px 25px 20px;
}

.quit-box p{
	margin-bottom: 20px;
}


/*---------- comp box ----------*/
.comp-box{
	margin: 0px 0px 20px;
	padding: 35px 25px 20px;
	background: #EBEBEB;
}

.comp-box p{
	margin: 0px 0px 15px;
	padding: 0px;
	line-height: 1.8;
}

.comp-button{
	text-align: center;
}



/* PAGING
==================================================*/
div.paging{
	clear: both;
	margin: 10px 0px 2px;
	padding: 0px;
	min-height: 1.5em;
/* hack for IE6 */
	_height: 1.5em;
/* end */
	color: #8B8B8B;
	background: url(../img/common/bg_paging.gif) no-repeat;
}

.paging p {
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
}

.paging p span {
	padding: 0px 0px 0px 5px;
}

.paging ul{
	float: right;
	margin: 0px;
	padding: 0px 0px 5px;
}

.paging ul li{
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #474747;
	text-align: center;
}

.paging ul li span{
	padding: 0px 4px;
}

.paging ul li u{
	text-decoration: none;
}

.paging ul li a:link,
.paging ul li a:visited{
	color: #8B8B8B;
	font-weight: normal;
}

.paging ul li a:hover{
	color: #F8537F;
}



/* BBS
==================================================*/
.bbs h2{
	font-size: 1%;
	text-indent: -9999px;
	min-height: 41px;
	background: url(../img/maintitle_bbs.gif) no-repeat;
}


/*--- FORUM
---------------------------------------------------*/
.bbs .thread-image{
	margin: 0px 0px 10px;
	padding: 0px;
}

.bbs h3{
	margin-bottom: 20px;
}

.bbs dl.example{
	margin: 0px 0px 20px;
	padding: 13px 0px 0px;
	border-top: 1px solid #C1C1C1;
}

.bbs dl.example dt{
	margin: 0px;
	padding: 0px;
	color: #D52B5A;
}

.bbs dl.example dd{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}

.bbs dl.example dd span{
	color: #D52B5A;
	font-weight: bold;
}

.bbs .forum{
	margin: 0px;
	padding: 0px;
}

.bbs .forum dl{
	margin: 0px 0px 13px;
	padding: 0px 0px 13px;
	border-bottom: 1px dashed #C1C1C1;
}

.bbs .forum dt{
	float: right;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 420px;
	min-height: 45px;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: bold;
}

/* Hack for IE6 */
*html .bbs .forum dt{
	height: 45px;
}
/* end */

.bbs .forum dt a:link,
.bbs .forum dt a:visited{
	color: #D52B5A;
}

.bbs .forum dt a:hover{
	color: #C91C4C;
	text-decoration: none;
}

.bbs .forum dd{
	margin: 0px;
	padding: 0px;
}

.bbs .forum dd.image{
	float: left;
	margin-right: 13px;
	width: 190px;
}

.bbs .forum dd.thread{
	float: right;
	width: 420px;
}

.bbs .forum dd.thread span{
	color: #D52B5A;
}

.bbs .forum dd.date{
	float: left;
	width: 336px;
}

.bbs .forum dd.button{
	float: right;
	width: 84px;
}


/*--- THREAD
---------------------------------------------------*/
.bbs .thread-title{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 684px;
	background: url(../img/maintitle_thread.gif) no-repeat;
}

.bbs .thread-title h2{
	background: none;
	width: 60px;
	height: 41px;
}

.bbs .thread-title p{
	margin: -55px 0px 0px;
	padding: 0px 13px 8px 101px;
	width: 570px;
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 1.3;
	background: url(../img/bg_bbs_title_bottom.gif) no-repeat 0% 100%;
}

/* Hack for IE6 */
*html .bbs .thread-title p{
	border-bottom: 1px solid #FFFFFF;
}
/* end */

/* Hack for IE6 */
*+html .bbs .thread-title p{
	border-bottom: 1px solid #FFFFFF;
}
/* end */

.bbs .thread-title p strong{
	display: block;
	padding-left: 13px;
	background: url(../img/icon_triangle.gif) no-repeat 0px 5px;
}

.bbs .back-bbs{
	margin: -5px 0px 20px;
	padding: 0px 0px 0px 12px;
	background: url(../img/icon_triangle_pink.gif) no-repeat 0% 50%;
}

.bbs .new-thread-top{
	margin: -43px 0px 25px;
	padding: 0px 7px 0px 0px;
	text-align: right;
}

.bbs .new-thread{
	clear: both;
	margin: 0px 0px 40px;
	padding: 5px 0px 0px;
	text-align: right;
}

.bbs .thread-list{
	margin: 0px;
	padding: 10px 0px 0px;
	border-top: 1px dashed #C1C1C1;
}

.bbs .thread-list .thread-box{
	margin: 0px 0px 10px;
	padding: 10px 0px;
	width: 624px;
	border-bottom: 1px dashed #C1C1C1;
}

.bbs .thread-list .thread-box p.title{
	float: left;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	width: 533px;
	color: #D52B5A;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	background: url(../img/icon_thread.gif) no-repeat 0px 2px;
}

.bbs .thread-list .thread-box p.title a{
	color: #D52B5A;
}

.bbs .thread-list .thread-box p.title a:hover{
	color: #C91C4C;
	text-decoration: none;
}

.bbs .thread-list .thread-box p.delete{
	float: right;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 53px;
}

/* Hack for IE6 */
*html .bbs .thread-list .thread-box p.title,
*html .bbs .thread-list .thread-box p.delete{
	margin: 0px;
}
/* end */

.bbs .thread-list .thread-box p.text{
	clear: both;
	margin: 0px 0px 20px 18px;
	padding: 0px;
}

.bbs .thread-list .thread-box ul{
	margin: 0px 0px 0px 18px;
	padding: 0px;
	list-style: none;
}

.bbs .thread-list .thread-box li{
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
}

.bbs .thread-list .thread-box li.name{
	margin-right: 10px;
	width: 235px;
}

.bbs .thread-list .thread-box li.comment{
	width: 100px;
	text-align: right;
}

.bbs .thread-list .thread-box li.name span,
.bbs .thread-list .thread-box li.comment span{
	color: #D52B5A;
}

.bbs .thread-list .thread-box li.date{
	margin-right: 10px;
	width: 160px;
	text-align: right;
}

.bbs .thread-list .thread-box li.button{
	width: 91px;
}

/*---------- THREAD DELETE ----------*/
.bbs .thread-delete,
.bbs .comment-delete{
	border: none;
	padding: 0px;
}

.bbs .thread-delete .thread-box,
.bbs .comment-list .thread-box{
	margin: 0px 0px 37px;
	padding: 20px 30px 20px 15px;
	width: 577px;
	border: 1px solid #C1C1C1;
}

.bbs .thread-delete .thread-box li.name,
.bbs .comment-list .thread-box li.name{
	width: 285px;
}

.bbs .thread-delete .thread-box li.date,
.bbs .comment-list .thread-box li.date{
	float: right;
	margin-right: 0px;
}

.bbs .thread-delete-comp{
	border: none;
}

.bbs .thread-delete-comp p{
	margin-bottom: 50px;
	text-align: center;
}

.bbs .thread-form{
	margin: 0px;
	padding: 0px;
}

.bbs .thread-form td.title{
	font-weight: bold;
}

.bbs .thread-form dl{
	margin: 40px 0px 30px;
	padding: 0px;
}

.bbs .thread-form dt{
	margin: 0px 0px 3px;
	padding: 0px;
	color: #D52B5A;
}

.bbs .thread-form dd{
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 1em;
	font-size: 0.8em;
	text-indent: -1em;
}

.bbs .thread-form dd span{
	color: #D52B5A;
	font-weight: bold;
}

/*---------- COMMENT LIST ----------*/
.bbs .comment-list{
	border: none;
	padding: 0px;
}

.bbs .comment-list p.no-comment{
	margin: 0px;
	padding: 100px 10px;
}

.bbs .thread-list .comment-box{
	margin: 0px;
	padding: 10px 0px 0px;
	border-top: 1px dashed #C1C1C1;
}

.bbs .thread-list .comment-box div{
	margin: 0px 0px 10px;
	padding: 10px 0px 10px 18px;
	width: 606px;
	border-bottom: 1px dashed #C1C1C1;
}

.bbs .thread-list .comment-box div p.title{
	float: left;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	width: 515px;
	color: #D52B5A;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	background: url(../img/icon_comment.gif) no-repeat 0px 2px;
}

.bbs .thread-list .comment-box div p.title a{
	color: #D52B5A;
}

.bbs .thread-list .comment-box div p.title a:hover{
	color: #C91C4C;
	text-decoration: none;
}

.bbs .thread-list .comment-box div p.delete{
	float: right;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 53px;
}

/* Hack for IE6 */
*html .bbs .thread-list .comment-box div p.title,
*html .bbs .thread-list .comment-box div p.delete{
	margin: 0px;
}
/* end */

.bbs .thread-list .comment-box div p.text{
	clear: both;
	margin: 0px 0px 20px 18px;
	padding: 0px;
}

.bbs .thread-list .comment-box div ul{
	margin: 0px 0px 0px 18px;
	padding: 0px;
	list-style: none;
}

.bbs .thread-list .comment-box div li.name{
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
	width: 442px;
}

.bbs .thread-list .comment-box div li.name span{
	color: #D52B5A;
}

.bbs .thread-list .comment-box div li.date{
	float: right;
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
	width: 140px;
	text-align: right;
}

.bbs .thread-list .comment-delete p.title{
	background: url(../img/icon_comment.gif) no-repeat 0px 2px;
}

.bbs .thread-list .comment-delete div li.date{
	width: 120px;
}

.bbs .thread-list .comment-delete div li.name{
	margin-right: 0px;
	width: 420px;
}

.report{
	margin: 0px 0px 0px 30px;
	padding: 10px 30px;
	background: #E9E9E9;
}

.report p.text{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 480px;
}

.report p.button{
	float: right;
	margin: 1.5em 0px 0px;
	padding: 0px;
	width: 86px;
}



/* DIAGNOSIS
==================================================*/
.diagnosis h2{
	margin: 0px 0px 6px;
	padding: 0px;
}

.diagnosis p.lead{
	margin: 0px 0px 25px;
	padding: 2px 0px 0px 27px;
	line-height: 1.8;
	background: url(../img/icon_diagnosis.jpg) no-repeat;
}

#question{
	margin: 0px 0px 22px;
	padding: 0px;
	border-top: 3px solid #C1C1C1;
	border-bottom: 3px solid #C1C1C1;
}

#question dl{
	margin: 0px;
	padding: 10px 0px;
	width: 624px;
	border-bottom: 1px dashed #C1C1C1;
}

#question dt{
	float: left;
	width: 22px;
	height: 22px;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

.industry dt{
	background: url(../img/bg_no_industry.jpg) no-repeat;
}

.jobtype dt{
	background: url(../img/bg_no_jobtype.jpg) no-repeat;
}

.category dt{
	background: url(../img/bg_no_category.jpg) no-repeat;
}

#question dd{
	margin: 0px 0px 0px 22px;
	padding: 2px 0px 0px 5px;
}

#question dd.select{
	clear: both;
	text-transform: uppercase;
}

#question dd.select span{
	padding-left: 3em;
}

#question dd.select p.error span{
	padding: 0px;
	font-size: 0.8em;
}

#question dl.last{
	border: none;
}

.diagnosis .result-title{
	margin: 0px 0px 20px;
	padding: 0px 0px 7px 27px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../img/icon_diagnosis.jpg) no-repeat 0px 3px;
	border-bottom: 3px solid #C1C1C1;
}

.diagnosis .result-title span{
	color: #D52B5A;
	font-size: 1.2em;
}

.diagnosis-result{
	margin: 0px auto 20px;
	padding: 0px;
	width: 396px;
}

.diagnosis-result p.image{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 396px;
}

.diagnosis-result p.text{
	margin: 10px 0px 50px;
	padding: 0px;
	width: 396px;
}

.diagnosis-result p.button{
	margin: 0px;
	padding: 0px;
	width: 373px;
	height: 19px;
	text-align: right;
}

.diagnosis .regist{
	clear: both;
	margin: 0px;
	padding: 30px 0px 0px;
	text-align: right;
	border-top: 1px dashed #C1C1C1;
}



/* RANKING
==================================================*/
.ranking .ranking-lead{
	position: relative;
	margin: 0px 0px 20px;
	padding: 0px;
	min-height: 184px;
	background: url(../img/bg_ranking_image.jpg) no-repeat 100% 0%;
}

/* Hack for IE6 */
*html .ranking .ranking-lead{
	height: 184px;
}
/* end */

.ranking .ranking-lead p{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 350px;
}

.ranking .ranking-lead p.title{
	color: #D52B5A;
	font-size: 1.4em;
	line-height: 1.3;
}

.ranking .ranking-lead p.text{
	margin-bottom: 0px;
	line-height: 1.6;
}

.ranking .ranking-lead p.none{
	padding-top: 80px;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
}

.ranking .ranking-lead p.button{
	position: absolute;
	top: 150px;
	right: 10px;
	margin: 0px;
	width: 209px;
	height: 25px;
}

.ranking .ranking-lead p.vote_period{
	position: absolute;
	top: 109px;
	right: 23px;
	margin: 0px;
	padding: 30px 0px 0px;
	width: 209px;
	height: 35px;
	text-align: center;
	background: url(../img/vote_period.jpg) no-repeat;
}

.ranking h3{
	margin-bottom: 15px;
}

.ranking .entry{
	margin: 0px;
	padding: 0px;
}

.ranking .entry table{
	margin: 0px 0px 20px;
	padding: 0px;
	width: 624px;
	border-collapse: collapse;
}

.ranking .entry td{
	padding: 10px;
}

.ranking .entry td.vote{
	padding: 0px;
	vertical-align: bottom;
}

.ranking .entry td.vote img{
	display: block;
	margin: 0px;
	padding: 0px;
}

.ranking .entry td.vote span{
	display: block;
	margin: 0px;
	padding: 0px 0px 10px 5px;
}

.ranking .entry td.image{
	text-align: center;
	vertical-align: top;
}

.ranking .entry td.image img{
	border: 1px solid #DEDEDE;
}

.ranking .entry td.explanation{
	padding-left: 0px;
	min-height: 195px;
	vertical-align: top;
}

/* Hack for IE6 */
*html .ranking .entry td.explanation{
	height: 195px;
}
/* end */

.ranking .entry td.explanation p{
	margin: 0px;
	padding: 10px 10px 0px;
	width: 320px;
}

.ranking .entry td.explanation p.title{
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
}

.ranking .entry td.explanation p.text{
	padding-bottom: 65px;
}

.ranking .entry td.buy{
	height: 16px;
	text-align: right;
}

/*---------- ENTRY01 ----------*/
.ranking .entry table.entry01{
	background: #D3C0E2 url(./../img/bg_vote_entry01.gif) repeat-y 0px 0px;
}

.ranking .entry table.entry01 td.vote{
	background: url(./../img/bg_vote_entry01_top.gif) no-repeat;
}

.ranking .entry table.entry01 td.vote span{
	background: url(./../img/bg_vote_entry01_bottom.gif) no-repeat 0% 100%;
}

.ranking .entry table.entry01 td.explanation p.title{
	color: #A13976;
	background: #ECE1FD url(./../img/bg_vote_entry01_exp_top.gif) no-repeat;
}

.ranking .entry table.entry01 td.explanation p.text{
	background: #ECE1FD url(./../img/bg_vote_entry01_exp.gif) no-repeat 0% 100%;
}

/*---------- ENTRY02 ----------*/
.ranking .entry table.entry02{
	background: #EABDBE url(./../img/bg_vote_entry02.gif) repeat-y 0px 0px;
}

.ranking .entry table.entry02 td.vote{
	background: url(./../img/bg_vote_entry02_top.gif) no-repeat;
}

.ranking .entry table.entry02 td.vote span{
	background: url(./../img/bg_vote_entry02_bottom.gif) no-repeat 0% 100%;
}

.ranking .entry table.entry02 td.explanation p.title{
	color: #DE5360;
	background: #F5E3E3 url(./../img/bg_vote_entry02_exp_top.gif) no-repeat;
}

.ranking .entry table.entry02 td.explanation p.text{
	background: #F5E3E3 url(./../img/bg_vote_entry02_exp.gif) no-repeat 0% 100%;
}

/*---------- ENTRY03 ----------*/
.ranking .entry table.entry03{
	background: #DFDE9F url(./../img/bg_vote_entry03.gif) repeat-y 0px 0px;
}

.ranking .entry table.entry03 td.vote{
	background: url(./../img/bg_vote_entry03_top.gif) no-repeat;
}

.ranking .entry table.entry03 td.vote span{
	background: url(./../img/bg_vote_entry03_bottom.gif) no-repeat 0% 100%;
}

.ranking .entry table.entry03 td.explanation p.title{
	color: #A3A033;
	background: #F4F5E3 url(./../img/bg_vote_entry03_exp_top.gif) no-repeat;
}

.ranking .entry table.entry03 td.explanation p.text{
	background: #F4F5E3 url(./../img/bg_vote_entry03_exp.gif) no-repeat 0% 100%;
}

.ranking .submit{
	text-align: center;
}


.ranking .ranking-result{
	margin: 0px 0px 30px;
	padding: 0px;
}

.ranking .ranking-result table{
	margin: 0px 0px 15px;
	padding: 0px;
	width: 624px;
	border-collapse: collapse;
}

.ranking .ranking-result table td{
	padding: 0px 10px 10px;
	border-bottom: 1px dashed #B1B1B1;
}

.ranking .ranking-result table td.image{
	padding: 0px 0px 10px;
	width: 125px;
	text-align: center;
}

.ranking .ranking-result table td.explanation{
	border: none;
}

.ranking .ranking-result table td.explanation p{
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

.ranking .ranking-result table td.explanation p.title{
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.3;
}

.ranking .ranking-result table td.explanation p.numerically{
	float: left;
	width: 50px;
}

.ranking .ranking-result table td.explanation p.graph{
	float: left;
}

.ranking .ranking-result table td.buy{
	height: 16px;
	text-align: right;
}

/*---------- ENTRY01 ----------*/
.ranking .ranking-result table.entry01 td.explanation p.title{
	color: #A13976;
}

.ranking .ranking-result table.entry01 td.explanation p.graph{
	background: #D3C0E2;
}

/*---------- ENTRY02 ----------*/
.ranking .ranking-result table.entry02 td.explanation p.title{
	color: #DE5360;
}

.ranking .ranking-result table.entry02 td.explanation p.graph{
	background: #EABDBE;
}

/*---------- ENTRY03 ----------*/
.ranking .ranking-result table.entry03 td.explanation p.title{
	color: #A3A033;
}

.ranking .ranking-result table.entry03 td.explanation p.graph{
	background: #DFDE9F;
}

.ranking .ranking-now{
	text-align: right;
}



/* NEWS
==================================================*/
.news-list{
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 3px solid #C1C1C1;
	border-bottom: 3px solid #C1C1C1;
}

.news-list dl{
	margin: 0px;
	padding: 10px 0px;
	width: 624px;
	border-bottom: 1px dashed #C1C1C1;
}

.news-list dl.last{
	border: none;
}

.news-list dt{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	width: 100px;
	background: url(../img/icon_arrow_brown.gif) no-repeat 0% 50%;
}

.news-list dd{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 512px;
}


/* LOGIN
==================================================*/
#login{
	margin: 0px auto;
	padding: 0px;
	width: 500px;
}


#login .form-box{
	margin-bottom: 10px;
	width: 500px;
}

#login .form-box td{
	width: 330px;
}

#login p.pass{
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: right;
}

#login p.submit{
	text-align: center;
}



/* MESSAGE
==================================================*/
#message-box{
	margin: 30px 0px 50px 30px;
	padding: 0px;
	width: 624px;
}

#message-box p{
	margin: 0px 0px 20px;
	padding: 35px 25px;
	line-height: 2em;
	background: #EBEBEB;
}

#message-box p.comp-button{
	margin: 0px;
	padding: 0px;
	background: none;
}



/* LIST
==================================================*/
.list-lead{
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 1.3em;
	color: #D52B5A;
}

.list-lead img{
	margin-right: 5px;
	vertical-align: middle;
}

.list-box{
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top: 1px dashed #CBCBCB;
}

.list-box div{
	clear: both;
	margin: 0px;
	padding: 12px 0px 2px;
	border-bottom: 1px dashed #CBCBCB;
    width:100%;
}

.list-box p{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 10px;
	width: 216px;
	text-align: center;
}

.list-box div dl{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 390px;
}

.list-box dt{
	margin: 0px 0px 15px;
	padding: 0px;
	float: right;
	width: 390px;
}

.list-box dt a{
	font-weight: bold;
	color: #D52B5A;
}

.list-box dt a:hover{
	text-decoration: none;
}

.list-box dd{
	clear: right;
	margin: 0px 0px 10px;
	padding: 0px;
}

.list-box dd ul{
	margin: 0px;
	padding: 10px 0px 0px;
	list-style: none;
}

.list-box dd li{
	margin: 0px;
	padding: 0px;
	width: 49%;
}

.list-box dd li.date{
	float: left;
}

.list-box dd li.btn{
	float: right;
	text-align: right;
}

/*---------- NO IMAGE ----------*/
.list-box div.no-image dl,
.list-box div.no-image dt,
.list-box div.no-image dd,
.list-box div.no-image table{
	width: 100%;
}



/* STEPUP
==================================================*/
.stepup-lead{
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 1.2em;
	color: #D52B5A;
}

.stepup-lead img{
	margin: 0px 5px 2px 0px;
	vertical-align: middle;
}


/* DOWNLOAD BOX
==================================================*/
.download-box{
	position: relative;
	margin: 0px 0px 5px;
	padding: 10px 0px;
	border-top: 1px dashed #CBCBCB;
}

.download-box div{
	margin: 0px;
	padding: 10px 0px;
	width: 624px;
	background: url(../img/bg_download.gif) repeat-y;
}

.download-box p.button{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 149px;
	text-align: center;
}

/* Hack */
:root .download-box p.button{
	float: none;
	position: absolute;
	top: 50%;
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

*+html .download-box p.button{
	float: none;
	position: absolute;
	top: 50%;
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

*html .download-box p.button{
	position: absolute;
	top: 50%;
	margin: -10px 0px 0px 0px;
	padding: 0px;
}
/* end */

.download-box p.text{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 460px;
	line-height: 1.8;
}

/* Hack for Mac Safari */
html*.download-box p.text{
	margin: 0px 0px 0px 149px;
}
/* end */

/* Hack for IE6 */
*html .download-box p.text{
	margin: 0px;
}
/* end */

.box p.movie-text{
	margin: 0px 0px 15px;
	padding-top: 15px;
	line-height: 1.8;
	border-top: 1px dashed #CBCBCB;
}

.box p.movie{
	margin: 0px;
	text-align: center;
}



/* BODY
==================================================*/
.body{
	line-height: 1.7;
}

.body h1{
	color: #4D4D4D;
	font-size: 2em;
}

.body h2{
	margin-bottom: 15px;
	padding: 0px;
	color: #4D4D4D;
	font-size: 1.8em;
	line-height: 1.3;
	background: none;
}

.body h3{
	margin-bottom: 15px;
	padding: 0px;
	color: #D52B5A;
	font-size: 1.2em;
	line-height: 1.3;
	background: none;
}

.body h4{
	margin-bottom: 15px;
	color: #4D4D4D;
	font-size: 1.2em;
	line-height: 1.3;
}

.body h5{
	margin-bottom: 15px;
	color: #4D4D4D;
	font-size: 1.2em;
	line-height: 1.3;
}

.body h6{
	margin: 0px 0px 15px;
	color: #4D4D4D;
	font-size: 1.2em;
	line-height: 1.3;
}

.body div{
	margin: 0px 0px 30px;
	padding: 0px;
}

.body p{
	margin: 0px 0px 10px;
	padding: 0px;
}

.body th{
	font-weight: normal;
}