html,body { 
 height: 100%; 
}

body {
 font:normal 12px/1.5em Verdana,Helvetica,Arial,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
 margin: 0; padding: 0;
 color:black;
 background:#FFF;
}


a:link { color:#3c3c3c; text-decoration: underline; }
a:visited { color:#3c3c3c; text-decoration: underline; }
a:hover { color:#3c3c3c; text-decoration:none; }
a:active { color:#3c3c3c; text-decoration:none; }
a:focus { outline:none }

.hidden{
 display:none;
}

.boldt {
 font-size:10px;
}

.add {
 font-weight: bold;
 color:#e2007a;
}

/* ヘッダー
--------------------------------------------------*/

#header {
 display: block;
 position: fixed;
 top: 0;
 margin: 0; padding: 0;
 position: absolute;
 width: 100%;
 height:100px;
 background:#7bc2ff url("http://tokyo.clover-group.com/image/head_bg.jpg") repeat-x;
 }

#header_area {
 background:url(http://tokyo.clover-group.com/image/logo_bg.gif) no-repeat 0 0;
 display: block;
 margin: 0 auto;
 padding: 0;
 width:960px;
 height:100px;
}



h1 span, h2 span {
 display:block;
 position:relative;
 width:100%;
 height:100%;
}

h1 {
 display: block;
 text-indent:-9999px;
 }

#container {
 width:960px;
 margin:auto;
}


#recruit {
 width:960px;
 min-height:500px;
 float:left;
}

#recruit #mainimg {
 background: url(http://tokyo.clover-group.com/image/bg_recruit.jpg) no-repeat 50% 0;
 width:960px;
 min-height:800px;
 float:left;
}

#recruit h2{
 display: block;
 margin: 70px auto 0px auto;
 padding: 0;
 width:960px;
 height:61px;
 background: url(http://tokyo.clover-group.com/image/title_rec.gif) no-repeat;
 text-indent:-9999px;
}

#recruit h3 {
 font-size:18px;
 font-weight:bold;
 text-align:center;
}

#recmenu01{
 margin: 0 auto 15px auto;  
 padding: 0 ;
 width:470px;
 height:45px;
 float:left;
 margin-left:230px;
 margin-top:-58px;
}

img.recmenu {
 width:190px;
 height:18px;
 float:left;
 border:none;
}

#rec_left {
 width:675px;
 min-height:500px;
 float:left;
}

#rec_top {
 background: url(http://tokyo.clover-group.com/image/rec_top.gif) no-repeat;
 width:675px;
 height:260px;
 float:left;
}

#rec_right {
 width:280px;
 min-height:300px;
 float:right;
 margin-top:500px;
}

#movie {
 width:280px;
 height:330px;
 float:left;
}

#recmerit {
 width:675px;
 min-height:500px;
 float:left;
}

.rec_t1 {
 width:100px;
 float:left;
}

#recbosyu {
 width:675px;
 min-height:500px;
 float:left;
}

#recmesse1 {
 background: url(http://tokyo.clover-group.com/image/rec_messe.jpg) no-repeat;
 width:675px;
 height:500px;
 float:left;
}

#recmesse2 {
 width:675px;
 min-height:500px;
 float:left;
}

#back {
 width:675px;
 height:40px;
 float:left;
}


#footer {
 background:#7bc2ff;
 width:100%;
 height:30px;
 float:left;
}

.footer_in {
 width:100%;
 height:20px;
 font-size:12px;
 text-align:right;
 margin-top:5px;
}