/*
copyright(c) KAYAC co ltd,
. All Rights Reserved.
*/


/* HTML
-list
------------------------------------------------------ */
/* XXbox --> contener */

/*list box*/
#listbox{
width:624px;
clear:both;
}

#listbox:after,
#tabnavi:after,
#navi:after{
display:block;
clear:both;
content:"";
color:#fff;
height:0;
overflow:hidden;
}

/*snap hover*/
#list_new a:hover,
#list_populer a:hover,
#list_event a:hover{

}

/*new snap list area*/
#list_new{
background-image:url(../img/top/list_bg_pink.gif);
background-repeat:repeat-y;
width:140px;
float:left;
padding-right:10px;
border-right:1px dotted #ccc;
}

/*news snap list foot*/
.list_new_foot{
padding:0px;
margin:0px;
display:block;
background-image:url(../img/top/pink.gif);
background-repeat:repeat;
width:140px;
height:10px;
}

/*populer snap list area*/
#list_populer{
background-image:url(../img/top/list_bg_green.gif);
background-repeat:repeat-y;
width:140px;
float:left;
padding-right:10px;
margin-left:10px;
border-right:1px dotted #ccc;
}

/*populer snap list foot*/
.list_populer_foot{
padding:0px;
margin:0px;
display:block;
background-image:url(../img/top/green.gif);
background-repeat:repeat;
width:140px;
height:10px;
}

/*event snap list area*/
#list_event{
background-image:url(../img/top/list_bg_gray.gif);
background-repeat:repeat-y;
width:140px;
float:left;
}

.list_event_l_margin{
padding-right:10px;
margin-left:10px;
border-right:1px dotted #ccc;
}

.list_event_r_margin{
padding-right:0;
margin-left:10px;
border:none;
}

/*event snap list foot*/
.list_event_foot{
padding:0px;
margin:0px;
display:block;
background-image:url(../img/top/black.gif);
background-repeat:repeat;
width:140px;
height:10px;
}

/*snap foot display*/
.list_new_foot span,
.list_new_foot hr,
.list_populer_foot span,
.list_populer_foot hr,
.list_event_foot span,
.list_event_foot hr{
display:none;
}

/*new snap list head*/
#list_new .list_head{
background-image:url(../img/top/pink.gif);
background-repeat:repeat;
width:140px;
}

/*populer snap list head*/
#list_populer .list_head{
background-image:url(../img/top/green.gif);
background-repeat:repeat;
width:140px;
}

/*event snap list head*/
#list_event .list_head{
background-image:url(../img/top/black.gif);
background-repeat:repeat;
width:140px;
}


.list_head h2{
color:#fff;
padding:5px;
font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka;
font-size:80%;
}

.list_head h2 a,
.list_head h2 a:visited,
.list_head h2 a:link{
border-bottom:none;
color:#fff;
}

.list_head h2 a:hover{
color:#D31D8C;
border-bottom:none;
}

/*navi(tab)*/
#navi{
background-image:url(../img/top/tab_bg.gif);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
width:624px;
height:66px;
overflow:hidden;
clear:both;
}

#navi:after{
display:block;
clear:both;
content:"";
color:#ccc;
height:0;
overflow:hidden;
}

#tabnavi{
margin-left:5px;
width:135px;
float:left;
}

#tabnavi li{
float:left;
margin-right:3px;
}

#tabnavi #map a{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_map.gif);
background-position:left top;
}

#tabnavi #map a:hover{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_map.gif);
background-position:left center;
}

#tabnavi #map .show{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_map.gif);
background-position:left bottom;
}

#list a{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_list.gif);
background-position:left top;
}

#list a:hover{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_list.gif);
background-position:left center;
}

#list .show{
display:block;
width:63px;
height:50px;
background-image:url(../img/top/tab_list.gif);
background-position:left bottom;
}

#all{
clear:both;
}

#tabnavi #all a{
display:block;
width:130px;
height:16px;
background-image:url(../img/top/tab_all.gif);
background-position:left top;
}

#tabnavi #all a:hover{
display:block;
width:130px;
height:16px;
background-image:url(../img/top/tab_all.gif);
background-position:left center;
}

#tabnavi #all .show{
display:block;
width:130px;
height:16px;
background-image:url(../img/top/tab_all.gif);
background-position:left bottom;
}


#map span,
#list span,
#all span{
display:none;
}

#map a,
#list a,
#all a,
#map a:hover,
#list a:hover,
#all a:hover{
border-bottom:none;
}

/*searchResult*/
#searchResult .stylebox{
float:left;
margin-right:21px;
}

#searchResult .stylebox_r{
float:left;
margin-right:0px;
}

/*search color Clear*/
#search .fontS a:hover{
border-bottom:none;
}