html {
 scrollbar-arrow-color: gray;
 scrollbar-base-color: #FFFF;
 scrollbar-darkshadow-color: #aaaaaa;
 scrollbar-highlight-color: #bfbfbf;
 scrollbar-shadow-color: white;
 margin:0px; 
}

body {
 background:#dde43e url("http://www.clover-group.com/image/bg1.jpg");
 background-attachment:fixed;
 background-position:50% 0%;
 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;
}

#container {
 width:980px;
 margin:auto;
}

#container_in {
 width:960px;
 background:#FFF;
 margin:auto;
}


p {margin:0px;}



a {
 color:#000;
 text-decoration:none;
}

a:hover {
 color:#5d9631;
}



#header {
 background-image:url("http://www.clover-group.com/image/header_bg.jpg");
 background-repeat: no-repeat;
 width:960px;
 height:70px;
 margin:0 auto;
 float:left;
}

h1 {
 font-size:13px;
 text-align:right;
 margin:0px;
 margin-top:18px;
 margin-right:5px;
 color:gray;
}

#main_fla {
 width:960px;
 height:348px;
 margin:0 auto;
 float:left;
}

#spe {
 width:960px;
 height:5px;
 margin:0;
 float:left;
}



#main_left {
 width:620px;
 min-height:500px;
 margin:auto;
 float:left;
 margin-left:7px;
}

#manu {
 width:620px;
 height:50px;
 margin:auto;
 float:left;
}

ul.menu {
 margin:0px;
 padding:0px;
 list-style:none;
 margin-top:-2px;
 margin-left:0px;
 float:left;
}

ul.menu {
 margin:0px;
 padding:0px;
 list-style:none;
 margin-top:-2px;
 margin-left:0px;
 float:left;
}

li#menu {
 width:103px;
 height:45px;
 display:block;
 float:left;
}

a.menu {
 display:block;
 width:103px;
 height:45px;
 font-size:12px;
 color:#c7c6c6;
 text-indent:-9999px;
}

a:hover.menu {
 display:block;
 width:103px;
 height:45px;
 font-size:12px;
 color:#e2b3b3;
 text-indent:-9999px;
}

li.menu1 {
 background:url(http://www.clover-group.com/image/menu_top.jpg);
}

li.menu2 {
 background:url(http://www.clover-group.com/image/menu_system.jpg);
}

li.menu3 {
 background:url(http://www.clover-group.com/image/menu_event.jpg);
}

li.menu4 {
 background:url(http://www.clover-group.com/image/menu_recruit.jpg);
}

li.menu5 {
 background:url(http://www.clover-group.com/image/menu_mail.jpg);
}

li.menu6 {
 background:url(http://www.clover-group.com/image/menu_staff.jpg);
}

img.topbanner1 {
 width:620px;
 height:200px;
 margin:0 auto;
 float:left;
 border:none;
 margin-top:3px;
}

img.topbanner2 {
 width:620px;
 height:400px;
 margin:0 auto;
 float:left;
 border:none;
 margin-top:3px;
}
img.topbanner {
 width:620px;
 height:93px;
 margin:0 auto;
 float:left;
 border:none;
 margin-top:3px;
}

#group_line {
 width:620px;
 min-height:500px;
 marign:auto;
 float:left;
}

/*トップナンバー*/


#number_title {
 width:620px;
 height:30px;
 float:left;
}


#list_number1 {
 width:55px;
 height:20px;
 text-align:center;
 color:#8f0000;
}

#list_yaku1 {
 width:110px;
 float:left;
 text-align:center;
 font-size:11px;
}


#list_name1 {
 width:55px;
 height:20px;
 float:left;
 text-align:center;
 font-size:10px;
}

#number_title {
 width:620px;
 height:30px;
 float:left;
}

#list_number {
 width:110px;
 height:20px;
 text-align:center;
 color:#8f0000;
}

#list_yaku {
 width:55px;
 float:left;
 text-align:center;
 font-size:11px;
}


#list_name {
 width:110px;
 height:20px;
 float:left;
 text-align:center;
 font-size:10px;
}

a.list_parts {
 color:black;
 text-decoration:none;
}

a.list_parts:hover {
 color:#5d9631;
 text-decoration:none;
}

#number_list {
 width:620px;
 height:200px;
 float:left;
 margin:0 auto;
}

#number_list_m1 {
 width:60px;
 height:180px;
 float:left;
 margin:0 auto;
}


#number_list_m {
 width:115px;
 height:230px;
 float:left;
 margin:0 auto;
}

img.number1 {
 width:55px;
 height:119px;
 border:none;
 border:solid 1px #94b63b;
}

img.number {
 width:110px;
 height:157px;
 border:none;
 border:solid 1px #94b63b;
}



#main_right {
 width:315px;
 min-height:500px;
 margin:auto;
 float:right;
 margin-left:9px;
}

#top_move {
 width:315px;
 height:220px;
 margin:0 auto;
 float:left;
 margin-bottom:8px;
}

img.right_b {
 width:315px;
 height:100px;
 margin:0 auto;
 float:left;
 border:none;
 margin:4px 0px 4px 0px;
}

img.bar_right {
 width:315px;
 height:25px;
 margin:0 auto;
 float:left;
 margin:4px 0px 5px 0px;
}

#blog_line {
 width:310px;
 height:650px;
 margin:auto;
 float:left;
 overflow:auto;
}

#blog_list_in {
 width:290px;
 height:170px;
 float:left;
 background:#f3ffdd;
}

#blogdate {
 text-align:right;
 margin-top:2px;
 margin-right:2px;
}



#groupsite {
 width:944px;
 min-hegiht:200px;
 margin:auto;
 float:left;
 margin-left:7px;
 margin-right:9px; 
}


#shop_list {
 width:235px;
 hieght:220px;
 margin:0 auto;
 float:left;
} 

img.shop_b {
 width:228px;
 height:179px;
 margin:0 auto;
 float:left;
 border:none;
}



#bottom_line {
 width:960px;
 height:150px;
 margin:auto;
 float:left;
}

img.bar_bottom {
 width:960px;
 height:35px;
 margin:0 auto;
 float:left;
 margin-top:20px;
}

#bottom_menu {
 width:960px;
 height:30px;
 font-size:12px;
 text-align:center;
 position:relative;
 top:15px;
 letter-spacing:1px;
 line-height:130%;
}


/*イベント*/

#event_l{
 width:600px;
 height:20px;
 margin:auto;
 float:left;
}

#event_ym_line {
 width:62px;
 min-height:20px;
 float:left;
 margin:auto; 
}

#event_ym_year {
 width:100px;
 height:20px;
 float:left;
 text-align:center;
 font-size:13px;
}

#event_ym_month {
 width:40px;
 height:20px;
 float:left;
 text-align:left;
 font-size:13px;
}

#event_line {
 width:600px;
 min-height:500px;
 margin:auto;
 float:left;
}

td.event_table_date {
 width:90px;
 height:20px;
 padding:5px;
 text-align:center;
 color:#000;
 font-size:14px;
}

td.event_table_detail {
 width:490px;
 height:20px;
 padding:5px;
 color:#000;
 font-size:14px;
}

/*システム*/

#shop_system {
 width:620px;
 height:230px;
 margin:auto;
 float:left;
}

img.system_s {
 width:620px;
 hieght:200px;
 margin:auto;
 float:left;
 border:none;
 margin-top:5px;
}

/*求人*/

#rec_shop {
 width:620px;
 height:360px;
 margin:auto;
 float:left;
}

#recb_line {
 width:620px;
 height:130px;
 float:left;
}

img.recb_menu {
 width:250px;
 height:50px;
 float:left;
 padding:5px;
 border:none;
 margin-left:30px;
}

#sousai {
 width:620px;
 height:350px;
 float:left;
}

 
/*スタッフ*/

 staff_line {
 width:620px;
 min-height:500px;
 float:left;
}
 staff_line2{
 width:620px;
 min-height:300px;
 float:left;
}

/*システム詳細*/

#system3 {
 background:url(http://www.clover-group.com/image/system3.jpg) no-repeat;
 width:620px;
 height:835px;
 float:left; 
}

img.sche_b {
 width:129px;
 height:46px;
 float:left;
 margin-left:175px;
 margin-top:10px;
 border:none;
}