@charset "shift-jis";

#SecondPage{
	border:5px solid #fff;
	border-bottom:none;
	margin:0 10px;
	padding:0 0 30px;
	background:url(./img/head001-top.jpg) no-repeat 0 0 #ccf7ff;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#333;
}
/*-- --*/
#SecondPage > h3{
	position:relative;
	height:240px;
}
#SecondPage > h3 span{
	position:absolute;
	top:25px;
	left:320px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	color:#fff;
}
/*-- --*/
#Privilege{
	margin:0 auto;
	width:800px;
	height:300px;
	background:url(./img/privilege001.png) no-repeat 0 0 #fff;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);
	text-align:center;
}
#Privilege h4{
	padding:21px 0 0;
	text-align:center;
}
#Privilege p.Catch{
	padding:6px 0 0;
	font-size:17px;
	font-weight:bold;
	line-height:120%;
	color:#555;
}
#Privilege p.Catch span{
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	color:#90f;
}
#Privilege ul{
	display:table;
	border-collapse:separate;
	border-spacing:25px 0;
	margin:12px 65px 0;
}
#Privilege ul li{
	position:relative;
	display:table-cell;
	border-radius:3px;
	margin:0 25px 0 0;
	width:190px;
	height:110px;
	background:linear-gradient(to bottom, #aaeeff 0%, #99ddff 100%);
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	line-height:130%;
	color:#06f;
}
#Privilege ul li:nth-child(2){
	background:linear-gradient(to bottom, #f7f7ee 0%, #e6e6dd 100%);
	color:#909;
}
#Privilege ul li:nth-child(3){
	background:linear-gradient(to bottom, #ffddff 0%, #ffbbff 100%);
	color:#f36;
}
#Privilege ul li::after{
	content:"";
	position:absolute;
	top:-4px;
	left:-4px;
	display:block;
	width:199px;
	height:119px;
	background:url(./img/privilege003.png) no-repeat 0 0;
}
#Privilege p.Notice{
	margin:14px 0 0;
	font-size:15px;
	line-height:130%;
}
/*-- --*/
#List{
	padding:10px 0 0;
}
#List .Section{
	display:table;
	border-collapse:separate;
	border-spacing:30px 0;
	margin:30px 1px 0;
}
#List .Section div{
	position:relative;
	display:table-cell;
	padding:0 0 45px;
	width:449px;
	background:#fff;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
}
#List .Section div::before{
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	display:block;
	width:472px;
	height:66px;
	background:url(./img/list001.png) no-repeat 0 0;
}
#List .Section div::after{
	content:"";
	position:absolute;
	bottom:-10px;
	left:-10px;
	display:block;
	width:472px;
	height:65px;
	background:url(./img/list002.png) no-repeat 0 0;
}
#List .Section div h4{
	padding:20px 0 0 0;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:120%;
	color:#f40;
}
#List .Section div:nth-child(2) h4{
	color:#36f;
}
#List .Section:nth-child(2) div:nth-child(1) h4{
	color:#0cf;
}
#List .Section:nth-child(2) div:nth-child(2) h4{
	color:#f90;
}
#SecondPage .Apartment .Section div:nth-child(1) h4{
	color:#62d;
}
#SecondPage .Apartment .Section div:nth-child(2) h4{
	color:#36f;
}
#List .Section div p.Body{
	padding:12px 0 12px;
	text-align:center;
	font-size:16px;
	line-height:130%;
}
#List .Section div p.Link{
	text-align:center;
}
#List .Section div p.Link a{
	display:inline-block;
	width:180px;
	border-radius:3px;
	background:linear-gradient(to bottom, #bbaaff 0%, #aa99ff 100%);
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
	transition:0.2s linear;
	text-align:center;
	text-decoration:none;
}
#List .Section div p.Link a span{
	padding:0 16px 0 0;
	background:url(./img/list003.png) no-repeat right center;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.2);
	font-size:15px;
	font-weight:bold;
	color:#fff;
}
#List .Section div p.Link a:hover{
	background:linear-gradient(to bottom, #aa99ff 0%, #9988ff 100%);
	transform:translate(1px,1px);
	box-shadow:none;
}
#List .Section div p.Image{
	padding:12px 0 0 20px;
	text-align:left;
}
#List .Section div p.ScreenShot{
	padding:20px 0 0 20px;
	text-align:left;
}
#List .Section div p.Image a:hover,
#List .Section div p.ScreenShot a:hover{
	opacity:0.6;
}
/*-- --*/
#PromotionPage{
	position:relative;
	margin:60px 30px 0;
	padding:0 0 70px;
	background:#fff;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
}
#SecondPage .Reasonable{
	padding:60px 0 70px;
}
#PromotionPage::before{
	content:"";
	position:absolute;
	top:-12px;
	left:-12px;
	display:block;
	width:954px;
	height:65px;
	background:url(./img/list005.png) no-repeat 0 0;
}
#PromotionPage::after{
	content:"";
	position:absolute;
	bottom:-12px;
	left:-12px;
	display:block;
	width:954px;
	height:66px;
	background:url(./img/list006.png) no-repeat 0 0;
}
#PromotionPage h4{
	padding:20px 0 0;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	line-height:120%;
	color:#c4d;
}
#PromotionPage p.SubCopy{
	padding:16px 0 12px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
	color:#333;
}
#PromotionPage p.SubCopy span{
	font-weight:bold;
	color:#c03;
}
/*---- ----*/

#SecondPage .HotelList h5{
	border-radius:4px 4px 0 0;
	margin:15px auto 0;
	padding:10px 10px 2px;
	width:760px;
	background:linear-gradient(to bottom, #ccf7ff 0%, #bbd5ee 100%);
	font-size:16px;
	font-weight:bold;
	line-height:120%;
	color:#c06;
}
div.HotelCell{
	margin:15px auto 0;
	padding:5px;
	width:770px;
	background:#bbd5ee;
}
#SecondPage .HotelList h5 + div.HotelCell{
	margin:0 auto;
}
div.HotelCell dl{
	padding:1px;
	background:#fff;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.4);
}
div.HotelCell dl dt{
	position:relative;
	border-left:3px solid #8bb;
	background:url("../img/hotellist/list001.png") repeat-x 100% 0;
}
div.HotelCell dl dt p.Data{
	float:left;
	padding:25px 0 0 15px;
	width:142px;
	height:36px;
	background:url("../img/hotellist/list002.png") no-repeat 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#fff;
}
div.HotelCell dl dt p.Data span{
	display:block;
	font-size:14px;
	line-height:18px;
	color:#ff0;
}
div.HotelCell dl dt p.HotelName{
	margin:0 19px 0 17px;
	padding:22px 81px 22px 161px;
	border-bottom:1px dashed #ddd;
	text-shadow:1px 1px 0 #ccc;
	font-size:26px;
	font-weight:bold;
	line-height:30px;
	color:#377;
}
div.HotelCell dl dt p.Recommendation{
	position:absolute;
	top:-1px;
	left:690px;
	display:block;
	width:70px;
	height:64px;
	background:url("../img/hotellist/list003.png") no-repeat 0 0;
	text-indent:-99999px;
}
div.HotelCell dl dd{
	border-left:3px solid #8bb;
	padding:18px 19px 25px 17px;
}
div.HotelCell dl dd p.LeftCell{
	float:left;
	width:240px;
}
div.HotelCell dl dd p.LeftCell a.Image{
	display:block;
	width:240px;
	height:180px;
    transition:all 0.1s ease;
	background-size:cover;
	text-indent:-99999px;
}
div.HotelCell dl dd p.LeftCell a.Tour{
	display:block;
	margin:15px 0 0;
	width:240px;
	height:60px;
	border-radius:2px;
    transition:all 0.1s ease;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);
	background:url("../img/hotellist/list004.png") no-repeat 1px 1px #fff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	color:#444;
}
div.HotelCell dl dd p.LeftCell a.Tour span.Text{
	padding:8px 0 4px;
	display:block;
	font-size:14px;
}
div.HotelCell dl dd p.LeftCell a.Tour span.Price{
	font-size:24px;
	font-family:Impact,Charcoal;
	font-weight:normal;
	color:#d00;
}
div.HotelCell dl dd p.CopyCell{
	margin:0 0 0 260px;
	height:126px;
	overflow:hidden;
	font-size:14px;
	line-height:21px;
}
div.HotelCell dl dd table{
	margin:20px 0 0 260px;
	width:464px;
	border-collapse:collapse;
	border:none;
}
div.HotelCell dl dd table th,
div.HotelCell dl dd table td{
	padding:0 0 8px 0;
	width:30px;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
}
div.HotelCell dl dd p.More{
	margin:0 0 0 584px;
}
div.HotelCell dl dd p.More a{
	display:block;
	width:140px;
	height:24px;
	border-radius:2px;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);
    transition:all 0.2s ease;
	background:url("../img/hotellist/list005.png") no-repeat 1px 1px #f66;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0 #d44;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	color:#fff;
}
div.HotelCell dl dd p.LeftCell a.Image:hover,
div.HotelCell dl dd p.LeftCell a.Tour:hover,
div.HotelCell dl dd p.More a:hover{
	opacity:0.6;
}
div.HotelCell dl dd p.LeftCell a.Tour:hover{
	text-shadow:0 0 6px #f66;
	color:#d00;
}
div.HotelCell dl dd p.More a:hover{
	background-color:#d44;
	box-shadow:1px 1px 0 1px rgba(0,0,0,0.2) inset;
	text-shadow:0 0 6px #fff;
	color:#ff0;
}
/*-- --*/
div.HotelCell dl dd .Map{
	float:left;
}
.hotelbox{
	margin:0 0 0 415px;
}
.hotelbox p{
	color:#666;
	padding:2px;
}
.hotelbox p a{
	font-size:14px;
    line-height:120%;
	color:#666;
	text-decoration:none;
}
.hotelbox p a:hover{
	text-decoration:underline;
}
.hotelbox .map_n1{
	background:url("../img/n1.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n2{
	background:url("../img/n2.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n3{
	background:url("../img/n3.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n4{
	background:url("../img/n4.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n5{
	background:url("../img/n5.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n6{
	background:url("../img/n6.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n7{
	background:url("../img/n7.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n8{
	background:url("../img/n8.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n9{
	background:url("../img/n9.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n10{
	background:url("../img/n10.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n11{
	background:url("../img/n11.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n12{
	background:url("../img/n12.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.hotelbox .map_n13{
	background:url("../img/n13.gif") no-repeat #fff 0 2px;
	padding:1px 0 1px 18px;
	margin-bottom:3px;
	border-bottom:dotted 1px #ccc;
}

/*---- ----*/
#PromotionPage .HotelPhoto001 p,
#PromotionPage .HotelPhoto002 p,
#PromotionPage .HotelPhoto003 p{
	font-size:14px;
	line-height:120%;
}
#PromotionPage .HotelPhoto001 p img,
#PromotionPage .HotelPhoto002 p img{
	margin:0 0 5px;
}
#PromotionPage .HotelPhoto001:nth-child(3){
	margin:8px 50px 0;
	display:table;
	border-collapse:separate;
	border-spacing:30px 0;
}
#PromotionPage .HotelPhoto001:nth-child(3) p{
	display:table-cell;
	padding:5px;
	width:360px;
	background:#fff;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
}
#PromotionPage .HotelPhoto001:nth-child(4){
	margin:40px 76px 0;
	display:table;
	border-collapse:separate;
	border-spacing:4px 0;
}
#PromotionPage .HotelPhoto001:nth-child(4) p{
	display:table-cell;
}
#PromotionPage .HotelPhoto002{
	margin:8px 80px 0;
}
#PromotionPage .HotelPhoto002 p:first-child{
	float:left;
	display:block;
	padding:5px 5px;
	width:470px;
	background:#fff;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
}
#PromotionPage .HotelPhoto002 p:nth-child(2){
	display:block;
	margin:0 0 0 500px;
}
#PromotionPage .HotelPhoto002 p:nth-child(2) img{
	margin:0;
}
#PromotionPage .HotelPhoto002 p:nth-child(2) span{
	display:block;
	padding:4px 0 8px;
}


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

#SecondPage .HotelPage .hotel_title_new{
	border-bottom:3px solid #f05251;
	margin:80px auto 0;
	width:800px;
	background:#f89898 url("http://www.air-travel-corp.co.jp/img/title_back_white.png") no-repeat right bottom;
	text-shadow:1px 1px 1px #822a2a;
}
#SecondPage .HotelPage div.hotel_title_new h3 {
    color:#fff;
    font-size:20px;
    padding:24px 30px 20px;
	line-height:25px;
    text-align:left;
	height:auto;
}
#SecondPage .HotelPage div.hotel_title_new h3 p{
    color:#fff;
	text-align:left;
    font-size:12px;
	border-bottom:1px solid #fff;
    padding:0 0 4px;
}

#SecondPage .HotelPage div.hotel_title_new h3 p span{
    color:#ff0;
    font-size:12px;
    font-weight:normal;
    padding:0 0 0 10px;
}
.HotelPage div.hotel_list {
    width:780px;
	background:url("http://www.air-travel-corp.co.jp/img/second002.gif") repeat-y;
	margin:10px auto 0;
	background:none;
}
.HotelPage div.hotel_list div {
	border:1px solid #ddc;
	background:url("http://www.air-travel-corp.co.jp/img/second003.gif") no-repeat;
	padding:9px 19px 19px 19px;
}
.HotelPage div.hotel_list div table {
	text-align:left;
	font-size:12px;
}
.HotelPage div.hotel_list div table th {
	width:170px;
	background:url("http://www.air-travel-corp.co.jp/img/second004.gif") repeat-x bottom;
	padding:12px 0px 8px 0px;
	vertical-align:top;
	font-weight:normal;
	color:#960;
}
.HotelPage div.hotel_list div table th ul li {
	float:left;
	display:inline;
	padding:0px 8px 8px 0px;
}
.HotelPage div.hotel_list div table th ul li img {
	border:1px solid #48b;
}
.HotelPage div.hotel_list div table td {
	background:url("http://www.air-travel-corp.co.jp/img/second004.gif") repeat-x bottom;
	vertical-align:top;
	padding:12px 0px 2px 0px;
}
.HotelPage div.hotel_list div table td.map {
	height:250px;
	padding:0px 0px 20px 10px;
}
.HotelPage div.hotel_list div table td p {
	width:200px;
}
.HotelPage div.hotel_list div table td.ul {
	padding:10px 0px 10px 0px;
}
.HotelPage div.hotel_list div table td ul li {
	float:left;
	display:block;
	background:url("http://www.air-travel-corp.co.jp/img/hotel002.gif") no-repeat;
	margin:0px 3px 3px 0px;
	padding:2px 0px 0px 0px;
	width:160px;
	height:14px;
	text-align:center;
	color:#fff;
}
.HotelPage div.hotel_list div table td ul li.nothing {
	background-position:bottom;
	color:#bba;
}
.HotelPage div.hotel_list div table td ul li.depending {
	background-position:center;
	color:#fff;
}
.HotelPage div.hotel_list ul.explanatory {
	list-style:none;
	height:22px;
}
.HotelPage div.hotel_list ul.explanatory li {
	float:right;
	display:block;
	width:100px;
	padding:2px 0px 1px 0px;
	background:#9ad;
	border-top:8px solid #fff;
	border-left:4px solid #fff;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.HotelPage div.hotel_list ul.explanatory li.depending {
	background:#b4bbc5;
}
.HotelPage div.hotel_list ul.explanatory li.nothing {
	background:#eed;
	color:#887;
}
.HotelPage div.hotel_list div table td.images {
	padding:10px 0px 10px 0px;
}
.HotelPage div.hotel_list div table td.images span {
	font-size:10px;
}
.HotelPage div.hotel_list div {
	background:none;
}
.HotelPage div.hotel_list .hotel-inner {
    background:none;
    border:none;
    padding:9px 19px 19px;
}
.HotelPage div.hotel_list div table th {
    color:#960;
    font-weight:normal;
    padding:12px 0 8px;
    vertical-align:top;
    width:220px;
}
.HotelPage div.hotel_list div table {
    font-size:14px;
}
.HotelPage div.hotel_list div table td ul li {
	font-size:12px;
	padding:0 0 3px;
}
.HotelPage .hotel-btn-2016 a:hover img{
	opacity:0.8;
}
#second .hotel-btn-2016 a:hover img{
	opacity:0.8;
}