@charset "utf-8";
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

body {
	color: #000000;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.6em;
	font-family:
		'メイリオ',
		'Meiryo',
		'ヒラギノ角ゴ ProN W3',
		'Hiragino Kaku Gothic ProN',
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'Osaka',
		'ＭＳ Ｐゴシック',
		'MS PGothic',
		sans-serif;
}
.getlowprice_child_btn.plice{
    color: #c20c0c;
    font-weight: bold;}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

.clear { clear: both; line-height: 0;}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}
* + html .clearfix {
	display: inline-block;
}

.sp_only {
	display: none !important;
}

#page {
	top: 0;
	padding: 0;
}
#contents {
	width: 960px;
	padding-bottom:20px;
	margin: 0 auto;
}


/** header **/
#header {
}
#header_top {
	height: 20px;
	background-color: #f4f2f5;
}
#header_top_inner, #header_main, #header_search {
	width: 960px;
	margin: 0 auto;
}
#header_top_inner {
	position: relative;
	font-size: 11px;
}
#header_top_inner .right {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10px;
	line-height: 1em;
	padding-top: 5px;
}
#header_top_inner .right .lifetour {
	float: right;
	font-weight: bold;
	margin-right: 5px;
}
#header_top_inner .right .menu {
	float: right;
	display: block;
}
#header_top_inner .right .menu li {
	display: block;
	float: left;
	border-left: 1px solid #000000;
	height: 10px;
	padding: 0 4px;
}
#header_top_inner .right .menu li:first-child {
	border-left: none;
}
#header_main {
	position: relative;
	height: 80px;
}
#header_main .logo {
	position: relative;
	padding-top: 17px;
	margin-left: -2px;
}
#header_main .logo a {
	display: block;
	width: 174px;
	height: 53px;
	background: url(../img/logo.jpg) no-repeat;
	text-indent: -9999px;
}
#header_main .plane {
	position: absolute;
	top: 8px;
	left: 190px;
}
#header_main .menu {
	position: absolute;
	top: 16px;
	left: 430px;
	/*width:367px;*/
	display: block;
}

#header_main .menu-btn{
	position:absolute;
	top:10px;
	right:4px;
	z-index:100;
	overflow:hidden;
}
/*FFハック*/
@-moz-document url-prefix() {
	#header_main .menu-btn {width: 226px;}
}

#header_main .menu-btn .pull-btn{
	display:block;
	width:112px;
	height:33px;
	cursor:pointer;
	float:left;
}

#header_main .menu-btn ul.tabDep {
    width: 151px;
    /* background-color: #80bd31; */
    background-color: #f4faee;
    padding: 10px;
    position: absolute;
	right: 0;
}

/*----- mytabi 追記　201501001 -----*/

#header_main  .btn-mytabi{
	float: left;
	padding: 0 6px 0 0;
}

#header_main  .btn-mytabi a{
	background:#F24800;
	border:solid 1px #e2e2e2;
	border-radius:4px;
	line-height:1;
	padding:9px 10px;
	display:inline-block;
}

#header_main  .btn-mytabi a:hover{
	opacity: 0.5;
}

#header_main  .btn-mytabi a span {
	text-indent: -9999px;
/*	line-height: 1;*/
	background:url(/img/login_btn_pc2.png) no-repeat;
	width: 86px;
	height: 13px;
	display:block;
}



#header_main .menu-btn .tabDep a{
	font-size:90%;
	background: url(../img/tri_mini.png) no-repeat;
	background-position: 0 50%;
	padding-left:10px;
	color:#333;
}

#header_main .menu span{
	background: url(../img/tri.png) no-repeat;
	background-position: 0 50%;
	padding-left:10px;
}


#header_main .menu li {
	display: block;
	float: left;
	margin-left: 1px;
	padding-left:5px;
}
#header_main .gnavi {
	position: absolute;
	top: 51px;
	right: 4px;
	display: block;
}
#header_main .gnavi li {
	display: block;
	float: left;
	margin-left: 1px;
}

#header_main .gnavi .tab-btn{
	border-top: #cfcfcf 1px solid;
    border-left: #cfcfcf 1px solid;
    border-right: #cfcfcf 1px solid;
    padding: 5px 0px 1px;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	cursor:pointer;
}

#header_main .gnavi .tab-btn span{
	padding:0 10px;
}

#header_main .gnavi .tab-btn:hover{
	border-top: #cfcfcf 1px solid;
    border-left: #cfcfcf 1px solid;
    border-right: #cfcfcf 1px solid;
    padding: 5px 0px 1px;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; ; 
	background:#f4faee;
	opacity:1;
}

#header_main .gnavi .tab-btn a{
	color:#000;
	text-decoration:none;
}

#header_main .gnavi .tab-btn a:hover{
	opacity:1;
}
	
#header_main .gnavi li.home {
	margin-right: 19px;
}
#header_main .gnavi li.text {
	margin-right: 6px;
	margin-top: 6px;
}
#header_main .gnavi li ul.tabDep {
	width:70px;
	border:1px solid #BBB;
/*	background-color:#80bd31;*/
	background-color:#FFF;
	padding:10px 5px;
	position: absolute;
	z-index:100;
}

#header_main .gnavi li ul.tabDep li {
	padding:0 0 0 15px;
	margin:0 0 0 0;
background-image: url(/img/arrow.png);
background-position:5px 7px;
background-repeat: no-repeat;
}

#header_main .gnavi li ul.tabDep li a {
	color:#457605;
	font-size:14px;
	background:none;
}

#header_bottom {
	height: 9px;
	background-color: #80bd31;
	margin-bottom: 12px;
}

#header_search {
	margin-bottom: 11px;
}
#header_search form {
	float: left;
	margin-right: 12px;
}
#header_search form label {
	display: block;
	float: left;
	background: url(../img/search_title.jpg) no-repeat;
	width: 139px;
	height: 15px;
	text-indent: -9999px;
	margin-right: 14px;
	margin-left: 2px;
	margin-top: 1px;
}
#header_search form input[type=text] {
	display: block;
	float: left;
	width: 140px;
	height: 13px;
	padding: 2px;
	background: url(../img/search_input.jpg) no-repeat;
	border: none;
}
#header_search form input[type=submit] {
	display: block;
	float: left;
	background: url(../img/search_button.jpg) no-repeat;
	width: 48px;
	height: 17px;
	text-indent: -9999px;
	border: none;
}
#header_search ul {
	display: block;
	float: left;
}
#header_search ul li {
	display: block;
	float: left;
	margin-right: 11px;
	font-size: 11px;
	line-height: 16px;
}



/************************* .bnrList *************************/
.bnrList{
	overflow:hidden;
	
}

.bnrList li{
	width:224px;
	float:left;
	margin-left:10px;
	
}
/************************* .bnrList2 *************************/
.bnrList2{
	overflow:hidden;
	
}

.bnrList2 li{
	width:160px;
	float:left;
	margin-left:10px;
	
}


/************************* .bnrList3 *************************/
.bnrList3{
	overflow:hidden;
	
}

.bnrList3 li{
	width:160px;
	float:left;
	margin-left:10px;
	
}


.bnrList3  { float: right;
}



/** footer **/
#footer {
	background-color: #99cc33;
}
#footer_top_inner, #footer_middle_inner, #footer_bottom_inner {
	width: 960px;
	margin: 0 auto;
}
#footer_top {
	background-color: #f4faee;
    height:auto;
	font-size: 10px;
	line-height: normal;
}
#footer_middle {
	background-color: #e4e5e7;
}
#footer_bottom {
	background-color: #99cc33;
}
#footer_top_inner {
	padding-top: 5px;
	padding-left: 4px;
}
#footer_top .menu {
	clear: both;
	padding: 10px 0 10px;
}
#footer .menu .title {
	float: left;
	margin-right: 12px;
}
#footer .menu ul {
	display: block;
	float: left;
}
#footer .menu li {
	display: block;
	float: left;
	border-left: 1px solid #000000;
	height: 10px;
	padding: 0 4px;
}
#footer .menu li:first-child {
	border-left: none;
}
#footer_middle_inner {
	font-size: 11px;
	line-height: 1em;
	text-align: center;
	padding: 6px 0;
}
#footer_middle_inner .menu {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#footer_middle_inner .menu .title {
	background: url(../img/readme.jpg) no-repeat;
	text-indent: -9999px;
	width: 108px;
	height: 14px;
	margin-right: 10px;
}
#footer_middle_inner .menu li {
	height: 13px;
	padding: 0 5px 0 18px;
	background: url(../img/icon1.jpg) no-repeat 6px 0;
	line-height: 12px;
}
#footer_middle_inner2 {
	display: none;
	text-align: center;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1em;
	padding: 12px;
}
#footer_middle_inner2 .disp_switch {
	display: inline-block;
}
#footer_middle_inner2 .disp_switch .title {
	float: left;
}
#footer_middle_inner2 .disp_switch ul {
	float: left;
}
#footer_middle_inner2 .disp_switch ul li {
	display: block;
	float: left;
	border-left: 1px solid #000000;
	padding: 0 11px;
}
#footer_middle_inner2 .disp_switch ul li:first-child {
	border-left: none;
	padding-left: 0;
}
#footer_bottom_inner {
	color: #ffffff;
	font-size: 11px;
	line-height: 1em;
	text-align: center;
	padding: 18px 0 15px;
}
#footer_bottom_inner a {
	color: #ffffff;
}
#footer_bottom_inner .menu .title {
	background: url(../img/footer_title.jpg) no-repeat;
	text-indent: -9999px;
	width: 110px;
	height: 13px;
	margin-right: 10px;
}
#footer_bottom_inner .menu {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#footer_bottom_inner .menu li {
	border-color: #ffffff;
	padding: 0 5px;
}
#footer_bottom_inner .copy {
	margin-top: 11px;
	font-size: 10px;
}

/** left **/
#left {
	float: left;
	width: 209px;
	margin-left: 3px;
	margin-bottom: 20px;
}
#left .banner {
	margin-bottom: 12px;
	font-size: 12px;
}
#left .banner img {
	width:100%;
}
#left .banner .text img {
	margin-top: 6px;
}
#left .contact {
	margin-bottom: 26px;
}
#left .block {
	margin-bottom: 29px;
}
#left .block h4 {
	border-bottom: 3px solid #edf0f5;
	padding-left: 2px;
	padding-bottom: 2px;
	margin-bottom: 8px;
}
#left .ranking ul li {
	margin-left: -1px;
	margin-bottom: 17px;
	padding-left: 38px;
	background: no-repeat 0 4px;
	font-size: 11px;
	line-height: 18px;
}
#left .ranking ul li.rank1 {
	background-image: url(../img/rank1.jpg);
}
#left .ranking ul li.rank2 {
	background-image: url(../img/rank2.jpg);
}
#left .ranking ul li.rank3 {
	background-image: url(../img/rank3.jpg);
}
#left .information h4 {
	padding-left: 5px;
	margin-bottom: 12px;
}
#left .information ul li {
	margin-left: -1px;
	margin-bottom: 8px;
	padding-top: 9px;
	border-top: 1px dashed #a2a2a2;
	font-size: 11px;
	line-height: 18px;
}
#left .information ul li:first-child {
	border-top: none;
	padding-top: 0;
}
#left .faq h4 {
	padding-left: 4px;
	margin-bottom: 12px;
}
#left .faq ul li {
	margin-left: -1px;
	margin-bottom: 8px;
	padding-top: 9px;
	border-top: 1px dashed #a2a2a2;
	font-size: 11px;
	line-height: 18px;
}
#left .faq ul li:first-child {
	border-top: none;
	padding-top: 0;
}
#left .faq ul li .q {
	font-size: 13px;
	line-height: 18px;
	color: #80ba0d;
	font-weight: bold;
	margin-bottom: 8px;
}
#left .faq ul li .a {
	font-size: 11px;
	line-height: 18px;
}
#left .pamphlet {
	text-align: center;
}
#left .pamphlet h4 {
	text-align: left;
	margin-bottom: 10px;
}
#left .pamphlet ul li a {
	display: block;
}
#left .pamphlet .bx-viewport {
	margin-bottom: 7px;
}
#left .pamphlet .bx-pager {
	text-align: center;
}
#left .pamphlet .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#left .pamphlet .bx-pager .bx-pager-item a {
	display: block;
	background: url(../img/circle2_s.jpg) no-repeat;
	width: 7px;
	height: 6px;
	text-indent: -9999px;
	margin: 0 2px;
}
#left .pamphlet .bx-pager .bx-pager-item a.active {
	background-image: url(../img/circle1_s.jpg);
}


/** main **/
#main {
	float: right;
	width: 719px;
	margin-right: 4px;
}
#main .top_slide {
	margin-bottom: 32px;
}
#main .top_slide ul {
	overflow: hidden;
	margin-bottom: 7px;
	position: relative;
}
#main .top_slide ul li {
	display: none;
}
#main .top_slide ul li:first-child {
	display: block;
}
#main .top_slide ul li a {
	display: block;
}
#main .top_slide ul li img {
	width: 100%;
}
#main .top_slide .slidecontrolls {
	text-align: center;
}
#main .top_slide .slidecontrolls a {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 5px;
	background: url(../img/circle2.jpg) no-repeat;
	width: 9px;
	height: 9px;
	cursor: pointer;
}
#main .top_slide .slidecontrolls a.active_item {
	background-image: url(../img/circle1.jpg);
}

#main .search_purpose {
	float: left;
	width: 355px;
	min-height: 226px;
	margin-left: 1px;
	margin-bottom:20px;
}
#main .search_purpose .top {
	height: 46px;
	background: url(../img/search_purpose.jpg) no-repeat;
}
#main .search_purpose .search_purpose_title {
	display:none;
}

#main .search_purpose .bottom {
	background: url(../img/search_purpose.jpg) no-repeat left bottom;
	padding:4px 4px 10px 4px;
/*	min-height:110px;*/
}
#main .search_purpose .submit input {
	display: block;
	border: none;
	text-indent: -9999em;
	background: url(../img/button_search.png) no-repeat;
	width: 162px;
	height: 28px;
	margin: 4px auto;
	cursor: pointer;
}
#main .search_purpose .more {
	display:none;
}
#main .search_purpose ul {
	background: #e6f0cd;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	overflow:hidden;
}
#main .search_purpose ul .search-kodawari {
	display:block;
}
#main .search_purpose ul#kodawari_list {
	width:256px;
	border:none;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#main .search_purpose ul#kodawari_list li {
	margin:0;
}
#main .search_purpose li {
	margin: 4px 16px 0;
	float:left;
}
#main .search_purpose li.dep{
	width:142px;
	margin-top: 0;
	margin-right:0;
}
#main .search_purpose li.day{
	margin-top: 0;
	margin-right:0;
}
#main .search_purpose li.area{
	width:142px;
	margin-right:0;
}
#main .search_purpose li.area2{
	margin-right:0;
}

#main .search_purpose li span {
	width:60px;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
}

#main .search_purpose li span.dep {
	margin-left:10px;
	width:50px;
}
#main .search_purpose li.keyword span {
	width:80px
}
#main .search_purpose li a {
	display: block;
	width: 326px;
	height: 32px;
	background: no-repeat;
	text-indent: -9999px;
}
#main .search_purpose li select{
	margin-right:3px;
}
#main .search_purpose li.p1 a {
	background-image: url(../img/purpose1.jpg);
}
#main .search_purpose li.p2 a {
	background-image: url(../img/purpose2.jpg);
}
#main .search_purpose li.p3 a {
	background-image: url(../img/purpose3.jpg);
}
#main .search_purpose li.p4 a {
	background-image: url(../img/purpose4.jpg);
}
#main .search_purpose li.p5 a {
	background-image: url(../img/purpose5.jpg);
}
#main .search_purpose li.p6 a {
	background-image: url(../img/purpose6.jpg);
}
#main .search_purpose li .sub {
	padding: 4px;
}

#main .search_purpose li .sub select {
	width: 200px;
}
#main .search_purpose li .sub ul {
	border: none;
}
#main .search_purpose li .sub li {
	margin: 0;
}
#main .search_purpose li .sub li a {
	display: inline;
	width: auto;
	height: auto;
	background: none;
	text-indent: 0;
}
#main .search_purpose li .sub #month_list {
	text-align: center;
}
#main .search_purpose li .sub #month_list li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#main .search_purpose li .sub #month_list li.selected a {
	color: #000000;
	text-decoration: none;
}
#main .search_purpose li .sub #calendar {
	border-collapse: collapse;
	width: 100%;
}
#main .search_purpose li .sub #calendar th,
#main .search_purpose li .sub #calendar td {
	border: 1px solid #000000;
	padding: 2px;
	width: 14%;
	background-color: #ffffff;
}
#main .search_purpose li .sub #calendar th.sun,
#main .search_purpose li .sub #calendar td.sun {
	color: #E52400;
}
#main .search_purpose li .sub #calendar th.sat,
#main .search_purpose li .sub #calendar td.sat {
	color: #00A0E9;
}
#main .search_purpose li .sub #calendar td {
	text-align: center;
	cursor: pointer;
}
#main .search_purpose li .sub #calendar td.selected {
	background-color: #ffe4e1;
}

#main .search_purpose li .sub #room_list {
	margin-top: 1px;
	margin-left: 1px;
}
#main .search_purpose li .sub #room_list li {
	display: block;
	float: left;
	width: 29.9%;
	padding: 1.5%;
	border: 1px solid #000000;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #ffffff;
	cursor: pointer;
}
#main .search_purpose li .sub #room_list li.selected {
	background-color: #ffe4e1;
}

#main .search_purpose li .sub #days_price {
	border-collapse: collapse;
	width: 100%;
}
#main .search_purpose li .sub #days_price th,
#main .search_purpose li .sub #days_price td {
	padding: 2px;
	width: 12%;
	font-size: 10px;
}
#main .search_purpose li .sub #days_price th {
	text-align: right;
}
#main .search_purpose li .sub #days_price td {
	background-color: #ffffff;
	border: 1px solid #000000;
	text-align: center;
	cursor: pointer;
}
#main .search_purpose li .sub #days_price td.selected {
	background-color: #ffe4e1;
}

#main .search_purpose li .sub #kodawari_list li {
	display: block;
	float: left;
	margin: 0 8px;
	white-space: nowrap;
}

/** 地図からツアーを探す **/
#main .search_area {
	position: relative;
	float: left;
	width: 355px;
	margin-left: 8px;
}
#main .search_area .top {
	height: 51px;
	background: url(../img/search_area.jpg) no-repeat;
}
#main .search_area .bottom {
	height:40px;
	background: url(../img/search_area.jpg) no-repeat left bottom;
}
#main .search_area .main {
	background: #e6f0cd;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
}
#main .search_area .main_inner {
	margin: 0 15px 0 11px;
	background: #ffffff;
	border-left: 1px solid #cdcdcf;
	border-right: 1px solid #cdcdcf;
	padding:10px 0;
}

#main .search_area .image {
	float: left;
	margin-left: 8px;
	padding-bottom:10px;
	/padding-bottom: 20px;
}
#main .search_area ul.area_list {
	float: right;
	margin: 4px 11px 3px 0;
}
#main .search_area ul.area_list > li > a {
	display: block;
	margin-bottom: 1px;
	background: no-repeat;
	width: 78px;
	height: 23px;
	text-indent: -9999px;
}
#main .search_area ul.area_list > li > .sub {
	padding: 4px;
}
#main .search_area ul.area_list > li > .sub select {
	width: 70px;
}
#main .search_area ul li.m1 > a {
	background-image: url(../img/area1.jpg);
	height: 24px;
}
#main .search_area ul li.m2 > a {
	background-image: url(../img/area2.jpg);
}
#main .search_area ul li.m3 > a {
	background-image: url(../img/area3.jpg);
}
#main .search_area ul li.m4 > a {
	background-image: url(../img/area4.jpg);
	height: 24px;
}
#main .search_area ul li.m5 > a {
	background-image: url(../img/area5.jpg);
	height: 22px;
}
#main .search_area ul li.m6 > a {
	background-image: url(../img/area6.jpg);
}
#main .search_area ul li.m7 > a {
	background-image: url(../img/area7.jpg);
}
#main .search_area ul li.m8 > a {
	background-image: url(../img/area8.jpg);
}

#main .search_area ul li.m9 > a {
	background-image: url(../img/area9.png);
}


#main .area {
	clear: both;
	margin-bottom: 40px;
}
#main .area h4 {
	background: url(../img/area_title.jpg) no-repeat 1px 0;
	width: 100%;
	height: 24px;
	border-bottom: 3px solid #edf0f5;
	padding-bottom: 2px;
	margin-bottom: 7px;
}
#main .area ul {
	margin: 0 -4px;
	width: 731px;
}
#main .area ul li {
	float: left;
	width: 171px;
	height: 171px;
	margin: 5px 6px 5px 5px;
	background: no-repeat;
}

#main .area .modal-window ul {
	width:100%;
	margin:0;
}

#main .area .modal-window ul li {
	float: left;
	width:120px;
	height: auto;
	margin: 5px 6px 5px 5px;
	background: no-repeat;
}

#main .area ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
}

#main .area .modal-window ul li a {
	width: auto;
	color:#FFF;
	background-color:#06C;
}

#main .area ul li a .text {
	padding-top: 136px;
	text-align: center;
}

#main .area ul li.area1 {
	background-image: url(../img/area_b1.jpg);
}
#main .area ul li.area2 {
	background-image: url(../img/area_b4.png);
}
#main .area ul li.area3 {
	background-image: url(../img/area_b9.png);
}
#main .area ul li.area4 {
	background-image: url(../img/area_b4.jpg);
}
#main .area ul li.area5 {
	background-image: url(../img/area_b5.jpg);
}
#main .area ul li.area6 {
	background-image: url(../img/area_b6.jpg);
}
#main .area ul li.area7 {
	background-image: url(../img/area_b7.jpg);
}
#main .area ul li.area8 {
	background-image: url(../img/area_b8.jpg);
}

#main .purpose {
	clear: both;
	margin-bottom: 34px;
}
#main .purpose h4 {
	background: url(../img/purpose_title.jpg) no-repeat 5px 0;
	width: 100%;
	height: 24px;
	border-bottom: 3px solid #edf0f5;
	padding-bottom: 3px;
	margin-bottom: 7px;
}
#main .purpose ul {
	margin: 0 -6px;
	width: 732px;
}
#main .purpose ul li {
	float: left;
	width: 228px;
/*	height: 219px;*/
	margin: 7px 7px 7px 7px;
	background: no-repeat;
	border:1px solid #c0c0c0;
}

#main .purpose ul li p {
	padding:2px 0;
	text-align:center;
	background-color:#9acc53;
	color:#FFF;
	font-weight:bold;
}

#main .purpose ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
}
#main .purpose ul li .text {
	padding:5px;
	font-size:90%;
	line-height:140%;
}
/*
#main .purpose ul li.purpose1 {
	background-image: url(../img/purpose_b1.jpg);
}
#main .purpose ul li.purpose2 {
	background-image: url(../img/purpose_b2.jpg);
}
#main .purpose ul li.purpose3 {
	background-image: url(../img/purpose_b3.jpg);
}
#main .purpose ul li.purpose4 {
	background-image: url(../img/purpose_b4.jpg);
}
#main .purpose ul li.purpose5 {
	background-image: url(../img/purpose_b5.jpg);
}
#main .purpose ul li.purpose6 {
	background-image: url(../img/purpose_b6.jpg);
}
#main .purpose ul li.purpose7 {
	background-image: url(../img/purpose_b7.jpg);
}
#main .purpose ul li.purpose8 {
	background-image: url(../img/purpose_b8.jpg);
}
#main .purpose ul li.purpose9 {
	background-image: url(../img/purpose_b9.jpg);
}
#main .purpose ul li.purpose10 {
	background-image: url(../img/purpose_b10.jpg);
}
#main .purpose ul li.purpose11 {
	background-image: url(../img/purpose_b11.jpg);
}
#main .purpose ul li.purpose12 {
	background-image: url(../img/purpose_b12.jpg);
}
*/

#olBtn{
        display:block;
        cursor: pointer;
    }
 
    #overlay{
					padding-top:100px;
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
								left:0;
        z-index:100;
        background: rgba(0,0,0,0.7);
    }
 
    #close{
	       margin: auto;
        text-align: center;
        font-size: 15px;
        padding:5px 0 5px 10px;
        border-radius: 3px;
        cursor: pointer;
    }
				
div.flight table {
	border-collapse:collapse;
}

div.flight table th,
div.flight table td{
	border:1px solid #333;
}

/******* パンくずナビ *******/
#bred_navi {
	clear:both;
	font-size:90%;
	padding:0 10px;
 zoom: 100%;
width: 960px;
margin: 0 auto;
}
#bred_navi:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#bred_navi li {
	float:left;
	display:inline-block;
	margin:0 3px;
}
#bred_navi li a {
	padding-right:12px;
	background: url('/include/images/bullet_bread.png') no-repeat right 6px;
}
#bred_navi ul {
	min-height: 1px;
 float:left;
}	
#bred_navi ul:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
* html #bred_navi ul  {
	display:inline-block;
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* for IE7 */
	*+html #bred_navi ul {
	display:inline-block;
}

.campaign_banner {
    width: 950px;
    margin: 0px auto 10px;
}


/******* アンケート *******/
div#left div.data {
	margin:0 0 20px 0;
	font-size:100%;
	background-color:#f6faed;
}
div#left div.data dl dt{
	width:194px;
/*	height:35px;
	padding:15px 5px 0 10px;*/
	height:45px;
	padding:5px 5px 0 10px;
	margin:0 0 10px 0;
	color:#FFF;
	font-size:14px;
	background-image:url(/img/side_data_title.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
div#left div.data dl dt span{
	font-size:80%;
}
div#left div.data dl dd{
	margin:0 0 5px 0;
	font-size:90%;
}
div#left div.data dl dd a{
	padding:0 0 0 12px;
	margin:0 5px;
	display:block;
	line-height:150%;
	background-image:url(/img/arrow.png);
	background-position:left 6px;
	background-repeat:no-repeat;
}
div#left div.data p{
	padding:5px;
	font-size:90%;
	text-align:right;
}

div#left p.announce{
	margin:0 0 20px 0;
	border:3px solid #F00;
	padding:10px 5px;
	font-size:85%;
}

div#left p.announce span{
	color:#F00;
	font-weight:bold;
	font-size:120%;
	display:block;
	text-align:center;
}

/*---------------------------------------

modal

-----------------------------------------*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:50%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.modal-window {
	margin:0 10px 0 -50px;
	padding:25px 15px;
	border:solid 3px #797979;
	display:none;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); 
	width:240px;
}
.modal-window h2 {
	padding:0 10px;
	background:none;
	text-align:center;
}
.modal-window h2 span {
	background:url(/sp/module/img/special/ico_search_big.png) no-repeat left 50%;
	padding:3px 0 3px 0;
	font-weight:bold;
	font-size:125%;
}
.modal-window ul {
	letter-spacing:-.4em;
	padding-top:10px;
}
.modal-window li {
	letter-spacing:normal;
	display:inline-block;
	padding:0 2px 10px 2px;
}
.modal-window li a {
	display:block;
	text-decoration:none;
	text-align:center;
	border:solid 2px #c8c8c8;
	border-radius:6px;
	background: -moz-linear-gradient(top,  #1798dc 0%, #1f4881 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1798dc), color-stop(100%,#1f4881));
	font-size:125%;
	padding:10px 9px;
	color:#FFF;
}
.modal-close {
	position: absolute;
	top: -10px;
	right:-9px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(/img/btn_modal_close.png);
	z-index: 2;
	text-indent:-9999px;
}

/*--- 20150605 北田追記　-----*/

/************************* 20150528追記 ローテーションバナー変更 *************************/

div.topSlider div.bx-pager a{
	float:left;
	text-indent: -9999px;
	background:url(../img/circle2.jpg) no-repeat;
	width:10px;
	height:10px;
	margin-bottom:10px;
	padding-right:10px;
}

div.topSlider div.bx-pager a:hover,
div.topSlider div.bx-pager a.active{
	background:url(../img/circle1.jpg) no-repeat;
}

div.topSlider div.bx-pager{
	margin-left:314px;
}

ul#slider1 {
	display:none;
}

/*===============================
モーダル 0728
=============================== */

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:50%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
	position:relative;
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.modal-window {
	margin:0 10px 0 -50px;
	padding:25px 15px 10px;
	border:solid 3px #797979;
	display:none;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	width:245px;
}
.modal-window.nopd {
	padding:0;
}
.modal-window .area-scroll {
	overflow:auto;
	max-height:450px;
}
.modal-close {
	position: absolute;
	top: -10px;
	right:-9px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(/img_sp/btn_modal_close.png) no-repeat;
	z-index: 2;
	text-indent:-9999px;
}
.modal-window li a {
	display:block;
	text-decoration:none;
	text-align:center;
	border:solid 2px #c8c8c8;
	border-radius:6px;
	background: -moz-linear-gradient(top,  #1798dc 0%, #1f4881 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7DE3A), color-stop(100%,#2B811F));
	font-size:125%;
	padding:10px 9px;
	color:#FFF;
}
.area-scroll p{
	font-size:120%;
	border-bottom:1px dashed #999;
}

/*--- 20150729 北田追記　-----*/

/************************* footerデザイン　変更 *************************/


.footer-inner{
	width:960px;
	margin: 0 auto;
	overflow:hidden;
	padding: 15px 0;
}

.footer_tel{
	float:left;
	overflow:hidden;
}

.footer_tel .tel-ttl{
	font-size:180%;

}

.footer_tel .tel-area{
	margin: 10px 0 6px;	
}

.footer_tel .tel-area span{
	background:#2890c3;
	color:#fff;
	padding:5px 5px 3px;
	font-size:116%;
}

.footer_tel .tel-num{
	font-size:223%;
}

.footer_tel .tel-num span{
	background: url(../img/phone_ico.png) no-repeat;
	background-position: 0 50%;
	padding-left:13px;
}

.footer_tel dl{
	overflow:hidden;
	font-size:130%;
}

.footer_tel dt{
	float:left;
}

.footer_tel dd{
	float:left;
}

.footer-right{
	float:right;
}

.footer-right dl{
	float:left;
	margin-left: 25px;
}

.footer-right dt{
	font-size:140%;
	border-bottom: #80bd31 1px solid;
	border-left: #80bd31 4px solid;
	padding: 0 5px;
	margin-bottom:7px;
}

.footer-right li a{
	font-size: 120%;
    color: #0d279a;
    padding-bottom: 7px;
    display: block;
	
}

.footer-right li a:hover{
	opacity: 0.5;
}

.footer-right li span{
	background: url(../img/tri_mini.png) no-repeat;
	background-position: 0 50%;
	padding-left:8px;
}

/*--------------------------
    20151026 ページトップ追記
    ----------------------*/


    div#pagetop p {
    display: inline;
    color: #551A8B;
    background-color: #F2F2F2;
    padding: 5px 10px;
}

div#pagetop {
    text-align: right;
    padding: 0 20px 20px 0;
}

#btn-pagetopblock {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

#btn-pagetopblock a {
    display: block;
    filter: alpha(opacity= 70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    background: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 25px 20px;
    cursor: pointer;
}

@media screen and (min-width: 769px) {

body{
	background:url(/img/bg.jpg) no-repeat center top;
}

#page {
 width: 1000px;
 margin: 0 auto;
 background-color: #fff;
}

}