@charset "Shift_JIS";

body {
margin: 0;
padding: 0;
font-size: 8pt;
font-family: '?? ?????',sans-serif;
line-height: 1.4em;
text-align: center;
cursor: move;
background : url("../komono/bg-star.gif") repeat 0% 0% fixed;
scrollbar-base-color: #cccccc;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}


#wrap-b {
width: 714px;
margin: 0 auto;
background : #999;
}
#wrap {
width: /*680*/700px;
margin: 0 auto;
border:  /*#e08*/#ccc solid;
border-width: 0 5px;
background : #fff url("../komono/menu-bg02.gif") no-repeat 100% 250px scroll;
}

#top {
width: 650px; height: 235px; margin: 0 auto; padding: 0; text-align: right; border: 1px dotted #000; border-width: 0 1px 1px;
background : url("../komono/top03.gif") no-repeat 50% 0% scroll;
}

#menu { width: /*680*/700px; height: 40; margin: 5px 0 20px; padding: 0;}

#navi { float: right; width: 260px; margin: 0; padding: 0; text-align: left;}

#main { float: left; width: 430px; margin: 0; padding: 0;}

#footer { clear: both; width: /*680*/700px; height: 20px; margin: 0; padding: 0; text-align: center; font-size: 8pt; color: #999;}

/*----------------------------------------------------------*/

a { text-decoration: none; cursor: pointer;}
a:link { color: #39c;}
a:visited { color: #39c;}
a:hover { color: #00bfff;}
a:active { color: #00bfff;}

a:hover img { border: 1px solid #e08;}
img { border: 1px solid #39c;}
img.new { border: 1px solid red;}
img.bn { border: none;}

h1 { font-size: 18pt; margin: 0 0 20px 25px;}
a.pink img { color: #e08; border: none;}

p { display: block; text-align: left; margin: 0; padding-top: 15px;}
p.top { padding: 0;}
p.size25 { padding-top: 25px;}

.color01 { color: #e08;}
.cou { display: block; color: #e08; padding: 200px 35px 0 0;}

/*----------------------------------------------------------*/

#top-menu { width: 652px; height: auto; margin: 0 auto;  padding: 0;}
#top-menu ul { list-style-type: none; padding : 0; margin: 0; text-align: left;}  
#top-menu li  { float: left; display : inline; padding : 0; margin: 0;}

#top-menu a {
display: block; 
border: 1px dotted #666;
border-width: 1px 0 1px 1px;
text-align: center;
width: 84px;
padding: 5px 0;
}
#li-enn a { width: 70px;}
#li-bm a { width: 100px;}
#li-right a { border-width: 1px; width: 53px;}

#top-menu a:hover {
/*background: url("../komono/menu-w.png") repeat;*/
font-weight: bold;
}

/*----------------------------------------------------------*/

#new-text {
font-size: 8pt;
color: #ccc;
height: 230px;
width: 200px;
padding: 4px;
margin: 35px 0 0 25px;
border: dotted 1px #666;
border-width: 1px 0 1px 1px;
overflow: auto;
}
.new-text {
width: 170px;
padding: 0;
margin: 0;
}

.box-mini {
color: #ccc;
width: 200px;
padding: 10px 5px 5px;
margin: 15px 0 15px 25px;
}

/*----------------------------------------------------------*/

#box-now, #box2005, #box2004, #box2003, #enn, #bm, #attention {
width: 372px; 
text-align: right;
margin: 0 auto;
border: 1px dotted #fff;
border-width: 1px 0 0 1px;
}
#enn { margin-bottom: 70px;}
#attention { font-size: 8pt; text-align: center;}
.box-now, .box2005, .box2004, .box2003, .enn, .bm, .attention {
width: 370px; 
margin: 20px 0 0;
border: 1px dotted #666;
text-align: center;
}
.attention { margin: 0;}

/*----------------------------*/

table {
font-size: 8pt;
font-family: Georgia, serif;
line-height: 1.4em;
margin: 10px auto 15px;
border: none;
}
th { text-align: left; font-weight: normal;}
td { width: 32px; height: 32px;}

/*----------------------------*/

.text01 {
width: 320px;
text-align: left;
margin: 20px auto;
}

/*----------------------------*/

a.gotop {
display: block;
font-size: 7pt;
width: 40px;
text-align: center;
border: 1px solid #e08;
margin: 0 0 0 329px;
}
a:link.gotop {
color: #fff;
background: #e08;
border-width: 0 1px 1px;
}
a:visited.gotop {
color: #fff;
background: #e08;
border-width: 0 1px 1px;
}
a:hover.gotop {
color: #e08;
background: #fff;
border-width: 0 1px 1px;
}

/*----------------------------------------------------------*/

a.tooltip {
position: relative; /*this is the key*/
z-index: 24;
}
a.tooltip:hover { z-index: 25;}
a.tooltip span { display: none;}
a.tooltip:hover span { /*the span will display just on :hover state*/
display: block;
position: absolute;
top: 2em; left: 2em;
border: 3px solid #000;
background-color: #eee; color: #666;
text-align: left;
padding: 5px;
}
a.tooltip img { border: none;}