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

/* 基本設定
---------------------------------------------- */

body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	border:0;
	vertical-align: baseline;
}
ul,ol,li{
	list-style:none;
}

body{
	font:16px/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  *font-size:small;/* IE用 */
  *font:x-small;/* IE 互換モード用 */
	background:#fff;
	color: #333;
}

a{
	color: #333;
	text-decoration: none;
	outline: 0;
}
a:hover{
	color:#1A9D7F;
	text-decoration:underline;
	transition:color 0.3s ease-out 0.1s;
}
a img{
	background:none !important;
}
a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none !important;
	transition:opacity 0.3s ease-out 0.1s;
}

.clear{
	clear: both;
	line-height: 0;
}
.clearfix:after{/*for modern browser*/
  height:0;
	clear:both;
	display: block;
  content:".";
  line-height:0; 
  visibility:hidden;
}
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.f_left{
	float:left;
}
.f_right{
	float:right;
}
.c_both{
	clear:both;
}
.mgn_bottom0{
	margin-bottom:0 !important;
}
.mgn_bottom30{
	margin-bottom:30px !important;
}

header, section, footer, aside, nav, article, figure, hgroup{ 
	margin:0;
	padding:0;
	display: block;
}

/* 大枠設定
---------------------------------------------- */

#wrapper{
	width:100%;
	margin:0 auto;
}

header{
	margin:0 auto;
}
header h1{
	width:40%;
	margin:15px 4% 0;
	float:left;
}
header .h_tel{
	width:44%;
	margin:5px 4% 6px 0;
	float:right;
	font-size:11px;
	text-align:center;
}
header nav{
	width:44%;
	margin:0 4% 0 0;
	float:right;
}
header nav li{
	width:48%;
	float:left;
}
header nav li:first-child{
	margin:0 4% 0 0;
}
header nav li a{
	display:block;
}
header .main_img{
	text-align:center;
}

#contents{
	width:100%;
	margin:25px auto 20px;	
}
#contents .font{
	margin:-10px 20px 10px 0;
	float:right;
}
#contents .font li{
	margin:0 0 0 6px;
	padding:0 5px;
	float:left;
	border:solid 1px #B3B3B3;
	line-height:28px;
}
#contents .font li a{
	display:table-cell;
	vertical-align:middle;
}
#contents .font li:first-child{
	border:none;	
}
#contents .font .f14 a{
	font-size:14px;
}
#contents .font .f16 a{
	font-size:16px;
}
#contents .font .f18 a{
	font-size:18px;
}
#contents article{
	margin:20px 4%;
	text-align:center;
}
#contents article.content img{
	margin:0 0 15px;
}
#contents article.content p{
	margin:0 0 10px;
	line-height:1.6;
	color:#4D4D4D;
}
#contents article.content .station{
	margin:10px 0 5px;	
}
#contents article .btn{
	margin:0 0 18px;
	padding:0 0 15px;
	background:url(../img/common/line01.png) center bottom no-repeat;
}
#call #contents article .btn:first-child,
#airport #contents article .btn:first-child,
#kobe #contents article .btn:first-child,
#contact #contents article .btn:first-child,
#exotic #contents article .btn:first-child,
#faq #contents article .btn:first-child,
#company #contents article .btn:first-child,
#access #contents article .btn:first-child,
#about #contents article .btn:first-child{
	padding-top:25px;
	background:url(../img/common/line01.png) center top no-repeat, url(../img/common/line01.png) center bottom no-repeat;
}
#contents article .btn li{
	/*margin:0 0 2px;	*/
}
#contents article .btn li a{
	display:block;
}

#totop{
	width:92%;
	margin:0 4%;
	text-align:right;	
}

footer{
	width:100%;
	margin:0 auto;
	padding:20px 0 0;
	background:url(../img/common/f_bg.png) top repeat-x;
}
footer #footer_sub01{
	margin:0 4% 20px;
}
footer #footer_sub01 dt{
	margin:0 0 5px;
	font-size:15px;
}
footer #footer_sub01 dd{
	font-size:13px;
	line-height:1.4;
}
footer #footer_sub02{
	margin:0 4% 10px;
}
footer #footer_sub02 li{
	width:23%;
	margin:0 0 0 4%;
	float:right;
}
footer #footer_sub02 li:first-child{
	width:46%;
	margin:0;
	float:left;
}
footer #copy{
	width:100%;
	border-top:solid 1px #ccc;
	background-color:#fff;
	color:#523614;
	font-size:13px;
	line-height:30px;
	text-align:center;
}