html{
 scrollbar-arrow-color: white;
 scrollbar-base-color: #000000;
 scrollbar-darkshadow-color: white;
 scrollbar-highlight-color: white;
 scrollbar-shadow-color: white;
 margin:0px; 
}

body{
 margin:0px auto;
 background-color:#000;
 background-attachment:fixed;
 scrollbar-arrow-color: white;
 scrollbar-base-color: #000000;
 scrollbar-darkshadow-color: white;
 scrollbar-highlight-color: white;
 scrollbar-shadow-color: white;
 font-size:12px;
 color:#FFF;
}

html body {height:100%;}
html, body, h1, h2, ul, li, menu {margin:0;padding:0;}

a{color:#FFFFFF; text-decoration:none;}
a:hover{color:red; text-decoration:none;}

#hi {
 background: url("http://www.clubgenji.com/image/hi.gif") repeat-x;
 width:100%;
 height:30px;
 margin:auto;
}

p.sitetitle { 
 font-size:13px;
 text-align:right;
 margin:0px;
 margin-top:0px;
 color:#FFF;
}

#topcontainer{
 width:800px;
 margin:0px auto;
}

#container{
 width:950px;
 margin:0px auto;
}

#container_number{
 background: url("http://www.clubgenji.com/image/number_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_staff{
 background: url("http://www.clubgenji.com/image/staff_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_system{
 background: url("http://www.clubgenji.com/image/system_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_recruit{
 background: url("http://www.clubgenji.com/image/recruit_back.gif") no-repeat;
 width:950px;
 height:1800px;
 margin:0px auto;
}

#container_media{
 background: url("http://www.clubgenji.com/image/media_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_mobile{
 background: url("http://www.clubgenji.com/image/mobile_back.jpg") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_bbs{
 background: url("http://www.clubgenji.com/image/bbs_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_topics{
 background: url("http://www.clubgenji.com/image/topics_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_event{
 background: url("http://www.clubgenji.com/image/event_back.gif") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_blog{
 background: url("http://www.clubgenji.com/image/blog_back.jpg") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

#container_movie{
 background: url("http://www.clubgenji.com/image/movie_back.jpg") no-repeat;
 width:950px;
 height:960px;
 margin:0px auto;
}

/* ================================ */
/* header */
/* ================================ */

#header {
 background:url(http://www.clubgenji.com/image/header_bg.gif) no-repeat;
 width:950px;
 height:120px;
 float:left;
 margin:0;
}

#header .add {float:right;width:320px;height:60px;position:relative;right:100px;margin-top:10px;}
#header p {}

/* ================================ */
/* メニュー */
/* ================================ */

/* メニュー */
#menu {float:left;width:950px;height:40px;position:relative;top:10px;padding:0px;}
#menu li {float:left;width:93px;height:35px;margin-right:1px;}
#menu a {display:block;text-indent:-9999px;}
li a.m01 {background:url("image/navitop.gif") no-repeat;width:93px;height:35px;}
li a.m01:hover {background:url("image/navitop_on.gif") no-repeat;width:93px;height:35px;}
li a.m02 {background:url("image/navisystem.gif") no-repeat;width:93px;height:35px;}
li a.m02:hover {background:url("image/navisystem_on.gif") no-repeat;width:93px;height:35px;}
li a.m03 {background:url("image/naviranking.gif") no-repeat;width:93px;height:35px;}
li a.m03:hover {background:url("image/naviranking_on.gif") no-repeat;width:93px;height:35px;}
li a.m04 {background:url("image/navistaff.gif") no-repeat;width:93px;height:35px;}
li a.m04:hover {background:url("image/navistaff_on.gif") no-repeat;width:93px;height:35px;}
li a.m05 {background:url("image/navitopics.gif") no-repeat;width:93px;height:35px;}
li a.m05:hover {background:url("image/navitopics_on.gif") no-repeat;width:93px;height:35px;}
li a.m06 {background:url("image/naviblog.gif") no-repeat;width:93px;height:35px;}
li a.m06:hover {background:url("image/naviblog_on.gif") no-repeat;width:93px;height:35px;}
li a.m07 {background:url("image/navimovie.gif") no-repeat;width:93px;height:35px;}
li a.m07:hover {background:url("image/navimovie_on.gif") no-repeat;width:93px;height:35px;}
li a.m08 {background:url("image/navievent.gif") no-repeat;width:93px;height:35px;}
li a.m08:hover {background:url("image/navievent_on.gif") no-repeat;width:93px;height:35px;}
li a.m09 {background:url("image/navimedia.gif") no-repeat;width:93px;height:35px;}
li a.m09:hover {background:url("image/navimedia_on.gif") no-repeat;width:93px;height:35px;}
li a.m10 {background:url("image/navirec.gif") no-repeat;width:93px;height:35px;}
li a.m10:hover {background:url("image/navirec_on.gif") no-repeat;width:93px;height:35px;}


h1 { 
 width:150px;
 float:left;
 font-size:13px;
 margin:0px;
}

#topmain {
 float:left;
 width:800px;
 min-height:500px;
 _height:500px;
 margin:auto;
}

#main_in {
 float:left; 
 width:950px;
 min-height:500px;
 _height:500px;
 margin:auto;
}

#main {
 float:left;
 width:950px;
 min-height:500px;
 _height:500px;
 margin:auto;
 margin-top:50px;
}

#spe {
 width:950px;
 height:10px;
 float:left;
}

#whatsnew_line {
 width:450px;
 height:320px;
 margin:auto;
 overflow:auto;
 float:left;
}

/* ================================ */
/* topニュース変更 */
/* ================================ */
#news_line {float:left;width:470px;height:300px;margin-bottom:5px;}
#news_line h2 {float:left;background:url(image/newsh2.jpg) no-repeat;width:470px;height:30px;text-indent:-9999px;}
#whatsnew{
 width:460px;
 height:250px;
 margin:auto;
 float:left;
 overflow:auto;
 padding-left:5px;
}

/* ================================ */
/* topブログ */
/* ================================ */
#topblog {float:right;width:470px;height:300px;margin-bottom:5px;}
#topblog h2 {float:left;background:url(image/topblogh2.jpg) no-repeat;width:470px;height:30px;text-indent:-9999px;}
#blog_list {width:470px;height:250px;float:left;overflow:auto;}


/* ================================ */
/* topトピックス */
/* ================================ */
#toptopics {float:left;width:470px;height:350px;margin-bottom:5px;}
#toptopics h2 {float:left;background:url(image/toptopih2.jpg) no-repeat;width:470px;height:30px;text-indent:-9999px;}

#toptopics_list {width:465px;height:100px;float:left;}
img.toptopilst{width:85px;height:64px;float:left;border:1px dotted red;}
font.toptopititle { font-size:12px; color:#ed900a;}

/* ================================ */
/* toplink */
/* ================================ */
#banner_line{float:right;width:470px;height:350px;margin-bottom:5px;}
#banner_line h2 {float:left;background:url(image/toplinkh2.jpg) no-repeat;width:470px;height:30px;text-indent:-9999px;}
img.topbanner {float:left;width:214px;height:70px;border:none;}

img.topbanner1 {width:468px; height:70px; margin:0px; padding-left:30px; padding-top:5px; border:none;}

img.linkbanner {width:458px; height:70px; margin:0px; padding-left:30px; padding-top:5px; border:none;}


/* ================================ */
/* bottom */
/* ================================ */

#bottom_line {
 width:950px;
 height:100px;
 margin:auto;
 float:left;
 text-align:right;
 padding-top:5px;
 padding-right:5px;
}

img.clear{
}

#flash_player {
 width:165px;
 height:45px;
 margin:auto;
 float:left;
 text-align:left;
}

img.flashplayer {border:none;}

#copyright {
 font-family: "ＭＳ 明朝",serif;
 width:700px;
 margin:auto;
 float:right;
 margin-right:5px;
 text-align:right;
}



/*スタッフ*/

#staff_line, #staff_line2 {
 width:900px;
 min-height:500px;
 _height:500px;
 margin:auto;
 float:left;
 margin:50px 10px 0 10px;
}


#staff {
 width:160px;
 height:280px;
 float:left;
 margin:10px;
 text-align:center;
}

/*プロフィール*/

#profile_right {
 float:left;
 margin-top:20px;
 margin-left:20px;
 width:250px;
 min-height:500px;
 _height:500px;
 border-right:1px dotted dimgray;
}

#profile_left {
 float:left;
 margin-top:30px;
 margin-left:80px;
 width:400px;
 min_height:500px;
 _height:500px;
 letter-spacing:1px;
}

p.profile {
 margin:5px;
}

img.w_img {
 width:105px;
 height:150px;
 margin:0px auto;
 border:none;
}


/*イベント*/

#event_line {
 width:800px;
 height:50px;
 margin:auto;
 float:left;

}

#event {
 width:900px;
 margin:auto;
 float:left;
 text-align:left;
 margin-left:15px;
 padding-bottom:10px;
 color:#FFF;
 filter:alpha(opacity=80);
}

#event_ym_line {
 height:20px;
 margin:auto; 
}

#event_ym_year {
 width:150px;
 height:20px;
 float:left;
 text-align:center;
 color:#FFF;
}

#event_ym_month {
 width:30px;
 height:20px;
 float:left;
 text-align:left;
 color:#FFF;
}

p.event {margin:0px;}


/*求人*/

#recruit_line {
 width:450px;
 min-height:600px;
 margin:auto;
 float:left;
 margin-top:150px;
 margin-left:20px;
}

/*トピックス*/

p. {margin:0px;}


#topics_ym_line {
 width:910px;
 height:40px;
 margin:auto;
 margin-left:20px;
}

#topics_ym_year {
 width:100px;
 height:20px;
 float:left;
 text-align:center;
 font-size:13px;
}

#topics_ym_month {
 width:40px;
 height:20px;
 float:left;
 text-align:left;
 font-size:13px;
}

a.topics_ym {font-weight:bold; color:#FFF;}
a.topics_ym:hover {font-weight:bold; color:red;}

#topics {
 width:900px;
 min-height:80px;
 margin:auto;
 margin-left:20px;
}

#topics_titleline {
 width:900px;
 height:20px;
 margin:auto;
}

#topics_title {
 width:750px;
 height:20px;
 margin:auto;
 color:#FFF;
 float:left;
 text-align:left;
 border-top: #FFF 1px double;
}

a.topics_title {
 font-weight:bold;
 color:#FFF;
 text-decoration:none;
}

a.topics_title:hover {
 font-weight:bold;
 color:red;
 text-decoration:none;
}

#topics_date {
 width:120px;
 height:20px;
 float:right;
 margin:auto;
 text-align:right;
 margin-top:-20px;
}

#topics_shortcomment {
 width:350px;
 margin:auto;
 float:right;
 text-align:left;
 padding:5px;
}

#topics_pc1 {
 width:250px;
 margin:auto;
 float:left;
 padding:5px;
}

#topics_detail_comment {
 width:690px;
 margin:auto;
 padding:5px;
 min-height:100px;
}

/*メディア*/

#media {
 width:920px;
 height:600px;
 margin:auto;
 float:left;
 margin-left:10px;
 font-size:15px;
}

img.media1 {width:920px; height:300px; margin:auto; margin-top:30px;  filter:alpha(opacity=60);}

#media2 {
 width:920px;
 min-height:500px;
 float:left;
}

td.media_t {
 width:170px;
 height:120px;
 float:left;
 padding:3px;
 border:1px dotted dimgray;
}

/*システム*/

#system_top {
 width:900px;
 min-height:500px;
 margin:auto;
 float:left;
 margin-top:20px;
 margin-left:40px;
}

#system_bottom {
 width:900px;
 min-height:300px;
 float:left;
 margin-left:40px;
}

img.systemshop {
 width:450px;
 float:left;

}

/*ナンバー*/

#s_ranking {
 width:900px;
 min-height:500px;
 float:left;
 margin-left:20px;
}

#ranking_in1 {
 width:450px;
 min-height:500px;
 float:left;
}

#number_list_1 {
 width:450px;
 float:left;
 margin:auto;
 text-align:center;
 position:relative;
}




#number_title {
 text-align:center;
 margin:auto;
 width:900px;
 height:30px;
 font-size:13px;
}

#number_line {
 width:900px;
 min-height:800px;
 _height:500px;
 margin-top:50px;
 float:left;
 
}

#number_list {
 width:450px;
 float:left;
 margin:auto;
 text-align:center;
 position:relative;
}

#number_list_s {
 width:900px;
 float:left;
 margin:auto;
 text-align:center;
 position:relative;
}

#number1 {
 width:310px;
 height:400px;
 margin:auto;
}

#number2 {
 width:200px;
 height:350px;
 margin:auto;
}


a.list_parts {color:#FFF;
 text-decoration:none;
}

a.list_parts:hover {
 color:red;
 text-decoration:none;
}

#list_number1 {
 width:310px;
 height:20px;
 font-size:18px;
 color:red;
 text-align:center;
}

#list_number2 {
 width:300px;
 height:20px;
 font-size:18px;
 color:red;
 text-align:center;
}

#list_number3 {
 width:200px;
 height:20px;
 margin:auto;
 color:red;
 text-align:center;
}

#list_number {
 width:135px;
 height:20px;
 font-size:18px;
 color:red;
 text-align:center;
}

#list_yaku {
 font-size:11px;
 margin:auto;
 width:135px;
 height:16px;
 text-align:center;
}

#list_name {
 font-size:14px;
 margin:auto;
 width:135px;
 height:20px;
 text-align:center;
}




/*掲示板*/

#bbs {
 text-align:left;
 color:#FFF;
 margin-top:20px;
}

td.num {
 color:#b5b5b5;
 text-align:left;
 width:400px;
}

td.num2 {
 width:150px;
}

td.bbs_comment {
 color:#000;
 text-align:left;
}

td.bbs_title {
 text-align:left;
}

a.bbs {
 color:red;
}

/*ブログ*/

#blog {
 width:800px;
 min-height:500px;
 margin:auto;
 float:left;
 margin-left:40px;
}

/*ＭＯＶＩＥ*/

#movie {
 width:820px;
 min-height:500px;
 margin-left:50px;
 margin:auto;
}

#movie_list {
 width:260px;
 height:230px;
 margin-right:10px;
 float:left;
 text-align:center;
}

/*rss*/

#link_list {
 width:185px;
 height:180px;
 float:left;
 font-size:12px;
 text-align:center;
 color:#FFF;
 margin-left:5px;
 margin-top:10px;
}

a.link_list {color:#FFF; }
a.link_list:hover {color:#a4040f;}

img.link_list {
 border:solid 1px #a4040f;
 width:170px;
 height:70px;
}

#mob {
 width:950px;
 height:80px;
 margin:auto;
 float:left;
}
#bottom_left {
 width:950px;
 height:80px;
 margin:auto;
 float:left;
}


/*ランキング履歴*/

#ranking_ym_line {
 width:130px;
 height:25px;
 float:left;
 margin:auto; 
}

#ranking_ym_year {
 width:80px;
 height:20px;
 float:left;
 text-align:center;
 color:#FFF;
}

#ranking_ym_month {
 width:50px;
 height:20px;
 float:left;
 text-align:left;
 color:#FFF;
}