@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}
html{ height:100%;}
body {  margin:0px; padding:0px; color:#555555; font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; line-height: 1.4; *font-size:small; *font:x-small; height:100%;}
table, th, tr, td{ font-size:inherit; font:100%; line-height: 1.4; text-align: left;}
input, textarea, select, option { font-size:inherit; font:100%;}
li, ul{ margin:0; padding:0; list-style:none;}
img{ margin:0;}

#continer{ min-height:100%; position:relative;}
body > #container { height: auto;}


.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/******IEハック******/
* html #continer{ height:100%;}
* html img{ vertical-align:top;}
* html li{ line-height:1.1em; list-style-position:outside;}
*:first-child+html li{ line-height:1.1em;}
head~/* */body { font-size:80%;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #044f90; text-decoration:none;}
a:visited{ color:#044f90; text-decoration:none;}
a:hover{ color: #044f90; text-decoration:underline;}
a:active{ color: #044f90;}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:950px; text-align:left; clear:both;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/*ヘッダー共通デザイン*/

.header_wrap{ background:#044f90 url(/style_images/header_wrap.jpg);}
.header_box{ color:#FFFFFF; padding:20px 0;}

.header_box a{ color:#FFFFFF;}
.header_box a:link{ color:#FFFFFF;}
.header_box a:visited{ color:#FFFFFF;}
.header_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.header_box a:active{ color:#FFFFFF;}

.header_box .logo{ width:111px; float:left;}
.header_box .header_info{ width:430px; padding-top:5px; float:left;}
.header_box .header_info .page_title{ font-weight:bold;}
.header_box .header_info .page_info{ padding-top:5px;}
.header_box .header_menu_wrap{ width:341px; float:right; padding-top:8px; text-align:left;}
.header_box .header_menu{ display:block; width:218px; float:left; padding-top:2px;}
.header_box .header_menu li{ display:inline;}
.header_box .header_menu li.header_number{ display:block; width:196px; height:22px; background:url(/style_images/header_number.png) no-repeat; text-indent:-9999px; margin-bottom:7px;}
.header_box .header_menu img{ vertical-align:text-top; padding-right:3px}
.header_box .header_menu .line{ color:#0861ae; display:inline-block; padding:0 3px 0 7px;}
.header_box .header_menu_wrap .login{ display:block; float:right; width:122px; height:48px;}


/*コンテンツ共通デザイン*/

.contents_wrap{ background:url(/style_images/contents_back.jpg) repeat-x #FFFFFF; padding-bottom:195px;}
.contents_box{ padding:20px 0 50px 0;}

.contents_box .main{ width:670px; float:right;}
.contents_box .side{ width:250px; float:left;}



/*ナビ*/
.navi{ padding-bottom:10px;}
.navi span{ color:#CCCCCC; padding:0 3px; display:inline-block;}
.navi h1{ display:inline; font-weight:normal;}

/* ページャー */
.pager{ border-top:1px dotted #DDDDDD; margin-top:20px; padding-top:20px; text-align:center;}
.pager a{ color:#3333FF;}
.pager .num{ display:inline-block; padding:0 5px;}
.pager .num a{ display:inline-block; border:1px solid #147b7b; padding:0 5px;}
.pager .num a:hover{ background:none; background-color:#147b7b; color:#FFFFFF; padding:1px 6px; border:none; text-decoration:none;}
.pager .num .current_page{ display:inline-block; border:1px solid #CCCCCC; color:#CCCCCC; padding:1px 6px;}


.global_title{ background:url(/style_images/global_title.gif) no-repeat; clear:both; padding-top:20px; margin-top:20px;}
.global_title h2{ display:block; height:11px; margin-bottom:15px;}
.global_title h3{ display:block; height:11px; margin-bottom:15px;}
* html .global_title h2{ margin-bottom:0;}
* html .global_title h3{ margin-bottom:0;}

.main .global_title{ margin-top:30px;}
.main .global_title h2{ width:400px; float:left;}
.main .global_title h3{ width:400px; float:left;}
.main .global_title span{ display:block; float:right; width:200px; text-align:right; height:10px; margin-bottom:15px;}
.side .global_title h2{ width:250px;}
.side .global_title h3{ width:250px;}


/*タイトル*/
.top_special h2{ background:url(/style_images/title_special.gif) no-repeat; text-indent:-9999px; height:14px;}
.top_aboutus h2{ background:url(/style_images/title_aboutus.gif) no-repeat; text-indent:-9999px;}
.top_shop h2{ background:url(/style_images/title_shop.gif) no-repeat; text-indent:-9999px;}
.top_pickup h2{ background:url(/style_images/title_pickup.gif) no-repeat; text-indent:-9999px; height:14px;}
.side_guide h2{ background:url(/style_images/title_guide.gif) no-repeat; text-indent:-9999px; height:14px;}
.side_topics h2{ background:url(/style_images/title_topics.gif) no-repeat; text-indent:-9999px; height:14px;}


/*プランの一覧共通*/
.category_description{ border-top:1px dotted #DDDDDD; padding:20px 0 12px 0;}
.category_description h2{ color:#222222; margin-bottom:15px; background:url(/style_images/title_line.jpg) repeat-y; padding-left:14px;}
.category_description p{ margin-bottom:10px;}

.plan_result ul{ width:670px; clear:both; border-top:1px dotted #DDDDDD; padding-top:14px; clear:both; margin-top:15px;}
.plan_result ul.fst{ margin-top:0;}
.plan_result li{ width:324px;}
.plan_result li.left{ float:left;}
.plan_result li.right{ float:right;}
.plan_result li a.image{ display:block; width:104px; float:left;}
.plan_result li a.image img{ padding:1px; border:1px solid #DDDDDD;}
.plan_result li p{ width:210px; float:right; line-height:1.3em;}
.plan_result li p strong{ display:block; padding:2px 0 3px 0;}
.plan_result li p span.plan_categories{ display:block; padding-top:5px;}
.plan_result li p span.plan_categories img{ vertical-align:text-top;}
.plan_result li p span.plan_categories span.line{ color:#DDDDDD;}


/*プランの詳細*/
.plan_title{ margin-top:25px; background:url(/style_images/title_line.jpg) repeat-y; padding-left:20px;}
.plan_title h2{ color:#000000; padding-top:2px;}
.plan_title .plan_categories{ padding-top:7px;}
.plan_title .plan_categories img{ vertical-align:text-top;}
.plan_title .plan_categories span.line{ color:#DDDDDD;}
.plan_detail .plan_info{ clear:both; width:670px; padding-top:15px;}
.plan_detail .plan_info .plan_info_left{ width:324px; float:left;}
.plan_detail .plan_info .plan_info_right{ width:324px; float:right;}
.plan_detail .plan_info p{ margin-top:15px;}
.plan_detail .plan_info img{ margin-top:10px;}

.time_table{ margin-top:25px; border:1px solid #CCCCCC; background:#EEEEEE; padding:20px;}
.time_table h3{ color:#000000; padding-bottom:5px; font-size:100%; font-weight:normal; padding-bottom:15px;}
.time_table h3 img{ vertical-align:text-bottom; padding-right:5px;}
.time_table table{ border-collapse:collapse; width:100%; border-bottom:1px dotted #DDDDDD;}
.time_table th{ width:120px; font-weight:normal; font-size:100%; text-align:left; vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; color:#000000;}
.time_table td{ vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:20px;}

.plan_price{ margin-top:25px; border:1px solid #CCCCCC; padding:20px;}
.plan_price h3{ color:#000000; padding-bottom:5px; font-size:100%; font-weight:normal; padding-bottom:15px;}
.plan_price h3 img{ vertical-align:text-bottom; padding-right:5px;}
.plan_price table{ border-collapse:collapse; width:100%; border-bottom:1px dotted #DDDDDD;}
.plan_price th{ width:120px; font-weight:normal; font-size:100%; text-align:left; vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; color:#000000;}
.plan_price td{ vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:20px;}
.plan_price td.value{ color:#FF6600; font-weight:bold;}
.plan_price #map{ width:450px; height:280px; margin-top:5px;}


.payment{ margin-top:25px; border:1px solid #CCCCCC; background:#EEEEEE; padding:20px;}
.payment h3 img{ vertical-align:text-bottom; padding-right:5px;}
.payment h3{ color:#000000; font-size:100%; font-weight:normal; padding-bottom:5px;}
.payment h4{ color:#000000; font-size:100%; font-weight:normal; padding-bottom:5px; padding-top:15px;}

.attention{ margin-top:25px; border:1px solid #CCCCCC; padding:20px;}
.attention h3 img{ vertical-align:text-bottom; padding-right:5px;}
.attention h3{ color:#000000; padding-bottom:5px; font-size:100%; font-weight:normal; padding-bottom:5px;}
.attention li{ list-style:circle; margin-left:20px; padding-top:10px;}

.plan_contact{ margin-top:25px; text-align:center; border:1px solid #CCCCCC; background:#EEEEEE; padding:20px;}
.plan_contact .app{ display:inline-block; margin-left:15px; border-left:1px solid #CCCCCC; padding-left:15px;}



/*トップページ*/

/*about us*/
.top_aboutus .about_us{ padding-left:210px; background:url(/style_images/about_us.jpg) no-repeat;}

/*特集*/
.top_special ul{ clear:both; width:670px; margin-top:15px;}
.top_special ul.fst{ margin-top:0;}
.top_special li.left{ float:left; width:324px;}
.top_special li.right{ float:right; width:324px;}
.top_special li img{ padding:1px; border:solid 1px #DDDDDD;}
.top_special h3{ margin-top:4px;}
.top_special p{ margin-top:2px;}



/*トップページのショップ*/
.top_shop{ margin-top:30px; clear:both;}
.top_shop li{ background:url(/style_images/click.gif) no-repeat 0 2px; padding-left:25px; padding-bottom:5px;}
.top_shop .shop_left{ float:left; width:200px;}
.top_shop .shop_center{ float:left; width:200px; margin-left:10px;}
.top_shop .shop_right{ float:right; width:200px;}



/*ツアーガイド*/
.guide_info{ border-top:1px dotted #DDDDDD; padding:20px 0 12px 0;}
.guide_info h2{ color:#222222; margin-bottom:15px; background:url(/style_images/title_line.jpg) repeat-y; padding-left:14px;}
.guide_info span{ display:block; color:#999999; padding-bottom:2px; font-weight:normal; font-size:80%;}
.guide_body p{ margin-bottom:15px;}
.guide_body img{ margin-bottom:15px;}

/*サイド共通デザイン*/
.side .categories h3{ width:250px; height:48px; text-indent:-9999px; margin-top:20px;}
.side .categories h3.fst{ margin-top:0;}
.side .categories h3.purpose{ background:url(/style_images/side_purpose.jpg);}
.side .categories h3.music{ background:url(/style_images/side_music.jpg);}
.side .categories h3.countries{ background:url(/style_images/side_countries.jpg);}
.side .categories ul{ clear:both;}
.side .categories li{ float:left; padding-right:10px; margin-top:5px;}
.side .categories li img{ vertical-align:text-top;}

.side .ticket{ margin-top:20px;}
.side .ticket a{ display:block; width:248px; height:134px; border:1px solid #DDDDDD; background:url(/style_images/side_tickets.jpg); text-indent:-99999px;}

.side .member{ margin-top:20px;}
.side .member a{ display:block; width:248px; height:106px; border:1px solid #DDDDDD; background:url(/style_images/side_member.jpg); text-indent:-99999px;}

.side .side_topics { }
.side .side_topics li{ width:250px; clear:both; border-top:1px dotted #DDDDDD; padding-top:14px;}
.side .side_topics li a.image{ display:block; width:52px; float:left;}
.side .side_topics li a.image img{ padding:1px; border:1px solid #DDDDDD;}
.side .side_topics li p{ width:185px; float:right; line-height:1.1em;}
.side .side_topics li p strong{ display:block; padding:2px 0 3px 0;}
.side .side_topics p.more{ text-align:right; border-top:1px dotted #DDDDDD; padding-top:10px; margin-top:10px;}

.side .side_guide li{ padding-left:27px; margin-top:5px; background:url(/style_images/click.gif) 0 2px no-repeat;}
.side .side_guide li.fst{ margin-top:0;}


/*フッター共通デザイン*/

.footer_wrap{ background:#044f90 url(/style_images/footer_wrap.jpg); position:absolute; bottom:0; height:195px;}
.footer_box{ color:#FFFFFF; padding-top:50px;}

.footer_box a{ color:#FFFFFF;}
.footer_box a:link{ color:#FFFFFF;}
.footer_box a:visited{ color:#FFFFFF;}
.footer_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer_box a:active{ color:#FFFFFF;}

.footer_box .footer_bn{ width:360px; float:left;}
.footer_box .footer_bn li{ float:left;}
.footer_box .footer_bn li.main_bn{ width:360px; padding-bottom:10px;}
.footer_box .footer_bn li.sub_bn{ padding-right:16px; background:url(/style_images/footer_line.gif) right repeat-y; margin-left:14px;}
.footer_box .footer_bn li.fst{ margin-left:0;}
.footer_box .footer_bn li.sub_bn a img{ opacity:0.6; filter:alpha(opacity=60);}
.footer_box .footer_bn li.sub_bn a:hover img{ opacity:1; filter:alpha(opacity=100);}

.footer_box .footer_menu{ width:350px; float:left;}
.footer_box .footer_menu .footer_number{ display:block; width:196px; height:22px; background:url(/style_images/header_number.png) no-repeat; text-indent:-9999px; margin-bottom:7px;}
.footer_box .footer_menu ul{ margin-top:5px;}
.footer_box .footer_menu ul.fst{ margin-top:0;}
.footer_box .footer_menu li{ display:inline; line-height:0;}
.footer_box .footer_menu img{ vertical-align:text-top; padding-right:3px}
.footer_box .footer_menu .line{ color:#0861ae; display:inline-block; padding:0 3px 0 7px;}
.footer_box .footer_menu p{ margin-top:10px;}

.footer_box .footer_top{ width:129px; float:right;}


/*フォーム*/
.contact_form { width:670px; margin-left:auto; margin-right:auto; margin-top:20px;}
.contact_form h2{ font-size:100%; color:#000000;}
.contact_form table{ border-collapse:collapse; width:99.9%; border-bottom:1px dotted #DDDDDD; margin-top:20px;}
.contact_form th{ width:200px; font-weight:normal; font-size:100%; text-align:left; vertical-align:top; padding:10px 0; border-top:1px dotted #DDDDDD;}
.contact_form td{ vertical-align:top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:5px;}
.contact_form td.button_td{ text-align:center; background:#EEEEEE; margin-top:10px;}
.contact_form .mail-error{ display:block; color:#FF0000; padding-top:3px;}
.contact_form .confirm{ border:1px solid #CCCCCC; padding:20px 15px; margin-top:20px;}
.contact_form .confirmth{ width:120px;}
.contact_form .error_p{ color:#FF0000; padding-top:20px;}

#loading{ text-align:center;}