@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top Page
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Fla Box
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#fla_box{
	width:870px;
	padding:5px;
	overflow:hidden;
	background:url(../images/flabox_bg.gif) left top repeat;
	margin-bottom:15px;
}

#fla_box p,#fla_box ul{float:left;}

#fla_box li a{
	width:275px;
	text-indent:-99999px;
	display:block;
}

#fla_box #top_bnr01 a{
	height:65px;
	background:url(../images/main_btn01.gif) left top no-repeat;
}
#fla_box #top_bnr02 a{
	height:63px;
	background:url(../images/main_btn02.gif) left top no-repeat;
}
#fla_box #top_bnr03 a{
	height:63px;
	background:url(../images/main_btn03.gif) left top no-repeat;
}
#fla_box #top_bnr04 a{
	height:64px;
	background:url(../images/main_btn04.gif) left top no-repeat;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top_exp
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#top_exp{
	width:580px;
	margin:0 auto 20px;
	padding-top:25px;
	background:url(../images/expbox_top.gif) left top no-repeat #fef9e8;
}

#top_exp #exp_inner{
	padding-top:7px;
	background:url(../images/expbox_bottom.gif) left bottom no-repeat;
}

#top_exp span{color:#f96f00;}

#top_exp img{float:left;margin-right:5px;}

#top_exp p{
	color:#313131;
	font-size:80%;
	min-height:45px;
	height:auto !important;
	height:45px;
	padding:0 7px 10px;
}

#top_exp a{padding-bottom:1px;color:#e5004f;}
#top_exp a:hover{border-bottom:dashed 1px #e5004f;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top_bnrbox
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

.top_bnrbox{
	height:1%;
	margin-bottom:35px;
}
.top_bnrbox li{
	float:left;
	margin-right:9px;
	display:inline;
}

.top_bnrbox li img {vertical-align:bottom;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top_knowbox
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#top_knowbox{
	margin-bottom:10px;
	background:url(../images/know_bg.gif) left top no-repeat;
}

*:first-child+html #top_knowbox{height:1%;}

#top_knowbox h3{
	text-indent:-9999px;
	height:35px;
}

#top_knowbox ul{
	float:left;
	border:solid 1px #f0e4bd;
}


#top_knowbox #knowbox01{width:230px;}
#top_knowbox #knowbox02{width:178px;}
#top_knowbox #knowbox03{width:144px;}

#knowbox01,#knowbox02{padding:8px 0 8px 8px;}

/*-----+-----+-----+-----+-----+
+---+// Knowbox01
+-----+-----+-----+-----+-----*/

#knowbox01{
	margin-right:10px;
	border-top:solid 2px #0075a9 !important;
}

#knowbox01 a{padding-left:40px;}

#knowbox01 #level01 {background:url(../images/know_lv01.gif) left center no-repeat;margin-bottom:5px;}
#knowbox01 #level02 {background:url(../images/know_lv02.gif) left center no-repeat;margin-bottom:5px;}
#knowbox01 #level03 {background:url(../images/know_lv03.gif) left center no-repeat;}

/*-----+-----+-----+-----+-----+
+---+// Knowbox02
+-----+-----+-----+-----+-----*/

#knowbox02{
	border-top:solid 2px #b3d465 !important;
	padding-bottom:15px;
}

#knowbox02 #level04{
	padding-left:40px;
	background:url(../images/know_lv04.gif) left center no-repeat;
	margin-bottom:15px;
}

*:first-child+html #knowbox02 #menulist{margin-top:11px;margin-bottom:5px;}

/*-----+-----+-----+-----+-----+
+---+// Knowbox03
+-----+-----+-----+-----+-----*/

#knowbox03{
	padding-top:8px;
	height:104px;
	float:right;
	margin-top:-24px;
	background:url(../images/know_img.gif) left top no-repeat #fff !important;
}

#knowbox03 a{
	height:80px;
	width:98px;
	display:block;
	margin-left:11px;
	margin-top:10px;
	_margin-top:20px;
	text-indent:-9999px;
}

*:first-child+html #knowbox03 a{margin-top:20px;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Clinic Campaign
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#top_cam{
	text-indent:-9999px;
	height:34px;
	background:url(../images/top_cam_h.gif) left top no-repeat;
}

#cam_link{
	width:141px;
	min-height:16px;
	height:auto !important;
	height:16px;
	margin:-28px 0 20px 427px;
	padding:4px 0 0 25px;
	font-size:85%;
	background:url(../images/top_cam_a.gif) left top no-repeat #f2e8dc;	
}

#cam_link a{color:#313131; display:inline-block;}
#cam_link a:hover{color:#e73462;}


#top_cam_box{
	width:562px;
	padding:3px;
	margin:0 auto;
	border:solid 1px #f0e4bd;	
}

#top_cam_box img{vertical-align:top;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Tab List
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#tab_list{
	height:1%;
	background:url(../images/tab_bg.gif) left bottom repeat-x;
}

#tab_list li{float:left;}

#tab_list li a{
	width:83px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(../images/tab_btn.gif) 0 0 no-repeat;
	outline:none;
}

#tab_list #tab01{margin-left:5px;}
#tab_list #tab03{margin-left:6px;}

#tab_list #tab01 a{background:url(../images/tab_btn.gif) 0 -3px no-repeat;}
#tab_list #tab02 a{background:url(../images/tab_btn.gif) -88px -3px no-repeat;}
#tab_list #tab03 a{background:url(../images/tab_btn.gif) -177px -3px no-repeat;}

#tab_list #tab01 a:hover{background:url(../images/tab_btn.gif) 0 -34px no-repeat;}
#tab_list #tab02 a:hover{background:url(../images/tab_btn.gif) -88px -34px no-repeat;}
#tab_list #tab03 a:hover{background:url(../images/tab_btn.gif) -177px -34px no-repeat;}

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav #tab01.ui-tabs-selected a:link,
.ui-tabs-nav #tab01.ui-tabs-selected a:visited,
.ui-tabs-nav #tab01.ui-tabs-disabled a:link,
.ui-tabs-nav #tab01.ui-tabs-disabled a:visited {
    cursor: text;
	margin-top:-3px;
	height:31px;
	background:url(../images/tab_btn.gif) 0 -62px no-repeat !important;
}

.ui-tabs-nav #tab02.ui-tabs-selected a:link,
.ui-tabs-nav #tab02.ui-tabs-selected a:visited,
.ui-tabs-nav #tab02.ui-tabs-disabled a:link,
.ui-tabs-nav #tab02.ui-tabs-disabled a:visited {
    cursor: text;
	margin-top:-3px;
	height:31px;
	background:url(../images/tab_btn.gif) -88px -62px no-repeat !important;
}

.ui-tabs-nav #tab03.ui-tabs-selected a:link,
.ui-tabs-nav #tab03.ui-tabs-selected a:visited,
.ui-tabs-nav #tab03.ui-tabs-disabled a:link,
.ui-tabs-nav #tab03.ui-tabs-disabled a:visited {
    cursor: text;
	margin-top:-3px;
	height:31px;
	background:url(../images/tab_btn.gif) -177px -62px no-repeat !important;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Tab Box
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#tabbox {
	padding:20px 10px 10px;
	border-left:solid 1px #f0e4bd;
	border-right:solid 1px #f0e4bd;
	border-bottom:solid 1px #f0e4bd;
	margin-bottom:15px;
}

/*-----+-----+-----+-----+-----+
+---+// Ranking
+-----+-----+-----+-----+-----*/

#ranking h3{
	width:139px;
	height:18px;
	float:left;
	margin-left:8px;
	text-indent:-9999px;
	background:url(../images/rabk_h.gif) left top no-repeat;
}

#ranking p{
	color:#fff;
	float:right;
	width:75px;
	text-align:center;
	background:url(../images/parts_top.gif) left top no-repeat #e53462;
}

#ranking p span{
	display:block;
	font-size:90%;
	font-weight:bold;
	padding-top:1px;
	background:url(../images/parts_bottom.gif) left bottom no-repeat;
}

* html #ranking p span{padding-top:2px}
*:first-child+html #ranking p span{padding-top:0px}

#ranking dl{padding-top:20px;clear:both;}

#ranking dt{margin-left:8px;padding-top:8px;color:#6f7170;}
#ranking dt span{
	color:#e83461;
	font-weight:bold;	
	margin-right:10px;
}

#ranking #rank02,
#ranking #rank03{margin-top:5px;}

#ranking #rank01{border-bottom:dotted 1px #707070;background:url(../images/rank_icon01.gif) left top no-repeat;}
#ranking #rank02{border-bottom:dotted 1px #707070;background:url(../images/rank_icon02.gif) left top no-repeat;}
#ranking #rank03{background:url(../images/rank_icon03.gif) left top no-repeat;}


/*-----+-----+-----+-----+-----+
+---+// B_News
+-----+-----+-----+-----+-----*/

*:first-child+html #b_news ul{height:1%;}
*:first-child+html #update ul{height:1%;}

#b_news ul,#update ul{border-bottom:dotted 1px #707070;}

#b_news li,#update li{
	float:left;
	width:90px;
}

#b_news li.txt,
#update li.txt{width:148px;}