/* ------------------------------------------------------------
          BASE STYLE
------------------------------------------------------------ */
div.mgnl14 {width:628px;margin-left:14px;background-color:white;}
div.mgnl14 img#leisure_list_title {display:inline;}

/* ------------------------------------------------------------
          週末検索
------------------------------------------------------------ */
div#weekend_search {position:relative;width:642px;height:32px;background-image:url("/img/index/weekend_search.gif");background-repeat:no-repeat;font-weight:bold;}
div#weekend_search a {color:white;font-size:10px;line-height:100%;display:block;width:180px;height:20px;position:relative;left:509px;top:5px;background-image:url("/img/index/bt_weekend_search.gif");background-repeat:no-repeat;padding-left:2px;padding-top:6px;text-decoration:none;}
div#weekend_search a:hover {background-image:url("/img/index/bt_weekend_search_on.gif");}

/* ------------------------------------------------------------
          クイック検索
------------------------------------------------------------ */
div#quick_search {position:relative;width:642px;height:63px;background-image:url("/img/index/quick_search.gif");background-repeat:no-repeat;}
/* 参加予定日 */
div#quick_search div#quick_search_date {font-size:12px;position:absolute;right:4px;top:2px;}
div#quick_search select {font-size:12px;border:1px solid gray;margin-left:5px;padding:0px;}
div#quick_search select#participate_year  {width:54px;}
div#quick_search select#participate_month {width:40px;}
div#quick_search select#participate_day   {width:40px;}
/* 地域とレジャー */
div#quick_search div#quick_search_other {font-size:12px;position:absolute;right:87px;top:31px;}
div#quick_search div#quick_search_other select {padding:0;margin:0;}
div#quick_search div#quick_search_other span.other {margin-left:10px;}

div#quick_search a#bt_quick_search {
	position:absolute;
	left:570px;
	top:33px;
}

/* ------------------------------------------------------------
          レジャーリスト（詳細はbt_leisure_list.phpで）
------------------------------------------------------------ */
div.mgnl14 div#contents_leisure_list {display:inline;position:absolute;}
div.mgnl14 img#description_leisure_list {margin:6px 3px 6px 3px;}
div#lpn {display:inline;width:597px;height:1027px;position:absolute;top:32px;left:0px;padding-left:3px;background-image:url("/img/index/background_left.gif");background-repeat:no-repeat;}

/* ------------------------------------------------------------
          ピックアップ
------------------------------------------------------------ */

div.mgnl14 div#pickup {
	position:absolute;left:0px;
	top:293px;
	margin:6px 3px 6px 3px;
	width:591px;
	height:205px;
	background-image:url("/img/index/pickup_bg.gif");background-repeat:no-repeat;
	}

div.mgnl14 div#pickup img#description_pickup {position:absolute;left:0px;top:-21px;}

div.mgnl14 div#pickup a.frame {position:absolute;left:-3px;top:-3px;}

div.mgnl14 div#pickup a.arrow {position:absolute;left:270px;top:77px;}

div.mgnl14 div#pickup h3 {
	position:absolute;
	left:112px;
	top:-3px;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#1F508C;
	line-height:130%;
	}

div.mgnl14 div#pickup p{
	position:absolute;
	left:112px;
	top:18px;
	font-size:12px;
	margin:0px;padding:0px;
	color:white;
	line-height:130%;}

div.mgnl14 div#pickup div#pickup_1 {
	position:absolute;
	left:8px;
	top:8px;
	width:286px;
	height:76px;
}

div.mgnl14 div#pickup div#pickup_2 {
	position:absolute;
	left:304px;
	top:8px;
	width:286px;
	height:76px;
	}

div.mgnl14 div#pickup div#pickup_3{
	position:absolute;
	left:8px;
	top:111px;
	width:286px;
	height:76px;
	}

div.mgnl14 div#pickup div#pickup_4{
	position:absolute;
	left:304px;
	top:111px;
	width:286px;
	height:76px;
}



/* ------------------------------------------------------------
          新着そとあそび
------------------------------------------------------------ */
div.mgnl14 div#new_release {position:absolute;left:0px;top:522px;margin:6px 3px 6px 3px;width:591px;height:306px;background-image:url("/img/index/new_release_bg.gif");background-repeat:no-repeat;}
div.mgnl14 div#new_release img#description_new_release {position:absolute;left:0px;top:-21px;}
div.mgnl14 div#new_release div.new_release_each {width:140px;height:296px;background-image:url("/img/index/new_release_text_bg.gif");background-repeat:no-repeat;}
div.mgnl14 div#new_release div#frame_1 {position:absolute;left:5px;top:5px;}
div.mgnl14 div#new_release div#frame_2 {position:absolute;left:152px;top:5px;}
div.mgnl14 div#new_release div#frame_3 {position:absolute;left:299px;top:5px;}
div.mgnl14 div#new_release div#frame_4 {position:absolute;left:446px;top:5px;}
div.mgnl14 div#new_release a.new_release_photoframe {position:absolute;background-repeat:no-repeat;}
div.mgnl14 div#new_release a.new_release_photoframe table {margin: 3px 0 0 4px;}
div.mgnl14 div#new_release a.new_release_photoframe table img.bg_new_release {position:relative; z-index: 80;}
div.mgnl14 div#new_release a.new_release_title {position:absolute;top:108px;text-decoration:none;display:block;width:136px;height:30px;padding:0px 4px 0px 4px;font-size:12px;}

div.mgnl14 div#new_release a.new_release_title strong {
	font-size:11px;
	color:#f44204;
	line-height:120%;
	font-weight:bold;
}

div.mgnl14 div#new_release p {position:absolute;top:143px;display:block;width:128px;height:170px;margin:0px 6px 0px 6px;padding:0px;font-size:10px;line-height:130%;letter-spacing:1px;}
div.mgnl14 div#new_release a.arrow {position:absolute;top:279px;left:122px;}

/*--------
	070301　追加
-----------*/

.new_release_photoframe .photoFrame{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}


/* ------------------------------------------------------------
          サービスセレクト
------------------------------------------------------------ */
div.mgnl14 div#service_select{
	position:absolute;
	left:0px;top:855px;
	display:block;width:591px;
	height:155px;
	margin:6px 30px 6px 3px;
	background-image:url("/img/index/service_select_bg.gif");
	background-repeat:no-repeat;
}

img#description_service_select {
	position:absolute;left:0px;top:-21px;
}

a#service_select_1 {
	display:block;
	width: 270px;
	position:absolute;
	top:5px;left:5px;
	background-image:url("/img/index/service_select_01.gif");
	padding:0 20px;
}

div.mgnl14 div#service_select a#service_select_1:hover {
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	background-image:url("/img/index/service_select_01_on.gif");
	padding-left:20px;
}

div.mgnl14 div#service_select a#service_select_2 {
	position:absolute;top:5px;
	left:298px;
	background-image:url("/img/index/service_select_02.gif");
	padding-left:2px;
	padding-right:20px;
}

div.mgnl14 div#service_select a#service_select_2:hover {
	position:absolute;top:5px;
	left:298px;
	background-image:url("/img/index/service_select_02_on.gif");
	padding-left:2px;
	padding-right:20px;
}

div.mgnl14 div#service_select a#service_select_3 {
	position:absolute;
	top:80px;left:5px;
	background-image:url("/img/index/service_select_03.gif");
	padding-left:20px;
}

div.mgnl14 div#service_select a#service_select_3:hover {
	position:absolute;
	top:80px;
	left:5px;background-image:url("/img/index/service_select_03_on.gif");
	padding-left:20px;
}

div.mgnl14 div#service_select a#service_select_4 {
	position:absolute;
	top:80px;
	left:298px;
	background-image:url("/img/index/service_select_04.gif");
	padding-left:2px;
	padding-right:20px;
	}

div.mgnl14 div#service_select a#service_select_4:hover {
	position:absolute;
	top:80px;
	left:298px;
	background-image:url("/img/index/service_select_04_on.gif");
	padding-left:2px;
	padding-right:20px;
}

div.mgnl14 div#service_select div {margin-left:4px;width:256px;height:70px;}

div.mgnl14 div#service_select a {display:block;width:288px;height:70px;font-size:12px;line-height:120%;background-repeat:no-repeat;}

div.mgnl14 div#service_select a {display:block;width:288px;height:70px;text-decoration:none;}

div.mgnl14 div#service_select strong {display:block;position:relative;top:3px;font-size:12px;font-weight:bold;color:#f44204; width: 260px;}

div.mgnl14 div#service_select span {display:block;position:relative;top:6px;color:black;font-size:12px; width: 260px;}

div#service_select strong,
div#service_select span.pic_txt{
	padding-right: 20px;
}


html*div#service_select strong,
html*div#service_select span.pic_txt{
	padding-right: 20px;
}
/* ------------------------------------------------------------
          右帯
------------------------------------------------------------ */
div#sepaleter_v_blue {z-index:90;position:absolute;top:0px;left:642px;}
div#v_white {z-index:90;position:absolute;top:0px;left:646px;width:4px;height:450px;background-color:white;}

/* ------------------------------------------------------------
          そとあそびについて
------------------------------------------------------------ */
div#aboutSotoasobi {z-index:90;position:absolute;top:0px;left:649px;}
div#aboutSotoasobi_box {z-index:90;position:relative;width:189px;height:144px;background-image:url("/img/index/bg_about_sotoasobi.gif");background-repeat:no-repeat;font-size:10px;line-height:130%;}
div#aboutSotoasobi_box div.text {padding:14px 11px 4px 15px;}

/* ------------------------------------------------------------
          お知らせ
------------------------------------------------------------ */
div#information {
	z-index:90;
	position:absolute;
	top:170px;
	left:649px;
}

div#information div.scroll{
	width: 189px;
	height: 120px;
	overflow : auto;
	scrollbar-arrow-color:#fff;
	scrollbar-face-color:#E6E6E6;
	scrollbar-shadow-color:#fff;
	scrollbar-darkshadow-color:#E6E6E6;
	scrollbar-track-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-highlight-color:#E6E6E6;
	/* background-image:url("/img/index/info_m.gif"); */
	background-color:white;
}

p.scroll_txt{
	font-size: 10px;
	line-height: 130%;
	margin: 10px 5px 0 15px;
}

p.scroll_txt span{
	font-weight: bold;
}

p.scroll_txt a{
	color:#4170C3;
	text-decoration:none;
}

p.scroll_txt a:hover{
	color:#548AE9;
}

/* ------------------------------------------------------------
          アウトドア会社からのお知らせ
------------------------------------------------------------ */
div#outdoorcompany_info {z-index:90;position:absolute;top:317px;left:649px;}
div#outdoorcompany_info div.outdoorcompany_info_box {
	/*z-index:90;*/
	position:relative;
	width:189px;height:94px;
	background-image:url("/img/index/outdoor_company_info_bg.gif");
	background-repeat:no-repeat;
}

div#outdoorcompany_info div.outdoorcompany_info_box a.title {
	position:absolute;
	top:9px;
	left:8px;
	width:114px;
	height:33px;
	font-size:10px;
	color:#f44204;
	line-height:110%;
	text-decoration:none;
	margin:0px;
	font-weight:bold;
}

div#outdoorcompany_info div.outdoorcompany_info_box a.photo{
	position:absolute;
	top:6px;
	left:127px;
	font-size:12px;
	color:#f44204;
	padding:0px;
	margin:0px;
}

div#outdoorcompany_info div.outdoorcompany_info_box a.photo img{
	width:52px;
	height:39px;
}

div#outdoorcompany_info div.outdoorcompany_info_box p{
	position:absolute;
	top:52px;
	left:10px;
	width:172px;
	height:44px;
	font-size:10px;
	line-height:120%;
	padding:0px;
	margin:0px;
}

/* ------------------------------------------------------------
          クーポン利用可能サービス一覧
------------------------------------------------------------ */

div#couponService_info {position:absolute;top:645px;left:649px;width:189px;z-index:100;}
div#couponService_info div.couponService_info_box {

    position:relative;
    width:189px;height:150px;
    background-image:url("/img/index/outdoor_company_info_bg.gif");
    background-repeat:repeat-y;

    overflow: hidden; /* ハミ出した部分を隠す */


}
div#couponService_info div.couponService_info_box input.list {
    /*position:absolute;
    top:23px;
    left:20px;*/
    width:150px;
    margin: 1px 20px;;
}

div#couponService_info div.couponService_info_box a.title {
    position:absolute;
    top:135px;
    left:8px;
    width:180px;
    height:10px;
    font-size:10px;
    color:#f44204;
    background: white;
    line-height:110%;
    text-decoration:none;
    margin:0px;
    font-weight:bold;
}

div#couponService_info div.couponService_info_box a.photo img{
    position:absolute;
    top:55px;
    left:45px;
    width:105px;
    height:79px;
    padding:0px;
    margin:0px;
    border-radius:3px;

}



/* ------------------------------------------------------------
          右帯下部
------------------------------------------------------------ */
div#right_box {z-index:80;position:absolute;top:403px;left:642px;width:196px;height:1050px;background:#c2e5df url("/img/index/background_right.gif");background-repeat:no-repeat;}
/* ------------------------------------------------------------
          今日の占い
------------------------------------------------------------ */
div#right_box a#bt_fortune {text-indent:-9999px;display:block;width:203px;height:60px;position:absolute;top:374px;left:7px;background-image:url("/img/index/bt_fortune.gif");background-repeat:no-repeat;}
div#right_box a#bt_fortune:hover {position:absolute;top:374px;left:7px;background-image:url("/img/index/bt_fortune_on.gif");background-repeat:no-repeat;}

/* ------------------------------------------------------------
          口コミとガイド紹介
------------------------------------------------------------ */
div#right_box div#comment_guide {position:relative;top:438px;left:7px;}

/* ------------------------------------------------------------
          口コミ
------------------------------------------------------------ */
div#right_box div#comment {background-image:url("/img/index/bg_comment_pattern.gif");background-repeat:repeat-y;}
div#right_box div.each_comment {position:relative;top:0px;margin-bottom:12px;}
div#right_box div.each_comment div.comment_title {display:block;width:189px;height:16px;background-image:url("/img/index/bg_comment_white.gif");background-repeat:no-repeat;line-height:15px;}
div#right_box div.each_comment div.comment_title span.name {padding-left:4px;font-size:12px;text-decoration:none;color:#f44204;}
div#right_box div.each_comment div.comment_title span.date {position:absolute;top:0px;right:11px;font-size:10px;}
div#right_box div.each_comment p {display:inline;padding:0px 4px 0px 4px;font-size:10px;line-height:150%;letter-spacing:1px;}
div#right_box div.each_comment a.bt_detail {display:block;position:relative;left:114px;text-indent:-9999px;width:70px;height:14px;background-image:url("/img/index/bt_detail.gif");background-repeat:no-repeat;}
div#right_box div.each_comment a.bt_detail:hover {background-image:url("/img/index/bt_detail_on.gif");background-repeat:no-repeat;}
div#right_box div.each_comment img.participate_service {position:relative;left:4px;}
div#right_box div.each_comment a.service {display:block;margin:2px 8px 0px 4px;text-decoration:none;font-size:10px;line-height:120%;letter-spacing:1px;}
div#right_box div.each_comment img#bg_comment_footer {position:relative;}

/* ------------------------------------------------------------
          ガイド紹介
------------------------------------------------------------ */
div#right_box div#comment_guide div#guide {position:relative;top:6px;width:189;height:180px;background-image:url("/img/index/bg_guide.gif");background-repeat:no-repeat;}
div#right_box div#comment_guide div#guide a {position:relative;top:58px;display:block;width:188px;height:70px;text-decoration:none;}
div#right_box div#comment_guide div#guide a .guide_photo {position:relative;left:8px; top: 5px; background-repeat:no-repeat;display:block;}
div#right_box div#comment_guide div#guide a .guide_photo table {position:relative;top:-4px;left:-4px;}
div#right_box div#comment_guide div#guide a .text {position:absolute;top:4px;left:76px;}
div#right_box div#comment_guide div#guide a .text .title {display:block;width:110px;font-size:10px;line-height:150%;letter-spacing:1px;color:#f44204;line-height:120%;font-weight:bold;}
div#right_box div#comment_guide div#guide a .text #name {position:relative;top:10px;border-left:3px solid #41b2c3;padding:0px 8px 0px 2px;display:block;width:120px;font-size:10px;line-height:150%;letter-spacing:1px;color:#f44204;line-height:120%;}
div#right_box div#comment_guide div#guide p {position:absolute;top:128px;left:8px;display:block;width:172px;font-size:10px;line-height:12px;letter-spacing:1px;margin:0px;padding:0px;}

/* ------------------------------------------------------------
          下部（プラグイン）
------------------------------------------------------------ */
div#bottom {position:relative;top:auto;display:block;margin-left:14px;width:824px;/*height:60px;*/background-image:url("/common/img/bg_lightblue.gif");background-repeat:repeat-y;}
div#bottom div#player {display:block;position:relative;top:10px;width:478;height:50px;background-image:url("/img/index/plugin_bg.gif");background-repeat:no-repeat;}
div#bottom div#player div#player_button {position:relative;top:9px;left:164px;}



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

.company_info{
	position:relative;
	top: -7px;
	left: 4px;
	_position:relative;
	_top: -13px;
	_left: 4px;
}
/* カルーセル画面 */
.featureListLi{
    margin:0;
    padding:0;
    list-style-type:none;
    background-color: #ffffff;
}

.featureListDiv{
    width:220px;
    height:58px;
    margin:0;
    border:solid 1px #aaaaaa;
    padding:0;
    /*padding: 3px 3px 3px 3px;*/
    overflow:hidden;
    font-size:10px;
    line-height: 12px;
}
.featureListDiv>a{
    color: #444444;
    text-decoration:none;
}
/* att[0-3] に追加される */
.selectLi{
    background-color: #FFCC99;

}
.listBody {
    text-decoration:none;
    font-size:10px;
    color: #444444;
    line-height: 12px;
    padding:0px 5px;
}

/* ピックアップ 丸四角 の部分*/
.nonSelectListTitle{
    border-radius:5px;
    margin:2px 5px 2px 5px;
    padding: 1px;
    text-align:center;
    border:solid 1px #aaaaaa;
    color: #555555;
    background-color:#EBEBEB;
    font-size:12px;
    font-weight: bold;
    text-decoration:none;
}

.selectListTitle {
    border-radius:5px;
    margin:2px 5px 2px 5px;
    padding: 1px;
    text-align:center;
    border:solid 1px #aaaaaa;
    color: #ffffff;
    background-color:#FF4500;
    font-size:12px;
    font-weight: bold;
    text-decoration:none;
}

/*----------------------------------
フッターリンク
----------------------------------*/

#footer_index {margin:30px 30px 0; padding:10px; background-color:#FFF;/*background: rgba(255, 255, 255, 0.6);*/  border-radius: 4px;}
ul.footer_indexbox li{list-style:none;}
ul.footer_indexbox {margin-right:30px;display:block; float:left;}

.clearfix {overflow:hidden;}
