@charset "Shift_JIS";

.alpha_link a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: .6;}
.clear{ overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; } 
.clearfix {display:block;display/*\**/: block\9;*display: inline-block;} 
.page_top{ text-align:right;font-size:86%;padding-top:15px;}

#main_contents h1{font-size:71%;*font-size:65%;text-align:right;}
#title{ background:url(../images/title_back.jpg) left top no-repeat;width:760px;height:275px;position:relative;}
#title h2{height:125px;left:35px;position:absolute;top:22px;width:352px;}
#title .text{height:90px;left:12px;position:absolute;top:154px;width:416px;}
#title .image{height:265px;left:476px;position:absolute;top:10px;width:274px;}

#main_contents #navi{ background:url(../images/navi_back.jpg) left top no-repeat; width:760px;height: 43px;padding: 15px 0 0;}
#main_contents #navi ul{ width:675px; margin:0 auto;overflow:hidden; zoom:1;}
#main_contents #navi li{float: left; padding:0 4px;}
/*#main_contents #navi a{display:block; background:url(../images/sprite.jpg) left top no-repeat; width:217px; height:34px; text-indent:-9999px;}
#main_contents #navi li.anchor01 a{ background-position:0 0;}
#main_contents #navi li.anchor02 a{ background-position:0 -34px;}
#main_contents #navi li.anchor03 a{ background-position:0 -68px;}
#main_contents #navi li.anchor01 a:hover{ background-position:-217px 0;}
#main_contents #navi li.anchor02 a:hover{ background-position:-217px -34px;}
#main_contents #navi li.anchor03 a:hover{ background-position:-217px -68px;}*/

#introduction{ background: url(../images/main_back.jpg) repeat-y scroll left top transparent;}
#introduction h3{}
#introduction #curiosity{}
#introduction #curiosity div{float:left;width:395px;}
#introduction #curiosity .image{float:left;width:365px;}
#introduction #course{}
#introduction #course div{float:left;width:428px;}
#introduction #course .image{float:left;width:332px;}
#introduction #pamphlet{width: 760px;}
#introduction #pamphlet div{ background:url(../images/pamph_back.jpg) left top; width:710px; margin:0 auto;position: relative;}
#introduction #pamphlet h3{}
#introduction #pamphlet h4{ width:601px; margin:0 auto 10px;}
#introduction #pamphlet ul{margin: 0 30px; padding: 0 0 25px;}
#introduction #pamphlet li{ position:relative;line-height:0;text-align:center;vertical-align:top;width:160px;float:left;background:url(../images/pamph_border.jpg) right top no-repeat;}
#introduction #pamphlet li .option{/*left: 7px;*/position: absolute;top: -39px; text-align:center; right:1px;}
#introduction #pamphlet li span{display: block;font-size: 86%;line-height: 100%;margin: 3px 0 0;}
#introduction #pamphlet li span a{ background:none;}
#introduction #pamphlet li span.link{ background:#fff;margin: 10px 0 0;}
#introduction #pamphlet li img{line-height:0;vertical-align:top;}
#introduction #pamphlet a{display:block;width:106px;margin:0 auto; background:url(../images/pamphlet_back.jpg) center 1px no-repeat;}
#introduction #pamphlet div p{ position:absolute; right:68px; bottom:84px;}
#introduction #pamphlet div.last{ background:url(../images/201204_border.jpg) left top no-repeat; padding:15px 0 0;}
#introduction #pamphlet #pamph_anchor { background:url(../images/pamph_back.jpg) left top; width:580px; margin:0 auto; padding:5px 0 5px 130px;}
#introduction #pamphlet #pamph_anchor p { float:left; position:static;}
#introduction #pamphlet #pamph_anchor p a { background:none; width:auto; margin-right:20px; white-space:nowrap;}

#details{ background: url(../images/main_back.jpg) left top repeat-y;width:760px;}
#details .bottom_back{ background:url(../images/bottom_back.jpg) left bottom no-repeat; width:760px;padding: 0 0 25px;}
#details .back{ background:url(../images/details_back.jpg) left top repeat-y;margin:0 auto;width:710px;padding:0 0 25px;}
#details h3{padding:0 0 25px;}
#details .district{background:transparent url(../images/border01.jpg) repeat-y scroll 330px top;margin:0 auto;width:661px;}
#details .district_list{border:5px solid #660000;width:310px;position:relative;}
#details .asia{ background:#E1D8CE url(../images/details_asia_back.jpg) right bottom no-repeat;float:left;}
#details .afr{ background:#E1D8CE url(../images/details_afr_back.jpg) right bottom no-repeat;float:right;}
#details .ame{ background:#E1D8CE url(../images/details_ame_back.jpg) right bottom no-repeat;float:left;}
#details .bch{ background:#E1D8CE url(../images/details_bch_back.jpg) right bottom no-repeat;float:right;}
#details .bch ul li.none{ float:none;width:140px;}
#details p{width:100px; float:left;}
#details .back div{float:left;padding:10px 0 0 5px;width:205px; margin-bottom:5px;}
#details .back div ul{}
#details .back div li{color:#660000;float:left;font-size:81%;*font-size:65%;/*line-height:140%;*line-height:160%;*/width:92px;line-height:1.3em;;}
#details .back div li{background:transparent url(../images/district_list_option.jpg) no-repeat scroll left 3px;background/*\**/:transparent url(../images/district_list_option.jpg) no-repeat scroll left 1px\9;*background:transparent url(../images/district_list_option.jpg) no-repeat scroll left 2px;padding:0 0 0 10px;}
#details .back div a{/*background:#FFFFFF none repeat scroll 0 0;bottom:7px;*/clear:both;display:block;position:absolute;right:8px;/*width:131px;*/width:195px; font-size:85%;}
#details .back div span{}
#details .both{clear:both;float:none;width:661px;margin:0 auto;}

#feature{ background:url(../images/main_back.jpg) left top repeat-y;padding: 0 0 20px;}
#feature h3{padding:0 0 15px;}
#feature .back01{}
#feature .back02{ background:url(../images/feature_back.jpg) left top repeat-y;margin:0 auto;width:710px;padding: 0 0 15px;}
#feature ul{margin: 0 auto;width: 686px;}
#feature li{background: none repeat scroll 0 0 #E1D8CE;border: 3px solid #660000;display: inline;float: left;margin:10px 5px 0;width: 327px;}
#feature li div{ width:327px; position:relative;}
#feature li div div{margin: 10px auto 5px;overflow: hidden;width: 305px;zoom:1;}
#feature li .link{height: 31px;position: relative;text-align: right;width: 327px;}
#feature li .link a{display: block;position: absolute;right: 21px;top: -6px;width: 150px; background:#fff;}
#feature li .link img.page_none{display: block;position: absolute;right: 21px;top: -6px;width: 150px;}
#feature li .link a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: .6;}
#feature .image{float: left;width: 134px;}
#feature .option{left:10px;position:absolute;top:-21px;}
#feature .text{border-bottom: 1px dashed #660000;color: #660000;display: inline;font-size: 86%;line-height: 150%;}
#feature span{left: -6px;position: absolute;top: -8px;z-index: 1;}
#feature .a{background:#FFFFFF none repeat scroll 0 0;bottom:12px;height:41px;position:absolute;right:22px;width:121px;}

.tour_column { width:696px; background:#E1D8CE; border:7px solid #660000; margin:0 auto 20px; font-size:85%; line-height:1.5em;}
.tour_column .tour_contents { width:666px; margin:15px;}
.tour_column .lookjtb_point { float:left; width:430px; margin:15px 15px 18px 0;}
.tour_column .tour_image { float:left; width:220px; margin:15px 0 18px;}
.tour_column .lookjtb_point p { font-size:120%; font-weight:bold; line-height:2em; color:#660000;}
.tour_column .lookjtb_point ul li { background: url(../images/list_mark01.gif) left 5px no-repeat; padding:0 0 0 13px;}
.tour_column .course_area { clear:both; border:1px solid #660000; background:#fff; padding:15px 5px 15px 20px; font-size:150%; line-height:1.6em;}
.tour_column .course_area img { vertical-align:middle;}
.tour_column .course_title { padding:0 0 10px 0; font-weight:bold;}
.tour_column .dept_tyo { font-size:70%; border:1px solid #333333; padding:2px 4px; margin:5px 1px 0 0; line-height:1em; width:40px; float:left;}
.tour_column .course_cost { float:left; width:310px; font-size:170%; font-weight:bold; color:#D80000; margin:0 10px 0 0;}
.tour_column .course_cost span { font-size:80%;}
.tour_column .course_area ul { float:left; width:265px;}
.tour_column .course_area ul li { display:inline;}

.tour_column .course_explanation { clear:both; border:1px solid #660000; background:#fff; /*padding:15px 20px;*/margin:0 0 10px 0;}

.tour_column .course_explanation .explanation_title{ padding:10px; font-weight:bold; float:left; background-color:#000066; color:#FFFFFF; font-size:180%; width:380px; text-align:center; line-height:1.2em;}
.tour_column .course_explanation .explanation_location{ float:left; padding:5px 0 0 10px; }
.tour_column .course_explanation .explanation_location span{ font-weight:bold;}
.tour_column .course_explanation .explanation_content{ clear:both;}
.tour_column .course_explanation .explanation_content p{ border-top:1px solid #660000; padding:10px;}
.tour_column .course_explanation .explanation_content p span{ font-weight:bold;}

.tour_column .tour_contents .title_line{ background:#660000; padding:3px 5px; color:#FFFFFF; font-weight:bold;}
.tour_column .movie_column{ padding:10px 0;}
.tour_column .movie_column .movie_detail{ background:#FFFFFF; border:1px solid #660000; padding:20px 0;}

.tour_column .movie_column .movie_detail .eviry-baseplayer{ margin:0 auto; padding:5px; background:#CF6F0F;}