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

a:link { color: #f4da03; text-decoration: underline;-webkit-transition: 0.5s ease-in-out;} 
a:visited { color: #f4da03; text-decoration: underline;-webkit-transition: 0.5s ease-in-out;} 
a:active { color: #f4da03; text-decoration:underline;}
a:hover { color: #f4da03; text-decoration: none; opacity: 0.5}

/* clearfix */
.fix:before, 
.fix:after { 
    content:""; 
    display:table; 
	}
	
.fix:after {
	clear:both;
	}
	 
.fix {
	*zoom:1;
	}


body {
	background: url(../img/bg_img.jpg) #000000 top center repeat;
	background-attachment: fixed;
	font-size: 14px;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #ffffff;
	line-height: 1.9em;
	}

#wrap {
	width: 100%;
	margin: 0;
	}

#wrap .top {
	width: 960px;
	margin: 4px auto 0;
	}

header h1 {
	float: left;
	}

header .head_contact {
	float: right;
	width: 300px;
	}
	
header .head_contact p:nth-child(2) {
	text-align: center;
	margin-top: 5px;
	}

	header .head_contact p:nth-child(2) a:hover {
		opacity: 0.6;
		}

	
header{
	width: 1024px;
	height: 198px;
	margin: 25px auto;
	position: relative;
	z-index: 98;
	}

nav ul {
	margin: 40px auto 30px;
	width: 1024px;
	}

nav ul li {
	float: left;
	text-indent: -9999px;
	}

nav ul li a {
	display: block;
	height: 90px;
	}

nav ul .nav1 a {
	width: 326px;
	background: url(../img/g_navi.png) 0 0 no-repeat;
	}

nav ul .nav1 a:hover {
	background: url(../img/g_navi.png) 0 -90px no-repeat;
	-webkit-transition: 0.01s ease-in-out;
	}

nav ul .nav2 a {
	width: 368px;
	background: url(../img/g_navi.png) -326px 0 no-repeat;
	}

nav ul .nav2 a:hover {
	background: url(../img/g_navi.png) -326px -90px no-repeat;
	-webkit-transition: 0.01s ease-in-out;
	}

nav ul .nav3 a {
	width: 330px;
	background: url(../img/g_navi.png) -698px 0 no-repeat;
	}

nav ul .nav3 a:hover {
	background: url(../img/g_navi.png) -698px -90px no-repeat;
	-webkit-transition: 0.01s ease-in-out;
	}

nav ul li a:visited { color: #f4da03; text-decoration: underline;-webkit-transition: 0.01s ease-in-out;} 

/* main-visual
----------------------------------------- */
#main-visual {}

.visual-slider {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	padding-top: 1%;
	z-index: 100;
	}

.visual-slider li { position: relative;}

.kv_copy01 {
	display: block;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	width: 740px !important;
	z-index: 10;
	}
.kv_copy02 {
	display: block;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	width: 840px !important;
	z-index: 10;
	}
.kv_copy03 {
	display: block;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	width: 900px !important;
	z-index: 10;
	}
.kv_copy04 {
	display: block;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	width: 850px !important;
	z-index: 10;
	}


section {
	padding: 10px 0 0;
	margin-bottom: 80px;
	}

section h2 {
	background: url(../img/title_line.png) top repeat-x;
	border-bottom: 1px solid #f4da03;
	padding: 25px 0 20px;
	margin: 0 auto 30px;
	line-height: 1;
	width: 1024px;
	}

section .coruse_txt {
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.04em;
	line-height: 2;
	margin-bottom: 20px;
	}

section .coruse_detail_out {
	width: 1024px;
	margin: 10px auto;
	}

section .coruse_detail_out .left {
	width: 720px;
	float: left;
	}

section .coruse_detail_out .right {
	float: right;
	width: 300px;
	}

section .coruse_bnr_wrap {
	width: 1024px;
	margin: auto;
	}

section .coruse_bnr_wrap li {
	float: left;
	position: relative;
	margin-left: 31px;
	text-align: center;
	line-height: 1.6;
	}

section .coruse_bnr_wrap li:first-child { margin-left: 0;}
section .coruse_bnr_wrap li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10px;
	}

section .coruse_bnr_wrap li a:hover {
	background-color: #000;
    filter:alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
	}

section .coruse_bnr_wrap li img {
	display: block;
	margin-bottom: 10px;
	}

section .inner {
	width: 960px;
	margin: 30px auto;
	}

#section05 h2 {
	background: url(../img/title_line.png) top repeat-x;
	border-bottom: 1px solid #f4da03;
	padding: 25px 0 20px;
	margin: 0 auto 30px;
	line-height: 1;
	width: 100%;
	text-align: center;
	}
	
#section05 .coruse_img {
	background: url(../img/img08.png) no-repeat center;
	position: relative;
	width: 980px;
	height: 206px;
	margin: 0 auto 20px;
	}

#section05 .coruse_img p {
	position: absolute;
	top: 80px;
	right: 45px;
	}

#section05 .inner {
	text-align: center;
	}

.inner ul li {
	font-size: 102%;
	color: #f4da03; 
	margin-bottom: 12px;
 	text-indent: -1em;
 	padding-left: 1em;
	}

.inner ul li span {
	color: #e92303;
	}

.pagetop {
	width: 960px;
	margin: 10px auto;
	text-align: right;
	}

address {
	font-style: normal;
	font-size: 80%;
	color: #e9d103;
	text-align: center;
	border-top: 1px solid #f4da03;
	padding: 10px 0 10px;
	}




.box01 {
	position: relative;
	background: url(../img/bg_img01.png) top left no-repeat;
	height: 320px;
	margin-bottom: 40px;
	}

.box01 p {
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 568px;
	}

.box02 .map {
	float: left;
	width: 600px;
	}

.box02 .text_box01 {
	float: right;
	width: 378px;
	border: 1px solid #f4da03;
	padding: 15px 0 15px 15px;
	}

.box02 .map dl {
	border: 1px solid #f4da03;
	padding: 13px 0 10px 15px;
	}

.box02 .text_box01 dl {
	line-height: 1.7;
	margin-bottom: 20px;
	}
.box02 .map dl dt,
.box02 .text_box01 dl dt {
	font-size: 16px;
	color: #f4da03;
	margin-bottom: 5px;
	}

.ship_img01 { text-align: center;}

.qa_text { width: 1024px; margin: 0 auto 25px; letter-spacing: 0.03em; line-height: 1.8;}
.qa_text dt {
	font-size: 18px;
	color: #f4da03;
	margin-bottom: 5px;
	}
.qa_text dd { font-size: 15px;}

.root_map {
	width: 1024px;
	margin: auto;
	text-align: center;
	}


.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

.mr35 { margin-right: 38px;}

.tac { text-align: center;}

.yellow { color: #e9d103; }
.small { font-size: 11px; }
.ft_size16 { font-size: 16px;}

.float_l { float: left;}
.float_r { float: right;}