@charset "utf-8";
/* CSS Document */
  
@import url('https://fonts.googleapis.com/css?family=Taviraj');
@import url('https://fonts.googleapis.com/css?family=Gentium+Book+Basic');
*{
	padding: 0;
	margin: 0;
	border:0;
	vertical-align:top;
}

html, body {
    height: 100%; 
}


body {
	font-size: 17px;
    font-family: 'Gentium Book Basic', serif;
    margin: 0;
	width:100%;
	color:#000;
	background:#FFF;
	line-height:1.5;
	letter-spacing: 0.04em;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.sp{
	display:none;
}
	
/*----------------------------------------


 link
 
 
----------------------------------------*/	
a {
  color: #000;
  text-decoration:none;
}

h1 a {
  color: #fff;
}


a:hover {
	opacity:0.7;
    text-decoration:none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

nav a:hover {
	opacity:1;
    text-decoration:none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

a.link {
	background:url(../../images/linkBtn.png) right center no-repeat;
	color:#000;
	padding:2px 40px 1px 0;
}



#wrapper {
	background:url(../../images/head_bg.jpg) right top no-repeat;
	width:100%;
	margin:0;
	padding:0;
}

img {
  text-decoration: none;
  border:none;
  vertical-align:top;
}


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


 header
 
 
----------------------------------------*/	
header{
	position: relative;
	height:300px;
	width:980px;
	margin:0 auto;
}

header h1{
	font-family: 'Taviraj', serif;
	font-size:55px;
	padding:30px 0 15px 0;
	color:#fff;
	font-weight:normal;
}
header h1 a{
	color:#fff;
}

header h1,
header h2,
header p{
	-moz-text-shadow:-1px -1px 1px #999, 1px 1px 10px #000;
	-webkit-text-shadow:-1px -1px 1px #999, 1px 1px 10px #000;
	text-shadow:-1px -1px 1px #999, 1px 1px 10px #000;
	line-height:25px;
}

header h2{
	font-size:26px;
	padding:10px 0 0 0;
	color:#fff;
	font-weight:normal;
}

header p{
	color:#fff;
	font-size:20px;
	padding:10px 0 0 0;
}

header .ico{
	position:absolute;
	top:25px;
	right: 0;
}

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


 nav
 
 
----------------------------------------*/	
nav{
	display:table-cell;
    //background: -webkit-gradient(linear, left top, left bottom, color-stop(0.67, #d1be20), color-stop(0.01, #ffae00));
    //background: -webkit-linear-gradient(top, #ffae00 1%, #d1be20 67%);
    //background: -moz-linear-gradient(top, #ffae00 1%, #d1be20 67%);
    //background: -o-linear-gradient(top, #ffae00 1%, #d1be20 67%);
    //background: -ms-linear-gradient(top, #ffae00 1%, #d1be20 67%);
    //background: linear-gradient(to bottom, #ffae00 1%, #d1be20 67%);
    height:100% !important;
	width: 180px;
	margin: 0;
	padding:10px 0;
}

nav ul{
	background:#f7f7f7;
	width: 100%;
	margin: 0;
	font-size:16px;
	padding:30px 0 0 0;
}

nav ul li{
}

nav ul li a,
nav ul li.noLink{
	display:block;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #f7f7f7;
	border-bottom:1px #fff solid;
	color: #000;
	overflow: hidden;
	padding:8px 5px 8px 10px;
}
nav ul li a:hover {
	color: #fff;
}

nav ul li a::before,
nav ul li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
nav ul li a,
nav ul li a::before,
nav ul li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

nav ul li a::after {
	left: -100%;
	width: 100%;
	height: 100%;
}
nav ul li a:hover::after,
nav ul li.active a{
	top: 0;
	left: 0;
	background-color: #d24b30;
	color:#fff !important;
}


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


 article
 
 
----------------------------------------*/	
.contents {
	position:relative;
	display:table;
	width:980px;
	margin: 0 auto;
	padding:0 20px 0 0;
	background:#FFF;
}

article {
	display:table-cell;
	width:800px;
	margin: 0 auto;
	padding:40px 20px 150px;
	box-sizing: border-box;
}

section {
	margin: 0 auto;
	padding:0 20px 30px 40px;
}

article .photo {
	position:absolute;
	z-index:5;
	top:-135px;
	left:0;
	right:0;
	text-align:center;
	margin:0 0 0 -60px;
}

article p {
	margin: 0;
	padding:0 0 15px 15px;
}

article p.justify {
	text-align:justify;
}

article h2{
	font-size:34px;
	padding:0 0 10px 10px;
	color:#000;
	font-weight:normal;
	text-align:center;
}

article h2 span:before {
    content: '';
    display: block;
    margin: 1em auto;
    width: 30px;
    height: 3px;
    background-color: #cf4b31;
}

article h2 span {
	font-size:20px;
    color: #333;
}
	
section h3 {
	//font-weight:normal;
	padding: 0 0 10px;
	font-size: 22px;
}

section h3 span{
	padding: 0 3px 0;
	background: linear-gradient(to bottom, #fff 75%, rgba(255, 255, 255, 0.2) 25%), linear-gradient(to right, #ac2308, #cf4b31);
    margin: 0 1px;
}

section h3:before {
	content: "─";
	letter-spacing: -0.02em;
}

section .map {
	text-align: center;
}

section dl.detailDate {
	display:table;
	padding:0 0 10px;
}

section dl.detailDate+.detailDate {
	display:table;
	padding:0 0 30px;
}

section dl.detailDate dt {
	display:table-cell;
	background:#1a1a1a;
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #000), color-stop(0.00, #4a4a4a));
	//background: -webkit-linear-gradient(top, #4a4a4a 0%, #000 88%);
	//background: -moz-linear-gradient(top, #4a4a4a 0%, #000 88%);
	//background: -o-linear-gradient(top, #4a4a4a 0%, #000 88%);
	//background: -ms-linear-gradient(top, #4a4a4a 0%, #000 88%);
	//background: linear-gradient(to bottom, #4a4a4a 0%, #000 88%) url();
	border-radius:3px;
    width:108px;
	font-size:18px;
	margin:5px 0;
	text-align:center;
	color:#FFF;
	padding:2px 0 5px 0;
	font-weight:normal;
	vertical-align:middle;

}

section dl.detailDate dd {
	display:table-cell;
	font-size:20px;
	margin:5px 0;
	padding:2px 10px;
}

section dl.detailDate dd span{
	font-size:28px;
}

section .box {
	border:solid 12px #eeeded;
	margin:0;
	padding:20px;
	width:90%;
}

section table,
section table.t01{
	white-space:900px;
	width:100%;
}

section table th,
section table td {
	padding:8px 0;
	text-align:left;
	font-weight:normal;
	}

section table.t01 th,
section table.t01 td {
	border-bottom:solid 1px #CCC;
}

section .listPh {
	display:table;
	width:100%;
}

section .listPh dt,
section .listPh dd{
	display:table-cell;
	vertical-align:middle;
}

section .listPh dt{
	width:85%;
}

section .listPh dd{
	width:15%;
	text-align:center;
	height:57px;
}

section .listDisc {
	width:100%;
	padding:0 0 20px;
}

section .listDisc li{
	list-style:outside disc;
	margin:0 0 10px 15px;
	line-height:20px;
}

section .linkArea{
	margin:0 0 20px;
}

section .linkBox{
	background:#f7f7f7;
	padding:10px 30px;
}

section .linkBox.yellow{
	background:#ffd500;
	padding:10px 30px;
}

.venue{
	position: relative;
}

.venue .ph{
	float: right;
	padding: 0 0 40px 30px;
}

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


 accmmodation
 
 
----------------------------------------*/
#mapArea{
	width: 100%;
	height: 500px;
	margin:20px 0;
}


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


 footer
 
 
----------------------------------------*/	
footer{
	background:url(../../images/foot_bg.jpg) repeat;
	margin:0;
	padding:10px 0;
	text-align:center;
}

footer address{
	color:#FFF;
	font-style:normal;
	font-size:11px;
	}
	
.txtLine{
	text-decoration:underline;
	}
.blue{
	color:#00559e;
	}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.t15{ font-size:15px;}

.t16{ font-size:16px;}

.red {
	color: #F00;
	font-size: 16px;
	font-weight: bold;
     }
.t24{ font-size:24px !important;}
.tve01{
	white-space:500px;
	width:60%;
}

section table th,
section table td {
	padding:8px 0;
	text-align:left;
	font-weight:normal;
	}

section table.t20{ font-size:18px !important;},p-medium { font-size: medium; }