@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: style.css
 *
 */

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	83  %		19px 	158 %
11px 	92  %		20px 	167 %
12px 	100 %		21px 	175 %
13px 	108 %		22px 	183 %
14px 	117 %		23px 	192 %
15px 	125 %		24px 	200 %
16px 	133 %		25px 	208 %
17px 	142 %		26px 	217 %
18px 	150 %
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
CSS3 animation & parts layout
---------------------------------------------------------------------*/
/* link */
a img         {opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a:hover img   {opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a             {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
a:hover       {-moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a          {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a:hover    {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a        {display:block; overflow:hidden; height:0; opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}
.trans_bg a:hover  {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}
.no_opa a,
.no_opa a:hover  {border:none !important;}


/*---------------------------------------------------------------------
Footer layout
---------------------------------------------------------------------*/
#footer  {background:#000; padding:20px 0; font-family:"ＭＳ Ｐ明朝", ヒラギノ明朝 Pro, Hiragino Mincho Pro, Osaka, serif;}
	#footer a        {border-bottom:1px dotted #000; color:#5e534a;}
	#footer a:hover  {border-color:#71655d; color:#71655d;}
	#footInner  {width:980px; margin:0 auto;}
		#footInner #fLogo  {float:left;}
		
		#footInner #fInfo  {float:right; width:720px; height:100%;}
			
			/* footSitemap */
			#footSitemap  {margin-bottom:25px;}
				#footSitemap ul  {border-left:1px dotted #2b2925; padding:0 0 0 17px; float:left; height:100%;}
				#footSitemap .clm1  {width:193px;}
				#footSitemap .clm2  {width:173px;}
				#footSitemap .clm3  {width:193px;}
				#footSitemap ul li  {background:url(../images/common/ic_arrow-d_x.gif) no-repeat 0 50%; padding-left:10px; line-height:200%;}
				#footSitemap #qr_code  {border-left:1px dotted #2b2925; padding-left:17px; float:right;}
                #footSitemap #qr_code li  {background:none; padding:0;}
                
                #footSitemap .blank li  {background:url(../images/common/ic_blank-link.gif) no-repeat 0 50%; padding-left:10px;}
                
                #footSitemap ul .no_link   {color:#8f8782; background:none;}
			
			/* exList */
			#exList  {float:left; text-align:left; font-size:83%;}
				#exList li  {display:inline-block; *display:inline; *zoom:1; background:url(../images/common/line_dot-y.gif) no-repeat 0 50%; padding:0 0 0 10px; line-height:100%; vertical-align:middle; margin-right:10px;}
				#exList .first  {background:none; padding-left:0;}
				#exList a   {background:url(../images/common/ic_blank-link.gif) no-repeat 0 50%; padding-left:10px;}

			/* lngList */
			#lngList  {float:right;}
				#lngList li    {float:left;}
                #lngList li a  {height:auto;}
				#lngList .en   {background:url(../images/common/btn_language-en_on.gif) no-repeat 0 0;}
				#lngList .ch   {background:url(../images/common/btn_language-ch_on.gif) no-repeat 0 0; margin-left:10px;}

        #footInner #copyright  {text-align:center; padding-top:30px; clear:both;}


/*---------------------------------------------------------------------
 main layout
---------------------------------------------------------------------*/
/* base layout */
body  {width:100%; min-width:1000px; overflow-x:hidden; background:#000;}


/* common parts */
.sns  {background:url(../images/bg_share.gif) no-repeat 0 3px; padding-left:48px;}
    .sns li  {float:left; margin-left:10px; height:22px; line-height:22px;}
    .sns a   {float:left; padding-top:22px; width:22px;}
    .sns .hukidashi  {float:left; background:url(../images/bg_hukidashi.gif) no-repeat 0 0; margin-left:3px; line-height:24px; height:24px; color:#fff; padding-left:7px;}
    .sns .hukidashi .count  {background:url(../images/bg_hukidashi-right.gif) no-repeat 100% 0; padding:0 5px; line-height:22px; height:22px;}
    
    .sns .tw  {background:url(../images/btn_twitter_on.gif) no-repeat 0 0;}
    .sns .fb  {background:url(../images/btn_facebook_on.gif) no-repeat 0 0;}
    .sns .mx  {background:url(../images/btn_mixi_on.gif) no-repeat 0 0;}
    .sns .gg  {background:url(../images/btn_google_on.gif) no-repeat 0 0;}
    .sns .tw a  {background:url(../images/btn_twitter.gif) no-repeat 0 0;}
    .sns .fb a  {background:url(../images/btn_facebook.gif) no-repeat 0 0;}
    .sns .mx a  {background:url(../images/btn_mixi.gif) no-repeat 0 0;}
    .sns .gg a  {background:url(../images/btn_google.gif) no-repeat 0 0;}
    

.obj  {position:absolute;}
.section  {max-width:1200px; min-width:1000px; margin:0 auto; position:relative;}
.inner    {width:1000px; margin:0 auto; position:relative;}

.ranking  {text-align:center; letter-spacing:-.4em;}
    .ranking li  {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; background:#000;}
    .ranking a:hover img  {-moz-transition: all 0s ease-in; -webkit-transition:all 0s ease-in;}
    .ranking a   {display:block; position:relative; color:#fff;}
    .ranking .img  {display:block; position:relative;}
    .ranking .img img   {width:100%; -moz-transition: all 0s ease-in; -webkit-transition:all 0s ease-in;}
    .ranking .susurist  {background:#000; height:32px; line-height:32px; font-size:167%; font-weight:bold; text-align:left; display:block;}
    .ranking .name      {margin-left:60px;}
    .ranking .info      {background:#111; display:block; font-weight:bold; border-bottom:1px solid #000; padding-left:13px;}
    .ranking .point     {float:left; background:url(../images/ic_oshi.gif) no-repeat 0 50%; padding-left:16px; line-height:35px;}
    .ranking .detail    {float:right; display:block;}
    .ranking .noise     {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:20; opacity:0; filter:alpha(opacity=0);}
    .ranking .noise img {width:100%;}
    
    .ranking .parapara  {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:#000; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
        .ranking .parapara img  {width:100%; position:absolute; top:0; left:0;}
    
    
    .ranking .rank  {position:absolute; z-index:100;}
    .ranking .rank img  {width:100%;}
    /* .ranking .rank1 .rank  {background:url(../images/img_rank1.png) no-repeat 0 0;}
    .ranking .rank2 .rank  {background:url(../images/img_rank2.png) no-repeat 0 0;}
    .ranking .rank3 .rank  {background:url(../images/img_rank3.png) no-repeat 0 0;}
    .ranking .rank4 .rank  {background:url(../images/img_rank4.png) no-repeat 0 0;}
    .ranking .rank5 .rank  {background:url(../images/img_rank5.png) no-repeat 0 0;}
    .ranking .rank6 .rank  {background:url(../images/img_rank6.png) no-repeat 0 0;}
    .ranking .rank7 .rank  {background:url(../images/img_rank7.png) no-repeat 0 0;} */
    
    .ranking .big    {width:320px; margin:0 5px 10px 5px;}
        .ranking .big .rank  {width:40px; height:40px; top:335px; left:10px;}
    .ranking .small  {width:240px; margin:0 4px;}
        .ranking .small .parapara  {height:262.5px;}
        .ranking .small .parapara img  {width:240px;}
        .ranking .small .point  {font-size:10px;}
        .ranking .small .rank   {width:35px; height:35px; top:258px; left:10px;}


/* ssHeader */
#ssHeader  {position:fixed; top:0; left:0; z-index:9999; background:#000; width:100%; height:55px;}
#ssHeadNav  {width:1000px; margin:0 auto; position:relative;}
    #ssHeadNav #logo  {padding:18px;}
    #ssHeadNav #hNav  {position:absolute; top:5px; right:0;}
        #ssHeadNav #hNav .nav  {background:url(../images/line_solid-y.gif) no-repeat 0 50%; padding:16px 18px; float:left;}
        #ssHeadNav #hNav #btnFBPage  {padding:12px 18px;}
    
    #ssHeadNav #bnrEnd  {position:absolute; bottom:-34px; right:20px;}


/* topMov */
#topMov  {padding-top:55px;}
#frameWrap  {position:relative; width:100%; margin:0 auto; overflow:hidden;}
#frameWrap iframe  {position:absolute; top:0; left:0; width:100% !important; height:100% !important; overflow:hidden;}
#frameWrap #btnTopMov  {position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; overflow:hidden;}
#frameWrap #btnTopMov img  {position:absolute;}


/* gNav */
#gNav  {width:100%; position:absolute; top:auto; left:0; z-index:9999; height:80px; background:#000;}
    #gNav ul  {width:1000px; margin:0 auto;}
    #gNav li  {float:left; background:url(../images/gnav_on.jpg) no-repeat 0 0;}
    #gNav a   {padding-top:80px; background:url(../images/gnav.jpg) no-repeat 0 0;}
    #gNav .gnav01  {background-position:0 0; width:350px;}
    #gNav .gnav02  {background-position:-350px 0; width:304px;}
    #gNav .gnav03  {background-position:-654px 0; width:346px;}
    #gNav .gnav01 a  {background-position:0 0;}
    #gNav .gnav02 a  {background-position:-350px 0;}
    #gNav .gnav03 a  {background-position:-654px 0;}


/* declaration & susuri */
#declaration  {background:url(../images/bg_sibahu.png) no-repeat 50% 100%; height:852px; padding-top:80px;}
    #declaration #backLight  {top:0; left:50%; margin-left:-606px; z-index:0; background:url(../images/bg_light.jpg) no-repeat 0 0; width:1213px; height:503px; opacity:0; filter:alpha(opacity=0);}
    #declaration h2  {text-align:center; padding-top:162px; position:relative; z-index:1; opacity:0; filter:alpha(opacity=0);}
    #declaration p   {position:absolute; top:350px; right:120px; z-index:1; opacity:0; filter:alpha(opacity=0);}
    #declaration .human  {position:absolute;}
    #declaration #girl   {top:920px; left:340px;}
    #declaration #boy    {top:885px; left:204px;}
    #declaration #okama  {top:865px; left:47px;}
    

#susuri  {background:url(../images/bg_susuri.png) no-repeat 50% 0; height:1183px; margin-top:-144px;}
    #susuri .unit  {padding:0 98px;}
        #susuri .unit h2  {margin-bottom:25px;}
    
    #susuri #judge  {padding-top:200px; margin-bottom:110px;}
        #susuri #judge #read  {margin-bottom:25px; text-align:center;}
    
    #susuri #howto #txtSusuri  {margin-bottom:25px; text-align:center;}
    #susuri #howto #susuriMov       {float:left; margin:-23px 0 0 -48px; background:url(../images/bg_susurist.png) no-repeat 0 0; width:515px; height:327px;}
    #susuri #howto #btnSusuriMov    {background:url(../images/img_susurist_on.jpg) no-repeat 0 0; width:412px; margin:23px 0 0 48px;}
    #susuri #howto #btnSusuriMov a  {padding-top:231px; background:url(../images/img_susurist.jpg) no-repeat 0 0;}
    #susuri #howto dl  {float:right; margin:0 0 0 -25px;}
    #susuri #howto dt  {margin-bottom:30px; line-height:100%;}


/* bukkake */
#bukkake  {background:url(../images/bg_bukkake.png) no-repeat 50% 0; height:645px; margin-top:-146px;}
    #bukkake h2  {position:absolute; top:333px; right:128px;}
    #bukkake #shizuku01  {top:280px; left:3px; background:url(../images/img_shizuku01.png) no-repeat 0 0; width:220px; height:251px;}
    #bukkake #shizuku02  {top:333px; left:0; background:url(../images/img_shizuku02.png) no-repeat 0 0; width:203px; height:377px;}
    #bukkake #shizuku03  {top:503px; left:546px; background:url(../images/img_shizuku03.png) no-repeat 0 0; width:274px; height:230px;}
    #bukkake #shizuku04  {top:266px; left:758px; background:url(../images/img_shizuku04.png) no-repeat 0 0; width:293px; height:461px;}

#bukkakeRank  {background:url(../images/bg_bukkake-rank.jpg) no-repeat 50% 0; height:922px;}

#titleResult  {text-align:center; padding:50px 0 30px 0;}


/* oinarisan */
#oinarisan  {background:url(../images/bg_oinarisan.jpg) no-repeat 50% 0; height:580px;}
    #oinarisan h2  {position:absolute; top:240px; left:10px;}
    #oinarisan #inariLight  {top:-55px; right:-67px; z-index:0; background:url(../images/bg_light-inari.png) no-repeat 0 0; width:534px; height:531px;}

#oinarisanRank  {background:url(../images/bg_oinarisan-rank.jpg) no-repeat 50% 0; height:920px;}


/* kamatama */
#kamatama  {background:url(../images/bg_kamatama.jpg) no-repeat 50% 0; height:580px;}
    #kamatama h2  {position:absolute; top:193px; right:314px;}
    #kamatama #yuge1  {background:url(../images/img_smoke-kama1.png) no-repeat 0 0; width:550px; height:783px; top:-107px; left:-31px;}
    #kamatama #yuge2  {background:url(../images/img_smoke-kama2.png) no-repeat 0 0; width:463px; height:666px; top:-67px; left:658px;}
    #kamatama #yuge3  {background:url(../images/img_smoke-kama3.png) no-repeat 0 0; width:584px; height:846px; top:0; left:-98px;}
    #kamatama #yuge4  {background:url(../images/img_smoke-kama4.png) no-repeat 0 0; width:403px; height:828px; top:-83px; left:608px;}

#kamatamaRank  {background:url(../images/bg_kamatama-rank.jpg) no-repeat 50% 0; height:922px;}


/* gochi */
#gochi  {background:url(../images/bg_end.jpg) no-repeat 50% 0; height:500px;}
    #gochi #btnPagetop  {position:absolute; bottom:70px; left:50%; margin-left:-33px;}
    #gochi #txtNotice   {position:absolute; bottom:25px; left:0; width:100%; text-align:center;}



/*---------------------------------------------------------------------
 modal window layout
---------------------------------------------------------------------*/
#overlay  {position:fixed; top:0; left:0; background:url(../images/bg_overlay.png) repeat 0 0; width:100%; height:100%; z-index:999999; cursor:pointer; display:none;}
.loader   {position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}

/* 名誉ススリスト */
#modalWrap  {position:absolute; top:0; left:50%; background:#000; z-index:1000000; display:none; width:70%; height:70%;}
#btnModalClose  {background:url(../images/detail/btn_close-big.png) no-repeat 0 -40px; position:absolute; bottom:-70px; left:50%; margin-left:-71px;}
#btnModalClose a  {background:url(../images/detail/btn_close-big.png) no-repeat 0 0; padding-top:40px; width:142px;}

/* 各チャレンジャー */
#rankDetailWrap  {position:absolute; top:0; left:50%; z-index:1000000; display:none; width:804px; height:1036px; margin-left:-402px;}
#btnDetailClose2  {position:absolute; top:10px; right:10px; background:url(../images/detail/btn_close.png) no-repeat 0 0; width:31px; height:31px;}
    #btnDetailClose2 a  {padding-top:31px; background:url(../images/detail/btn_close.png) no-repeat 0 -31px;}

#detailBtn  {position:relative; margin-top:60px; height:40px;}
    #detailBtn a  {padding-top:40px; width:142px;}
    #detailBtn #btnDetailClose  {position:absolute; top:0; left:50%; background:url(../images/detail/btn_close-big.png) no-repeat 0 -40px; margin-left:-71px;}
    #detailBtn #btnDetailClose a  {background:url(../images/detail/btn_close-big.png) no-repeat 0 0;}
    #detailBtn #btnNext  {position:absolute; top:0; right:0; background:url(../images/detail/btn_next.png) no-repeat 0 -40px;}
    #detailBtn #btnPrev  {position:absolute; top:0; left:0; background:url(../images/detail/btn_prev.png) no-repeat 0 -40px;}
    #detailBtn #btnNext a  {background:url(../images/detail/btn_next.png) no-repeat 0 0;}
    #detailBtn #btnPrev a  {background:url(../images/detail/btn_prev.png) no-repeat 0 0;}
    
    
/* 各チャレンジャー 詳細 */
#rankDetailBox #rankBody  {padding:28px 70px 56px 70px;}
#rankBody.bukkake    {background:url(../images/detail/bg_detail-bukkake.jpg) no-repeat 50% 0; height:981px;}
#rankBody.oinarisan  {background:url(../images/detail/bg_detail-oinarisan.jpg) no-repeat 50% 0; height:952px;}
#rankBody.kamatama   {background:url(../images/detail/bg_detail-kamatama.jpg) no-repeat 50% 0; height:955px;}

#rankInner a   {color:#fff; text-decoration:underline;}
#rankInner a:hover  {text-decoration:none;}

#rankInner h3  {text-align:center; font-weight:bold; color:#fff; margin-bottom:5px;}
    #rankInner h3 span    {display:inline-block; vertical-align:middle;}
    #rankInner h3 .medal  {margin-right:15px;}
    #rankInner h3 .name_section     {font-size:133%; margin-right:15px;}
    #rankInner h3 .name_challanger  {font-size:217%;}

*+html #rankInner h3 span    {display:inline-block; vertical-align:middle; line-height:46px;}

#rankInner #rankMov  {background:url(../images/detail/bg_player.png) no-repeat 0 0; width:653px; height:426px; margin:0 auto; padding:5px 0 0 9px; position:relative;}

#rankInner #rankTxtInfo  {width:632px; margin:0 auto;}
    #rankInner #rankTxtInfo dt  {margin-bottom:26px;}
    #rankInner #rankTxtInfo dd  {color:#fff; font-weight:bold; font-size:100%; line-height:180%;}
        #rankInner #rankTxtInfo dd img  {float:right; margin:0 0 0 20px;}

#rankInner #txtNotice    {margin-bottom:15px; text-align:center; color:#fff;}
#rankInner #ichioshiBox  {margin-bottom:60px; padding-right:12px;}
    #rankInner #ichioshiBox #hukidashi  {float:left; background:url(../images/detail/bg_hukidashi-right.png) no-repeat 100% 50%; height:56px; width:200px;
                                         line-height:56px; color:#fff; text-align:right; margin:5px 0 0 0; padding-right:72px;}
    #rankInner #ichioshiBox #hukidashiInner  {background:url(../images/detail/bg_hukidashi-center.png) no-repeat 0 50%; height:56px;}
    #rankInner #ichioshiBox #hukidashiBody   {background:url(../images/detail/bg_hukidashi-center.png) repeat-x 0 50%; height:56px; line-height:63px; font-size:167%; font-weight:bold;}

#rankInner .sns_list  {text-align:right; float:right; width:370px; background:url(../images/detail/txt_share.png) no-repeat 50% 0; padding-top:28px; margin-top:5px;}
    #rankInner .sns_list li  {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; line-height:100%;}
    #rankInner .sns_list li .twitter-share-button  {width:100px !important;}


#rankInner #btnSelect  {width:310px; float:right;}
    #rankInner #btnSelect #btnOshi  {width:310px; height:65px;}
    #rankInner #btnSelect #btnCoupon  {background:url(../images/detail/btn_coupon.png) no-repeat 0 -65px; width:310px; height:65px;}
        #rankInner #btnSelect #btnOshi a         {width:310px; padding-top:65px;}
        #rankInner #btnSelect #btnOshi a:hover   {background-position:0 -65px;}
        #rankInner #btnSelect #btnCoupon a         {width:310px; padding-top:65px; background:url(../images/detail/btn_coupon.png) no-repeat 0 0;}
        #rankInner #btnSelect #btnCoupon a:active  {background:url(../images/detail/btn_coupon_down.png) no-repeat 0 0;}


#rankBody.bukkake #rankInner #btnSelect #btnOshi    {background:url(../images/detail/btn_ichioshi-bukkake.png) no-repeat 0 -65px;}
#rankBody.oinarisan #rankInner #btnSelect #btnOshi  {background:url(../images/detail/btn_ichioshi-oinarisan.png) no-repeat 0 -65px;}
#rankBody.kamatama #rankInner #btnSelect #btnOshi   {background:url(../images/detail/btn_ichioshi-kamatama.png) no-repeat 0 -65px;}
#rankBody.bukkake #rankInner #btnSelect #btnOshi a    {background:url(../images/detail/btn_ichioshi-bukkake.png) no-repeat 0 0;}
#rankBody.oinarisan #rankInner #btnSelect #btnOshi a  {background:url(../images/detail/btn_ichioshi-oinarisan.png) no-repeat 0 0;}
#rankBody.kamatama #rankInner #btnSelect #btnOshi a   {background:url(../images/detail/btn_ichioshi-kamatama.png) no-repeat 0 0;}
#rankBody.bukkake #rankInner #btnSelect #btnOshi a:active    {background:url(../images/detail/btn_ichioshi-bukkake_down.png) no-repeat 0 0;}
#rankBody.oinarisan #rankInner #btnSelect #btnOshi a:active  {background:url(../images/detail/btn_ichioshi-oinarisan_down.png) no-repeat 0 0;}
#rankBody.kamatama #rankInner #btnSelect #btnOshi a:active   {background:url(../images/detail/btn_ichioshi-kamatama_down.png) no-repeat 0 0;}

#top #btnReturnUDN  {display:none;}

#post #rankBody  {padding:28px 70px 56px 70px; width:664px; margin:0 auto;}
#post #btnReturnUDN  {background:url(../images/coupon/btn_return-udn.png) no-repeat 0 -40px; margin:30px auto; width:347px;}
#post #btnReturnUDN a  {background:url(../images/coupon/btn_return-udn.png) no-repeat 0 0; padding-top:40px;}


/*---------------------------------------------------------------------
 Loader layout
---------------------------------------------------------------------*/
#pageLoader  {width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/bg_loading.jpg) no-repeat 50% 50% #000; z-index:9999999;}
    #loadingLogo  {background:url(../images/bg_yellow.gif) no-repeat 0 137px; width:216px; height:137px; position:absolute; top:17px; left:0;}
    #loading      {width:216px; height:266px; position:absolute; top:50%; left:50%; margin:-140px 0 0 -108px;}
    #loadingBox   {color:#666666; position:absolute; bottom:0; left:125px; font-size:16px; text-align:left; text-shadow:1px 1px 1px rgba(0,0,0,1);}



/*---------------------------------------------------------------------
 Close layout
---------------------------------------------------------------------*/
#close #ssHeader  {position:relative;}
#close #ssClose   {background:url(../images/close/bg_page.jpg) no-repeat 50% 50%; padding:40px 0 70px 0;}
#close #ssCloseContainer  {background:url(../images/close/bg_close.png) no-repeat 0 0; width:848px; height:676px; position:relative; margin:0 auto;}
    #close #ssCloseContainer h2  {position:absolute; top:60px; left:0; width:100%; text-align:center;}
    #close #ssCloseContainer p   {position:absolute; top:580px; left:0; width:100%; text-align:center;}
    #close #ssCloseContainer #ssYoutube  {position:absolute; top:166px; left:103px;}