@charset "utf-8";
/* CSS Document */


/* Default Reset -----------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, table, caption, 
th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 0px;
}


/* Common -----------------------------------------------------------*/
html {
overflow-y:scroll;}

body{
font:12px/1.22 "Lucida Grande", Lucida, Verdana, sans-serif;
color:#333333;
background:url(../imgs/bg_body.gif) repeat-x;}

body#second{
background:url(../imgs/bg_second.gif) repeat-x left top;}

img { vertical-align:bottom; }

br{
letter-spacing:0;}

label{  
cursor: pointer;}

.left{
float:left;}

.right{
float:right;}

.clear{
clear:both;}

.dots{
	clear:both;
	width:100%;
	height:3px;
	background:url(../imgs/bg_list.gif) left center repeat-x;
	margin-bottom:15px;
}

#wrap{
text-align:center;}



/* Header -----------------------------------------------------------*/

#header{
width:950px;
height:auto;
margin:30px auto 20px auto;
padding:0 30px;
text-align:left;}

#header2{
width:950px;
height:auto;
margin:30px auto 14px auto;
padding:0 30px;
text-align:left;}

#news{
	width:310px;
	height:auto;
	float:right;
}

#header ul{
list-style:none;
font-size:10px;}

#header ul li{
background:url(../imgs/bg_list.gif) repeat-x left bottom;
padding:3px 0;
letter-spacing:0.1em;}

#news p {
margin-bottom:0px;}

#news ul li span{
color:#000000;
font-weight:bold;}

/* Main Flash -----------------------------------------------------------*/
#main_flash{
	margin-bottom:25px;
	width:100%;
	height:257px;
	background-color:#000000;
}

/* Top Contests -----------------------------------------------------------*/
#contents_top_wrap{
width:950px;
height:auto;
margin:0 auto;
padding:0 30px;}

#contents_top{
width:950px;
height:326px;
position:relative;
background-color:#E6E6E6;}

#columm{
	width:685px;
	height:100%;
	border-right:#C6C6C6 solid 1px;
	position:absolute;
	left: 0;
	top: 0px;
}

.columms{
	width:310px;
	height:auto;
	margin-bottom:20px;
	text-align:left;
	background-color:#FFFFFF;
	margin-right:20px;
	float:left;
}

.columms h2{
padding-bottom:5px;
display:block;
width:auto;
background-color:#e6e6e6;}

.columms_txt{
width:140px;
float:right;
padding:5px;}

.columms_txt p{
width:130px;
padding:5px;
height:70px;}

.columms_img{
width:auto;
padding:5px;
float:left;}

#info_area{
	width:218px;
	height:330px;
	position:absolute;
	top:0px;
	left:732px;
	background:url(../imgs/bg_carousel01.gif) left top no-repeat;
}

#scroll{
	display:block;
	width:216px;
	height:280px;
	margin:36px 0 17px 0;
}

#scroll ul{
display:inline-block;
list-style:none;
margin-top:5px;
}

#scroll ul li{
display:block;
width:175px;
height:70px;}

#scroll ul li.item01{
background:url(../imgs/carousel01_item01_on.gif) left top no-repeat;}
#scroll ul li.item02{
background:url(../imgs/carousel01_item02_on.gif) left top no-repeat;}
#scroll ul li.item03{
background:url(../imgs/carousel01_item03_on.gif) left top no-repeat;}
#scroll ul li.item04{
background:url(../imgs/carousel01_item04_on.gif) left top no-repeat;}

#scroll ul li.item01 a,
#scroll ul li.item02 a,
#scroll ul li.item03 a,
#scroll ul li.item04 a {
display:block;
width:175px;
height:70px;
text-decoration:none;}

#scroll ul li.item01 a:hover,
#scroll ul li.item02 a:hover,
#scroll ul li.item03 a:hover,
#scroll ul li.item04 a:hover {
background-color:transparent;}

#scroll ul li.item01 a:hover img,
#scroll ul li.item02 a:hover img,
#scroll ul li.item03 a:hover img,
#scroll ul li.item04 a:hover img {visibility:hidden;}

/* Second Contests -----------------------------------------------------------*/


#contents{
width:950px;
height:auto;
margin:0 auto;
padding:9px 30px 0 30px;
text-align:left;}

#main_contents{
width:750px;
height:auto;
padding-bottom:20px;
text-align:center;
float:right;
background-color:#d2d2d2;}

#main_contents h1{
display:block;
width:708px;
height:43px;
margin:0 auto 15px auto;
text-align:left;}

.cont_box{
width:708px;
height:auto;
margin:20px auto 0 auto;
background-color:#ffffff;}

.cont_box_inner{
	width:688px;
	height:auto;
	padding:15px 10px 10px 10px;
	text-align:left;
}

.cont_box_inner h3{
margin:0 0 8px 15px;}

.cont_txtbox_inner{
	margin:0 15px 15px 15px;
}

.cont_txtbox_innerR{
	width:320px;
	padding-right:15px;
	margin-bottom:15px;
	float:right;
}

.cont_txtbox_innerR2{
	width:425px;
	padding-right:15px;
	margin-bottom:15px;
	float:right;
}

.cont_txtbox_innerR3{
	width:320px;
	height:210px;
	padding-right:15px;
	margin-bottom:15px;
	float:right;
}

.cont_txtbox_inner p,
.cont_txtbox_innerR p,
.cont_txtbox_innerR2 p
.cont_txtbox_innerR3 p{
	margin-top:0px;
}

.cont_txtbox_inner p.paragraph,
.cont_txtbox_innerR p.paragraph,
.cont_txtbox_innerR2 p.paragraph,
.cont_txtbox_innerR3 p.paragraph{
	margin-top:9px;
}

.cont_txtbox_innerR3 p.bottom{
	bottom:0px;
	margin-bottom:0px;
	vertical-align: bottom;
}


.flv_double{
width:686px;
height:241px;
background-color:#000000;}

.flv_single{
width:342px;
height:240px;
background-color:#000000;
float:left;
margin:0 10px 5px 0;}

.cont_imgbox_inner{
width:auto;
height:auto;
float:left;
margin:0 0 5px 0;}
	
.cont_imgbox_inner img{
margin-bottom:15px;
}

.sample-img_area{
width:auto;
padding:5px 0;
background-color:#d9dbdc;
}

.sample-img_area ul{
list-style-type:none;
}

.sample-img_area ul li{
float:left;
margin-left:8px;}

/* for IE6 ---------------------*/
*html .sample-img_area ul li{
display:inline;}
/* /for IE6 ---------------------*/

.sample-img_area ul li img{
margin:0;
border:#FFFFFF 1px solid;}

.sample-img_area ul li a:hover img{
border:#000000 1px solid;
filter:alpha;}


.txt_list{
	height:auto;
	float:right;
	width: 360px;
}

.txt_list ul{
list-style-type:none;
margin:15px 0;}

.txt_list ul li{
background:url(../imgs/flag.gif) left top no-repeat;
padding:0 0 5px 1.5em;}

/* Sidemenu */
#sidemenu{
width:190px;
height:auto;
float:left;}

#sidemenu .parent1,
#sidemenu .parent2{
width:190px;
height:auto;
list-style-type:none;
margin-bottom:5px;
}

#sidemenu .parent1 li{
background-color:#000000;}

#sidemenu .parent1 li.m_advan{
width:190px;
height:42px;
vertical-align:bottom;}

#sidemenu .parent1 li.m_advan01{
background:url(../imgs/m_advan01_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_advan01 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_advan02{
background:url(../imgs/m_advan02_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_advan02 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_advan03{
background:url(../imgs/m_advan03_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_advan03 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_advan04{
background:url(../imgs/m_advan04_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_advan04 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}


#sidemenu .parent1 li.m_shootin{
width:190px;
height:42px;
vertical-align:bottom;}

#sidemenu .parent1 li.m_shootin01{
background:url(../imgs/m_shootin01_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_shootin01 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_shootin02{
background:url(../imgs/m_shootin02_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_shootin02 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_shootin03{
background:url(../imgs/m_shootin03_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_shootin03 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_more{
width:190px;
height:42px;
vertical-align:bottom;}

#sidemenu .parent1 li.m_more01{
background:url(../imgs/m_more01_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_more01 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_more02{
background:url(../imgs/m_more02_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_more02 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_more03{
background:url(../imgs/m_more03_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_more03 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent1 li.m_wlh{
width:190px;
height:42px;
vertical-align:bottom;}

#sidemenu .parent1 li.m_wlh01{
background:url(../imgs/m_wlh01_on.gif) left top no-repeat;}
#sidemenu .parent1 li.m_wlh01 a{
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu .parent2 li.m_advan{
background:url(../imgs/m_advan_on.gif) left top no-repeat;}
#sidemenu .parent2 li.m_advan a {
display:block;
width:190px;
height:42px;
text-decoration:none;}

#sidemenu .parent2 li.m_shootin{
background:url(../imgs/m_shootin_on.gif) left top no-repeat;}
#sidemenu .parent2 li.m_shootin a {
display:block;
width:190px;
height:42px;
text-decoration:none;}

#sidemenu .parent2 li.m_more{
background:url(../imgs/m_more_on.gif) left top no-repeat;}
#sidemenu .parent2 li.m_more a {
display:block;
width:190px;
height:42px;
text-decoration:none;}

#sidemenu .parent2 li.m_wlh{
background:url(../imgs/m_wlh_on.gif) left top no-repeat;}
#sidemenu .parent2 li.m_wlh a {
display:block;
width:190px;
height:42px;
text-decoration:none;}

#sidemenu .parent1 li.m_advan01 a:hover,
#sidemenu .parent1 li.m_advan02 a:hover,
#sidemenu .parent1 li.m_advan03 a:hover,
#sidemenu .parent1 li.m_advan04 a:hover,
/*-- --*/
#sidemenu .parent1 li.m_shootin01 a:hover,
#sidemenu .parent1 li.m_shootin02 a:hover,
#sidemenu .parent1 li.m_shootin03 a:hover,
/*-- --*/
#sidemenu .parent1 li.m_more01 a:hover,
#sidemenu .parent1 li.m_more02 a:hover,
#sidemenu .parent1 li.m_more03 a:hover,
/*-- --*/
#sidemenu .parent1 li.m_wlh01 a:hover,
/*-- --*/
#sidemenu .parent2 li.m_advan a:hover,
#sidemenu .parent2 li.m_shootin a:hover,
#sidemenu .parent2 li.m_more a:hover,
#sidemenu .parent2 li.m_wlh a:hover{background-color:transparent;}

#sidemenu .parent1 li.m_advan01 a:hover img,
#sidemenu .parent1 li.m_advan02 a:hover img,
#sidemenu .parent1 li.m_advan03 a:hover img,
#sidemenu .parent1 li.m_advan04 a:hover img,
/*-- --*/
#sidemenu .parent1 li.m_shootin01 a:hover img,
#sidemenu .parent1 li.m_shootin02 a:hover img,
#sidemenu .parent1 li.m_shootin03 a:hover img,
/*-- --*/
#sidemenu .parent1 li.m_more01 a:hover img,
#sidemenu .parent1 li.m_more02 a:hover img,
#sidemenu .parent1 li.m_more03 a:hover img,
/*-- --*/
#sidemenu .parent1 li.m_wlh01 a:hover img,
/*-- --*/
#sidemenu .parent2 li.m_advan a:hover img,
#sidemenu .parent2 li.m_shootin a:hover img,
#sidemenu .parent2 li.m_more a:hover img,
#sidemenu .parent2 li.m_wlh a:hover img {visibility:hidden;}

/* for IE6 ---------------------*/
*html #sidemenu .parent1 li{
display:inline;}
/* /for IE6 ---------------------*/

/* Carousel02 */
#info_area2{
width:720px;
height:100px;
padding-left:90px;
float:right;
background:url(../imgs/bg_carousel02.gif) left top no-repeat;}

#scroll2{
padding-left:10px;
width:auto;
height:70px;
margin:7px 0;}

#scroll2 ul{
display:inline-block;
list-style-type:none;}

#scroll2 ul li{
padding:0;
display:block;
width:175px;
height:70px;
float:left;
margin-top:8px;
}

#scroll2 ul li.item01{
background:url(../imgs/carousel01_item01_on.gif) left top no-repeat;}
#scroll2 ul li.item02{
background:url(../imgs/carousel01_item02_on.gif) left top no-repeat;}
#scroll2 ul li.item03{
background:url(../imgs/carousel01_item03_on.gif) left top no-repeat;}
#scroll2 ul li.item04{
background:url(../imgs/carousel01_item04_on.gif) left top no-repeat;}

#scroll2 ul li.item01 a,
#scroll2 ul li.item02 a,
#scroll2 ul li.item03 a,
#scroll2 ul li.item04 a {
display:block;
width:175px;
height:70px;
text-decoration:none;}

#scroll2 ul li.item01 a:hover,
#scroll2 ul li.item02 a:hover,
#scroll2 ul li.item03 a:hover,
#scroll2 ul li.item04 a:hover {
background-color:transparent;}

#scroll2 ul li.item01 a:hover img,
#scroll2 ul li.item02 a:hover img,
#scroll2 ul li.item03 a:hover img,
#scroll2 ul li.item04 a:hover img {visibility:hidden;}



/* Banner area */
#top_bnr_area{
	width:950px;
	height:auto;
	padding-top:10px;
}

#bnr_area{
	width:190px;
	height:auto;
	padding-top:20px;
	background:url(../imgs/bg_list.gif) left top repeat-x;
	margin-top: 20px;
}
#top_bnr_area p{
	margin-left:5px;
	padding-bottom:10px;
	float:right;
}

#bnr_area p{
	margin-bottom:5px;
	margin-left:5px;
}

/* Footer -----------------------------------------------------------*/
#footer{
padding-top:12px;
width:100%;
height:25px;
background-color:#FFFFFF;
text-align:center;
border-top:#c6c6c6 solid 1px;
}


/* Button & Banner & Pagetop & Visit Button-----------------------------------------------------------*/
.btn_img01{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more01_on.jpg) no-repeat left top;
float:left;}

.btn_img01 a{
display:block;
width:230px; 
height:178px;}

.btn_img02{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more02_on.jpg) no-repeat left top;
float:left;}

.btn_img02 a{
display:block;
width:230px; 
height:178px;}

.btn_img03{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more03_on.jpg) no-repeat left top;
float:left;}

.btn_img03 a{
display:block;
width:230px; 
height:178px;}

.btn_img04{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more04_on.jpg) no-repeat left top;
float:left;}

.btn_img04 a{
display:block;
width:230px; 
height:178px;}

.btn_img05{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more05_on.jpg) no-repeat left top;
float:left;}

.btn_img05 a{
display:block;
width:230px; 
height:178px;}

.btn_img06{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more06_on.jpg) no-repeat left top;
float:left;}

.btn_img06 a{
display:block;
width:230px; 
height:178px;}

.btn_img07{
width:230px; 
height:178px;
text-align:right;
background:url(../imgs/img_more07_on.jpg) no-repeat left top;
float:left;}

.btn_img07 a{
display:block;
width:230px; 
height:178px;}

.btn_img01 a:hover,
.btn_img02 a:hover,
.btn_img03 a:hover,
.btn_img04 a:hover,
.btn_img05 a:hover,
.btn_img06 a:hover,
.btn_img07 a:hover{
background-color:transparent;}

.btn_img01 a:hover img,
.btn_img02 a:hover img,
.btn_img03 a:hover img,
.btn_img04 a:hover img,
.btn_img05 a:hover img,
.btn_img06 a:hover img,
.btn_img07 a:hover img {
visibility:hidden;}

p.visit{
display:block;
width:100%; 
height:31px;
text-align:right;
background:url(../imgs/btn_visit_on.gif) no-repeat right top;}

p.visit a{
display:block;
width:254px; 
height:31px;
float:right;}

p.visit2{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_on.gif) no-repeat right top;}

p.visit2 a{
display:block;
width:254px; 
height:31px;
float:right;}

p.visit_more01{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more01_on.gif) no-repeat right top;}

p.visit_more02{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more02_on.gif) no-repeat right top;}

p.visit_more03{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more03_on.gif) no-repeat right top;}

p.visit_more04{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more04_on.gif) no-repeat right top;}

p.visit_more05{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more05_on.gif) no-repeat right top;}

p.visit_more06{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more06_on.gif) no-repeat right top;}

p.visit_more07{
display:block;
width:100%; 
height:31px;
margin-top:20px;
text-align:right;
background:url(../imgs/btn_visit_more07_on.gif) no-repeat right top;}

p.visit_more01 a,
p.visit_more02 a,
p.visit_more03 a,
p.visit_more04 a,
p.visit_more05 a,
p.visit_more06 a,
p.visit_more07 a{
display:block;
width:144px; 
height:31px;
float:right;}

p.visit a:hover,
p.visit2 a:hover,
p.visit_more01 a:hover,
p.visit_more02 a:hover,
p.visit_more03 a:hover,
p.visit_more04 a:hover,
p.visit_more05 a:hover,
p.visit_more06 a:hover,
p.visit_more07 a:hover {background-color:transparent;}

p.visit a:hover img,
p.visit2 a:hover img,
p.visit_more01 a:hover img,
p.visit_more02 a:hover img,
p.visit_more03 a:hover img,
p.visit_more04 a:hover img,
p.visit_more05 a:hover img,
p.visit_more06 a:hover img,
p.visit_more07 a:hover img {visibility:hidden;}

p.pagetop{
display:block;
width:708px; 
height:22px;
margin:0 auto;
text-align:right;
background:url(../imgs/pagetop_on.gif) no-repeat right top;}

p.pagetop  a{
display:block;
width:95px; 
height:22px;
float:right;}

p.pagetop a:hover {background-color:transparent;}
p.pagetop a:hover img {visibility:hidden;}

#top_bnr_area p.bnr02{
background:url(../imgs/bnr_top02_on.gif) no-repeat left top;
width:220px;
height:58px;
display:block;
}

#top_bnr_area p.bnr02 a {
display:block;
width:220px;
height:58px;
text-decoration:none;}

#top_bnr_area p.bnr02 a:hover {
background-color:transparent;}

#top_bnr_area p.bnr02 a:hover img {visibility:hidden;}

#top_bnr_area p.bnr01{
background:url(../imgs/bnr_top01_on.gif) no-repeat left top;
width:220px;
height:58px;
display:block;
}

#top_bnr_area p.bnr01 a {
display:block;
width:220px;
height:58px;
text-decoration:none;}

#top_bnr_area p.bnr01 a:hover {
background-color:transparent;}

#top_bnr_area p.bnr01 a:hover img {visibility:hidden;}

#info_area p.bnr_sec02{
background:url(../imgs/bnr_sec02_on.gif) no-repeat left top;
width:190px;
height:58px;
display:block;
}

#info_area p.bnr_sec02 a {
display:block;
width:190px;
height:58px;
text-decoration:none;}

#info_area p.bnr_sec02 a:hover {
background-color:transparent;}

#info_area p.bnr_sec02 a:hover img {visibility:hidden;}

#info_area p.bnr_sec01{
background:url(../imgs/bnr_sec01_on.gif) no-repeat left top;
width:190px;
height:58px;
display:block;
}

#info_area p.bnr_sec01 a {
display:block;
width:190px;
height:58px;
text-decoration:none;}

#info_area p.bnr_sec01 a:hover {
background-color:transparent;}

#info_area p.bnr_sec01 a:hover img {visibility:hidden;}

#sidemenu p.home{
background:url(../imgs/btn_home_on.gif) no-repeat left top;
width:190px;
height:39px;
display:block;
margin-bottom:10px;}

#sidemenu p.home a {
display:block;
width:190px;
height:39px;
text-decoration:none;}

#sidemenu p.home a:hover {
background-color:transparent;}

#sidemenu p.home a:hover img {visibility:hidden;}

#bnr_area p.bnr_sec02{
background:url(../imgs/bnr_sec02_on.gif) no-repeat left top;
width:190px;
height:58px;
display:block;
margin-top:5px;}

#bnr_area p.bnr_sec02 a {
display:block;
width:190px;
height:58px;
text-decoration:none;}

#bnr_area p.bnr_sec02 a:hover {
background-color:transparent;}

#bnr_area p.bnr_sec02 a:hover img {visibility:hidden;}

#bnr_area p.bnr_sec01{
background:url(../imgs/bnr_sec01_on.gif) no-repeat left top;
width:190px;
height:58px;
display:block;
margin-top:5px;}

#bnr_area p.bnr_sec01 a {
display:block;
width:190px;
height:58px;
text-decoration:none;}

#bnr_area p.bnr_sec01 a:hover {
background-color:transparent;}

#bnr_area p.bnr_sec01 a:hover img {visibility:hidden;}

.btn_detail {
background:url(../imgs/btn_detail01_on.gif) no-repeat left top;
width:140px;
height:26px;
display:block;
margin-top:5px;}

.btn_detail a {
display:block;
width:140px;
height:26px;
text-decoration:none;}

.btn_detail a:hover {
background-color:transparent;}

.btn_detail a:hover img {visibility:hidden;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html
.clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */