html {
 scrollbar-arrow-color: gray;
 scrollbar-base-color: #FFF;
 scrollbar-darkshadow-color: #aaaaaa;
 scrollbar-highlight-color: #bfbfbf;
 scrollbar-shadow-color: white;
 margin:0px; 
}

#body_index {
 background-position: left top;
 background-image:url("http://www.club-clover.com/image/index_bg.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 scrollbar-arrow-color: #aaaaaa;
 scrollbar-base-color: #FFF;
 scrollbar-darkshadow-color: gray;
 scrollbar-highlight-color: #bfbfbf;
 scrollbar-shadow-color: white;
 font-size:12px;
 color:dimgray;
 margin:0 auto;
}

h1 {
 font-size:13px;
 text-align:right;
 margin:0px;
 color:gray;
}

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

#container1 {
 position:absolute;
 top:50%;
 left:50%;
 width:850px;
 height:520px;
 margin-left:-420px;
 margin-top:-260px;
}

/*index*/

#index_btn{
 width:850px;
 height:580px;
 margin:auto;
 float:left;
}

#index_btn1{
 width:395px;
 height:450px;
 float:left;
 megin:auto;
 padding:0px;
 border:none;
}

#index_btn2{
 width:395px;
 height:450px;
 float:right;
 megin:auto;
 padding:0px;
 border:none;
}

#group_line {
 width:830px;
 height:100px;
 float:left;
 margin-left:25px;
 margin-top:5px;
 background:red;
}


#copyright_index {
 width:830px;
 height:50px;
 font-size:10px;
}



#container {
 width:900px;
 text-align:left;
 margin:0px auto;
 background:#FFF;
}

body {
 background-image:url("http://www.club-clover.com/image/bg.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 scrollbar-arrow-color: #aaaaaa;
 scrollbar-base-color: #FFF;
 scrollbar-darkshadow-color: gray;
 scrollbar-highlight-color: #bfbfbf;
 scrollbar-shadow-color: white;
 font-size:12px;
 color:dimgray;
 margin:0 auto;
}

#header_line {
 width:900px;
 height:60px;
 float:left;
}

img.logo {
 width:250px;
 height:50px;
 margin:0 auto;
 float:left;
 border:none;
}

p {margin:0px;}

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

a:hover {
 color:#8f0000;
}

#botan_line {
 width:380px;
 height:35px;
 float:right;
 margin-top:-2px;
}


#botan {
 width:350px;
 height:35px;
 float:right;
}



#menu {
 width:900px;
 height:40px;
 margin:auto;
 float:left;
 margin-top:3px;
}

ul.menu {
 margin:0px;
 padding:0px;
 list-style:none;
 margin-top:-2px;
 margin-left:0px;
 float:left;
}

li#menu {
 width:81px;
 height:35px;
 display:block;
 float:left;
}

a.menu {
 display:block;
 width:81px;
 height:35px;
 font-size:12px;
 color:gray;
 text-indent:-9999px;
}

a:hover.menu {
 display:block;
 width:81px;
 height:35px;
 font-size:12px;
 color:#8f0000;
 text-indent:-9999px;
}

li.menu1 {
 background:url(http://www.club-clover.com/image/menu_top.jpg);
}

li.menu2 {
 background:url(http://www.club-clover.com/image/menu_news.jpg);
}

li.menu3 {
 background:url(http://www.club-clover.com/image/menu_system.jpg);
}

li.menu4 {
 background:url(http://www.club-clover.com/image/menu_topics.jpg);
}

li.menu5 {
 background:url(http://www.club-clover.com/image/menu_ranking.jpg);
}

li.menu6 {
 background:url(http://www.club-clover.com/image/menu_staff.jpg);
}

li.menu7 {
 background:url(http://www.club-clover.com/image/menu_blog.jpg);
}

li.menu8 {
 background:url(http://www.club-clover.com/image/menu_access.jpg);
}

li.menu9 {
 background:url(http://www.club-clover.com/image/menu_media.jpg);
}

li.menu10 {
 background:url(http://www.club-clover.com/image/menu_rental.jpg);
}

li.menu11 {
 background:url(http://www.club-clover.com/image/menu_recruit.jpg);
}

#top_fla {
 width:550px;
 height:250px;
 float:left;
 margin:0px;
 background:black;
}


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

#main_in {
 width:880px;
 min-height:500px;
 margin:auto;
 margin-top:20px;
 float:left;
}

#top_left {
 width:550px;
 min-height:500px;
 margin:0 auto;
 float:left;
}

#top_right {
 width:300px;
 min-height:500px;
 margin:auto;
 float:right;
}

#bottom_line {
 width:900px;
 height:50px;
 float:left;
 margin:0 auto;
 background:#e2e2e2;
 border:1px solid #c4c4c4;
}

#bottom_menu {
 font-size:10px;
 text-align:center;
 width:880px;
 height:30px;
 margin-top:15px;

}

p.bottom_menu1 {
}


#copyright {
 width:900px;
 height:50px;
 float:left;
 font-size:12px;
 text-align:center;
 margin-top:20px;
}


img.gazou_top {
 width:880px;
 height:150px;
 margin:0 auto;
 margin-left:10px;
}

.gazou_top {
 width:880px;
 height:150px;
 margin:0 auto;
 margin-left:10px;
}



/*tab*/



#basic-accordian{
 padding:0px;
 width:300px;
 z-index:2;
}

.accordion_headings{
 padding:2px;
 background:#a0334d;
 color:#7b7b7b;
 border:1px solid #bdbebe;
 cursor:pointer;
 text-align:center;
 font-weight:bold;
}

.accordion_headings:hover{
 background:#ca1b16;
}

.accordion_child{
 padding:10px;
 background:#dfdfdf;
}

.header_highlight{
 background:red;
}

/*numbertab*/

#basic-accordian2{
 padding:0px;
 width:880px;
 z-index:2;
}

.accordion_headings{
 padding:2px;
 background:#f5f4f4;
 color:#7b7b7b;
 border:1px solid #bdbebe;
 cursor:pointer;
 text-align:center;
 font-weight:bold;
}

.accordion_headings:hover{
 background:#ca1b16;
}

.accordion_child{
 padding:15px;
 background:#dfdfdf;
}

.header_highlight{
 background:red;
}



#waku {width:550px;}
.head_moo {margin-top:0px; padding:7px; font-size:15px;cursor:pointer;
background: #a0334d; color:#FFFFFF; border:#bdbebe 1px solid; text-align:center;}

.head_moo:hover{
 background:#ff0014;
}

.content_moo{background-color:#a0334d;}
.naka{ margin:5px 0px; border:#bdbebe 0px solid; padding:2px;}


/*topgazou*/

div.shot {
  position: relative;
  overflow: hidden;
}

* html div.shot {
  float: left;
}

div.controls a {
 text-indent: -5000px;
 overflow: hidden;
 outline: none;
 position: absolute;
 top: 0px;
 right: 0px;
 width: 300px;
 height: 250px;
 background-position: center center;
 background-repeat: no-repeat;
 background-image: url("http://www.club-clover.com/image/bg-next.gif");
 opacity: 0;
 filter: alpha(opacity=0);
}

* html div.controls a {
 height: 250px;
 background-position: center 50px;
}

div.controls a.previous {
 left: 0px;
 background-image: url("http://www.club-clover.com/image/bg-previous.gif");
}

div.controls a.alone {
  width: 300px;
  margin: 0 5px;
}
  
div.controls a:hover {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

img.topgazou {border:none;}


/*topblog*/


#topblog {
 width:310px;
 height:400px;
 margin:auto;
 float:left;
 text-align:left;
 overflow:auto;
 font-size:12px;
}

/*whatnews*/

#whatsnew_waku {
 width:200px;
 height:390px;
 float:right;
 margin:auto;
 overflow:auto;
 padding:5px;
 font-size:12px;
}

/*topbottom*/

#top_bottom {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 margin:10px 0px 10px 0px;
}


img.bar_number {
 width:880px;
 height:30px;
 float:left;
 margin:0px auto;
 margin-left:10px;
}

img.bar {
 width:880px;
 height:30px;
 float:left;
 margin:0 auto;
 padding:10px;
}


#line {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
 margin-left:10px;
 padding-bottom:20px;
}


/*event*/

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

#event {
 width:850px;
 margin:auto;
 float:left;
 text-align:left;
 margin-left:10px;
 padding-bottom:10px;
 color:#000;
 font-size:13px;
}

#event_ym_line {
 height:20px;
 margin:auto; 
 background:#e2e2e2;
 border:1px solid #c4c4c4;
}

#event_ym_year {
 width:150px;
 height:20px;
 margin-top:2px;
 float:left;
 text-align:center;
 color:#000;
}

#event_ym_month {
 width:30px;
 height:20px;
 margin-top:2px;
 float:left;
 text-align:left;
 color:#000;
}

p.event {margin:0px;}

/*rss*/

#blog {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
}

#rss_in {
 width:440px;
 height:130px;
 float:left;
 text-align:center;
}


/*blog2*/

#blog1 {
 width:290px;
 height:400px;
 margin:auto;
 float:left;
 text-align:left;
 font-size:10px;
 background:#f5f4f4;
}

#blog2 {
 width:290px;
 height:400px
 margin:auto;
 float:left;
 margin:5px 1px 20px 0px;
}

#blog3 {
 width:290px;
 height:400px
 margin:auto;
 float:left;
 margin:10px 1px 5px 0px;
}



/*media*/

#media {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:13px;
}

/*system*/



#system_left {
 width:550px;
 min-height:950px;
 margin:0px auto;
 float:left;
}

#system_top {
 width:550px;
 height:100px;
 margin:0px auto;
 float:left;
}

#system_right {
 width:310px;
 min-height:500px;
 margin:0px auto;
 float:right;
}

img.food {
 border:none;
}

#system_b {
 width:880px;
 height:350px;
 margin:0 auto;
 float:left;
}





/*number*/



#list_number {
 width:150px;
 height:350px;
 float:left;
 text-align:center;
 padding:10px; 
 margin:auto;
 margin-left:5px;
}


#staff_line {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
 margin-left:10px;
 padding-bottom:20px;
}


#list_staff {
 width:146px;
 height:200px;
 float:left;
 text-align:center; 
}

font.list_yaku {
 font-size:10px;
}

a.list {
 color:gray;
 text-decoration:none;
}
a.list:hover {
 color:#8f0000;
}

img.list_number {
 width:140px;
 height:300px;
}

img.list_staff {
 width:140px;
 height:152px;
}


#list_staff3 {
 width:220px;
 height:320px;
 float:left;
 margin:auto;
}

#list_yaku1 {
 width:150px;
 height:20px;
 margin:auto;
 margin-top:5px;
 text-align:center;
}


font.list_yaku1 {
 font-size:13px;
}

font.list_menu1 {

}

#toplist_staff {
 width:160px;
 height:200px;
 float:left;
 text-align:center;
 padding-left:10px;
}


#topnumber_staff {
 width:300px;
 height:450px;
 float:left;
}

#topnumber_staff {
 width:300px;
 height:450px;
 float:right;
 font-family: "ヒラギノ角ゴ Pro",w6;
 text-align:center; 
}

img.topnumber {
 width:300px;
 height:429px;
 margin:0px auto;
 float:right;
}

/*profile*/

#staff_photo {
 width:380px;
 height:550px;
 margin:auto;
 float:left;
}


#photo_l {
 width:350px;
 height:500px;
 margin:auto;
}

#profile_right {
 width:500px;
 height:550px;
 margin:auto;
 float:right;
}

img.move {
 width:450px;
 float:left;
 margin:auto;
 margin-left:20px;
}


#profile_teble {
 width:500px;
 height:250px;
 margin:auto;
 float:right;
 overflow:auto;
 color:#000;
 font-size:12px;
}

#thum_line {
 width:380px;
 height:250px;
 margin:auto;
 float:left;
 overflow:auto;
 margin-top:30px;
}

#thum1{
 width:350px;
 height:250px;
 margin:auto;
 float:left;
}

img.thum1 {
 width:60px;
 height:85px;
 margin:auto;
 padding-left:10px;
 padding-bottom:15px;
}

#profile_blog {
 width:500px;
 height:280px;
 margin:auto;
 float:right;
 margin-top:5px;
}

#staff_blog {
 width:500px;
 height:270px;
 overflow:auto;
 float:left;
 color:gray;
 background:#FFF;
}

/*access*/



#access_top {
 width:880px;
 height:550px;
 margin:auto;
 float:left;
}

#access_photo {
 width:800px;
 height:533px;
 margin:auto;
 float:left;
 margin-left:20px;
 border: double 3px #ff0014;
}

/*yaku*/

#yaku {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
 margin-left:10px;
 padding-bottom:20px;
}

/*meil*/

#mail_line {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
 margin-left:10px;
 padding-bottom:20px;
}

#mail_in {
 position:relative;
 width:550px;
 height:300px;
 float:left;
 margin:0px auto;
 left:170px;
}


/*アイフレームボディ*/

#body_rss {
 background:#f5f4f4;
 scrollbar-arrow-color: #aaaaaa;
 scrollbar-base-color: #FFF;
 scrollbar-darkshadow-color: gray;
 scrollbar-highlight-color: #bfbfbf;
 scrollbar-shadow-color: white;
 font-size:12px;
 color:dimgray;
 margin:0 auto;
}

#back {
 width:880px;
 height:40px;
 float:left;
 margin:auto;
 margin-top:30px;
}

a.back {
 display:block;
 width:224px;
 height:37px;
 background:url("http://www.club-clover.com/image/back1.jpg") no-repeat;
 font-size:1px;
 color:#fff;
 padding:1px 0px 0px 1px;
}

a.back:hover {
 background:url("http://www.club-clover.com/image/back2.jpg") no-repeat;
 font-size:1px;
}

/*トピックス*/



#topics {
 width:880px;
 min-height:500px;
}

#topics_ym_line {
 width:880px;
 height:20px;
}

#topics1 {
 width:290px;
 height:270px;
 margin:auto;
 float:left;
}

#topics_ym_year {
 width:80px;
 height:20px;
 float:left;
 text-aling:center;
}

#topics_ym_month {
 width:30px;
 height:20px;
 float:left;
 text-align:center;
}


#topics_titleline {
 width:250px;
 height:30px;
 font-size:14px;
 font-weight:bold;
 padding:2px;
 text-align:center;
}

#topics_title {
 width:700px;
 height:20px;
 float:left;
 font-size:16px;
 text-align:left;
}


#topics_title1 {
 width:280px;
 height:20px;
 float:left;
 font-size:16px;
 text-align:left;
}

#topics_date {
 width:280px;
 height:20px;
 margin:auto;
 float:left;
 text-align:left;
}

#topics_pc1 {
 width:250px;
 height:180px;
 margin:auto;
 float:left;
 text-align:center;
}

img.topics_pc {
 margin:5px;
 border:solid 1px gray;
 width:200px;
 height:150px;
}

#topics_shortcomment {
 width:250px;
 height:50px;
 margin:auto;
 float:left;
 text-align:left;
}

#tab_m {
 width:530px;
 height:400px;
 margin:auto;
 float:left;
 overflow:auto;
 padding:5px;
}

/*link*/

#link1 {
 width:530px;
 height:350px;
 margin:auto;
 float:left;
 padding:5px;
 text-align:center;
}


#link {
 width:120px;
 height:70px;
 margin-right:8px;
 text-align:center;
 float:left;
}

#link_line {
 width:100px;
 height:60px;
 text-align:center;
 margin:auto;
 float:left;
}

img.link{
 width:100px;
 height:40px;
 border:solid 1px gray;
 float:left;
}

#blog_line2 {
 width:880px;
 min-height:300px;
 margin:auto;
 float:left;
}

img.blog_1 {
 width:290px;
 height:50px;
 margin:auto;
 float:left;
 border:solid 1px gray;
}

/*qa*/

#qa1 {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
 padding-top:20px;
 margin-left:10px;
 padding-bottom:20px;
}

/*recruit*/

#recmenu {
 width:900px;
 height:35px;
 margin:0 auto;
 float:left;
}

#recurit_line {
 width:880px;
 min-height:500px;
 margin:auto;
 float:left;
 font-size:12px;
}

img.manga1 {
 width:275px;
 height:206px;
 margin:auto;
 float:left;
 border:none;
}

img.dougyou {
 width:275px;
 height:206px;
 margin:auto;
 float:left;
 margin-left:6px;
 border:none;
}

img.move_w {
 width:300px;
 height:100px;
 margin:auto;
 float:left;
 padding:2px;
 border:none;
}

img.r_banner {
 width:285px;
 height:150px;
 margin:auto;
 float:left;
 border:none;
 padding:2px;
}


* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: #FFF;
}
.highslide-html-content {
 position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
 color: black;
 font-size: 8pt;
 font-family: sans-serif;
 font-weight: bold;
    text-decoration: none;
 padding: 2px;
 border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}

.control {
 float: right;
    display: block;
    /*position: relative;*/
 margin: 0 5px;
 font-size: 9pt;
    font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
 color: gray;
}
.control:hover {
 color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#con_pro {
 text-align:left;
}


#hays {
 width:438px;
 min-height:500px;
 margin:auto;
 float:left;
 background:#d2d3ff;
}

#spe {
 background-image:url("http://www.club-clover.com/image/bar_line.jpg");
 background-repeat: repeat-y;
 width:3px;
 min-height:1200px;
 margin:auto;
 float:left;
}

#six {
 width:438px;
 min-height:500px;
 margin:auto;
 float:right;
 background:#ffd3d3;
}


/*newblog*/

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

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

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