body {
 margin: 0; padding: 0;
 font: 12px/1.5em Helvetica,Arial,Verdana,'ヒラギノ角ゴ Pro W3','osaka','ＭＳ Ｐゴシック',sans-serif;
 color: #fff; background-color: #000;
 _background: url(null) fixed; _overflow: hidden;
 scrollbar-arrow-color: gray;
 scrollbar-base-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-shadow-color: #000000;
 }


a:link { color: #00bafd; text-decoration: underline; }
a:visited { color: #279bc5; text-decoration: underline; }
a:hover { color: #FF9900; text-decoration: none; }
a:active { color: #FF9900; text-decoration: none; }
a:focus { outline:none }


ol {
 margin: 0.5em 0 0.5em 2em; _margin: 0.5em 0 0.5em 3em; padding: 0;
 list-style: decimal-leading-zero;
 }

ul { margin: 0.2em 0 1em 2em; padding-left: 0; }

li { margin: 2px 0; _margin: 4px 0; }



blockquote {
 margin: 10px 0; padding: 15px 0;
 border-top: 1px dotted #8C8C96;
 border-bottom: 1px dotted #8C8C96;
 }


p { margin: 0 0 10px; padding: 0; }


#container {
 display: block;
 margin: 0; padding: 0;
 min-width:960px;
 _overflow: auto;
 }

#mainCol {
 display: block; position:relative; top: 0; left: 0; z-index: 2;
 margin: 0 0 0 360px; padding: 0;
 min-width: 600px;
 _overflow: auto;
 }

.content { 
 display: block; 
 margin: 0 0 40px;
 padding: 0;
}

.pageBody {
 display: block;
 margin: 0 60px 0 20px; padding: 112px 0 40px;
 }

.wrapper { display:block; margin: 20px 0 0; padding: 0; }
.wrapper2 { display:block; margin: 0 0 20px; padding: 0; }


#bg01 { background: #000 url(http://tokyo.clover-group.com/image/bgtop01.jpg) no-repeat fixed 0 0; }
#bg02 { background: #000 url(http://tokyo.clover-group.com/image/bgtop02.jpg) no-repeat fixed 0 0; }
#bg03 { background: #000 url(http://tokyo.clover-group.com/image/bgtop03.jpg) no-repeat fixed 0 0; }
#bg04 { background: #000 url(http://tokyo.clover-group.com/image/bgtop04.jpg) no-repeat fixed 0 0; }


.pagelist a:link, .pagelist a:visited { color: #ffffff; }
.pagelist a:hover, .pagelist a:active { color: #FF0033; text-decoration: none; }


#headBar {
 display: block; position: fixed; top: 0; z-index: 20;
 width: 100%; height: 92px;
 margin: 0; padding: 0;
 color: #fff;
 _position:absolute;
 _top: expression(eval(document.documentElement.scrollTop+0));
 }


#navi {
 display: block; position: fixed; top: 280px; left: 0; z-index: 10;
 width: 360px; height: 280px;
 margin: 0; padding: 0;
 color: #fff;
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop+230));
 }

.subNavi {
 display: block; float: left;
 margin: 20px 0 0 20px; padding: 0;
 font-size: 1px; line-height: 1em;
 }

.subNavi span {
 display: block; position: relative;
 width: 100%; height: 100%;
 }

.subNavi a:link, .subNavi a:visited, .subNavi a:hover, .subNavi a:active {
 color: #000; text-decoration: none;
 }

.subNavi a.visible { display: block; position: absolute; top: 0; left: 0; }

.totop {
 display: block; position: fixed; bottom: 20px; right: 10px; z-index: 10;
 width: 100px; height: 40px;
 margin: 0; padding: 0;
 font-size: 100%; line-height: 1.5em;
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-60));
 }

.totop span {
 display: block; position: relative;
 width: 100%; height: 100%;
 }

.totop a.visible {
 display: block; position: absolute; top: 0; left: 0;
 width: 100px; height: 40px;
 background: transparent url(http://tokyo.clover-group.com/image/pageup.jpg) no-repeat;
 }

.totop a.visible:hover { background-position: 0 -40px; }


/*footer
----------------------------------------------------*/

#footer {
 display: block; position: fixed; bottom: 10px; z-index: 3;
 width: 340px; height: 90px;
 margin: 0; padding: 0 10px;
 font-size: 10px;
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-100));
 }

#copy { margin: 20px 0 0; padding: 0; color: #dfdfdf; }

#footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #FF0033; text-decoration: none; }


/* float clear
--------------------------------------------------*/
.reset {
 clear: both; display: block;
 margin: 0; padding: 0;
 width: auto; height: 1px;
 font-size: 1px; line-height: 1px;
 }

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 ?*/

* html .clearfix { height: 1% }

.clearfix { display: block; }
/* end MacIE5 */

.hide { display: none; }

hr { display: none; }


/*コンテンツ
--------------------------------------------------*/

#content {
 width:580px;
 min-height:500px;
 float:left;
 position:absolute;
 z-index:0;
}

#news {
 width:580px;
 height:280px;
 float:left;
}

.news_bg {
background: url(http://tokyo.clover-group.com/image/bar_news.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#whatsnew{
 width:570px;
 height:200px;
 float:left;
 overflow:auto;
 position:relative;
 top:10px;
 left:10px;
}

p. { margin:0px;}


#topnumber {
 width:580px;
 height:580px;
 float:left;
}

.topnumber_bg {
background: url(http://tokyo.clover-group.com/image/bar_topnumber.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#topnumber_in {
 width:580px;
 height:500px;
 float:left;
 position:relative;
 top:10px;
}

#number_waku1 {
 width:110px;
 height:230px;
 float:left;
}

#list_number1 {
 width:103px;
 text-align:center;
 font-weight:bold;
 font-size:15px; 
}

img.number_thum1 {
 width:103px;
 height:144px;
 float:left;
 border:none;
}

#number_yaku1 {
 width:103px;
 font-size:10px;
 text-align:center;
}

#number_name {
 width:103px;
 font-size:13px;
 text-align:center;
}

#link {
 width:580px;
 height:200px;
 float:left;
}

.link_bg {
background: url(http://tokyo.clover-group.com/image/bar_link.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#links {
 width:580px;
 height:100px;
 float:left;
}

#link_list {
 width:115px;
 height:80px;
 float:left;
 margin-left:5px;
 text-align:center;
}

img.link_list {
 width:110px;
 height:45px;
 float:left;
}

/*システム
--------------------------------------------------*/

#system {
 width:580px;
 min-height:500px;
 float:left;
}

.system_bg {
background: url(http://tokyo.clover-group.com/image/bar_system.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#map_in {
 width:500px;
 height:250px;
 float:left;
}

#shop {
 width:580px;
 height:150px;
 float:left;
}

.shop_bg {
background: url(http://tokyo.clover-group.com/image/bar_shop.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}


#shop_list {
 width:580px;
 height:120px;
 float:left;
}

img.shoplist {
 width:150px;
 height:100px;
 float:left;
 padding:5px;
 margin-left:5px;
}


/*ナンバー
--------------------------------------------------*/

#number {
 width:580px;
 min-height:500px;
 float:left;
}

.number_bg {
background: url(http://tokyo.clover-group.com/image/bar_number.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}



/*スタッフ
--------------------------------------------------*/


#staff {
 width:580px;
 min-height:500px;
 float:left;
}

.staff_bg {
background: url(http://tokyo.clover-group.com/image/bar_staff.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#staff_waku {
 width:580px;
 min-height:300px;
 float:left;
 margin-top:10px;
}


#staff_in {
 width:110px;
 height:170px;
 float:left;
 text-align:center;
}

img.staff {
 width:100px;
 height:100px;
 margin:0 auto;
 float:left;
 border:none;
 border:double 3px gray;
}

#list_yaku1 {
 width:100px;
 height:20px;
 float:left;
 font-size:10px;
}

#list_name {
 width:100px;
 height:30px;
 float:left;
 font-size:15px;
 font-weight:bold;
}




/*トピックス
--------------------------------------------------*/

#topics {
 width:580px;
 min-height:500px;
 float:left;
}

.topics_bg {
background: url(http://tokyo.clover-group.com/image/bar_topics.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#topics_top{
 width:180px;
 height:200px;
 float:left;
 background:#353535;
 border:solid 1px #787878;
 margin:3px;
 position:relative;
 top:20px;
 text-align:center;
}

img.topics{
 width:150px;
 height:113px;
 border:none;
}






/*イベント
--------------------------------------------------*/

#event {
 width:580px;
 min-height:500px;
 float:left;
}

.event_bg {
background: url(http://tokyo.clover-group.com/image/bar_event.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#event_in {
 width:580px;
 min-height:500px;
 float:left;
 filter:alpha(opacity=70); 
}

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

#event_ym_year {
 width:100px;
 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;}

#event_table {
 width:580px;
 margin:0 auto;
 float:left;
 text-align:left;
 position:relative;
 left:0px;
 padding-bottom:10px;
 color:#FFF;
 filter:alpha(opacity=80); 
}




/*ブログ
--------------------------------------------------*/

#blog {
 width:580px;
 min-height:500px;
 float:left;
}

.blog_bg {
background: url(http://tokyo.clover-group.com/image/bar_blog.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}


#blog_list_in {
 width:500px;
 height:100px;
 border:1px gray solid;
 margin-bottom:15px;
 float:left;
}

#blogdate {
 text-align:right;
 margin-top:2px;
 margin-right:2px;
}






/*プロフィール
--------------------------------------------------*/

#porf {
 width:580px;
 min-height:500px;
 float:left;
}

.prof_bg {
background: url(http://tokyo.clover-group.com/image/bar_prof.gif) no-repeat;
 width:250px;
 height:60px;
 float:left;
}

#prof_top {
 width:580px;
 height:35px;
 float:left;
 margin-top:10px;
}

.prof_yaku {
 width:240px;
 float:left;
 font-size:12px;
 text-align:right;
}

.prof_name {
 width:330px;
 float:right;
 font-size:18px;
 font-weight:bold;
}

#prof_left {
 width:270px;
 min-height:350px;
 float:left;
}

img.profphoto {
 width:250px;
 hieght:350px;
 float:left;
 padding:10px;
}

#prof_right {
 width:300px;
 min-height:350px;
 float:right;
}

td.t_prof1 {
 width:100px;
 float:left;
}

#prof_w {
 width:580px;
 height:120px;
 float:left;
}

#gallery {
 width:580px;
 height:120px;
 float:left;
}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {
 width:66px;
 height:93px;
 margin:0 auto;
 border: 2px solid gray;
 float:left;
 margin-left:5px;
}

#gallery ul a:hover img {
 border: 5px solid #51a5e6;
 color: #fff;
 float:left;
}

#gallery ul a:hover { color: #fff; }

h2 { font-size:13px;}