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

/* body
**********************************************************************/
html{ width:100%; height:100%;}
body{ min-width:1000px; min-height:1150px; width:100%; height:100%; background:#000; margin:0; padding:0; font-family:"goudyo"; }
#hiddenTime{ display:hidden;}


/* format
**********************************************************************/
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-size:1px; line-height:1px; }
li{ font-size:1px; line-height:1px; list-style-type:none; }
li img{ vertical-align:bottom; }
img{ border:0; }
a{ color:#92908F; text-decoration:none; outline:none; }
a:hover{ color:#BFBF93; text-decoration:none; }
.clear{ clear:both; margin:0; padding:0; font-size:0; line-height:0; }


/* header
**********************************************************************/
#headerWrap{ min-width:1000px; width:100%; height:110px; position:relative; z-index:4;}
#headerWrap #headerBox{ width:960px; height:110px; margin:0 auto; position:relative;}
#headerWrap #headerBox ul.submenu{ width:182px; height:32px; position:absolute; top:47px; left:572px;}
#headerWrap #headerBox ul.submenu li{ height:32px; position:absolute;}
#headerWrap #headerBox ul.submenu li.twitter{ width:32px; left:0px;}
#headerWrap #headerBox ul.submenu li.facebook{ width:32px; left:27px;}
#headerWrap #headerBox ul.submenu li.language{ width:128px; left:54px;}
#headerWrap #headerBox ul.submenu li.language a.title{ width:107px; height:20px; padding:2px 10px 0 0; display:block; text-align:center; font-size:10px; line-height:140%; color:#BFBF93; font-weight:bold; position:absolute; top:5px; left:5px; z-index:3; background:url(../img/back_bg.png) repeat;}
#headerWrap #headerBox ul.submenu li.language img.bg{ position:absolute; z-index:2;}
#headerWrap #headerBox ul.submenu li.language .dropBox{ width:125px; display:block; position:absolute; overflow:hidden;}
#headerWrap #headerBox ul.submenu li.language .drop{ width:85px; background:url(../img/day_header_lang_bg.png) no-repeat; display:block; padding:15px 20px 20px 20px; position:absolute; top:20px; left:2px; z-index:1;}
#headerWrap #headerBox ul.submenu li.language .drop ul{ width:95px; height:134px;}
#headerWrap #headerBox ul.submenu li.language .drop ul li{ width:95px; height:17px; position:relative;}
#headerWrap #headerBox ul.submenu li.language .drop ul li a{ width:95px; display:block; padding:0 0 3px 0; font-size:9px; line-height:155%; font-weight:bold;}

#headerWrap #headerBox #timerBox{ width:216px; height:92px; position:absolute; top:22px; left:758px;}
#headerWrap #headerBox #timerBox ul{ width:85px; height:17px; position:absolute; top:38px; left:96px;}
#headerWrap #headerBox #timerBox ul li{ width:12px; height:17px; text-align:right; float:left; font-family:"dsdigi"; font-size:21px; line-height:120%;}
#headerWrap #headerBox #timerBox ul li.timeS{ width:5px;}


/* contents
**********************************************************************/
#contentsWrap{ width:960px; height:750px; margin:-14px auto 0 auto; position:relative; z-index:3;}
#contentsWrap h2{ width:476px; height:161px; position:absolute; top:113px; left:41px;}
#contentsWrap #playerBox{ width:448px; height:280px; position:absolute; top:40px; left:527px;}
#contentsWrap #playerBox video{ background:#000; position:absolute; top:26px; left:50px; z-index:1;}
#contentsWrap #playerBox #playerBox2{ width:366px; height:205px; position:absolute; top:25px; left:54px; background:#C30;}
#contentsWrap #playerBox img.flameLeft{ position:absolute; top:0px; left:0px; z-index:2;}
#contentsWrap #playerBox img.flameTop{ position:absolute; top:0px; left:73px; z-index:2;}
#contentsWrap #playerBox img.flameRight{ position:absolute; top:0px; right:0px; z-index:2;}
#contentsWrap #playerBox img.flameBottom{ position:absolute; bottom:0px; left:73px; z-index:2;}
#contentsWrap #slideBox{ width:981px; height:398px; position:absolute; top:307px; left:-7px;}
#contentsWrap #slideBox ul.bg{ width:981px; height:398px; position:absolute; z-index:2;}
#contentsWrap #slideBox ul.bg li{ display:block; position:absolute;}
#contentsWrap #slideBox ul.bg li.left{ width:75px; height:75px; top:139px; left:13px;}
#contentsWrap #slideBox ul.bg li.right{ width:75px; height:87px; top:155px; left:903px;}
#contentsWrap #slideBox ul.bg li.haguruma1{ width:80px; height:81px; top:290px; left:33px; z-index:10; overflow:hidden;}
#contentsWrap #slideBox ul.bg li.haguruma2{ width:53px; height:53px; top:343px; left:113px; z-index:10; overflow:hidden;}
#contentsWrap #slideBox ul.bg li.haguruma3{ width:62px; height:52px; top:311px; left:84px; z-index:9; overflow:hidden;}
#contentsWrap #slideBox ul.bg li.haguruma4{ width:73px; height:35px; top:350px; left:64px; z-index:9; overflow:hidden;}
#contentsWrap #slideBox ul.bg li.haguruma5{ width:45px; height:45px; top:295px; left:21px; z-index:5; overflow:hidden;}
#contentsWrap #slideBox ul.bg li.suisyou1{ width:118px; height:45px; top:261px; left:864px; z-index:10;}
#contentsWrap #slideBox ul.bg li.suisyou2{ width:75px; height:93px; top:0px; left:910px; z-index:10;}
#contentsWrap #slideBox ul.bg li img{ position:absolute;}
#contentsWrap #slideBox .img{ width:886px; height:301px; position:absolute; top:48px; left:54px; overflow:hidden; z-index:1;}
#contentsWrap #slideBox .img ul{ height:301px; position:absolute; left:0px;}
#contentsWrap #slideBox .img ul li{ width:886px; height:301px; float:left;}


#slide2ndWrap{ width:100%; height:197px; background:url(../img/2nd_slide_bg.jpg) repeat-x; position:relative; z-index:100;}
#slide2ndWrap .wrap{ width:960px; height:197px; margin:0 auto; position:relative;}
#slide2ndWrap .wrap ul{ width:960px; height:197px; position:relative;}
#slide2ndWrap .wrap ul li{ width:960px; height:197px; position:absolute; top:0px; left:0px;}
#slide2ndWrap .wrap ul li img.txt01{ position:absolute;}
#slide2ndWrap .wrap ul li a.img01{ position:absolute;}
#slide2ndWrap .wrap ul li a.img02{ position:absolute;}
#slide2ndWrap .wrap a.close{ width:50px; height:50px; display:block; position:absolute; top:-28px; right:-10px;}
#slideBox a.moreBtn{ width:91px;	height:24px;	display:block; text-indent:-9999px;	position:absolute;	top:204px;	left:450px;	z-index:100;}


#contents2ndWrap{ width:100%; margin:30px 0 0 0; position:relative; z-index:100;}
#contents2ndWrap .wrap{ width:960px; margin:0 auto;}
#contents2ndWrap .wrap .twitterBox{ width:340px; margin:0 20px 0 0; float:left;}
#contents2ndWrap .wrap .twitterBox h4{ width:340px; height:26px;}
#contents2ndWrap .wrap .twitterBox .contents{ width:326px; height:272px; padding:5px; border-right:2px solid #3C3C3C; border-left:2px solid #3C3C3C; border-bottom:2px solid #3C3C3C; background:#262626;}
#contents2ndWrap .wrap .twitterBox .contents dl{ width:296px; margin:0 0 0 10px; overflow:hidden; position:relative;}
#contents2ndWrap .wrap .twitterBox .contents dl dt{ width:48px; margin:-1px 0 16px 0; padding:15px 13px 0 0; border-top:1px dotted #686868; float:left;}
#contents2ndWrap .wrap .twitterBox .contents dl dd{ width:235px; margin:-1px 0 16px 0; padding:15px 0 0 0; border-top:1px dotted #686868; font-size:11px; line-height:130%; font-weight:normal; color:#FFF; word-break:break-all; float:left;}
#contents2ndWrap .wrap .twitterBox .contents dl dd strong{ font-size:12px; color:#A39B5D; font-weight:bold; }
#contents2ndWrap .wrap .twitterBox .contents dl dd a.name{ display:block; margin:0 0 10px 0; font-size:11px; color:#757144; font-weight:normal; text-decoration:none;}
#contents2ndWrap .wrap .twitterBox .contents dl dd span{ display:block; margin:5px 0 0 0; font-size:10px; color:#666; }
#contents2ndWrap .wrap .twitterBox .contents dl dd a{ color:#A39B5D; text-decoration:underline;}
#contents2ndWrap .wrap .facebookBox{ width:340px; margin:0 40px 0 0; float:left;}
#contents2ndWrap .wrap .facebookBox h4{ width:340px; height:26px;}
#contents2ndWrap .wrap .facebookBox .contents{ width:326px; height:272px; padding:5px; border-right:2px solid #3C3C3C; border-left:2px solid #3C3C3C; border-bottom:2px solid #3C3C3C; background:#262626;}
#contents2ndWrap .one .facebookBox{ width:495px;}
#contents2ndWrap .one .facebookBox h4{ width:495px;}
#contents2ndWrap .one .facebookBox .contents{ width:481px; height:195px;}

#contents2ndWrap .wrap .facebookBox .contents .fb-wall-box{ width:296px; margin:0 0 0 10px; padding:15px 0; border-top:1px dotted #686868;}
#contents2ndWrap .one .facebookBox .contents .fb-wall-box{ width:451px;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-box-first{ border-top:none;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-avatar{ display:none;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-message{ font-size:11px; color:#FFF; display:block; margin:0 0 7px 0;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-message a.fb-wall-message-from{ display:inline-block; margin:0 10px 0 0; font-size:12px; color:#A39B5D; font-weight:bold; text-decoration:none; }
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-media{ margin:0 0 10px 0; font-size:11px; line-height:140%; font-weight:normal; color:#FFF; word-break:break-all;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-media a{ color:#A39B5D; text-decoration:underline;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-icon{ display:none;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-date{ font-size:9px; line-height:120%; color:#999;}
#contents2ndWrap .wrap .facebookBox .contents .fb-wall-likes{ display:none;}
#contents2ndWrap .wrap .facebookBox .contents a.fb-wall-media-link{ display:inline-block; border:1px solid #666; padding:2px; margin:10px 0;}
#contents2ndWrap .wrap .facebookBox .contents a.fb-wall-media-link:hover{ border:1px solid #A39B5D;}

#contents2ndWrap .wrap .linkBox{ width:220px; margin:0 0 -15px 0; float:left;}
#contents2ndWrap .wrap .linkBox li{ width:220px; height:90px; margin:0 0 15px 0;}
#contents2ndWrap .one .linkBox li{ width:425px; height:68px;}
#contents2ndWrap .wrap .linkBox li.athyrabove{ height:95px; background:url(../img/2nd_btn_bg_athyr.png) no-repeat; position:relative;}
#contents2ndWrap .wrap .linkBox li.athyrabove a.app{ width:91px; height:33px; position:absolute; bottom:12px; left:12px;}
#contents2ndWrap .wrap .linkBox li.athyrabove a.appae{ width:91px; height:45px; position:absolute; bottom:12px; right:12px;}
#contents2ndWrap .one .linkBox li.athyrabove{ height:68px; background:url(../img/2nd_btn_bg_athyr2.png) no-repeat;}
#contents2ndWrap .one .linkBox li.athyrabove a.app{ top:17px; left:211px;}
#contents2ndWrap .one .linkBox li.athyrabove a.appae{ top:11px; left:312px;}
#contents2ndWrap .wrap .linkBox li.horizon{ height:95px; background:url(../img/2nd_btn_bg_horizon.png) no-repeat; position:relative;}
#contents2ndWrap .wrap .linkBox li.horizon a.app{ width:91px; height:33px; position:absolute; bottom:12px; left:12px;}
#contents2ndWrap .wrap .linkBox li.horizon a.gp{ width:91px; height:33px; position:absolute; bottom:12px; right:12px;}
#contents2ndWrap .one .linkBox li.horizon{ height:68px; background:url(../img/2nd_btn_bg_horizon2.png) no-repeat;}
#contents2ndWrap .one .linkBox li.horizon a.app{ top:17px; left:211px;}
#contents2ndWrap .one .linkBox li.horizon a.gp{ top:17px; left:312px;}
/* scrollbar
**********************************************************************/
#contents2ndWrap .wrap .ps-container { background:url(../img/2nd_scbg.gif) repeat-y right}
#contents2ndWrap .wrap .ps-container .ps-scrollbar-x { position:absolute; bottom:0px; height:5px; background-color:#A39C64;}
#contents2ndWrap .wrap .ps-container .ps-scrollbar-y { position:absolute; right:0px;  width:5px; background-color:#A39C64;}




/* footer
**********************************************************************/
#footerWrap{ width:960px; margin:0 auto; position:relative; z-index:3;}
#footerWrap #linkBox{ width:843px; height:60px; margin:0 auto;}
#footerWrap #linkBox ul.horizon{ width:405px; height:60px; background:url(../img/footer_link_horizon.png) no-repeat; float:left; position:relative;}
#footerWrap #linkBox ul.horizon li.ios{ width:91px; height:33px; position:absolute; top:13px; left:190px;}
#footerWrap #linkBox ul.horizon li.google{ width:100px; height:33px; position:absolute; top:13px; left:291px;}
#footerWrap #linkBox ul.athyrabove{ width:418px; height:60px; background:url(../img/footer_link_athyrabove.png) no-repeat; float:right; position:relative;}
#footerWrap #linkBox ul.athyrabove li.ios{ width:91px; height:33px; position:absolute; top:13px; left:189px;}
#footerWrap #linkBox ul.athyrabove li.ioscom{ width:112px; height:44px; position:absolute; top:7px; left:289px;}
#footerWrap p#logo{ width:872px; height:62px; margin:40px auto 0 auto;}
#footerWrap p#copy{ width:960px; padding:10px 0 50px 0; text-align:center; font-size:13px; line-height:130%; color:#B2B2B2;}


/* bg
**********************************************************************/
#bg{ background:url(../img/back_bg.png) repeat; position:absolute; top:0px; z-index:2;}
ul#backImg{ position:absolute; z-index:1; top:0px;}
ul#backImg li{ position:absolute; top:0px; left:0px; overflow:hidden;}
ul#backImg li img{ position:absolute; top:0px;}