@charset "utf-8";

/*-- 

	reset

====================================================== --*/

html, body, div, span, h1, h2, h3, h4, h5, h6,
p, a, address, img, small, strong, dl, dt, dd, ol, ul, li,
table, caption, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
img { 
	border:0;
}
:focus {
	outline:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*-- 

	common

====================================================== --*/

.ti40 {	margin-left:4.0em;	text-indent:-4.0em;}
.ti35 {	margin-left:3.5em;	text-indent:-3.5em;}
.ti30 {	margin-left:3.0em;	text-indent:-3.0em;}
.ti25 {	margin-left:2.5em;	text-indent:-2.5em;}
.ti20 {	margin-left:2.0em;	text-indent:-2.0em;}
.ti15 {	margin-left:1.5em;	text-indent:-1.5em;}
.ti10 {	margin-left:1.0em;	text-indent:-1.0em;}
.ti5  {	margin-left:0.5em;	text-indent:-0.5em;}
/* If the nesting of <p> to use the <span> */
span.ti40,
span.ti35,
span.ti30,
span.ti25,
span.ti20,
span.ti15,
span.ti10,
span.ti5 {
	display:block;
}
.indent-40 {	text-indent:4.0em;}
.indent-35 {	text-indent:3.5em;}
.indent-30 {	text-indent:3.0em;}
.indent-25 {	text-indent:2.5em;}
.indent-20 {	text-indent:2.0em;}
.indent-15 {	text-indent:1.5em;}
.indent-10 {	text-indent:1.0em;}
.indent-5  {	text-indent:0.5em;}
.indent-0  {	text-indent:0;}

/*-- margin padding  --*/

/* margin */
.mt0  {	margin-top:0;}    .mr0  {	margin-right:0;}    .mb0  {	margin-bottom:0;}    .ml0  {	margin-left:0;}
.mt3  {	margin-top:3px;}  .mr3  {	margin-right:3px;}  .mb3  {	margin-bottom:3px;}  .ml3  {	margin-left:3px;}
.mt5  {	margin-top:5px;}  .mr5  {	margin-right:5px;}  .mb5  {	margin-bottom:5px;}  .ml5  {	margin-left:5px;}
.mt10 {	margin-top:10px;} .mr10 {	margin-right:10px;} .mb10 {	margin-bottom:10px;} .ml10 {	margin-left:10px;}
.mt15 {	margin-top:15px;} .mr15 {	margin-right:15px;} .mb15 {	margin-bottom:15px;} .ml15 {	margin-left:15px;}
.mt20 {	margin-top:20px;} .mr20 {	margin-right:20px;} .mb20 {	margin-bottom:20px;} .ml20 {	margin-left:20px;}
.mt25 {	margin-top:25px;} .mr25 {	margin-right:25px;} .mb25 {	margin-bottom:25px;} .ml25 {	margin-left:25px;}
.mt30 {	margin-top:30px;} .mr30 {	margin-right:30px;} .mb30 {	margin-bottom:30px;} .ml30 {	margin-left:30px;}
.mt35 {	margin-top:35px;} .mr35 {	margin-right:35px;} .mb35 {	margin-bottom:35px;} .ml35 {	margin-left:35px;}
.mt40 {	margin-top:40px;} .mr40 {	margin-right:40px;} .mb40 {	margin-bottom:40px;} .ml40 {	margin-left:40px;}
/* padding */
.pt0  {	padding-top:0;}    .pr0  {	padding-right:0;}    .pb0  {	padding-bottom:0;}    .pl0  {	padding-left:0;}
.pt3  {	padding-top:3px;}  .pr3  {	padding-right:3px;}  .pb3  {	padding-bottom:3px;}  .pl3  {	padding-left:3px;}
.pt5  {	padding-top:5px;}  .pr5  {	padding-right:5px;}  .pb5  {	padding-bottom:5px;}  .pl5  {	padding-left:5px;}
.pt10 {	padding-top:10px;} .pr10 {	padding-right:10px;} .pb10 {	padding-bottom:10px;} .pl10 {	padding-left:10px;}
.pt15 {	padding-top:15px;} .pr15 {	padding-right:15px;} .pb15 {	padding-bottom:15px;} .pl15 {	padding-left:15px;}
.pt20 {	padding-top:20px;} .pr20 {	padding-right:20px;} .pb20 {	padding-bottom:20px;} .pl20 {	padding-left:20px;}
.pt25 {	padding-top:25px;} .pr25 {	padding-right:25px;} .pb25 {	padding-bottom:25px;} .pl25 {	padding-left:25px;}
.pt30 {	padding-top:30px;} .pr30 {	padding-right:30px;} .pb30 {	padding-bottom:30px;} .pl30 {	padding-left:30px;}
.pt35 {	padding-top:35px;} .pr35 {	padding-right:35px;} .pb35 {	padding-bottom:35px;} .pl35 {	padding-left:35px;}
.pt40 {	padding-top:40px;} .pr40 {	padding-right:40px;} .pb40 {	padding-bottom:40px;} .pl40 {	padding-left:40px;}
.pt45 {	padding-top:45px;} .pr45 {	padding-right:45px;} .pb45 {	padding-bottom:45px;} .pl45 {	padding-left:45px;}
.pt50 {	padding-top:50px;} .pr50 {	padding-right:50px;} .pb50 {	padding-bottom:50px;} .pl50 {	padding-left:50px;}
.pt55 {	padding-top:55px;} .pr55 {	padding-right:55px;} .pb55 {	padding-bottom:55px;} .pl55 {	padding-left:55px;}

/*-- font --*/

/* size */
.fs16 {	font-size:134%;}
.fs15 {	font-size:125%;}
.fs14 {	font-size:117%;}
.fs13 {	font-size:108%;}
.fs12 {	font-size:100%;}
.fs11 {	font-size: 92%;}
.fs10,.fs-note {	font-size:84%;}
.fs9 {	font-size:64%;}
/* weight */
.fw-bold {	font-weight:bold;}
.fw-normal {	font-weight:normal;}
/* color */
.fc-white {	color:#FFFFFF;}
.fc-red   {	color:#CC0000;}
.fc-brightred  { color:#dc0000;}
.fc-lightred { color:#FF4C4C;}
.fc-green { color:#208800;}
.fc-darklightblue { color:#198CB4;}
.fc-4C70A6 { color:#4C70A6;}
.fc-EA7832 { color:#EA7832;}
.fc-5B4177 { color:#5B4177;}
.fc-B6C642 { color:#B6C642;}
.fc-72B6D5 { color:#72B6D5;}
.fc-F7DE0B { color:#F7DE0B;}
.fc-DE1863 { color:#DE1863;}

/*-- text-align  vertical-align  float  --*/

.ta-left   {	text-align:left;}
.ta-center {	text-align:center;}
.ta-right  {	text-align:right;}
.va-top    {	vertical-align:top;}
.va-middle {	vertical-align:middle;}
.va-bottom {	vertical-align:bottom;}
.fl-right {	float:right;}
.fl-left  {	float:left;}
.of-hidden {overflow:hidden;}
.of-auto {overflow:auto;}

/* float Remove */
.clear {	clear:both;}

/*-- list --*/

ul.lst-disc {
	margin-left:1.5em;
	text-indent:0;
	list-style-type:disc;
}
ul.lst-bg-disc li,
p.lst-bg-disc,
p.lst-bg-disc {
	padding-left:1em;
	margin-bottom:0;
	text-indent:0;
	background:url(../img/bg_list_disc.gif) no-repeat 0.3em 0.7em;
}
ol.lst-decimal {
	margin-left:2.2em;
	text-indent:0;
	list-style-type:decimal;
}

/*-- link --*/

a:link    {	color:#1970BD;text-decoration:underline;}
a:visited {	color:#1970BD;text-decoration:underline;}
a:hover   {	color:#00A3E2;text-decoration:none;}
a:active  {	color:#00A3E2;text-decoration:underline;}

/*-- input --*/
input,textarea {
	font-family:Arial,Helvetica,sans-serif;
}

/*-- Replace (Appoint the width of the containing element)--*/
.bg-replace {
	text-indent:-9999px;
	display:block;
	line-height:1;
}



/*-- 

	layout

====================================================== --*/
.btn-big-hokkaido a:hover,
.btn-big-okinawa a:hover,
.btn-small a:hover,
#contents .item-hotel li dd .btn a:hover {
	filter:alpha(opacity= 70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#contents .item-hotel li dt a:hover {
	filter:alpha(opacity= 70);
	-moz-opacity:0.70;
	opacity:0.70;
}

body {
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	font-size:75%;
	line-height:1.75;
	margin:0;
	padding:0;
}
#header,
#contents {
	width:1100px;
	margin:0 auto;
}
#header {	padding:40px 16px 0 16px;}

#header .map {
	background:url(../img/ana2015/map_c.png) no-repeat right top;
	padding-bottom:80px;
}
#header .logo img {	padding-right:54px;}

#header h1 {	padding:73px 0 65px;}

#header .txt {	font-size:170%;}

#header .txt dt {
	position:relative;
	width:5em;
	line-height:1.6;
}
#header .txt dd {
	margin-top:-1.6em;
	padding-left:5.5em;
	line-height:1.6;
}
#header .txt dd a {
	font-weight:bold;
	color:#ff7200;
}
#header .btn-small {
	padding:30px 0 0 40px;
}
#header .btn-small a {
	padding:20px;
	display:inline-block;
	background:#ff7200;
	color:#FFF;
	border-radius:6px;
	font-size:200%;
	text-align:center;
	text-decoration:none;
}

#footer {
	width:100%;
	background:#2563ad;
}
#footer .inner {
	width:1100px;
	margin:0 auto;
	color:#FFF;
	padding:20px 0;
	text-align:center;
}
#contents {
	font-size:112%;
}
#contents .item-hotel h2 {
	border-bottom:solid 2px #ccc;
	padding-bottom:5px;
	margin-bottom:15px;
}
#contents .item-hotel ul {
	letter-spacing:-.4em;
	padding-bottom:30px;
}
#contents .item-hotel li {
	width:213px;
	letter-spacing:normal;
	display:inline-block;
	margin:0 7px 40px 0;
	vertical-align:top;
}
#contents .item-hotel li dt {
	text-align:center;
}
#contents .item-hotel li dd {
	line-height:1.4;
}
#contents .item-hotel li dd h3 {
	font-size:118%;
	font-weight:bold;
	padding:2px 5px 8px;
}
#contents .item-hotel li .area span {
	display:inline-block;
	color:#FFF;
	text-align:center;
	padding:2px 10px;
	line-height:1;
}
#contents .item-hotel .hokkaido li .area span {	background:#2563ad;}
#contents .item-hotel .okinawa li .area span {	background:#fd3f7d;}

#contents .item-hotel li dd .icon {
	letter-spacing:-.4em;
	padding-bottom:10px;
}
#contents .item-hotel li dd .icon span {
	background:#959595;
	text-align:center;
	padding:4px 2px;
	line-height:1;
	display:inline-block;
	letter-spacing:normal;
	font-size:80%;
	margin-right:2px;
	color:#FFF;
}
#contents .item-hotel li dd .icon span2 {
	background:#959595;
	text-align:center;
	padding:4px 2px;
	line-height:1;
	display:inline-block;
	letter-spacing:normal;
	font-size:80%;
	margin-right:2px;
	color:#F00;
}
#contents .item-hotel li dd .text {	padding:0 6px 6px;}
#contents .item-hotel li dd .btn {
	text-align:right;
}
#contents .item-hotel li dd .btn a {
	display:block;
	border-radius:4px;
	padding:6px;
	color:#FFF;
	line-height:1;
	font-size:130%;
	text-align:center;
	text-decoration:none;
	background:#ff7200;
}

/*item-coupon*/
#item-coupon h2 {
	padding-bottom:20px;
}
#item-coupon ul {
	letter-spacing:-.4em;
}

#item-coupon li {
	width:270px;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	text-align:center;
	padding-bottom:30px;
}
#item-coupon li p {
	text-align:left;
	width:222px;
	margin:0 auto;
	line-height:1.4;
}

.btn-big-hokkaido,
.btn-big-okinawa {
	padding-bottom:120px;
}
.btn-big-hokkaido a,
.btn-big-okinawa a {
	display:block;
	border-radius:6px;
	padding:10px;
	color:#FFF;
	font-size:200%;
	text-align:center;
	text-decoration:none;
}
.btn-big-hokkaido a {background:#2563ad;}
.btn-big-okinawa a {background:#fd3f7d;}

.txt-intro {
	font-size:130%;
	line-height:1.6;
	padding:20px 0;
}

/*planwith*/
#planwith {	padding-bottom:50px;}

/*couponget*/
#couponget {
	padding-bottom:50px;
}
#couponget .exp {
	font-size:130%;
	width:810px;
	margin:0 auto;
	padding:30px 0;
}
#couponget .exp dt {
	position:relative;
	width:12em;
	line-height:1.6;
}
#couponget .exp dd {
	margin:-1.6em 0 15px;
	padding:0 0 15px 13em;
	border-bottom:dotted 1px #ccc;
}







#contents .exp dd.arrow {
	background:url(../img/ana2015/bg_arrow.png) no-repeat center bottom;
	padding-bottom:90px;
	margin-bottom:20px;
}
#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
}
#footer p {
	padding:20px 0;
	text-align:center;
	color:#FFF;
}