@charset "utf-8";
/* CSS Document */

#mainHead { position: relative; margin: 0 0 20px;}
#mainHead .btn_entry2 { position: absolute; top: 15px; right: 15px;}

#desc { margin: 0 0 20px; padding: 15px 15px 15px 115px; font-size: 14px; background: url(../img/group/img_desc.png) 15px center no-repeat #FFF7D4;}

#mainContents { padding: 0 20px 1px; font-size: 14px; background: url(../img/group/bg_box.png);}
#mainContents h1,
#mainContents h2,
#mainContents h3,
#mainContents h4,
#mainContents h5 { font-weight: bold;}
#mainContents .notice { font-size: 84%;}
.boxes { margin: 0 0 40px;}
.boxes h2 { height: 55px; margin: 0 -10px 10px; padding: 20px 0 0 60px; font-size: 18px; background: url(../img/group/bg_title.png) left bottom no-repeat;}
.boxes h2 span { display: inline-block; margin: 0 5px 0 0; font-size: 22px; color: #1269AD;}
.boxes .left { float: left;}
.boxes .right,
.boxes .photo { float: right;}

#box01 .inner { margin: 0 0 30px;}
#box01 h3 { margin: 0 0 10px;}
#box01 .photo { margin: 0 0 0 10px;}

#box01 #box01_1 h3 { font-size: 18px; color: #6bb106;}
#box01 #box01_1 .left { width: 480px;}
#box01 #box01_1 .right { width: 370px; padding: 10px 15px; background: #fff; border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
margin-right: 40px;}
#box01 #box01_1 .right .photo { margin: 0 0 0 10px;}
#box01 #box01_1 .right h4 { position: relative; margin: -10px -15px 10px; padding: 10px; font-size: 16px; color: #fff; background: #1269AD; border-radius: 6px 6px 0 0;}
#box01 #box01_1 .right h4:after { position: absolute; z-index: 2; content: " "; margin: -12px 0 0;
border-right: 18px solid #1269AD; border-top: 12px solid transparent; border-bottom: 12px solid transparent; left: -18px; top: 50%;}
#box01 #box01_1 .right h4 strong { font-size: 20px;}

#box01 #box01_2 h4 { margin: 0 0 10px; font-size: 18px;}
#box01 #box01_2 h4  span { font-size: 14px;}
#box01 #box01_2 h6 { margin: 0 0 10px; font-size: 16px; font-weight:normal;}

#box01 .message { margin: 15px 0 0; padding: 10px 15px; background: #FFFAE5;}
#box01 .message h5 { display: inline-block; margin: 0 -15px 10px; padding: 5px 40px 5px 15px; font-size: 18px; color: #fff;
background: url(../img/group/ttl_01_2.png) right center no-repeat #FF6792;}

#box01 #box01_2 { padding: 15px; background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
width: 880px;}

#box01 #box01_3 h3 { position: relative; margin: 0 0 20px; padding: 10px 15px; background: #1269AD; border-radius: 6px;}
#box01 #box01_3 h3:after { position: absolute; z-index: 10; content: " ";
border-top: 12px solid #1269AD; border-right: 12px solid transparent; border-left: 12px solid transparent; bottom: -12px; left: 40px;}
#box01 #box01_3 h4 { font-size: 18px;}
#box01 #box01_3 h4 img { margin: 0 10px 0 0; vertical-align: middle;}
#box01 #box01_3 dl { margin: 10px 0;}
#box01 #box01_3 dt,
#box01 #box01_3 dd { display: inline-block; font-size: 16px; font-weight: bold;}

#box02 { padding: 0 10px;}
#box02 h2 { margin: 0 -20px 10px; line-height: 1.2;}
#box02 .catch { font-size: 16px;}

#box02 .city { display: block; position: relative; float: left; width: 268px; margin: 0 10px 42px 0; padding: 0 10px 15px; border: 1px solid #F14040;
text-decoration: none; color: #333; font-size: 12px; background: #fff;}
#box02 .city:after { position: absolute; z-index: 2; content: " "; bottom: -50px; left: 50%; right: 50%; width: 58px; height: 58px; margin: 0 -29px;}
#box02 .city h3 { margin: 0 -10px 10px; padding: 10px; text-align: center; font-size: 22px; color: #fff;}
#box02 .city h3 img { margin: 0 10px 0 0; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg);}
#box02 .city dl { padding: 10px; background: #F8F7EB; }
#box02 .city dt,
#box02 .city dd { display: inline-block;}
#box02 .city p { margin: 10px 0;}
#box02 #city_01 { border-color: #074A80;}
#box02 #city_01:after { background: url(../img/group/icon_arrow01.png);}
#box02 #city_01 h3 { background: #074A80;}
#box02 #city_01:hover { border-color: #2071B1;}
#box02 #city_01:hover h3 { background: #2071B1;}
#box02 #city_02 { border-color: #72A01C;}
#box02 #city_02:after { background: url(../img/group/icon_arrow02.png);}
#box02 #city_02 h3 { background: #72A01C;}
#box02 #city_02:hover { border-color: #9ECF46;}
#box02 #city_02:hover h3 { background: #9ECF46;}
#box02 #city_03 { margin: 0; border-color: #F14040;}
#box02 #city_03:after { background: url(../img/group/icon_arrow03.png);}
#box02 #city_03 h3 { background: #F14040;}
#box02 #city_03:hover { border-color: #F46161;}
#box02 #city_03:hover h3 { background: #F46161;}

#box02 .tab li { float: left; width: 290px; margin: 0 10px 0 0;}
#box02 .tab .tab_03 { margin: 0;}
#box02 .tab a { display: block; padding: 10px; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; color: #fff;}
#box02 .tab .tab_01 a { background: #2071B1;}
#box02 .tab .tab_02 a { background: #9ECF46;}
#box02 .tab .tab_03 a { background: #F46161;} /* 薄い */

#box02 .tab .tab_01 a.open { background: #044A81;} /* オープン時 2071B1薄い #044A81濃い */
#box02 .tab .tab_02 a:hover,
#box02 .tab .tab_02 a.open { background: #7CAB20;} /* オープン時 9ECF46薄い #7CAB20濃い */
#box02 .tab .tab_03 a:hover,
#box02 .tab .tab_03 a:open { background: #F46161;} /* オープン時 F46161薄い #F14040濃い */
#box02 .tab .tab_03 a:hover,
#box02 .tab .tab_03 a.open { background: #F14040;}

#box02 .inner { position: relative; padding: 15px; border: 2px solid #666; background: #fff;}
#box02 .inner .catch { margin: -15px -15px 15px; padding: 10px; font-size: 16px; font-weight: bold; color: #fff;}
#box02 .inner .end { position: absolute; right: 15px;}
#box02 .inner h3 { font-size: 19px;}
#box02 .inner .start { margin: 10px 0 0; color: #ff3000; font-size: 20px; font-weight: bold;}
#box02 dt,
#box02 dd { display: inline-block;}
#box02 .detail { margin: 0 0 10px 10px;}
#box02 .detail span { font-size: 18px; font-weight: bold;}
#box02 .detail strong { font-size: 22px;}
#box02 .more { width: 480px; padding: 15px; background: #F8F7EB;
box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.35);}
#box02 dd.charge { margin-left: 210px;}
p.qa9 .txt2 { display: block; padding: 20px 0 0 50px;}
p.qa9 .txt2 #block01 { display: table-cell; padding: 0 50px 0 0 ; vertical-align: top;}
p.qa9 .txt2 #block02 { display: table-cell;}
#box02 .more dt,
#box02 .more dd { vertical-align: text-top;}
#box02 .more dt { width: 6em;}

#box02 table { width: 100%; margin: 20px 0 10px; border-collapse: collapse;}
#box02 th,
#box02 td { padding: 10px 6px; border: 1px solid #F42658;}
#box02 th { border-bottom: none; white-space: nowrap; text-align: center; font-size: 14px; color: #f42e66; background: #FFD3DD;}
#box02 td { border-top: none; background: #fff;}
#box02 .even td { background: #FCF7F8;}
#box02 .day,
#box02 .stay,
#box02 .trans,
#box02 .eat { text-align: center;}
#box02 .trans,
#box02 .time,
#box02 .sche { white-space: nowrap;}
#box02 .text { vertical-align: top;}
#box02 .text img { margin: 5px 0 5px 10px;}
#box02 .number { color: #ff3000;}
#box02 .eat p { width: 6em; margin: 0 auto 5px; padding: 5px 1em; text-align: center; line-height: 1; color: #fff; background: #AF8B34; border-radius: 3em;}
#box02 .eat img { margin: 0 5px;}
#box02 .caution li { padding: 0 0 0 1em; text-indent: -1em; font-size: 12px;}
#box02 .caution li img { vertical-align: middle;}

#box02 #inner_01 { border-color: #044A81; width: 856px;}
#box02 #inner_02 { display: none; border-color: #7CAB20; width: 856px;}
#box02 #inner_03 { display: none; border-color: #F14040; width: 856px;}
#box02 #inner_01 .catch { background: #074A80;}
#box02 #inner_02 .catch { background: #7CAB20;}
#box02 #inner_03 .catch { background: #F14040;}
#box02 #inner_01 h3 { color: #074A80;}
#box02 #inner_02 h3 { color: #72A01C;}
#box02 #inner_03 h3 { color: #F14040;}
#box02 #inner_01 th,
#box02 #inner_01 td { border: 1px solid #074A80;}
#box02 #inner_01 th { color: #074A80; background: #BADBF0;}
#box02 #inner_01 .even td { background: #F2F7F9;}
#box02 #inner_02 th,
#box02 #inner_02 td { border: 1px solid #72A01C;}
#box02 #inner_02 th { color: #72A01C; background: #DEF2B8;}
#box02 #inner_02 .even td { background: #F6F9EF;}
#box02 #inner_03 th,
#box02 #inner_03 td { border: 1px solid #F14040;}
#box02 #inner_03 th { color: #F14040; background: #FFC0C0;}
#box02 #inner_03 .even td { background: #FFF0F1;}

#box02 #box_ex { padding: 15px; border: 2px solid #2071B1; background: #fff;}


#box03 { margin: 0 0 80px;}
#box03 .inner { margin: 0 0 10px; padding: 0; border: 2px solid #4AB6E4; background: #fff; width: 910px;}
#box03 .inner p { display: none; padding: 15px;}
#box03 .inner h3 { position: relative; display: block; margin: 0; padding: 12px 15px 12px 60px; border-bottom: 2px solid #4AB6E4; line-height: 1; font-size: 20px; color: #fff;
background: url(../img/group/icon_q1.png) 15px center no-repeat #4AB6E4;}
#box03 .inner h3:after { position: absolute; content: " "; z-index: 2; top: 0; bottom: 0; left: 10px; right: 10px; background: url(/img/arrow_circle_down.png) right center no-repeat;}
#box03 .open h3:after { background: url(/img/arrow_circle_up.png) right center no-repeat;}
#box03 .photo { margin: 0 0 15px 10px;}

#box03 .even { border-color: #E9E5BB;}
#box03 .even h3 { border-color: #E9E5BB; color: #644E0B; background: url(../img/group/icon_q2.png) 15px center no-repeat #E9E5BB;}
#box03 #block02 img { margin-bottom: 20px;}

#box04 { margin: 0 0 30px -8px;}
#box04.boxes #earth { background: url(../img/group/bg_title02.png) left top no-repeat; padding: 10px 0 10px 58px; font-size: 18px; font-weight: bold; float: left; width: 850px;}
#box04.boxes .anc { font-size: 18px; font-weight: bold; line-height: 2; padding: 10px 0; display: inline-block; float: left;}
#box04.boxes .anc span { color: #1269AD; font-size: 22px;}
#box04 ul a:hover {
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	}/* Ie用 */
#box04 ul li { float: left; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.2; margin-left: 10px;}
#box04 ul li.btn_us { color: #fff; background-color: #002D64; border-radius: 3px; padding: 16px 15px; margin-right: 10px;}
#box04 ul li.btn_ca { color: #fff; background-color: #002D64; border-radius: 3px; padding: 16px 15px; margin-right: 10px;}
#box04 ul li.btn_nz { color: #fff; background-color: #002D64; border-radius: 3px;  padding: 16px 15px; }
#box04 ul li.btn_gb { color: #fff; background-color: #f58ab5; padding: 14px 55px; margin-top: 10px;}
/* #box04 ul li.btn_uskh { color: #fff; background-color: #ea5514; padding: 14px 20px; margin-top: 10px; float: right;} */
#box04 ul li.btn_uskh { padding: 12px 0px; margin-top: 10px; text-decoration: underline; color: #1269AD;}

#btn_entry_mid { margin: 0 0 20px; text-align: center;}
#btn_entry_mid li { display: inline-block; height: 80px; margin: 0 40px; overflow: hidden; border-radius: 8px;}
#btn_entry_mid .btn02 img { margin: -20px 0 0;}
#btn_entry_bottom { margin: 40px 0; text-align: center;}
#btn_entry_bottom a { display: inline-block; height: 126px; overflow: hidden;}
#btn_entry_bottom a:hover img { margin: -126px 0 0;}