@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
/*
body {text-align: left;margin: 0;padding: 0;border: 0;	color: #66FF00; background-color:#000000; font-family:"verdana",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;letter-spacing: 0;line-height:140%;}*/

body {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF; font-size:12px; font-family: verdana,"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
    margin: 0;
    padding: 0;}

h2 {color: #FF6633;}

a {  color: #66FF00;font-size: 12px;outline: medium none;text-decoration: none;  font-family: verdana,Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;  }

a:hover {text-decoration: underline;}

a img {outline : none;}

a img:hover {opacity: 0.5;}

img {border:none; vertical-align: bottom;}

.end { clear:both; margin:0; padding:0;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;/*font-weight: inherit;*/font-style: inherit;font-size: 12px;line-height: 1.5em; vertical-align: baseline;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


html.ie7 body, html.ie8 body {letter-spacing:1px;}

.clear {clear:both;}

.wrapper {	height: auto;width: 900px;	margin-right: auto;	margin-left: auto;}

.headerG {	background-image: url(/img/samurai_backgrandG.gif);	background-repeat: repeat-x;height: 100px;	width: 900px;}

.headerM {	background-image: url(/img/samurai_backgrandM.gif);	background-repeat: repeat-x;height: 100px;	width: 900px;}

/*global navi*/

.login_block {border-color: -moz-use-text-color;    border-style: none;    border-width: 0;    float: none;    margin: 10px auto 0;    padding: 0;    width: 200px;}
.account_block {border-color: -moz-use-text-color;    border-style: none;    border-width: 0;    float: none;    margin: 10px auto 0;    padding: 0;    width: 200px;	color:#fff;}

h2 {border-bottom: 1px solid #FF6633;color: #FF6633;font-size: 12px;letter-spacing: 0.1em;margin: 0 0 10px ; padding: 0 0 5px 5px;	text-align: left; font-weight:bold;}
h2:first-letter {font-size: 16px;}


#left_column {    float: left;    width: 210px;}


#left_column h3 {    width: 200px;}
#left_column .section {    margin-bottom: 30px;}
.pop_word ul {    background: none repeat scroll 0 0 #282827;    margin: auto;    padding: 4px 0 10px 3px;    width: 200px;}
.pop_word li {    border-bottom: 1px solid #B4B4B4;    line-height: 25px;    list-style: none outside none;    padding-left: 7px;    width: 193px;}
.pop_word li a {    color: #FFFFFF;}

.genrea div {    background: none repeat scroll 0 0 #181818;    float: left;    margin-left: 5px;    width: 200px;}
.genrea div.peep {    margin-bottom: 8px;}
.genrea div h3 {    color: #FF6633;    padding: 7px 0;    text-align: center;}
.genrea li {    border-top: 1px solid #FFFFFF;    float: left;    line-height: 25px;    list-style: none outside none;    padding-left: 7px;    width: 93px;}
.genrea li a {    color: #FFFFFF;}
.genrea li.left {    border-right: 1px solid #FFFFFF;    width: 92px;}

.today_recommend a, .pop_ranking a {    float: left;    height: 152px;    margin-left: 5px;    width: 200px;}
.peep_chat a, .peep_live a, .search a, .vip-premium a, .events dl, .free_word, .mobile a, #form1 {    margin-left: 5px;}
.free_word #serch {    float: left;    height: 20px;    width: 157px;}
#searchsubmit {    float: right;    height: 24px;    width: 40px;}
.seemore {    float: right;}
.vip-premium .vip {    float: left;    margin-bottom: 8px;}
.ranking a, .period-movie a {    font-size: 11px;}
.ranking div.movie, .period-movie div.movie {    border-bottom: 1px dotted #999999;    float: left;    margin-left: 5px;    padding: 5px 0;    width: 200px;}
.ranking a.thumbnail, .period-movie a.thumbnail {    float: left;    margin-right: 5px;}
.ranking dl, .period-movie dl {    float: left;    width: 115px;}
.ranking dt, .period-movie dt {    margin-bottom: 3px;}
.ranking dt span, .period-movie dt span {    color: #FF0000;    padding: 2px 10px 0 2px;}
#left_column .events a {    display: block;    height: 50px;    margin: 0 auto 8px;    width: 200px;}
#left_column a.leftTextlink {    float: right;    font-size: 12px;    height: auto;    margin: 0;    width: auto;}
#left_column .period-movie a.leftTextlink {    margin: 8px 0 0;}


.pop_perf_block {margin: 0px;padding: 5px 0;}

.FreePointBtn { padding:0; margin: 10px auto;width:210px;}

a.FreePoint { margin:0; display:block;	text-indent:-9999px;width:199px;height: 176px; background:top left url(/img/left/free.png) no-repeat ;}

a.FreePoint:hover {background-position: 0 -176px;}


.left_each { padding:0; margin:20px auto;width:210px;}


.update a {width:200px;	height:90px;display: block;	background: top left url(/img/left/kankyou.png) no-repeat scroll; text-indent: -9999px;}

.update a:hover {display: block;text-indent: -9999px;	text-align:left; background-position: 0px -91px;	}

/*#userInfo { padding:5px; margin:5px auto; width:210px; background-color:#271d22; color:#eee; font-size:12px;}

#userInfo .infoList { margin:2px; padding:2px; }

#userInfo .infoList .orange { color:#ff6633; font-family: Verdana, Geneva, sans-serif; font-weight:bold;}
#userInfo .infoList .orange a{color:#ff6633; text-decoration:none;}
#userInfo .infoList .orange a:hover{color:#ff6633;  text-decoration:underline;}
*/


/*end ltcol*/

/*rtcol*/

/*navi */

#navi_block {	display:block;	height: 24px;	width: 650px;	font-family:Meiryo,"メイリオ", "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;	z-index: 1000;
	margin: 0px;	padding: 0px;	background: url(/img/navi_block_backgrandG.gif) no-repeat;	position: relative;}

#navi_block_member {display:block;	height: 24px;	width: 650px;	font-family:Meiryo,"メイリオ", "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;	z-index: 1000;	margin: 0px;padding: 0px;	background: url(/img/navi_block_backgrandM.gif) no-repeat;}
#navi_block em {display: none;}

#navi_block h3#nav1 { float:left; display:block; width: 100px; height:24px;background-position:0px 0px; margin:0}
#navi_block h3#nav1 a { display:block; width: 100px; height:24px;background-position:0px -24px;}
#navi_block h3#nav1 a:hover,  #navi_block h3#nav1 a:active {width: 100px; height:24px;background: url(/img/navi_block_backgrandGon.gif) no-repeat;	background-position:0px 0px;}
#navi_block h3#nav1 current a {width: 100px; height:24px;background: url(/img/navi_block_backgrandGon.gif) no-repeat;	background-position:0px 0px;}
/*#navi_block h3#home a:link, #navi_block h3#home a:visited { display:block; position:absolute; top:0; left:0; width: 100px; height:24px;}*/
/*#navi_block h3#home a:on {width: 100px; background: url(/img/btn_home.gif) no-repeat;float: left;} */

#navi_block h3#nav2 { float:left;  display:block; width: 100px; height:24px;background-position:-100px -100px; margin:0}
#navi_block h3#nav2 a { display:block; width: 100px; height:24px;background-position:-100px 0px;}
#navi_block h3#nav2 a:hover,#navi_block h3#nav2 a:active {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-100px 0px;}
#navi_block h3#nav2 current a {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-100px 0px;}
/*#navi_block h3#psam a:link, #navi_block h3#psam a:visited { display:block;position:absolute; top:0; left:100px; width: 100px; height:24px;}*/
/*#navi_block h3#psam a:on {width: 100px; background: url(/img/btn_psam.gif) no-repeat;float: left;}*/

#navi_block h3#nav3 { float:left;  display:block; width: 130px; height:24px;background-position:-200px 0px; margin:0}
#navi_block h3#nav3 a { display:block; width: 130px; height:24px;background-position:-200px 0px;}
#navi_block h3#nav3 a:hover,#navi_block h3#nav3 a:active {width: 130px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-200px 0px;}
#navi_block h3#nav3 a:link#current, #navi_block h3#nav4 a:visited#current, #navi_block h3#nav3 a:hover  {width: 130px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-200px 0px;}
/*#navi_block h3#video a:link, #navi_block h3#video a:visited  { display:block;position:absolute; top:0; left:200px; width: 100px; height:24px;}*/
/*#navi_block h3#video a:on { width: 100px; background: url(/img/btn_video.gif) no-repeat;float: left;}*/

#navi_block h3#nav4 { float:left;  display:block; width: 100px; height:24px;background-position:-330px 0px; margin:0}
#navi_block h3#nav4 a{ display:block; width: 100px; height:24px;background-position:0px -330px;}
#navi_block h3#nav4 a:hover,#navi_block h3#nav4  a:active {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-330px 0px;}
#navi_block h3#nav4 a:link#current, #navi_block h3#nav4 a:visited#current, #navi_block h3#nav4 a:hover {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat;background-position:-330px 0px;}
/*#navi_block h3#home2 a:link, #navi_block h3#home2 a:visited  { display:block;position:absolute; top:0; left:300px; width: 100px; height:24px;}*/
/*#navi_block h3#home2 a:on {width: 100px; background: url(/img/btn_home2.gif) no-repeat;float: left;}*/

#navi_block h3#nav5 { float:left;  display:block; width: 100px; height:24px;background-position:-430px 0px; margin:0}
#navi_block h3#nav5 a{ display:block; width: 100px; height:24px;background-position:0px -430px;}
#navi_block h3#nav5 a:hover,#navi_block h3#nav5  a:active {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat; background-position:-430px 0px;}
#navi_block h3#nav5 a:link#current, #navi_block h3#nav5 a:visited#current, #navi_block h3#nav5 a:hover {width: 100px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat; background-position:-430px 0px;}
/*#navi_block h3#joinG a:link, #navi_block h3#joinG a:visited {display:block;position:absolute; top:0; left:-400px; width: 100px; height:24px;}*/
/*#navi_block h3#joinG a:on {width: 100px; background: url(/img/btn_joinM.gif) no-repeat;float: left;}*/

#navi_block h3#nav6 { float:left;  display:block; width: 80px; height:24px;background-position:-530px 0px; margin:0}
#navi_block h3#nav6 a{ display:block; width: 80px; height:24px;background-position:0px -530px;}
#navi_block h3#nav6 a:hover,#navi_block h3#nav6 a:active {width: 80px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat; background-position:-530px 0px;}
#navi_block h3#nav6 a:link#current, #navi_block h3#nav6 a:visited#current, #navi_block h3#nav6 a:hover {width: 80px; height:24px; background: url(/img/navi_block_backgrandGon.gif) no-repeat; background-position:-530px 0px;}

/*backup ここから*/
/*backup ここまで*/

#navi_block_member em {display: none;}
#navi_block_member h3 a {	color: #FFFFFF;	text-decoration: underline;	font-size: 10px; margin: 0px; padding: 0px; display: block; height: 24px;/*width: 100px;*/}
#navi_block_member h3 {margin: 0px; padding: 0px;	float: left; display: block; height: 24px;	/*width: 100px;*/}

#navi_block_member h3#home { float:left; display:block; width: 100px; height:24px;background-position:0px 0px; margin:0}
#navi_block_member h3#home a { display:block; width: 100px; height:24px;background-position:0px -24px;}
#navi_block_member h3#home a:hover,  #navi_block h3#home a:active {width: 100px; height:24px;background: url(/img/navi_block_backgrandMon.gif) no-repeat;	background-position:0px 0px;}

#navi_block_member h3#psam { float:left;  display:block; width: 100px; height:24px;background-position:-100px -100px; margin:0}
#navi_block_member h3#psam a { display:block; width: 100px; height:24px;background-position:-100px 0px;}
#navi_block_member h3#psam a:hover,#navi_block_member h3#psam a:active {width: 100px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat;background-position:-100px 0px;}

#navi_block_member h3#video { float:left;  display:block; width: 130px; height:24px;background-position:-200px 0px; margin:0}
#navi_block_member h3#video a { display:block; width: 130px; height:24px;background-position:-200px 0px;}
#navi_block_member h3#video a:hover,#navi_block_member h3#video a:active {width: 130px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat;background-position:-200px 0px;}
#navi_block_member h3#video a:link#current, #navi_block_member h3#video a:visited#current, #navi_block_member h3#video a:hover {width: 130px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat;background-position:-200px 0px;}

#navi_block_member h3#home2 { float:left;  display:block; width: 100px; height:24px;background-position:-330px 0px; margin:0}
#navi_block_member h3#home2 a{ display:block; width: 100px; height:24px;background-position:0px -330px;}
#navi_block_member h3#home2 a:hover,#navi_block_member h3#home2 a:active {width: 100px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat;background-position:-330px 0px;}
#navi_block_member h3#home2 a:link#current, #navi_block_member h3#home2 a:visited#current, #navi_block_member h3#home2 a:hover {width: 100px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat;background-position:-330px 0px;}

#navi_block_member h3#joinM { float:left;  display:block; width: 110px; height:24px;background-position:-430px 0px; margin:0}
#navi_block_member h3#joinM a{ display:block; width: 110px; height:24px;background-position:0px -430px;}
#navi_block_member h3#joinM a:hover,#navi_block_member_member h3#joinM a:active {width: 110px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat; background-position:-430px 0px;}
#navi_block_member h3#joinM a:link#current, #navi_block_member h3#joinM a:visited#current, #navi_block_member h3#joinM a:hover {width: 110px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat; background-position:-430px 0px;}

#navi_block_member h3#faq { float:left;  display:block; width: 60px; height:24px;background-position:-540px 0px; margin:0}
#navi_block_member h3#faq a{ display:block; width: 60px; height:24px;background-position:0px -540px;}
#navi_block_member h3#faq a:hover,#navi_block_member h3#faq a:active {width: 60px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat; background-position:-540px 0px;}
#navi_block_member h3#faq a:link#current, #navi_block_member h3#faq a:visited#current, #navi_block_member h3#faq a:hover {width: 60px; height:24px; background: url(/img/navi_block_backgrandMon.gif) no-repeat; background-position:-540px 0px;}


.pop_perf {	width: 250px;}


.ltcol { float: left; width: 210px;}

.rtcol { float: right; height: auto;	width: 650px;	padding-bottom: 50px;}

/* footer */
#menu_block a {color: #FFFFFF;text-decoration: underline;}

#menu_block a {color: #66FF00;font: 12px Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;    outline: medium none;    text-decoration: none;}

/*navi under banner*/
.navi2 {display: block;	background-image: url(/img/navi_block2.gif); height: 30px; width: 640px; position: relative; left: 0px;	top: 0px; background-repeat: no-repeat;	overflow: hidden;	margin-top:2px;}

.navi2 #faq a { display: block;background-position:0px 0px;	background-image: url(http://live.peepsamurai.com/img/navi_block2.gif);  height: 30px;width: 190px;position: absolute;left: 0px;	top: 0px;background-repeat: no-repeat; text-indent: -9999px; }
.navi2 #faq a:hover {display: block;background-position:0px 0px;background-image: url(http://live.peepsamurai.com/img/navi_block2_on.gif);	height: 30px;width: 190px;position: absolute;}

.navi2 #howto a  {display: block; background-position:-180px 0px; background-image: url(img/navi_block2.gif);  height: 30px;width: 160px;position: absolute;left: 180px;	top: 0px;background-repeat: no-repeat; text-indent: -9999px; }
.navi2 #howto a:hover{	display: block; background-position:-180px 0px; background-image: url(img/navi_block2_on.gif);	height: 30px;	width: 160px;	position: absolute; left: 180px;	top: 0px;}

.navi2 #join a {	display: block; background-position:-320px 0px ; 	background-image: url(img/navi_block2.gif); height: 30px;width: 140px;position: absolute;left: 320px;	top: 0px;background-repeat: no-repeat; text-indent: -9999px;}
.navi2 #join a:hover{	display: block; background-position:-320px 0px ; background-image: url(img/navi_block2_on.gif); height: 30px;width: 140px;position: absolute;left: 320px;	top: 0px;}

.navi2 #search a { display: block; background-position:-480px 0; background-image: url(img/navi_block2.gif); height: 30px;width: 130px;position: absolute;left: 480px;	top: 0px;background-repeat: no-repeat; text-indent: -9999px;}
.navi2 #search a:hover {display: block;  background-position:-480px 0; 	background-image: url(img/navi_block2_on.gif);	height: 30px;	width: 130px;	position: absolute;	top: 0px;	left: 480px;}
/*navi under banner*/




.index2 a {display: block;margin-bottom: 5px;}
.index2 .section { width: 800px;}

.ref {height: 25px;padding:3px; margin:8px auto; text-align:center;  border:1px solid #FF6633;}	
.ref li {display: block;float: left; color:#FFF;font-size: 12px; margin: 0 12px 0 10px;text-align:center; }
.ref.clearfixli {list-style: none outside none;}


.index2 a {	display: block;	margin-bottom: 5px;}
	
.index2 .section {	width: 800px;}

#wrapper {
    clear: both;
    margin: auto;
    width: 1050px;
}
#container {
    margin: auto;
    width: 1030px;
}
#header { background: url("/img/header/samurai_backgrand.gif") repeat-x scroll 0 0 transparent; border-color: -moz-use-text-color;    border-style: none;  border-width: 0; margin-bottom:18px;  height: 142px;   width: 1030px;}



#member #header {  background: url("/img/header/member_samurai_backgrand.gif") repeat-x scroll 0 0 transparent;  border-color: -moz-use-text-color;border-style: none; border-width: 0; margin-bottom:18px;height: 142px; width: 1030px; padding:0;}


#header #logo {  height:110px;  float: left;    margin-left: 8px;}
#header .join {    float: left;    margin: 40px 45px 0 150px;}
#header .login {    float: left;    margin: 40px 0 0 0;}
#header .logout {     float: left;    margin: 40px 0 0 380px;}
#member #header .memberSign {margin: 0 0 0 10px; padding:0;}





#nav { background: url("/img/header/nav_bg.jpg") repeat-x scroll 0 0 transparent; float: left;  height: 32px; width: 1030px; margin:0; padding:0;}
#nav li {    float: left;    list-style: none outside none;    margin: 0 24px;}
#nav li:hover {}
#nav li a {    color: #FFFFFF;    display: block;    font-size: 16px;    font-weight: bold;    line-height: 32px;    text-shadow: 1px 1px 8px #000000;}
#nav li a:hover {    color: #66FF00;    text-decoration: none;    text-shadow: 1px 1px 8px #000000;}

/*
#nav li #nama {  color: #66FF00;}
#nav li #namaVideo {  color: #66FF00;}
#nav li #namaSearch {  color: #66FF00;}
#nav li ul#namaFaq  {  color: #66FF00;}
#nav li ul#namaHowto  {  color: #66FF00;}
#nav li ul#namaJoin  {  color: #66FF00;}
*/


#main_column {float: left;width: 820px;}
#main_column .container {float: right;width: 800px; margin-top:0;}

#main_column h2:first-letter {    font-size: 24px;}
#main_column h2 {    border-bottom: 1px solid #FF6633;    font-size: 16px;    letter-spacing: 0.1em;    line-height: 26px;    margin: 0 0 5px;    padding: 0 0 0 5px;    width: 795px;}
#main_column .section {    margin-bottom: 18px;}
#footer {    background: url("/img/etc/border_footer.jpg") repeat-x scroll 0 0 transparent;    clear: both;    margin: auto;    padding: 24px 0;    text-align: center;    width: 1030px;}
#footer ul {    margin-bottom: 18px;}
#footer li {    border-right: 1px solid #FFFFFF;    display: inline;    list-style: none outside none;    padding: 0 10px;}
#footer li a {    color: #FFFFFF;}
#footer a, #footer p, #footer img {    clear: both;}
#footer .popup {    display: block;    margin: 5px 0 0;}
.section {    float: left;}
.left {    float: left;}
.right {    float: right;}

.logout {    float: right;    margin: 40px 60px 0 0;}



#fixedtop a:link {font-weight:bold; font-family: verdana ,Meiryo,ＭＳ Ｐゴシック,MS UI Gothic, arial,  sans-serif,Osaka‐等幅;     color: #FFF;    text-decoration: none;}
	
#fixedtop a:visited {    color: #FFF;    text-decoration: none;}
#fixedtop a:active {    color: #FFF;    text-decoration: none;}
#fixedtop a:hover {    color: #FFF;    text-decoration: none;}