@charset "Shift_JIS";
@import "common.css";


/* pagebody_top
---------------------------------------------------- */
#pagebody_top {
width: 756px;
background: url(img/bg_contents_top.jpg) top no-repeat;
margin:0;
padding:0;
}

/* Shadow of footer 
---------------------------------------------------- */
#top_foot {
clear:both;
margin:0;
padding:0;
background:url(../img_top/index_foot.gif) no-repeat;
height:47px;
}


/* content_top
---------------------------------------------------- */
#content_top {
float: right;
width: 562px;
margin:0;
padding:0 12px 0 0;
}


/* FLASH -------- */
#flash {
width: 562px;
margin-bottom:20px;
}


/* Topics Event -------- */
#top_l{
float:left;
width:397px;
margin:0;
padding:0;
}

#top_l ul{
margin:0;
padding:10px 10px 10px 25px;
}

#top_l li{
margin:0;
padding:4px 0;
font-size:12px;
}

#top_l table{
margin:0;
padding:0;
}

.top_l_td01{
background:url(../img_top/index_topics_bg.gif) repeat-y;
vertical-align:top;
border-bottom:1px solid #C7D5DC;
height:135px;
}

.top_l_td02{
background:url(../img_top/index_topics_bg.gif) repeat-y;
vertical-align:top;
height:135px;
}



.top_l_title01 a{
background:url(../img_top/index_topics.jpg) no-repeat;
display:block;
width:396px;
height:20px;
text-indent:-9999px;
text-decoration:none;
}


.top_l_title02 a{
background:url(../img_top/index_events.jpg) no-repeat;
display:block;
width:396px;
height:20px;
text-indent:-9999px;
text-decoration:none;
}

.top_l_title03 a{
background:url(../img_top/index_products.jpg) no-repeat;
display:block;
width:396px;
height:20px;
text-indent:-9999px;
text-decoration:none;
}

.top_l_title01 a:hover,
.top_l_title02 a:hover,
.top_l_title03 a:hover{
background-position:0 100%;
}




/* main area R
---------------------------------------------------- */
#top_r{
float:right;
width:150px;
margin:0;
padding:0;
}

#top_r ul{
list-style:none;
margin:0 0 15px 0;
padding:0 0 10px 0;
background:url(../img_top/index_cclink_end.gif) no-repeat bottom;
}

#top_r li{
margin:0;
padding:0;
background:url(../img_top/index_cclink_bg.gif) repeat-y;
}


#top_now {
background:url(../img_top/index_now.gif) no-repeat;
width:150px;
color:#FFFFFF;
font:10px normal;
padding:2px 0;
text-align:center;
}

#top_maker {
background:url(../img_top/index_now_bg.gif) repeat-x bottom;
margin:0;
padding:5px;
}

#top_product {
background:url(../img_top/index_now_bg02.gif) repeat-x bottom;
margin:0;
padding:5px;
line-height:1.1;
}

.top_now_Num{
text-align:right;
padding-top:3px;
}

#top_maker a:link,
#top_maker a:visited,
#top_product a:link,
#top_product a:visited
{color:#333333; text-decoration: none;}


/* main area clear
---------------------------------------------------- */

#top_clear {
clear:both;
height:1px;
background:url(../img_top/index_topics_bg.gif) no-repeat;
}





/* navigation for top page
---------------------------------------------------- */
#navigation_top {
float: left;
width: 165px;
margin:0;
padding:0;
background:url(img/bg_navigation04.gif) repeat-y;
}

/* Server Mentenance Info
---------------------------------------------------- */
#mente_info {
	margin-left:20px;
	padding:5px;
	border:1px solid #900;
	font-size:12px;
	width:88%;
	color:#900;
	height:auto;
	}