@charset "utf-8";

/* Navigation styles */
#wcnavi .contents_inner{ width: 804px; margin: 10px auto;}
#wcnavi h4#headline01{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/image/navigation_headline01.gif) 0 0 no-repeat;}
#wcnavi h4#headline02{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/image/navigation_headline02.gif) 0 0 no-repeat;}

#naviicons{ float: right; margin-left: 1em;}


#wcnavi #bigcap01{background:url(../../navigation/image/navigation_bigcap01.gif) 0 0 no-repeat;
width: 350px; height: 32px; }
#wcnavi #bigcap02{background:url(../../navigation/image/navigation_bigcap02.gif) 0 0 no-repeat;
width: 350px; height: 32px; }


#wcnavi #ex01 h5{ background: url(../../navigation/image/navigation_cap01.gif) 0 0 no-repeat;
width:380px; height: 63px; margin-top: 0px; margin-bottom: 10px;}
#wcnavi #ex01 p{ width: 380px;}
#wcnavi #ex01 img{ float: right; margin-left: 1em;}


#wcnavi ul#navi_function li{ width: 155px; display: inline; float: left; margin-top: 20px;}

#wcnavi li#ex02{ margin-right: 40px;}
#wcnavi li#ex02 h5{ background: url(../../navigation/image/navigation_cap02.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 10px;}

#wcnavi li#ex03{ margin-right: 0px;}
#wcnavi li#ex03 h5{ background: url(../../navigation/image/navigation_cap03.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 10px;}

#wcnavi li#ex04{ margin-right: 40px;}
#wcnavi li#ex04 h5{ background: url(../../navigation/image/navigation_cap04.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 10px;}



#wcnavi li#ex05 h5{ background: url(../../navigation/image/navigation_cap05.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 10px;}
#wcnavi li#ex06 h5{ background: url(../../navigation/image/navigation_cap06.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 0px;}
#wcnavi li#ex07 h5{ background: url(../../navigation/image/navigation_cap07.gif) 0 0 no-repeat;
width: 155px; height: 30px; margin-bottom: 0px;}



#wcnavi #ex08 img{ float: right; margin-left: 1em; margin-top: 20px;}
#wcnavi li#ex08 h5{ margin-top: 20px;}

#wcnavi li#ex09 h5{ background: url(../../navigation/image/navigation_cap08.gif) 0 0 no-repeat;
width: 383px; height: 30px; margin-bottom: 0px; margin-top: 30px;}
#wcnavi li#ex10 h5{ background: url(../../navigation/image/navigation_cap09.gif) 0 0 no-repeat;
width: 383px; height: 30px; margin-bottom: 0px; margin-top: 30px;}

/* ---------Left and Right frame---------- */
#wcnavi .frameL{ width: 350px; float: left; padding-bottom: 30px;}
#wcnavi .frameR{ width: 383px; float: right; padding-bottom: 30px; }





/* Premium Club styles */
#wcpc .contents_inner{ width: 804px; margin: 10px auto;}
#wcpc h4#headline01{ width: 840px; height: 55px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline01.gif) 0 0 no-repeat;}

#wcpc h4#headline02{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 0px;
background: url(../../navigation/premium-club/image/pc_headline02.gif) 0 0 no-repeat;}
#wcpc h4#headline03{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline03.gif) 0 0 no-repeat;}
#wcpc h4#headline04{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline04.gif) 0 0 no-repeat;}
#wcpc h4#headline05{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline05.gif) 0 0 no-repeat;}
#wcpc h4#headline06{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline06.gif) 0 0 no-repeat;}
#wcpc h4#headline07{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../navigation/premium-club/image/pc_headline07.gif) 0 0 no-repeat;}

#wcpc .bordergray{ border: 1px solid #808080;}
#wcpc .borderpadding {padding: 15px;}

#wcpc #ex01{margin-top: 30px;}
#wcpc #ex01 img{ float: left; margin-right: 1em;}

#wcpc #ex02 #ex02L{float: left; margin-right: 0.5em;}
#wcpc #ex02 #ex02R{float: right; margin: 0;}
#wcpc #ex02 #ex02R p{ width: 200px;}

#wcpc #ex03{ margin-top: 0px;}
#wcpc #ex03 #ex03L{float: left; width:487px; margin-right: 5px;}
#wcpc #ex03 #ex03R{float: right; width:270px; margin: 0;}
#wcpc #ex03 p{ padding-top: 10px;}

#wcpc #ex04, #wcpc #ex05{ width: 315px;}

#wcpc #ex04 h5{ background: url(../../navigation/premium-club/image/pc_cap02.gif) 0 0 no-repeat;
width: 315px; height: 50px; margin-bottom: 10px;}

#wcpc #ex06{ float: left; width: 315px;}
#wcpc #ex07{ float: right; width: 442px;}

#wcpc #ex06 h5{ background: url(../../navigation/premium-club/image/pc_cap04l.gif) 0 0 no-repeat;
width: 315px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex07 h5{ background: url(../../navigation/premium-club/image/pc_cap04r.gif) 0 0 no-repeat;
width: 442px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex08 h5{ background: url(../../navigation/premium-club/image/pc_cap05.gif) 0 0 no-repeat;
width: 315px; height: 25px; margin-bottom: 10px; margin-top: 20px; float: left;}
#wcpc #ex08 img{float: right; padding-top: 10px;}

#wcpc #ex09 h5{ background: url(../../navigation/premium-club/image/pc_cap06.gif) 0 0 no-repeat;
width: 804px; height: 25px; margin-bottom: 10px; }

#wcpc #ex101112L{ width: 515px; float: left;}
#wcpc #ex101112R{ width: 240px; float: right;}
#wcpc #ex101112R img{ margin-top: 20px;}

#wcpc #ex10 h5{ background: url(../../navigation/premium-club/image/pc_cap07.gif) 0 0 no-repeat;
width: 515px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex11 h5{ background: url(../../navigation/premium-club/image/pc_cap08.gif) 0 0 no-repeat;
width: 515px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex12 h5{ background: url(../../navigation/premium-club/image/pc_cap09.gif) 0 0 no-repeat;
width: 515px; height: 25px; margin-bottom: 10px; margin-top: 20px;}

#wcpc #ex13 h5{ background: url(../../navigation/premium-club/image/pc_cap10.gif) 0 0 no-repeat;
width: 804px; height: 25px; margin-bottom: 10px; margin-top: 10px;}

#wcpc #ex14 h5{ background: url(../../navigation/premium-club/image/pc_cap11.gif) 0 0 no-repeat;
width: 350px; height: 25px; margin-bottom: 10px; margin-top: 10px;}
#wcpc #ex14 img{ float: right; margin-left: 1em; margin-top: 0px;}
#wcpc #ex14 p{ width: 360px;}

#wcpc #ex15 h5{ background: url(../../navigation/premium-club/image/pc_cap12.gif) 0 0 no-repeat;
width: 804px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex15 p{ width: 400px;}

#wcpc #ex16 h5{ background: url(../../navigation/premium-club/image/pc_cap13.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex17 h5{ background: url(../../navigation/premium-club/image/pc_cap14.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex18 h5{ background: url(../../navigation/premium-club/image/pc_cap15.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}

#wcpc #ex20 h5{ background: url(../../navigation/premium-club/image/pc_cap17.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex21 h5{ background: url(../../navigation/premium-club/image/pc_cap18.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex22 h5{ background: url(../../navigation/premium-club/image/pc_cap22.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex22 img{margin-left: 1em; margin-top: 1em;}
#wcpc #ex23 h5{ background: url(../../navigation/premium-club/image/pc_cap20.gif) 0 0 no-repeat;
width: 370px; height: 50px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex24 h5{ background: url(../../navigation/premium-club/image/pc_cap21.gif) 0 0 no-repeat;
width: 370px; height: 25px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #ex24 img{margin: 20px 0px;}

/* ---------Left and Right frame---------- */
#wcpc .frameL{ width: 370px; float: left;}
#wcpc .frameR{ width: 370px; float: right;}
#wcpc .frameL div{ margin-bottom: 40px;}
#wcpc .frameR div{ margin-bottom: 40px;}

#wcpc .hpbg{ background: url(../../navigation/premium-club/image/pc_hp_border.gif) repeat-y; margin-bottom: 40px;}
#wcpc .hpbgbtm{ background: url(../../navigation/premium-club/image/pc_hp_borderbtm.gif) left bottom no-repeat;
padding: 20px;}
#wcpc #hptitle{ background: url(../../navigation/premium-club/image/pc_hp_title.gif) 0 0 no-repeat;
width: 804px; height: 64px;}

#wcpc .hpbg #hp01{ float: left; width: 332px; }
#wcpc .hpbg #hp02{ float: right; width: 380px;}
#wcpc #hp01 h5{ background:url(../../navigation/premium-club/image/pc_hp_cap01.gif) 0 0 no-repeat;
width: 332px; height: 50px; margin-bottom: 10px; margin-top: 20px;}
#wcpc #hp02 h5{ background:url(../../navigation/premium-club/image/pc_hp_cap02.gif) 0 0 no-repeat;
width: 380px; height: 50px; margin-bottom: 10px; margin-top: 20px;}

#btnspirit{ position:absolute; top: 15px; right:15px; z-index: 999;}
#btnspirit a{ height: 42px; background:url(../../navigation/image/btn_spirit.gif) 0 0 no-repeat; width: 229px; display: block; }
#btnspirit a:hover{ background-position: 0 -42px;}

#btndetail {float: right; width: 278px;  height: 38px; padding: 20px 50px 0 0;}
#btndetail a{ height: 38px; background:url(../../navigation/premium-club/image/btn_detail.gif) 0 0 no-repeat; width: 278px; display: block;}
#btndetail a:hover{ background-position: 0 -38px;}

#btndetail_L {width: 278px; height: 38px; padding: 20px 0 0 0;}
#btndetail_L a{ height: 38px; background:url(../../navigation/premium-club/image/btn_detail.gif) 0 0 no-repeat; width: 278px; display: block;}
#btndetail_L a:hover{ background-position: 0 -38px;}

#btndetail_S {float: right; width: 270px;  height: 38px; padding: 20px 0 0 0;}
#btndetail_S a{ height: 38px; background:url(../../navigation/premium-club/image/btn_detail.gif) 0 0 no-repeat; width: 270px; display: block;}
#btndetail_S a:hover{ background-position: 0 -38px;}

/* Spirit styles */
#wcspirit .contents_inner{ width: 804px; margin: 10px auto;}
#wcspirit h4#headline01{ width: 840px; height: 55px; display: block; margin-top: 30px; margin-bottom: 20px;
background: url(../../navigation/premium-club/spirit/image/spirit_headline01.gif) 0 0 no-repeat;}
#wcspirit #inlogo{ float: right; margin-bottom: 10px;}

#wcspirit .liframeL{ width: 365px; float: left; }
#wcspirit .liframeR{ width: 382px; float: right; }

#wcspirit #ex01 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap01.gif) 0 0 no-repeat;
width: 365px; height: 45px; margin-bottom: 10px;}
#wcspirit #ex02 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap02.gif) 0 0 no-repeat;
width: 365px; height: 25px; margin-bottom: 10px; margin-top: 40px;}
#wcspirit #ex03 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap03.gif) 0 0 no-repeat;
width: 365px; height: 25px; margin-bottom: 10px; margin-top: 40px;}
#wcspirit #ex04 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap04.gif) 0 0 no-repeat;
width: 365px; height: 25px; margin-bottom: 10px; margin-top: 40px;}
#wcspirit #ex05 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap05.gif) 0 0 no-repeat;
width: 365px; height: 25px; margin-bottom: 10px; margin-top: 40px;}
#wcspirit #ex06 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap06.gif) 0 0 no-repeat;
width: 382px; height: 25px; margin-bottom: 10px; margin-top: 40px;}
#wcspirit #ex07 h5{ background: url(../../navigation/premium-club/spirit/image/spirit_cap07.gif) 0 0 no-repeat;
width: 382px; height: 45px; margin-bottom: 10px; margin-top: 40px;}

#wcspirit #backarrow{ float: right; margin: 20px 0;}
#wcspirit #backarrow a{ display: block; width: 300px; height: 42px; background: url(../../navigation/image/btn_premium.gif) 0 0 no-repeat;}
#wcspirit #backarrow a:hover{ background-position: 0 -42px;}

#wcspirit .bordergray{ border: 1px solid #808080; margin-top: 10px;}
#wcspirit .borderpadding{padding:12px;}

#wcspirit .borderpadding_p{padding: 6px 12px 12px;}
#wcspirit .borderpadding_p img{ vertical-align: text-bottom;}


#btnpremium{ position:absolute; top: 15px; right:15px; z-index: 999;}
#btnpremium a{ height: 42px; background:url(../../navigation/image/btn_premium.gif) 0 0 no-repeat; width: 300px; display: block; }
#btnpremium a:hover{ background-position: 0 -42px;}