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

a {
	color: #66FF00;
    font: 12px "メイリオ",  "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
    outline: medium none;
    text-decoration: none;
}
img {border:none;}
body {margin-top:0px; background-color:#000000;font: 12px "メイリオ", "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;line-height: 1.5;}
.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*/



/**/
/*
#MainMenu { width: 650px; height: 24px; background: top left  url(/img/navi_block_backgrandG.gif) scroll no-repeat;}

#globalheader {
	width: 650px;
	height: 24px;
}

#globalheader ul { width: 650px; height: 24px;}

#globalheader #globalnav {margin: 0; padding:0 0 0 30px;width: 650px; height: 24px;}

#globalheader #globalnav li {display: block; width:100px;height:24px; float:left;}

#globalheader #globalnav li a {display: inline-block; float: left; width: 100px; height: 24px; }

#globalheader #globalnav li a {background-image: url(/img/navi_block_backgrandG.gif); background-repeat: no-repeat;} 
*/
/*#globalheader #globalnav li a,

#globalheader #globalsearch {background-image: url(/img/menubar.png); background-repeat: no-repeat;} 
#globalheader #globalnav li#home {margin-right:40px;}
#globalheader #globalnav li#home a {background-position: -30px 0px; }
#globalheader #globalnav li#home a:hover {background-position: -30px -40px;}

#globalheader #globalnav li#psam a {background-position: -180px 0px;}
#globalheader #globalnav li#psam a:hover {background-position: -180px -40px;}

#globalheader #globalnav li#first a {background-position: -289px 0px;}
#globalheader #globalnav li#first a:hover {background-position: -289px -40px;}

#globalheader #globalnav li#join a {background-position: -398px 0px;}
#globalheader #globalnav li#join a:hover {background-position: -398px -40px;}

#globalheader #globalnav li#faq a {background-position: -507px 0px;}
#globalheader #globalnav li#faq a:hover {background-position: -507px -40px;}

#globalheader #globalnav li#search a {background-position: -616px 0px;}
#globalheader #globalnav li#search a:hover {background-position: -616px -40px;}

#globalheader #globalnav li#join a {background-position: -725px 0px;}
#globalheader #globalnav li#join a:hover {background-position: -725px -40px;}
*/
/* MainMenu_member

---------------------------------------------------- */
/*
#MainMenu_member { width: 1024px; height: 40px; background: top left  url(/img/menubar_member.png) scroll no-repeat;}

#globalheader_member { width: 1024px; height: 40px;}

#globalheader_member ul { width: 1024px; height: 40px;}

#globalheader_member #globalnav_member {margin: 0; padding:0 0 0 30px;width: 994px; height: 40px;}

#globalheader_member #globalnav_member li {display: block; width:109px;height:40px; float:left;}

#globalheader_member #globalnav_member li a {display: inline-block; float: left; width: 109px; height: 40px; }

#globalheader_member #globalnav_member li a {background-image: url(/img/menubar_member.png); background-repeat: no-repeat;} 
*/
/*#globalheader #globalnav li a,

#globalheader #globalsearch {background-image: url(/img/menubar.png); background-repeat: no-repeat;} 
#globalheader_member #globalnav_member li#logout {margin-right:40px;}
#globalheader_member #globalnav_member li#logout a {background-position: -30px 0px; }
#globalheader_member #globalnav_member li#logout a:hover {background-position: -30px -40px;}

#globalheader_member #globalnav_member li#home a {background-position: -180px 0px;}
#globalheader_member #globalnav_member li#home a:hover {background-position: -180px -40px;}

#globalheader_member #globalnav_member li#howto a {background-position: -289px 0px;}
#globalheader_member #globalnav_member li#howto a:hover {background-position: -289px -40px;}

#globalheader_member #globalnav_member li#faq a {background-position: -398px 0px;}
#globalheader_member #globalnav_member li#faq a:hover {background-position: -398px -40px;}

#globalheader_member #globalnav_member li#search a {background-position: -507px 0px;}
#globalheader_member #globalnav_member li#search a:hover {background-position: -507px -40px;}

#globalheader_member #globalnav_member li#contact a {background-position: -616px 0px;}
#globalheader_member #globalnav_member li#contact a:hover {background-position: -616px -40px;}

#globalheader_member #globalnav_member li#join a {background-position: -725px 0px;}
#globalheader_member #globalnav_member li#join a:hover {background-position: -725px -40px;}
*/
/*end global navi*/

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

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

.pop_perf_block {
	margin: 0px;
	padding: 5px 0;
}
#menu_block a {
	color: #FFFFFF;
    text-decoration: underline;
}
#menu_block ul {
	font-weight: bold;
    list-style: none outside none;
}
#menu_block li {
	border-right: 1px solid #FFFFFF;
    display: inline;
    margin: 0;
    padding: 0 10px;
}
.login_block #login_img { display: block; text-align:center; margin: 0 auto; width: 200px; height: 100px;}
.login_block #login_img a {	display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_log.gif);}
.login_block #login_img a:hover { display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_log_o.gif);}
/*#login_block a #login_img {	background-image: url(/img/left/btn_log.gif);} */

.login_block #otameshi_join__img { display: block; text-align:center; margin: 0 auto; width: 200px; height: 100px;}
.login_block #otameshi_join_img a {	display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_free.gif);}
.login_block #otameshi_join_img a:hover { display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_free_o.gif);}

.login_block #logout_img { display: block; text-align:center; margin: 0 auto; width: 200px; height: 100px;}
.login_block #logout_img a {	display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_logout.gif);}
.login_block #logout_img a:hover { display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_logout_o.gif);}

.login_block #add_join { display: block; text-align:center; margin: 0 auto; width: 200px; height: 100px;}
.login_block #add_join a {	display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_add.gif);}
.login_block #add_join a:hover { display: block; margin: 0 auto; height: 100px;no-repeat scroll; text-indent: -9999px; text-align:left; width: 200px;background-image: url(/img/left/btn_add_o.gif);}


/*end ltcol*/

/*rtcol*/

/*navi */

#navi_block {	display:block;	height: 24px;	width: 650px;	font-family: "ＭＳ Ｐゴシック",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: "ＭＳ Ｐゴシック",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: 250px;
	text-align:center;
}



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

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



.rtcol {
	/*background-image: url(img/bg_dragon.jpg);
	background-repeat: repeat-y; */
	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 "ＭＳ Ｐゴシック",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*/