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

body { margin:0; padding:0; }

#wrapper { margin:0 auto; padding:20px; width:880px; background-color:#FFF; }

#header { margin: 30px 0 0 0; padding: 0; height: 40px; background-color:#333; }
	
#header #headerbox { width:880px; margin:0 auto; position:relative; }

#header #headerbox #logo { position:absolute; top:-25px; left:0; }

#header #headerbox ul li { height:40px; font-weight:bold; float:right; font-size:16px; margin:10px 20px 0 20px; }

#header #headerbox ul li.line { color:#999; margin:10px 0 0 0; padding:0; font-weight:normal; }

#header #headerbox ul li a { 
color:#ccc; 
text-decoration:none; 
font-weight:bolder;
position: relative;
top: 0;
left: 0;
text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000;
    -webkit-transition: all 0.15s ease-out;
       -moz-transition: all 0.15s ease-out;
         -o-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out; 
}

#header #headerbox ul li a:hover { 
color:#fff; 
text-decoration:none; 
font-weight:bolder;
top: -3px;
left: -3px;
text-shadow: 1px 1px #D47, 2px 2px #D47, 3px 3px #D47, 4px 4px #D47, 5px 5px #D47, 6px 6px #D47;
}


#main { width:630px; float:left; margin:0 20px 0 0; float:left; }

#left { margin:0 20px 20px 0; padding:0; float:left; width:260px; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/ranking_top.jpg); background-position:top; background-repeat:no-repeat;}

#ranking1 { width:238px; height:126px; margin:36px 0 0 0; padding:10px; overflow:hidden; border:1px solid #999; border-bottom: 1px dotted #999; border-top:none; }

#ranking1 ul li img {float:left; width:100px; height:100px;margin:0; padding:0;}

#ranking1 li { list-style:none; margin:0; padding:0; }

#ranking1 .thumb { float:left; padding: 0; width: 100px; height: 100px; margin:0 10px 10px 0 }

#ranking1 .thumb a:link, .thumb a:visited { float:left; border:#999 1px solid; }

#ranking1 .thumb a:hover, .thumb a:active { float:left; border: 1px solid #FF639C; }

#ranking1 .name { font-size:18px; color:#000; list-style-type: none; font-weight:bold; line-height:130%; }

span.arrow { font-weight:bold; color:#F39; margin:0 0 0 5px; font-size:18px; }

#ranking1 .name a:link, .name :visited { color:#000; text-decoration:none; }

#ranking1 .name a:hover { color:#333; text-decoration:underline; }

#ranking1 .actor { font-size:11px; color:#FF639C; line-height:120%; margin:5px 0 5px 0; padding:0px; }

#ranking1 .actor a { color:#333; text-decoration:none; }

#ranking1 .actor a:hover{ color: #999; text-decoration:underline; }

#ranking1 .comm { color:#666; overflow:hidden; height:55px; *font-size:12px;}


.rankingbox { width:238px; margin:0; padding:3px 10px 6px 10px; overflow:hidden; border:1px solid #999; border-bottom: 1px dotted #999; border-top:none; }

.rankingbox li { list-style:none; margin:0; padding:0; }

.rankingbox .name { font-size:16px; color:#000; list-style-type: none; font-weight:bold; line-height:130%; margin:5px 0 0 0; }

.rankingbox .name a:link, .name :visited { color:#000; text-decoration:none; }

.rankingbox .name a:hover { color:#333; text-decoration:underline; }

.rankingbox .actor { font-size:11px; color:#FF639C; line-height:120%; margin:5px 0 5px 0; padding:0px; }

.rankingbox .actor a { color:#333; text-decoration:none; }

.rankingbox .actor a:hover{ color: #999; text-decoration:underline; }

.rankingbox .comm { color:#666; height:40px; overflow:hidden; *font-size:12px; *margin:0; }

#middle { width:350px; height:580px; float:left; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/gazou_top.jpg); background-position:top; background-repeat:no-repeat; padding:40px 0 0 0; margin:0; }

#chat { width:610px; height:160px; clear:both; margin:0 0 20px 0; padding:40px 10px 0 10px;
background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/chat_top.jpg); background-position:top left; background-repeat:no-repeat; position:relative; }

#dxtrans{ position:absolute; top:18px; right:10px; z-index:9999; }

#cute { width:226px; height:138px; float:left; background-color:#666; margin:7px 0 0 0px }

#cute img { border:none; width:226px; height:138px; }

#moviestop { width:630px; height:33px; margin:0; padding:0; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/movies_top.jpg); }

#movies { width:628px; margin:0; padding:0; border:1px solid #999; border-top:none;  }

.eachmovie { width:608px; height:102px; float:left; margin:0; padding:10px; border-bottom:1px dotted #999; }

.List { width:100%; }

.List .date { font-size:0.9em; color:#F39; padding:0; margin:0; width:157px; float:right; width:80px; text-align:right; }

.List .title { font-weight:bold; font-size:16px; padding:0 0 3px 0px; margin:0; height:18px; overflow:hidden; float:left; width:400px; line-height:120%; }

.List .title a { color:#000; text-decoration:none; }

.List .title a:hover { color:#333; text-decoration:underline; }

.List .thumb { float:left; margin:0 6px 0 0; }

.List .thumb img { width:100px; height:100px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
-moz-box-shadow: 1px 1px 3px #666;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #666; /* Safari,Google Chrome用 */ 
box-shadow: 1px 1px 3px #666; /* Safari,Google Chrome用 */}

.List .thumb a:hover img { 
-webkit-transform: scale(1.4,1.4);
-moz-transform: scale(1.4,1.4);
-0-transform: scale(1.4,1.4);
-ms-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
-moz-box-shadow: 1px 1px 5px #000;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 5px #000; /* Safari,Google Chrome用 */ 
box-shadow: 1px 1px 5px #000; /* Safari,Google Chrome用 */}

.List .thumb a:link, .thumb a:visited { margin:3px 8px 3px 3px; }

.List .thumb a:hover, .thumb a:active { margin:3px 8px 3px 3px; }

.List .comm { color:#000; padding:0 0 3px 0; overflow:hidden; float:left; width:490px; height:50px; *font-size:12px; *margin-top:1px; }

.List .by a { font-size:12px; font-weight:bold; color:#000; text-decoration:none; float:left; margin:3px 0 0 0; border:gray 1px solid;
padding:1px 5px 1px 5px;
background-color:#FCF
-moz-box-shadow:1px 1px 0px black, inset 1px 1px 8px gray;/* Fx 3.5-3.6 */ 
box-shadow:1px 1px 0px black, inset 1px 1px 10px gray;/* Fx 4; CSS3 */
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


.List .by a:hover { font-size:12px; font-weight:bold; color:#000; text-decoration:none; float:left; margin:3px 0 0 0; 
padding:1px 7px 1px 7px; border:black 1px solid;
-moz-box-shadow:2px 2px 1px black, inset 1px 1px 8px black;/* Fx 3.5-3.6 */ 
box-shadow:2px 2px 1px black, inset 1px 1px 10px black;/* Fx 4; CSS3 */}



















#right { float:left; width:220px; padding:0 5px 0 5px; background-color:#ccc;}

.moviebox_1000giri { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/1000giri_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative;  }

.trans_1000giri { position:absolute; top:0px; left:0; z-index:9999; } 

.moviebox_nyoshin { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/nyoshin_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative; }

.trans_nyoshin { position:absolute; top:0px; left:0; z-index:9999; } 

.moviebox_1pondo { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/1pondo_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative;  }

.trans_1pondo { position:absolute; top:0px; left:0; z-index:9999; } 

.moviebox_h4610 { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/h4610_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative;  }

.trans_h4610 { position:absolute; top:0px; left:0; z-index:9999; } 

.moviebox_10musu { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/10musu_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative;  }

.trans_10musu { position:absolute; top:0px; left:0; z-index:9999; } 

.moviebox_dx { width:208px; margin:0; padding:41px 6px 10px 6px; background-color:#fff; background-image:url(https://pixelarchivenow.com/ppc/sitemix032812/01/dx_title.jpg);
background-position:top; background-repeat:no-repeat; position:relative; }

.trans_dx { position:absolute; top:0px; left:0; z-index:9999; } 

p.moviep { margin:5px 0 0 0; }

p.moviep a { margin:5px 0 0 0; padding:5px 0 0 0; color:#000; text-decoration:none; }

p.moviep a:hover { text-decoration:underline; }

span.inpact { background-color:#fde5f1; }

#footer { width:100%; height:80px; background-color:#333; margin:0 auto; clear:both;}

#footerin { width:880px; margin:0 auto; padding:10px 0 10px 0; }

.footerbox { width:440px; float:left; text-align:center; }

span.pink { font-weight:bold; color:#F39; }

.footerul li a {
    color: #999;
    text-decoration: none;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out
    }


.footerul li a:hover {
    color: #999;
    text-shadow: #000 0 2px 0;
    -webkit-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4)
    }
/* ----------------------- Browser Default Initialization */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{margin: 0;	padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var	{font-style: normal;}

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

caption, th	{text-align: left;}

q:before ,q:after	{content: '';}

object, embed	{vertical-align: top;}

hr, legend	{display: none;}

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

img, abbr, acronym, fieldset	{border: 0; vertical-align: bottom;}

li	{list-style-type: none;}
/* ----------------------- Basic Style */

/* ------------ Font Style */
body {font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 75%;line-height: 150%;}

html>/**/body {font-size: 12px;}

* + html body {font-family: "メイリオ","Meiryo";}

/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/* for IE6 */
* html .clearfix {
    display: inline-block;
}

/* for IE7 */
*+html .clearfix {
    display: inline-block;
}

a { outline:none; }

a:hover { outline:none; }