@charset "Shift_JIS";

/*
css-menu
------------------------
1. Content title
2. productWrapper
3. center 2nd 3rd menu
4. new
------------------------*/


/*
1. Content title
----------------------------------------*/
#content {
margin:0 0 10px 0;
}



#top_Flash {
margin:10px 0 10px 0;
}


#top_list{
    background-image:url(../images/top_bg_001.jpg);
	background-repeat:repeat-x;
	padding:10px 9px 0 9px;
	height:186px;
}


.top01 li  {
	float:left;
	margin:0 3px 0 0;
	padding:0;
}



.top02 li  {
	float:left;
	margin:6px 0 9px 0;
	padding:0;

}

#top_bottom{
width:900px;
margin-bottom:20px;}


#top_left{
background:url(../images/topics_back.gif) no-repeat 0 0;
width:711px;
margin-right:6px;
margin-top:10px;
margin-bottom:17px;
float:left;
}

.topics_box {
margin-top:50px;
}

.topics_box dl{
border-bottom:dashed 1px #cccccc;
}

.topics_box dt{
margin:5px 0 8px 0;
color:#59abdc;
float: left;
}

.topics_box dd{
margin:5px 0 8px 130px;
/*border-bottom:dashed 1px #cccccc;*/
}

.Topics_Right{
margin-top:5px;
margin-right:3px;
float:right;
clear:right;

}





#top_right{
margin-top:10px;
margin-bottom:17px;
width:183px;
float:left;}




/**もともとのCSS*/



/*
2. productWrapper
----------------------------------------*/
#productWrapper {
position:relative;
height:auto;
background-repeat:no-repeat;
background-color:#F5F9FE;
padding:36px 0 0 0;
}

#productWrapper #left,
#productWrapper #center,
#productWrapper #right {
float:left;
width:179px;
margin:0 5px 0 0;
}

#productWrapper #right {
margin:0;
}


/*
3. center 2nd 3rd menu
----------------------------------------*/
#center .funcNav {
border:1px solid #AEAEAE;
border-bottom:none;
position:absolute;
z-index:9999;
width:118px !important; /* for MODERN blowser and IE6 */
width /**/:120px; /* for WIN IE 5.x */
}

#center .funcNav td {
font-size:10px;
background-color:#FFFFFF;
width:118px;
border-bottom:1px solid #AEAEAE;
line-height:1;
}

#center .funcNav td a {
color:#999999;
text-decoration:none;
display:block;
width:100px !important; /* for MODERN blowser and IE6 */
width /**/:118px; /* for WIN IE 5.x */
padding:5px 9px;
background-image:url(../images/menu_mark01.gif);
background-repeat:no-repeat;
background-position:3px 8px;
}


.off {
background-color:#FFFFFF;
}

.on {
background-color:#AEAEAE;
color:#FFFFFF !important;
background-image:url(../images/menu_mark02.gif) !important;
}


#center .funcNav td a:hover {
color:#FFFFFF;
background-color:#AEAEAE;
background-image:url(../images/menu_mark02.gif);
}


#center #func1a {
top:44px;
left:264px;
}

#center #func1b {
top:44px;
left:383px;
}

#center #func2a {
top:71px;
left:264px;
}

#center #func2b {
top:71px;
left:383px;
}

#center #func2c {
top:92px;
/*\*//*/
top:93px; /* for mac IE */
/**/
left:383px;
}

#center #func3a {
top:98px;
left:264px;
}

#center #func4a {
top:125px;
left:264px;
}

#center #func5a {
top:152px;
left:264px;
}

#center #func6a {
top:179px;
left:264px;
}

#center #func7a {
top:206px;
left:264px;
}

#center #func8a {
bottom:60px;
left:264px;
}

#center #func9a {
bottom:33px;
left:264px;
}

#center #func10a {
bottom:6px;
left:264px;
}

#center .funcNav3rd td {
background-color:#AEAEAE;
border-bottom:1px solid #AEAEAE;
}

#center .funcNav3rd td a {
color:#FFFFFF;
background-image:url(../images/menu_mark02.gif);
background-repeat:no-repeat;
background-position:3px 8px;
}

#center .funcNav3rd td a:hover {
background-color:#999999;
background-image:url(../images/menu_mark03.gif);
}

/*
4. new
----------------------------------------*/
#new {
background-image:url(../images/img_top_02.gif);
background-repeat:no-repeat;
padding:33px 0 9px 0;
height:100%;
position:relative;
}

#new  p#list {
position:absolute;
right:0;
top:0;
}

#new dl {
margin:0 0 9px 9px;
}

#new dl dt {
color:#33CC00;
line-height:1;
}

#new dl dd {
margin:-1em 0 0 9em;
line-height:1;
}

#new dl dd img {
padding:0 0 0 2px;
}