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

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.08em;
	background: url(../images/bg01.jpg) 50% 0% no-repeat;
}

a:link, a:visited {
    color: #13549d;
    text-decoration: none;
}

a:hover, a:active {
    color: #3e84d1;
    text-decoration: underline;
}

.fR {
	float: right;
}

.tC {
	text-align: center;
}

.red {
	color: #ef330e;
	font-weight: bold;
}

.mB0 {
	margin-bottom: 0 !important;
}

.mB3 {
	margin-bottom: 3px;
}

.mB5 {
	margin-bottom: 5px;
}

.mB10 {
	margin-bottom: 10px;
}

.mB15 {
	margin-bottom: 15px;
}

.mB20 {
	margin-bottom: 20px;
}

.pT5 {
	padding-top: 5px;
}

.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.bd {
	font-weight: bold;
}

p {
	margin-bottom: 1px;
}

h3 {
	margin-bottom: 3px;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #111;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #333;
}

h1 {
	float: left;
}

#header {
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

#header .headerText {
	margin-right: 80px;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 13px;
}

#header .headerText span {
	color: #FC0;
}

#header .siteMapLink {
	height: 37px;
	font-size: 14px;
	font-weight: bold;
	line-height: 37px;
	float: right;
	margin-top: 23px;
}

#header .siteMapLink a {
	color: #fff;
}

.wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

.gNav {
	overflow: hidden;
	margin: 0 auto 3px;
	width: 960px;
}

.gNav li {
	float: left;
	width: 192px;
}

.gNav li a {
	display: block;
	line-height: 54px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	border-left: solid 1px #c13a02;
	background: #f15c1d;
}

.gNav li.top a {
	border-left: none;
}

.gNav li a:hover {
	text-decoration: none;
	background: #f1721d;
}

.contentWrap {
	overflow: hidden;
	margin: 0 auto 30px;
	width: 960px;
}

#keyvisualWrap {
	width: 960px;
	margin: 0 auto;
}

#keyvisual {
	position: relative;
}

.keyvisualBg {
	overflow: hidden;
	background: url(../images/bg05.png) repeat-x;
	margin-bottom: 3px;
}

#keyvisual p.photo {
	position: absolute;
	top: 0px;
	left: 520px;
}

#keyvisual p.bg {
	position: absolute;
	top: 0;
	left: 0px;
}

.section {
	overflow: hidden;
	margin-bottom: 3px;
	background: url(../images/title_bg.gif) #fff 0px 0px no-repeat;
}

.section2 {
	overflow: hidden;
	margin-bottom: 3px;
	background: url(../images/title_bg2.gif) #fff 0px 0px no-repeat;
}

.section2 div {
	float: left;
	padding: 10px 0 10px 0;
	width: 194px;
	text-align: center;
}

.section2 .sectionTitle {
	padding: 10px 0 0 0px;
	width: 184px !important;
	color: #fff;
	text-align: left !important;
	font-weight: bold;
}

.section div {
	float: left;
	padding: 10px 0 10px 0;
	width: 194px;
}

.section .sectionTitle {
	padding: 10px 0 0 0px;
	width: 184px !important;
	color: #fff;
	text-align: left !important;
	font-weight: bold;
}

.section div.text {
	padding: 10px 20px 10px 20px;
	width: 154px !important;
}

.section div ul li {
	padding-bottom: 5px;
	padding-left: 12px;
	background: url(../images/icon01.gif) no-repeat 0% 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #444;
	letter-spacing: 0;
}

#footer {
	padding-top: 96px;
	background: url(../images/bg02.png) no-repeat;
}

.footerList {
	padding: 20px 0 10px;
	background: #4687b3;
}

.footerList ul {
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}

.footerList ul li a {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding: 0 15px;
	color: #fff;
	font-size: 12px;
	border-left: dotted 1px #ccc;
}

.footerList ul li.top a {
	padding-left: 0;
	border-left: none;
}

#footer #copyright {
	padding: 10px;
	background: #4687b3;
	text-align: center;
	color: #fff;
}

#footer #copyright a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.attention {
	margin: 20px 0 30px;
	padding: 15px;
	border: dashed 1px #ccc;
	font-size: 12px;
}

/* バナー */
.bannerLeft {
	position: absolute;
	top: 22px;
	left: -234px;
}

.bannerRight {
	position: absolute;
	top: 22px;
	right: -224px;
}

/* 旅の準備編 */
.prepare {
	margin-top: 30px;
}

.prepare h4 {
	margin-bottom: 20px;
}

.prepare h5 {
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: bold;
}

.prepare .image {
	float: left;
	padding: 0 20px 0 0;
}

ul.travelList {
	overflow: hidden;
	margin: -20px 0 0 -20px;
}

ul.travelList li {
	float: left;
	margin: 20px 0 0 20px;
	width: 470px;
	background: #fff;
}

ul.travelList li:hover {
	cursor: pointer;
	background: #f2f2f2;
}

ul.travelList li > div {
	overflow: hidden;
	padding: 20px;
	border: solid 1px #ddd;
	height: 125px;
}

ul.travelList li h5 {
	margin-bottom: 10px;
	font-size: 15px;
	border-bottom: solid 1px #ddd;
}

ul.travelList li p {
	font-size: 13px;
}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}

/**************************************************
下層ページ
***************************************************/
/* パンくずリスト */
ul.topicPath {
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 12px;
}

ul.topicPath li a {
	float: left;
	margin-right: 15px;
	padding-right: 20px;
	background: url(../images/topicpath.png) no-repeat right center;
}

.textArea {
	padding: 20px;
	background: #fff;
}

.box {
	overflow: hidden;
	margin-bottom: 15px;
	padding: 20px;
	border: solid 3px #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.contentTitle, .textArea h3 {
	margin-bottom: 20px;
	padding: 18px 0 0 34px;
	height: 36px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #f15c1d url(../images/contentTitle.gif) no-repeat left 50%;
}

h4 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #f15c1d;
	line-height: 1;
}

h5 {
	margin-bottom: 3px;
	font-weight: bold;
}

.arrow {
	padding-left: 14px;
	background: url(../images/icon_arrow.png) no-repeat left 1px;
}

.image {
	float: right;
	padding: 0 0 10px 10px;
}

.image2 {
	float: left;
	padding: 0 10px 10px 0;
}

/* 駐車場のメリットとデメリット */
.md {
	margin-bottom: 15px;
	padding: 15px;
	border: dashed 1px #ccc;
}

/* 駐車場を選ぶポイント */
ul.point li {
	min-height: 140px;
	margin-bottom: 15px;
	padding: 15px 15px 15px 170px;
	border: dashed 1px #ccc;
}

ul.point li.li01 {
	background: url(../images/point01.png) no-repeat 20px 20px;
}

ul.point li.li02 {
	background: url(../images/point02.png) no-repeat 20px 20px;
}

ul.point li.li03 {
	background: url(../images/point03.png) no-repeat 20px 20px;
}

ul.point li.li04 {
	background: url(../images/point04.png) no-repeat 20px 20px;
}

ul.point li.li05 {
	background: url(../images/point05.png) no-repeat 20px 20px;
}

.pointTop {
	margin-bottom: 10px;
	padding-left: 15px;
}

/* よくある質問 */
ul.faq li {
	margin-bottom: 15px;
	padding: 15px;
	border: dashed 1px #ccc;
}

ul.faq h4 {
	min-height: 40px;
	padding: 14px 0 0 50px;
	background: url(../images/faq_q.png) no-repeat left top;
}

ul.faq .answer {
	padding: 0 0 0 50px;
	background: url(../images/faq_a.png) no-repeat left top;
}

/* 駐車場一覧 */
ul.affair li {
	margin-bottom: 15px;
	padding: 15px;
	border: dashed 1px #ccc;
}

/* 駐車場一覧 */
table.company {
	width: 100%;
	margin-bottom: 16px;
}

table.company th, table.company td {
	padding: 8px 12px;
}

table.company th {
	width: 140px;
	font-weight: bold;
	color: #fff;
	background: #f15c1d;
	border-top: solid 1px #f15c1d;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #f15c1d;
}

table.company th.bottom {
	border-bottom: solid 1px #70a6cb;
}

table.company td {
	border: solid 1px #ccc;
}

/* 関西国際空港周辺ホテル情報 */
table.hotel {
	table-layout: fixed;
	width: 100%;
}

table.hotel th.th1 {
	width: 16%;
}

table.hotel td.td1 {
	width: 28%;
	font-weight: bold;
	text-align: center;
}

table.hotel tr:hover {
	background: #f2f2f2;
}

table.hotel th, table.hotel td {
	padding: 8px 6px;
}

table.hotel th {
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border: solid 1px #fff;
	background: #f15e20;
}


table.hotel td {
	font-size: 12px;
	border: solid 1px #ccc;
}

/* 関西国際空港発着航空会社 */
ul.airport li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #ccc;
}

ul.airport li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

ul.airport h5 {
	font-weight: bold;
}

/* 旅の準備 */
ul.travel li {
	overflow: hidden;
}

ul.travel .image {
	float: left;
	padding: 0 10px 0 0;
}

ul.travel .image img {
	border: solid 1px #ddd;
}

/* 海外でインターネット */
.tableWifi {
	table-layout: fixed;
	width: 100%;
}

.tableWifi th, .tableWifi td {
	padding: 12px;
	width: 25%;
	border: dotted 1px #ccc;
}

ul.wifiList li {
	font-size: 12px;
}

.companyWifi {
	padding-top: 10px;
	font-size: 12px;
	letter-spacing: 0;
}

.countryName, .flag {
	text-align: center;
}

.countryName {
	margin-bottom: 10px;
	padding: 2px 0;
	background: #fbf1ec;
}

.countryName a {
	display: block;
}

.flag img {
	border: solid 1px #eee;
}

/* 外貨宅配 */
.pointNumber {
	margin-bottom: 8px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #f89425;
}

.pointTitle {
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
}

.pointAttension {
	margin-top: 10px;
	padding: 6px;
	border: solid 1px #ddd;
	font-size: 11px;
}

/* お土産宅配便 */
.tableLimit {
	margin-bottom: 20px;
	table-layout: fixed;
	width: 100%;
}

.tableLimit th, .tableLimit td {
	padding: 5px 10px;
}

.tableLimit th {
	width: 33.33%;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border: solid 1px #fff;
	background: #f15e20;
}

.tableLimit td {
	font-size: 11px;
	border: solid 1px #ccc;
}

.limit h5 {
	margin: 10px 0 3px;
	font-weight: bold;
}

/* サイトマップページ */
#siteMapA {
	width: 48%;
	float: left;
	padding-left: 2%;
}

#siteMapB {
	width: 50%;
	float: right;
	margin-bottom: 20px;
}

.siteMapList li {
	margin-bottom: 15px;
	padding-left: 14px;
	line-height: 1.2;
}

.siteMapList a {
	color: #000;
}
.headerimg img{
	max-width: 400px;
	float: left;
}

.header1{
margin-top: 15px;
}