/*----------------------------------------------------------
	プログラムコンテンツ全体
----------------------------------------------------------*/
#program {
	margin: 0; padding: 0;
	width: 740px;}

#program p { font-size: 81.25%; line-height: 1.6em; padding-bottom: 5px;}
#program span.item { color: #aaa; margin-right: 3px; padding-right: 13px; background: url(../images/program/arrow.gif) right center no-repeat;}
#program a:link, #program a:visited { border-bottom: dotted 1px #666; text-decoration: none; color: #666; padding: 0 2px; margin: 0 2px;}
#program a:hover, #program a:active { border-bottom: dotted 1px #ec0059; color: #ec0059;}
#program em { color: #e08244; margin: 0 3px; padding: 3px; background: url(../images/program/line_wave.png) left bottom repeat-x;}

#program h4 {
	width: 740px; height: 35px;
	padding: 0; margin: 0;
	font-size: 81.25%; font-weight: bold; color: #fff;
	line-height: 32px; letter-spacing: 0.25em; text-indent: 1em;
	background: url(../images/program/bg_h4.png) 0 0 no-repeat;
	text-shadow: 0 -1px 0 #b56a9f;}


/*----------------------------------------------------------
	プログラム注意事項
----------------------------------------------------------*/
.notice_area {
	margin: 0 0 10px 0; padding: 0;
	width: 740px;
	background: url(../images/program/bg_notice.gif) 0 0 no-repeat;
	border-bottom: solid 1px #ddd;}
	
.notice_area p { padding: 15px 10px 10px 10px;}


/*----------------------------------------------------------
	プログラムアナウンス
----------------------------------------------------------*/
.announce_area {
	margin: 0 auto 10px auto; padding: 0;
	width: 740px;
	background: url(../images/program/bg_elephant.jpg) right bottom no-repeat #f0f0f0;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-size: 81.25%;}
.announce_area strong { display: block; font-weight: bold; padding: 10px 20px 0 30px; font-size: 81.25%; text-shadow: 0 -1px 0 #ddd; letter-spacing: 0.25em;}
.announce_area p { padding: 0 120px 5px 30px;}


/*----------------------------------------------------------
	メインビジュアル
----------------------------------------------------------*/
#program #mainvisual {
	width: 740px;
	height: 160px;
	display: block;
}
#program #mainvisual li {
	display: block;
	width: 740px;
	height: 150px;
	border: none;
	padding: none; margin: none;
}

#program #mainvisual #mainvisual1 {
	display: block;
	width: 740px;
	height: 150px;
}
#program #mainvisual #mainvisual2 {
	display: block;
	width: 740px;
	height: 150px;
}
#program #mainvisual #mainvisual3 {
	display: block;
	width: 740px;
	height: 150px;
}

/*----------------------------------------------------------
	flash部分
----------------------------------------------------------*/
#program #mainvisual_flash {
	width: 710px;
	height: 190px;
	margin: 0 auto 20px auto;
	position: relative;}
#program #mainvisual_flash li { position: absolute; display: block;}
#program #mainvisual_flash li.area_flash {
	width: 710px;
	height: 190px;
	overflow: hidden;
	border: solid 1px #555;}
#program #mainvisual_flash li.area_flash object { position: absolute; top: 0; left: -5px;}
#program #mainvisual_flash li.ribbon {
	top: -5px; left: 572px;
	width: 145px;height: 145px;
	text-indent: -9998px;
	background: url(../images/program/ribbon_flash.png) 0 0 no-repeat;}


/*----------------------------------------------------------
	プログラムテーブル
----------------------------------------------------------*/
#program table {
	margin: 0 0 10px 0; padding: 0;
	border: solid 1px #aaa;
	border-collapse: collapse;
	line-height: 1.3;
	background: #fff;}
	
.table_narrow { width: 570px;}

#program table th {
	padding: 3px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #ddd;
	font-size: 62.5%;}
#program table td {
	padding: 5px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-size: 81.25%;
	text-align: center;}
#program table td.cell_am { border-bottom: 1px dotted #ccc;}
#program table td.cell_item { border-right: 1px dotted #ccc;}
#program table td p { font-size: 100%; line-height: 1.3; padding-bottom: 5px;}
span.program_time { font-size: 75%; padding: 2px 3px 0 3px; margin: 1px 2px; color: #555; background: #ededed; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;}
span.program_day { font-size: 75%; padding: 0 2px; margin: 1px; color: #999; background: #ededed; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;}
span.program_sat { font-size: 75%; padding: 0 2px; margin: 1px; color: #fff; background: #1d94e7; border-right: solid 1px #2378b4; border-bottom: solid 1px #2378b4;}
span.program_sun { font-size: 75%; padding: 0 2px; margin: 1px; color: #fff; background: #ff5050; border-right: solid 1px #d14343; border-bottom: solid 1px #d14343;}
span.program_price { padding: 0 5px;color: #ff0000; font-weight: bold;}
p.notice_schedule { padding-left: 16px; background: url(../images/program/bullet_notice.png) left top no-repeat; color: #999;}
p.act_schedule { padding-left: 60px; padding-top: 1px; background: url(../images/program/ico_act.png) 0 0 no-repeat;}
p.sight_schedule { padding-left: 60px; padding-top: 1px; background: url(../images/program/ico_sight.png) 0 0 no-repeat;}
p.food_schedule { color: #aaa; padding-left: 35px; background: url(../images/program/ico_food.png) 0 0 no-repeat;}
p.ico_check { padding-left: 13px; background: url(../images/program/ico_check.png) left top no-repeat;}
p.ico_check2 { padding-left: 25px; background: url(../images/program/ico_check2.png) 0 5px no-repeat;}
p.ico_check3 { padding-left: 15px; background: url(../images/program/ico_check.png) 0 3px no-repeat;}
p.ico_now { padding-left: 60px; padding-top: 2px; background: url(../images/program/ico_now.png) 0 3px no-repeat;}
p.ico_closed { padding-left: 60px; padding-top: 2px; background: url(../images/program/ico_close.png) 0 3px no-repeat;}
p.ico_stay { float: right; color: #6682b5; padding-left: 35px; padding-top: 13px; margin-top: 15px; background: url(../images/program/ico_stay.png) left top no-repeat;}
span.ico_window { padding-right: 20px; background: url(../images/program/ico_window.png) right top no-repeat;}


/*----------------------------------------------------------
	横の写真
----------------------------------------------------------*/
#photo_flow {
	float: right;
	margin: 5px 0; padding: 35px 0 0 0;
	width: 160px;
	background: url(../images/program/photo_flow.gif) 0 0 no-repeat;}

#photo_flow li { position: relative; text-align: center; width: 160px; height: 135px; background: url(../images/program/photo_flow_arrow.png) center bottom no-repeat; display: block; cursor: pointer;}
#photo_flow li img {width: 160px; height: 120px; }
#photo_flow li p { display: none;}
#photo_flow li:hover p { display: block; position: absolute; font-size: 62.5%; padding: 5px; margin: 0; line-height: 1.2em; color: #333; width: 150px; top: 0; left: 0; background: url(../images/program/bg_caption.png) left bottom no-repeat; border-bottom: solid 1px #fafafa; text-shadow: 1px 1px 0 #fff;}


/*----------------------------------------------------------
	感想文
----------------------------------------------------------*/
.review { margin: 5px 0 20px 0; width: 738px; background: url(../images/program/bg_note.jpg) 0 0 repeat-y; border-top: solid 1px #fafafa; border-left: solid 1px #fafafa; border-right: solid 1px #eee; border-bottom: solid 2px #eee;}
.review p { }
p.report_reason { padding: 0 15px 0 85px; background: url(../images/program/report_reason.png) 10px 0 no-repeat;}
p.report_review { padding: 20px 15px 0 85px; background: url(../images/program/report_review.png) 30px 0 no-repeat;}
p.report_how { padding: 40px 15px 20px 85px; background: url(../images/program/report_how.png) 60px 0 no-repeat;}
p.report_data { text-align: right; padding: 30px 20px 0 20px; margin: 0; width: 698px; height: 28px; display: block; background: url(../images/program/bg_note_top.jpg) 0 0 no-repeat;}
p.report_data span { float: left; font-size: 112.5%; color: #555; text-indent: 65px; letter-spacing: 0.25em;}
.review img { margin: 10px 0 15px 85px;}


/*----------------------------------------------------------
	プログラムメニュー
----------------------------------------------------------*/
#menu_program {
	position: relative;
	margin: 10px 0; padding: 0;
	width: 740px;
	height: 33px;}

#menu_program li { position: absolute; top: 0; text-indent: -9998px; display: block; width: 148px; height: 33px; background-image: url(../images/program/menu_program.png);}
#menu_program li a { display: block; width: 148px; height: 33px; background-image: url(../images/program/menu_program.png);}

#menu_program li.menu_program1 { left: 0; background-position: 0 -66px;}
#menu_program li.menu_program1 a { background-position: 0 0;}
#menu_program li.menu_program1 a:hover { background-position: 0 -33px;}
#menu_program li.menu_program2 { left: 148px; background-position: -148px -66px;}
#menu_program li.menu_program2 a { background-position: -148px 0;}
#menu_program li.menu_program2 a:hover { background-position: -148px -33px;}
#menu_program li.menu_program3 { left: 296px; background-position: -296px -66px;}
#menu_program li.menu_program3 a { background-position: -296px 0;}
#menu_program li.menu_program3 a:hover { background-position: -296px -33px;}
#menu_program li.menu_program4 { left: 444px; background-position: -444px -66px;}
#menu_program li.menu_program4 a { background-position: -444px 0;}
#menu_program li.menu_program4 a:hover { background-position: -444px -33px;}
#menu_program li.menu_program5 { left: 592px; background-position: -592px -66px;}
#menu_program li.menu_program5 a { background-position: -592px 0;}
#menu_program li.menu_program5 a:hover { background-position: -592px -33px;}


/*----------------------------------------------------------
	プログラムページネイション
----------------------------------------------------------*/
#pagenation_program {
	position: relative;
	margin: 0; padding: 0;
	width: 740px;
	height: 35px;}

#pagenation_program li { display: block; width: 140px; height: 25px; text-align: center; font-size: 62.25%; line-height: 25px; letter-spacing: 0.5em;}
#pagenation_program li a { border: none; text-decoration: none;}
#pagenation_program li a:link, #pagenation_program li a:visited { display: block; width: 140px; height: 25px; background-image: url(../images/program/bg_pagenation.png); color: #666;}
#pagenation_program li a:hover, #pagenation_program li a:active { color: #ec0059;}

#pagenation_program li.page_prev { float: left; text-indent: 10px;}
#pagenation_program li.page_next { float: right; text-indent: 0;}

#pagenation_program li.page_prev a:link, #pagenation_program li.page_prev a:visited { background-position: 0 0; border-right: solid 1px #ccc;}
#pagenation_program li.page_prev a:hover, #pagenation_program li.page_prev a:active { background-position: 0 -25px; border-right: solid 1px #999;}
#pagenation_program li.page_next a:link, #pagenation_program li.page_next a:visited { background-position: -60px 0; border-left: solid 1px #ccc;}
#pagenation_program li.page_next a:hover, #pagenation_program li.page_next a:active { background-position: -60px -25px; border-left: solid 1px #999;}


/*----------------------------------------------------------
	下のボタン
----------------------------------------------------------*/
#btn_bottom {
	position: relative;
	margin: 10px auto; padding: 0;
	width: 640px;
	height: 80px;
	background: url(../images/program/bg_btn_bottom.png) 0 0 no-repeat;}

#btn_bottom li { position: absolute; top: 20px;}
#btn_bottom li a { display: block; height: 40px; text-indent: -9998px;}
#btn_bottom li.btn_bottom_document { left: 55px;}
#btn_bottom li.btn_bottom_document a { width: 210px; background: url(../images/program/btn_bottom.png) 0 0 no-repeat;}
#btn_bottom li.btn_bottom_document a:hover { background: url(../images/program/btn_bottom.png) 0 -40px no-repeat;}
#btn_bottom li.btn_bottom_form { left: 295px;}
#btn_bottom li.btn_bottom_form a { width: 310px; background: url(../images/program/btn_bottom.png) -210px 0 no-repeat;}
#btn_bottom li.btn_bottom_form a:hover { background: url(../images/program/btn_bottom.png) -210px -40px no-repeat;}


/*----------------------------------------------------------
	現地メール追加
----------------------------------------------------------*/
.mail_btn_phi a {display: block; height: 40px; text-indent: -9998px; width: 210px; background: url(../images/program/mail_btn_phi.png) 0 0 no-repeat;}
.mail_btn_phi a:hover {background: url(../images/program/mail_btn_phi.png) 0 -40px no-repeat;}
.mail_btn_phi p {position: relative; left:10px;}

.mail_btn_thai a {display: block; width: 210px; height: 40px; text-indent: -9998px; background: url(../images/program/mail_btn_thai.png) 0 0 no-repeat;}
.mail_btn_thai a:hover {background: url(../images/program/mail_btn_thai.png) 0 -40px no-repeat;}
.mail_btn_thai p {position: relative; left:10px;}