@charset "utf-8";



/*  ------ Share Style -------------------------- */

@import url("share.css");



/*  ------ CSS -------------------------- */



*		{margin:0; padding:0;}



html		{overflow-y:scroll;}

table 		{border-collapse:collapse; border-spacing:0;}

hr,legend 	{display:none;}

h1,h2,h3,h4,h5,h6 	{font-size:100%; margin:0; padding:0;}

img,abbr,acronym,fieldset {border:0;}

li		{list-style-type:none;}



.clear 		{clear:both;}

.hidden 	{display:none;}



/*  ------ BASE -------------------------- */



#allframe 	{width:780px; margin:0 auto; padding:0; text-align:center;}



.cset		{text-align:center; vertical-align:top;}

.lset		{text-align:left;}

.lset1		{text-align:left; vertical-align:top;}

.lset2		{text-align:left; vertical-align:bottom;}

.rset		{text-align:right;}

.rset1		{text-align:right; vertical-align:top;}

.rset2		{text-align:right; vertical-align:bottom;}



/*  ------ HEADER -------------------------- */



#header		{width:800px; margin:0; padding:0; text-align:left;}



#head-lg	{float:left; width:380px; margin:0; padding:0;}



#toplist	{float:right; width:410px; margin:0; padding:5px 0 0 0;}



#toplist ul	{margin:0px; padding:0px; list-style-type:none; float:right;}

#toplist li	{display:inline; padding:0px; margin:0px; float:left;}





#mainnavi	{width:800px; margin:0; padding:0;}



#mainnavi ul	{margin:0; padding:0; list-style-type:none; float:left;}

#mainnavi li	{width:200px; display:inline; padding:0; margin:0; float:left;}





#dirframe	{width:800px; margin:0; padding:0; text-align:left;}

#dirLine 	{float:left; font-size:8pt; margin:0; padding:0; line-height:120%;}

#dirLine li	{float:left; font-size:8pt; color:#666666; list-style-type:none;}

#dirLine li a	{font-size:8pt; margin-right:5px; padding-right:10px;

		 background:url(../images/diricon.gif) no-repeat right center;}



/*  ------ INDEX FLASH -------------------------- */



#flash		{width:800px; height:220px; margin:0; padding:0;

		 background:url(../images/flash_bg.gif) no-repeat left;}

#flash .flalft		{float:left; width:560px; margin:0; padding:7px 0 0 9px;}

#flash .flargt		{float:right; width:220px; margin:0; padding:7px 9px 0 0;}

.flmain		{margin:0; padding:5px 0 0 5px;}

.flmain2	{margin:0; padding:5px 0 0 0;}



.bnrbtm		{width:286px; margin:0; padding:4px 0 0 0;}



/*  ------ INDEX BOTTLE -------------------------- */



#brandnavi	{width:800px; margin:0; padding-left:3px;}



#brandnavi ul	{margin:0; padding:0; list-style-type:none; float:left;}

#brandnavi li	{width:86px; display:inline; padding:0 0 0 2px; margin:0; float:left;}



#brsnavi	{width:800px; margin:0 0 6px 0; padding:0; text-align:center; color:#666666;}

#brsnavi li	{display:inline; margin:0; padding:0;}

#brsnavi li a	{margin:0; padding:0 3px; color:#444444;}



/*  ------ INDEX CALENDER -------------------------- */



#calentt	{width:190px; margin:0; padding:7px 0;

		 border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}

#calentt #month	{margin-left:1px; padding:2px 0 0 14px;

		 background:url(../images/calenicon.gif) no-repeat left;}

.calensub	{font-size:8pt; color:#666666; margin:0; padding:2px 0 2px 6px;}
.calensub2	{font-size:8pt; color:#666666; margin:0; padding:2px 0 2px 2px; line-height:1.6em;}
.calensub2 a	{font-size:8pt; color:#084da5; margin:0; padding:2px 0 2px 2px; text-decoration: none;}
.calensub2 a:hover	{font-size:8pt; color:#084da5; margin:0; padding:2px 0 2px 2px; text-decoration: none;}
.calensub2 a:link	{font-size:8pt; text-decoration:none; color:#666666;}
.calensub2 a:visited	{font-size:8pt; text-decoration:none; color:#666666;}
.calensub2 a:active	{font-size:8pt; text-decoration:underline; color:#084da5;}


.calentb	{width:180px; background-color:#aaaaaa;}

.calentb2	{width:180px; text-align:center;}

.calwek		{font-size:8pt; margin:0; padding:0; line-height:2.6em; color:#666633;

		 background-color:#cccccc;}

.caltd1		{font-size:8pt; margin:0; padding:0; line-height:2.4em; background-color:#efefef;}

.caltd2		{font-size:8pt; margin:0; padding:0; line-height:2.4em; background-color:#ffffff;}

.caltd3		{font-size:8pt; margin:0; padding:0; line-height:2.4em; background-color:#bbbb99;}



/*  ------ CONTENTS -------------------------- */

#ixcontener	{width:800px; margin:0; padding:0; text-align:left;}

#ixcont		{margin:0; padding:0;}

#ixcont #lside	{float:left; width:600px; margin:0; padding:0;}

#ixcont #lcont	{float:left; width:200px; margin:0; padding:0;}

#ixcont #ccont	{float:right; width:398px; margin:0; padding:0;}

#ixcont #rcont 	{float:right; width:200px; margin:0; padding:0;}



#ixcont #pgrct	{float:right; width:600px; margin:0; padding:0;}



/*  ------ LEFT MENU (INDEX) -------------------------- */



.lmfrm		{width:190px; margin:2px 0 0 0; padding:0; background-color:#efefef;}

#lctg		{width:190px; margin:0; padding:0;}

#lctg ul	{margin:0; padding:0; list-style-type:none;}

#lctg li	{margin:0;}

.lmnctg		{padding:0 6px 0 12px;}

.lmnsub		{padding:0 6px 0 20px;}



#lctg .dtline	{margin:0; padding:0;

		 background:url(../images/dot_bg.gif) repeat-x center;}

#lctg .dtline2	{margin:0; padding:0;

		 background:url(../images/dot_bg2.gif) repeat-x center;}



.lmfbtm		{width:190px; margin:2px 0 0 0; padding:0; border-top:solid 1px #cccccc;}



/*  ------ LEFT MENU (CTG) -------------------------- */



.sylist		{width:184px; margin:0; padding:4px 0 6px 6px; line-height:1.6em;}

.sylist ul	{margin:0; padding:0; list-style-type:none;}

.sylist .sylsub	{margin:0; padding:0 0 6px 3px;}



.hwnavi		{width:170px; margin:4px 4px 4px 8px; padding:3px; line-height:1.6em; border:solid 1px #999999;}

.hwnavi ul	{margin:0; padding:0; list-style-type:none;}

.hwnavi li	{margin:0; padding:2px 0 0 6px; text-decoration:underline;}



.search		{width:180px; margin:0; padding:4px 0 8px 4px;}



.btndv		{width:180px; margin:0; padding:8px 0;}



/*  ------ LEFT MENU (RECOMMENTD) -------------------------- */



#recom h2	{width:190px; margin:0; padding:0;}

#recom h3	{font-weight:normal; margin:0; padding:10px 0px 6px 2px; line-height:1.6em;}

#recom h4	{float:right; font-weight:normal; font-size:8pt;

		 width:115px; margin:0; padding:6px 5px 4px 0; line-height:1.6em;}

#recom p	{float:left; width:75px;}

#recom .recfrm	{clear:both;}

#recom .recph	{border:solid 1px #999999;}



/*  ------ LEFT MENU (RANKING) -------------------------- */



#rank h2	{width:190px; margin:0; padding:0;}

#rank h3	{font-weight:normal; margin:0; padding:10px 0px 6px 2px; line-height:1.6em;}

#rank h4	{float:right; font-weight:normal; font-size:9pt;

		 width:140px; margin:0; padding:6px 5px 0px 0; line-height:1.6em;}

#rank h4 p	{font-weight:normal; font-size:8pt;

		 width:140px; margin:0; padding:0px 7px 0px 0; line-height:1.6em; text-decoration:underline;}

#rank p	{float:left; width:50px;}

#rank .rankfrm	{clear:both;}

#rank .rankph	{padding:6px 0px 0px 0;}



/*  ------ INDEX CENTER -------------------------- */



#ccont .cbner	{width:390px; margin:0; padding:0 0 8px 0;}



.ixdtl		{width:580px; height:5px; margin:10px 0; padding:0;

		 background-image:url(../images/dot_bg.gif);}



#ccont .clbner	{float:left; width:190px; margin:0; padding:0 0 5px 0;}

#ccont .crbner	{float:right; width:190px; margin:0; padding:0 8px 5px 0;}



#ixnews		{width:380px; margin:0; padding:0 0 0 3px;}

.nwsub		{margin:5px 3px 3px 0px; padding:0px 4px; line-height:1.6em;}

.nwsub span	{font-size:0.9em; color:#444444; margin:0; padding:0 0 0 12px;}

.nwcom		{margin:0; padding:4px 0 6px 8px; line-height:1.4em;}



#newsf ul	{margin:0; padding:0; list-style-type:none;}

#newsf li	{padding:8px 0px 6px 0px; margin:0; width:550px; color:#666666;

		 border-bottom:dotted 1px #aaaaaa;}



#newsf li span	{margin:0; padding:0 0 0 8px;}



.newicon 	{background-color:#cccccc; font-size:8pt; margin:0; padding:2px 6px 0 6px;

		 text-decoration:none; color:#666666; }



.nolink 	{;}



.newbtn		{;}



/*  ------ RIGHT BANNER -------------------- */



#rstyle		{width:200px; margin:0; padding:0;}

#rstyle ul	{margin:0; padding:0; list-style-type:none;}

#rstyle li	{margin:1px 0 0 0; padding:0; line-height:1.0em;}

#rstyle>li	{line-height:1.6em;}

#rstyle .dtline	{margin:0; padding:0;

		 background:url(../images/dot_bg.gif) repeat-x center;}



/*  ------ PAGE DEFAULT -------------------- */



#pgtitle	{width:805px; margin:6px 0; padding:0; text-align:left;}

#pgtitle .pgtlft	{float:left; width:500px; margin:0; padding:0;}

#pgtitle .pgtrgt	{float:right; width:296px; height:170px; margin:0; padding:0;

			 background-color:#efefef;

		 	 background:url(../images/style/pgt_bg.gif) no-repeat;}

.pgtrb1		{float:left; width:294px; margin:0; padding-left:11px;}

#pgtop_s	{margin:0; padding-left:290px; padding-bottom:20px; text-align:right;}



/*  ------ BOTTOM MENU -------------------------- */



#pageTop	{width:800px; margin:0; padding:0; text-align:right;}

#btm-bar 	{width:800px; margin:0; padding:0; text-align:left; border-top:solid 1px #999999;

		 clear:both;}





#btmnavi 	{float:left; margin:0px; padding:0; line-height:260%;}

#btmnavi li	{font-size:8pt; color:#666666; float:left; list-style-type:none;}

#btmnavi li a	{font-size:8pt; margin-left:5px; padding-left:10px; float:left;

		 background:url(../images/diricon_r.gif) no-repeat left;}



/*  ------ FOOTER -------------------------------- */



#footer		{width:800px; margin:0; padding:0; text-align:left;

		 color:#555555; margin:0px; padding:0; text-align:left; line-height:160%;

		 background-color:#ffffff; background-image:url(../images/bg_foot.gif);

		 clear:both;}



#footer .lft	{float:left; width:600px; margin:0; padding:0;}

#footer .rgt	{float:right; width:165px; margin:0; padding:12px 0 0 0;}



#grpnavi	{width:600px; margin:0; padding-top:2px; font-size:9pt; color:#666666;}



#grpnavi ul	{float:left; margin:0px; padding:0px; list-style-type:none;}

#grpnavi li	{display:inline; padding:0px; margin:0px;}

#grpnavi li a	{font-size:9pt; color:#666666;}



#copyright	{width:800px; font-size:8pt; color:#666666; text-align:center; margin:0; padding:20px 0 20px 0;

		 line-height:180%; clear:both;}



/*  ------ Melmaga -------------------------------- */



#explain 	{width:580px; margin:2px 0; padding:6px 0 5px 0; background-color:#f1f1f1;}

.sub-title 	{padding:7px 0 10px 13px;}

#sub-group 	{border-bottom:dotted 1px #CCCCCC; padding:5px 15px;

		 background-color:#f1f1f1; clear:both;}

.label-txt 	{width:125px; color:#666666; margin-right:15px; padding:3px 0 2px 6px;

		 border-right:solid 3px #CCCCCC;

		 display: block; float: left;}

.fm_btn		{padding:6px 10px 6px 400px;}





/*  ---- BODY -------------------------- */



body		{font-size:9pt; color:#333333; margin:0px; padding:0; text-align:center;

		 background-color:#ffffff;

		 background:url("../images/bg.gif") repeat-x;}



/*  ---- Link -------------------------- */



a:link		{font-size:9pt; text-decoration:none; color:#666666;}

a:visited	{font-size:9pt; text-decoration:none; color:#666666;}

a:active	{font-size:9pt; text-decoration:underline; color:#cc0000;}

a:hover		{font-size:9pt; text-decoration:underline; color:#cc0000;}



a.lmn:link	{font-size:9pt; text-decoration:none; color:#444444;}

a.lmn:visited	{font-size:9pt; text-decoration:none; color:#444444;}

a.lmn:hover	{font-size:9pt; text-decoration:none; color:#cc0000;}



a.lmns:link	{font-size:8pt; text-decoration:underline; color:#444444;}

a.lmns:visited	{font-size:8pt; text-decoration:underline; color:#444444;}

a.lmns:hover	{font-size:8pt; text-decoration:none; color:#cc0000;}



a.lmr:link	{font-size:8pt; text-decoration:underline; color:#444444;}

a.lmr:visited	{font-size:8pt; text-decoration:underline; color:#444444;}

a.lmr:hover	{font-size:8pt; text-decoration:none; color:#cc0000;}



a.hwm:link	{font-size:9pt; text-decoration:underline; color:#444444;}

a.hwm:visited	{font-size:9pt; text-decoration:underline; color:#444444;}

a.hwm:hover	{font-size:9pt; text-decoration:none; color:#cc0000;}



a.nws:link	{font-size:9pt; text-decoration:underline; color:#cc0000;}

a.nws:visited	{font-size:9pt; text-decoration:underline; color:#cc0000;}

a.nws:hover	{font-size:9pt; text-decoration:none; color:#990000;}



a.nwn:link	{font-size:9pt; text-decoration:none; color:#cc0000;padding:0px 3px;}

a.nwn:visited	{font-size:9pt; text-decoration:none; color:#cc0000;padding:0px 3px;}

a.nwn:hover	{font-size:9pt; text-decoration:underline; color:#990000;padding:0px 3px;}



a.btm:link	{font-size:8pt; text-decoration:none; color:#666666; padding:0px 2px;}

a.btm:visited	{font-size:8pt; text-decoration:none; color:#666666; padding:0px 2px;}

a.btm:hover	{font-size:8pt; text-decoration:underline; color:#cc0000; padding:0px 2px;}