@charset "Shift_JIS";


/*-----------------------------------------------
__index用 style
-----------------------------------------------*/



/*-----------------------------------------------
__news
-----------------------------------------------*/
#news {
margin: 8px 0px 8px 0px;
width: 542px;
background: url(../img/p01_news_bg.gif) repeat-y;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

.newsImg {
padding: 5px 20px 5px 15px;
float: left;
}

.newsTxt {
padding: 10px;
width: 375px;
float: right;
}


/*-----------------------------------------------
__クイック検索（searchInfo）
-----------------------------------------------*/
/* #eventSearchはcommon.css */

#search {
	clear: both;
	width: 511px;
}
#eventSearch .searchInfo {
margin-bottom: 5px;
width: 511px;
background-color: #ffffff;
float: left;
}
.searchInfo .img {
	float: left;
	width: 138px;
}
.searchInfo .img img {
	border: 1px solid #cccccc;
	margin: 2px;
}
.searchInfo .text {
	margin: 0px;
	float: right;
	width: 350px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
}
.searchInfo .text h3 {
	font-size: 100%;
	margin: 0px;
}
.searchInfo .text ul {
	line-height: 1.5em;
	margin: 0px;
}
.searchInfo .text ul img {
	vertical-align: middle;
}
.searchInfo .text ul.link li {
	margin: 0px;
	background: url(../img/common/link_circle.gif) no-repeat left 0.4em;
	padding-left: 17px;
	padding-bottom: 5px;
}

.searchInfo .text ul.link_pdf2 li {
	margin: 0px;
	background: url(../img/common/link_pdf.gif) no-repeat left 0.2em;
	padding-left: 26px;
	padding-bottom: 5px;
}

/*---------- 2009.06.10追加　----------*/
.searchInfo .text ul.link_pdf li {
	margin: 0px;
	background: url(../img/common/pdf.gif) no-repeat left 0.2em;
	padding-left: 26px;
	padding-bottom: 5px;
}
/*---------- 2009.06.10追加　ここまで　----------*/

/*---------- 2009.09.08追加　----------*/
.searchInfo .text .point2_bg, .gr_boxL .point2_bg {
	padding: 3px 3px 0 3px;
	background: #f1f5d4;
}

.searchInfo .text ul.link_arrow {
	padding-left: 12px;
	margin-bottom: 9px;
}

.red {
	color: #ff0000;
}

.link_margin-top4px {
	margin-top: 4px;
}
/*---------- 2009.09.08追加　ここまで　----------*/

.searchInfo .text ul.link li.arrow {
	background: url(../img/common/link_allow.gif) no-repeat 5px 0.6em;
}
.searchInfo .text dl {
	margin: 0px;
}
.searchInfo .text dt {
	margin: 5px 0px 0px;
	font-weight: bold;
}
.searchInfo .text dd {
	margin: 0px;
	font-weight: bold;
}

/*---------- 2009.09.25追加（トップレイアウト変更）　----------*/

.margin5 {
	margin: 5px;
}
.mt5 {
	margin-top: 5px;
}

.font95 {
	font-size: 95%;
}


#course_box {
	width: 542px;
	background: url(../img/include/course_box.gif) no-repeat bottom;
}
#course_box p, period_box p {
	margin: 0 ;
	padding: 0 ;
}
#course_box ul {
	margin: 5px 8px;
}

#course_box ul.top_line {
	margin: 5px 8px;
	padding-top: 5px ;
	border-top: 1px solid #cccccc;
}
#course_box .link {
	margin: 0 0 3px 0;
	background: url(../img/common/link_circle.gif) no-repeat left 3px;
	padding-left: 17px;
	padding-bottom: 2px;
	font-size: 95%;
}

#course_box .link_bottom {
	margin: 0 0 3px 0;
	background: url(../img/common/link_circle_bottom.gif) no-repeat left 3px;
	padding-left: 17px;
	padding-bottom: 2px;
	font-size: 95%;
}

#course_box .link_pdf {
	margin: 0px;
	background: url(../img/common/pdf.gif) no-repeat left 0.2em;
	padding-left: 26px;
	padding-bottom: 5px;
}
#course_box .link_pdf_bg {
	margin: 0px;
	background: url(../img/common/pdf.gif) no-repeat left 0.2em #f1f5d4;
	padding: 3px 3px 5px 26px;
}
#course_box .arrow_bg {
	margin: 0px;
	background: url(../img/common/link_allow.gif) no-repeat 15px 0.6em #f1f5d4;
	padding: 3px 3px 5px 26px;
}

#course_box .left_img {
	margin: 0 8px;
	padding: 0;
	float: left;
	display: inline;
}

#course_box .right_text {
	padding: 0;
	float: right;
	width: 210px;
	font-size: 95%;
}

 /*2010年3月10日追記*/
#course_box .no_arrow_bg {
	margin: 0px;
	background-color: #f1f5d4;
	padding: 3px 3px 3px 6px;
}
 /*2010年3月10日追記*/


 /*2010年3月17日追記*/
h2.anniversary10_ttl {
	background: url(../img/include/ttl_anniversary10.jpg) no-repeat;
	width: 542px;
	height: 65px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}

#anniversary10_box { /*10周年*/
	width: 540px;
	margin:0px 0px 30px 0px;
	padding:0 0 5px 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

#anniversary10_box p.main_text {
	margin: 0 5px 5px 5px;
	padding-top:5px;
}

#anniversary10_box .box_bg { 
	margin: 7px;
	background-color: #f7fcba;
	border: 1px solid #cccccc;
	padding: 8px;
}

#anniversary10_box .box_bg h3 { 
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #bb0707;
}

#anniversary10_box .box_bg p { 
	margin: 0px;
	padding: 0px;
	font-size: 95%;
}

.anniversary10_left {
	width: 268px;
	margin: 0;
	padding: 0px;
	float: left;
}
.anniversary10_right {
	width: 268px;
	margin: 0;
	padding: 0px;
	float: right;
}
.anniversary10_left dt, .anniversary10_right dt {
	margin: 0 8px;
	padding: 0px;
	font-size: 95%;
	font-weight: bold;
}
.anniversary10_left dd, .anniversary10_right dd {
	margin: 0 8px;
	padding: 0 0 0 17px;
	font-size: 95%;
	background: url(../img/common/link_circle.gif) no-repeat left 0.3em;
}



 /*2010年3月17日追記*/

#course_box .gr_boxL { /*ポイントアップコース*/
	width: 268px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
	float: left;
}
#course_box .gr_boxL h2 {
	background: url(../img/include/ttl_point.jpg) no-repeat;
	height: 35px;
	width: 268px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}

#course_box .gr_boxL h2.point_net {
	background: url(../img/include/ttl_point_net.jpg) no-repeat;
	height: 35px;
	width: 268px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}

#course_box .gr_boxR { /*テーマ別コース*/
	width: 268px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
	float: right;
}
#course_box .gr_boxR h2 {
	background: url(../img/include/ttl_theme.jpg) no-repeat;
	width: 268px;
	height: 35px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}

#course_box .gr_boxR h2.campaign {
	background: url(../img/include/ttl_calender.jpg) no-repeat;
	width: 268px;
	height: 35px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}



#period_box { /*期間設定コース*/
	width: 540px;
	margin:0;
	padding:0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d7b4d2;
	background-color: #fdeefa;
}

h2.period_ttl {
	background: url(../img/include/ttl_period_ichiran.jpg) no-repeat;
	width: 542px;
	height: 50px;
	text-indent: -9999px;
	margin: 0 ;
	padding: 0 ;
}

#period_box h3 {
	margin: 0 8px 3px 8px;
	padding-top:10px;
	font-size: 100%;
	font-weight: normal;
}

#period_box .period_btn {
	margin: 10px 0 10px 0;
	text-align: center;
}

#period_box .period_btn p{
	margin: 0 auto;
	padding: 0;
}

#period_box .yadohiking_box{
	margin: 0px 10px 10px 10px;
	padding: 0 0 8px 0;
	border: solid 1px #c8b9b4;
	background-color: #fef6ef;
}

#period_box .yadohiking_box h4{
	margin: 0;
	padding: 0;
}

#period_box .yadohiking_box .left_img{
	margin: 4px 19px 0 13px;
	padding: 0;
	float: left;
	display: inline;
}

#period_box .yadohiking_box .right_btn{
	margin: 15px 0 0 0;
	padding: 0;
}





/*期間設定コーストップ一覧時に使用していたスタイル ここから */

.center_line { /*期間設定コースセンターライン*/
	background: url(../img/include/center_line.gif) repeat-y;
	
}

.center_line_bg { /*期間設定コースセンターライン 背景あり*/
	background: url(../img/include/center_line_bg.gif) repeat-y;
	
}

.bottom_line { /*期間設定コース下線揃え*/
	width: 540px;
	background: url(../img/include/bottom_line.gif) bottom no-repeat;
	padding-bottom: 15px;
	clear: both;
}
.bottom_Noline { /*期間設定コース下線なし*/
	width: 540px;
	margin: 0 0 5px 0;
	clear: both;
}

.period_left {
	width: 268px;
	margin: 0;
	padding: 0px;
	float: left;
}
.period_right {
	width: 268px;
	margin: 0;
	padding: 0px;
	float: right;
}
.period_left dt, .period_right dt {
	margin: 0 8px;
	padding: 0px;
	font-size: 95%;
}
.period_left dd, .period_right dd {
	margin: 0 8px;
	padding: 0 0 0 17px;
	font-weight: bold;
	font-size: 95%;
	background: url(../img/common/link_circle.gif) no-repeat left 0.3em;
}

.center_line_bg .period_left dt, .center_line_bg .period_right dt {
	margin: 5px 15px;
	padding: 0px;
	font-size: 95%;
}
.center_line_bg .period_left dd, .center_line_bg .period_right dd {
	margin: 0 13px 5px 15px;
	padding: 0 0 0 17px;
	font-weight: bold;
	font-size: 95%;
	background: url(../img/common/link_circle_bg.gif) no-repeat left 0.3em;
}
/*期間設定コーストップ一覧時に使用していたスタイル ここまで */


/*---------- 2009.09.25追加（トップレイアウト変更）ここまで　----------*/

/*-----------------------------------------------
__新着情報・おすすめ情報（Arrive）
-----------------------------------------------*/
#badge {
	margin: 0px 0px 20px;
	width: 542px;
}
#badge .badge_bg {
	width: 542px;
	background: #fff9df;
	float: left;
}
#badge h2 {
	margin: 20px 0px 10px;
	padding: 0px;
}
#badge .img {
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 10px;
}
#badge .img img {
	border: 1px solid #cccccc;
	margin: 2px;
}
#badge .text {
	margin: 0px;
	float: right;
	width: 360px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#badge .text h3 {
	font-size: 100%;
	margin: 0px;
}
#badge .text ul.link li {
	margin: 0px;
	background: url(../img/common/link_circle.gif) no-repeat left 0.3em;
	padding-left: 17px;
	padding-bottom: 5px;
}
#info {
	width: 542px;
	margin-top: 15px;
}
#info .event {
	width: 541px;
	/* 下線無し対応 background: url(../img/p01_dotline.gif) no-repeat left bottom; */
	float: left;
	padding: 0px;
}
#info .img {
	float: left;
	width: 134px;
}
#info .img img {
	border: 1px solid #cccccc;
	margin: 0px 0px 5px;
	padding: 2px;
}
#info .text {
	margin: 0px;
	float: right;
	width: 395px;
	line-height: 1.5em;
	padding-top: 5px;
}
#info .text h3 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}

#info .info_text {
	margin: 0px;
	padding: 0px;
}

#info .info_text span{
	font-size: 95%;
}
div.arriveTxt {
margin-left: 12px;
width: 385px;
float: left;
}


/*-----------------------------------------------
__参加方法（Join）
-----------------------------------------------*/
/* 参加方法 */

.apply {
margin: 15px 0px;
padding: 15px;
width: 512px;
background-color: #eeeeee;
}


/* 会員登録 */

.touroku {
margin: 15px 0px;
padding: 15px;
width: 512px;
background-color: #eff5c5;
}

/*
.tourokuWrap {
padding: 15px;
}
*/

.tourokuTxt {
width: 360px;
/* font-size: 0.9em; */
}

.tourokuImg {
margin-left: 10px;
}

/* 携帯サイト */

div.mobile {
width: 542px;
min-height: 84px;
background: url(../img/p01_mobile_bg.gif) no-repeat right bottom;
}

div.mobileWrap {
padding-top: 20px;
}

div.mobile img {
margin-right: 10px;
}

/* びゅう旅 2009/10/16追記*/

.viewtabi {
margin: 30px 0px;
padding: 0px;
border: 3px solid #74ba7b;
}

.viewtabiTxt{
padding: 5px 10px 5px 10px;
}

.viewtabiBtn{
margin: 0px 0px 5px 0px;
padding: 0px;
text-align: center;
}

/* メルマガ 2012/6/1追記*/

.mailmagazine {
margin: 30px 0px;
padding: 0px;
border: 3px solid #00adbd;
}

.mailmagazineTxt{
padding: 5px 10px 5px 10px;
}

.mailmagazineTxt2{
color:red;
padding: 5px 10px 5px 10px;
}

.mailmagazineTxt3Area{
padding: 5px 10px 5px 10px;
}
.mailmagazineTxt3{
background-color:#f26522;
color:#fff;
font-weight:bold;
padding: 3px;
}

.mailmagazineBtn{
margin: 0px 0px 5px 0px;
padding: 0px;
text-align: center;
}


/*ビンゴボタン 2013/12/11追記*/

#contents .bingoArea{
	width: 520px;
	height: 105px;
	margin:15px 0 0 10px;
}

#contents .bingoArea p{
	margin: 0;
}

p.text_c{
	text-align:center;
}

#contents .bingoArea .btnArea{
	width: 520px;
	height: 56px;
	position: relative;
	background: url(../img/include/bingo_bg.jpg) no-repeat left bottom;
}

#contents .bingoArea .btnArea .bingoBtn{
	width: 367px;
	height: 55px;
	position: absolute;
	right: 8px;
	top: 0;
}