@charset "utf-8";
/* CSS Document */

/*----------------------------------------*/
/*右ナビのリスト*/
/*----------------------------------------*/
#leisurelist{
background:url(../img/leisure/leisurelist.jpg) no-repeat;
width:157px;
}
#leisurelist li{
display:inline;
}

#leisurelist li a{
height:67px;
width:67px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
/*------off*/
#leisurelist li.leisurelist_01 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -9px -2px;
margin:2px 5px 5px 9px;
display:inline;
}
#leisurelist li.leisurelist_02 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -81px -2px;
margin:2px 9px 5px 0;
display:inline;
}
#leisurelist li.leisurelist_03 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -9px -74px;
margin:0 5px 5px 9px;
display:inline;
}
#leisurelist li.leisurelist_04 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -81px -74px;
margin:0 9px 5px 0;
display:inline;
}
#leisurelist li.leisurelist_05 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -9px -146px;
margin:0 5px 3px 9px;
display:inline;
}
#leisurelist li.leisurelist_06 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -81px -146px;
margin:0 9px 3px 0;
display:inline;
}
#leisurelist li.leisurelist_99 a{
background:url(../img/leisure/leisurelist.jpg) no-repeat -0px -216px;
width:143px;
height:30px;
padding:6px 7px 0 7px;
display:inline;
}
/*------on*/
#leisurelist li.leisurelist_01 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -166px -2px;
}
#leisurelist li.leisurelist_02 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -238px -2px;
}
#leisurelist li.leisurelist_03 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -166px -74px;
}
#leisurelist li.leisurelist_04 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -238px -74px;
}
#leisurelist li.leisurelist_05 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -166px -146px;
}
#leisurelist li.leisurelist_06 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -238px -146px;
}
#leisurelist li.leisurelist_99 a:hover{
background:url(../img/leisure/leisurelist.jpg) no-repeat -157px -216px;
}

/*----------------------------------------*/
/*レジャートップ*/
/*----------------------------------------*/
#leisuretype{
margin:0 -6px 0 0;
width:429px;
float:left;
}
#leisuretype_unit{
background:url(../img/select_bg.gif) no-repeat;
margin:0 5px 10px 0;
float:left;
}
#leisuretype_unit a{
background:url(../img/select_bg.gif) no-repeat;
width:113px;
height:126px;
display:block;
overflow:hidden;
padding:13px 13px 21px 12px;
}
#leisuretype_unit a:hover{
background:url(../img/select_bg.gif) no-repeat 0px -160px;
}

#arrow{
background:url(../img/arrow.gif) no-repeat 0px 2px;
}
#arrow a{
background:url(../img/arrow.gif) no-repeat 0px 2px;
padding:0 0 0 8px;
height:18px;
display:block;
overflow:hidden;
padding:0 0 0 8px;
}
#arrow a:hover{
background:url(../img/arrow_a.gif) no-repeat 0px 2px;
}

#passport{
float:right;
margin:4px 0 0 0;
}

/*----------------------------------------*/
/*レジャー共通レイアウト*/
/*----------------------------------------*/
#leisure_title{
margin-bottom:15px;
padding:2px 0;
border-top:1px solid #488fbe;
border-bottom:1px solid #488fbe;
}
#detail{
}
#detail .ph{
float:left;
margin:0 10px 0px 0;
padding:0 0 15px 0;
}
#detail .read{
font-size:120%;
color:#488fbd;
line-height:140%;
padding:0 0 5px 0;
}
#detail .copy{
padding:0 0 15px 0;
line-height:140%;
}
#detail table{
clear:both;
width:100%;
}
#detail th{
background:#B0C8E1;
padding:5px;
text-align:center;
vertical-align:middle;
border:1px solid #9F9FA0;
}
#detail td{
padding:5px;
text-align:center;
vertical-align:middle;
border:1px solid #9F9FA0;
}
#detail td.a_left{
text-align:left;
}
#detail ul{
clear:both;
margin:5px 0 0 0;
}
#detail li{
padding:0 0 0 1em;
text-indent:-1em;
line-height:140%;
}

/*----------------------------------------*/
/*共通ボタンなど*/
/*----------------------------------------*/
.button_01{
clear:both;
margin:15px 0 0 284px;
background:url(../img/leisure/button_01.gif) no-repeat;
}
.button_01 a{
background:url(../img/leisure/button_01.gif) no-repeat;
width:141px;
height:29px;
display:block;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
.button_01 a:hover{
background:url(../img/leisure/button_01.gif) no-repeat 0px -29px;
}