@charset "utf-8";

[class^="icon-"], [class*=" icon-"] {
font-family: 'WebHostingHub-Glyphs';
font-size: 0.9em;
background: none;
width: auto;
height: auto;
font-style: normal;
font-weight: normal;
}

/* ----- reset ----- */

#container{
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
font-style:normal;
text-decoration:none;
list-style:none;
}

/* ----- clearfix ----- */

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {  display: inline-block; }
/*\*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* ----- common ----- */

body{
background:#ffffff;
color:#333333;
line-height:1.3em;
}
a:link{color:#01ADE5; text-decoration:none;}
a:visited{color:#296195; text-decoration:none;}
a:active{color:#01ADE5; text-decoration:underline;}
a:hover{color:#01ADE5; text-decoration:underline;}

#container{
width:920px;
margin:0 auto;
}

/* ----- ヘッダーCSS（色替え） ----- */
#main_img{
width:920px;
text-align:center;
font-size:25px;

}

#main_img h2{
	color:#000;
	padding:45px 0;
	font-size:35px;
	font-weight:bold;
	text-align:center;
}	


#main_img ul{
width:920px;
height:49px;
margin:0 auto;
text-align:center;
}

/*ナビゲーション CSS 色替え*/

#main_img li{
width: 229px;
height:49px;
line-height:50px;
font-size:14px;
font-weight:bold;
display:block;
float:left;
border-right: 1px #FFF solid;
}
#main_img li a{
	color:#FFF;
	display:block;
	background:#333;
}

#main_img li a:hover{
	background:#555;
	color:#FFF;
	text-decoration:none;
}

#main_img li:last-child{	
	border:none;
}

#main_img li.cur{
	background:#EEE;
	line-height:50px;
}


#contents_area{
background:#EEE;
padding:20px 0;
margin:0 0 15px 0;
}
#contents_area h2{
font-size:20px;
font-weight:bold;
padding:5px 10px 8px;
color:#FA9405;
border-bottom:3px solid #FAB452;
text-align:left;
}
#next{
margin:0 0 20px 0;
}

.btn{
text-align:center;
}	

#sammary td .btn a{
text-align:center;
text-decoration: none;
width: 350px;
display: block;
color: #FFF;
font-size: 18px;
text-align: center;
margin: 0 auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
font-weight: bold;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
-webkit-text-shadow: 0 2px 1px rgba(0,0,0,0.3);
-moz-text-shadow: 0 2px 1px rgba(0,0,0,0.3);
border: 1px solid #2e76b6;
padding: 10px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #3eb0e5;
background: -moz-linear-gradient(top, #3eb0e5 0%, #2a94d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -o-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -ms-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: linear-gradient(to bottom, #3eb0e5 0%,#2a94d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb0e5', endColorstr='#2a94d6',GradientType=0 );
}

#sammary td .btn a:hover{
background: #3eb0e5;
background: -moz-linear-gradient(top, #2a94d6 0%, #3eb0e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #2a94d6 0%,#3eb0e5 100%);
background: -o-linear-gradient(top, #2a94d6 0%,#3eb0e5 100%);
background: -ms-linear-gradient(top, #2a94d6 0%,#3eb0e5 100%);
background: linear-gradient(to bottom, #2a94d6 0%,#3eb0e5 100%);
}


/* ----- index ----- */

#schedule{
width:850px;
margin:0 auto;
}
#schedule table{
width:850px;
margin:20px auto;
border-collapse:collapse;
}
#schedule th{
color:#FFF;
background:#000;
font-weight:bold;
padding:10px 0;
}
#schedule td{
padding:5px;
border:1px #DDD solid;
}
#schedule tr.odd{
background:#FFF;
}
#schedule tr.even{
background:#F3F2E4;
}
#schedule td.detail{
font-size:0.9em;
text-align:left;
padding-left:20px;
}
#schedule td span{
font-size:0.9em;
}
#schedule .box_wrap{
width:850px;
margin:0 auto 20px auto;
text-align:left;
}
#schedule .box_left{
width:376px;
padding:10px 20px;
border:2px #DDD solid;
background:#FFF;
float:left;
}
#schedule .box_right{
width:376px;
padding:10px 20px;
margin:0 0 0 10px;
border:2px #DDD solid;
background:#FFF;
float:right;
}

.dticketWrap {
margin: 0 0 20px;
overflow: hidden;
}

.ph {
width: 300px;
float: left;
}

.checkList {
background: #FFF;
border-radius: 5px;
padding: 10px 15px;
margin: 0 0 15px;
}

.collectionWrap {
clear: both;
overflow: hidden;
border: solid 2px #00A3D9;
border-radius: 5px;
background:#FFF;
margin:0 0 40px;
}

.collectionWrap h3 {
font-size: 16px;
font-weight: bold;
color: #FFF;
background: #00A3D9;
padding: 10px 0;
text-align: center;
border-radius: 2px 2px 0 0;
margin: 0 0 20px;
}

.leftClm {
width: 300px;
float: left;
margin: 0 15px 0 20px;
}

.amenity {
margin: 0 0 10px;
}

.leftClm .lead {
font-size: 14px;
padding: 7px 0;
margin: 0 0 20px;
font-weight: bold;
line-height: 1.6em;
text-align: center;
border: solid 2px #CCC;
border-radius: 5px;
}

.rightClm {
width: 420px;
float: right;
margin: 0 20px 0 0;
}

.rightClm .lead {
margin: 0 0 10px;
}

.rightClm .lead, .entryArea .lead {
font-size: 13px;
text-align:left;
font-weight: bold;
line-height: 1.6em;
margin: 0 0 15px;
}

.collection .tit {
color: #F47931;
font-size: 14px;
text-align:left;

}

.collection li {
margin: 0 0 10px;
font-size: 13px;
color: #000;
font-weight: bold;
text-align:left;

}

.collection {
background: #F0FBFF;
padding:10px 15px 5px;
border-radius: 5px;
margin: 0 0 20px;
}

.checkList li {
font-size: 13px;
text-indent: -1em;
padding: 0 0 0 1em;
margin: 0 0 7px;
font-weight: bold;
line-height: 1.6em;
text-align:left;
}

.checkList li:last-child{
	margin:0;
}


.alertBox {
background: #FFFFD7;
border-radius: 5px;
padding: 15px;
margin: 0 0 70px;
}

.alertBox .tit.error {
color: #C00;
font-weight: bold;
font-size: 16px;
margin: 0 0 10px;
}

.attentionList li {
color: #333;
font-size: 13px;
text-align:left;
font-weight: normal;
text-indent: -1.5em;
line-height: 1.6em;
border: none;
padding: 0 0 0 1.5em;
margin: 0 0 10px;
}


 .checkList li:before {
content: '\f310';
color: #f60;
font-family: 'WebHostingHub-Glyphs';
font-size: 0.8em;
font-weight: normal;
margin: 0 5px 0 0;
}

.dticketList {
background: #FFFFD7;
border-radius: 5px;
padding: 15px;
margin: 0 0 70px;
}

.dticketList li {
text-align:left;
margin: 0 0 10px;
line-height: 1.6em;
text-indent: -1em;
padding: 0 0 0 1em;
font-size: 13px;
}

.question {
width: 450px;
float: right;
}

/* ----- sammary ----- */

#sammary{
width:800px;
margin:0 auto;
}
#sammary table{
width:800px;
margin:20px auto;
border-collapse:collapse;
text-align:left;
}
#sammary th{
width:110px
color:#333;
background:#E1E0CE;
font-weight:bold;
padding:10px;
border:1px #FFF solid;
}
#sammary td{
width:570px;
padding:15px;
background:#FFF;
border:1px #DDD solid;
}
#sammary td p{
padding-bottom:8px;
line-height:1.5em;
}

.capList{
	padding:0 0 8px;
}

.capList li{
line-height:1.5em;
margin:0 0 7px;
text-indent:-1em;
padding:0 0 0 1em;
}

.capList2{
	padding:0 0 10px;
}

.capList2 li{
line-height:1.5em;
font-size:13px;
margin:0 0 2px;
text-indent:-1em;
padding:0 0 0 1em;
}


#sammary td a{
display:block;
text-align:right;
padding-top:5px;
}

/* ----- step ----- */

#step{
width:800px;
margin:0 auto;
}
#step h2{
margin:0 auto 20px auto;
}
#step h2.short{
width:780px;
}
dl.caution{
border:3px solid #000;
margin-bottom:20px;
}
.caution dt{
background:#000;
font-size:18px;
color:#FFF;
font-weight:bold;
padding:10px;
}
.caution dd{
background:#FFF;
padding:10px;
font-weight:bold;
}
.caution .left{
text-align:left;
font-weight:normal;
padding-left:180px;
}
dl.step_box01{
width:800px;
margin:0 auto;
border:3px solid #DDD;
background:#FFF;
}
.step_box01 dt{
background:#DDD;
font-size:1.2em;
font-weight:bold;
line-height:2em;
}
.step_box01 dd{
padding:10px;
}
.step_box01 dd.btn{
padding-top:0;
background:#FFF;
}
.step_box01 dd.gray{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#EEE;
margin:0 20px 10px 20px;
}
.step_box01 h3{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
border-bottom:3px solid #FFF;
margin-left:15px;
margin-right:15px;
padding-bottom:5px;
}
.step_box01 span{
color:#C00;
}
.step_box01 span.gray{
color:#aaa;
line-height:1em;
}
.step_box01 em{
font-weight:bold;
font-style:normal;
}
.step_box01.end{
margin-bottom:20px;
}
#step .arrow{
background:url(../img/arrow01.png) no-repeat center top;
width:600px;
height:60px;
margin:0 auto;
}
#step .bar{
width:600px;
border-bottom:3px dotted #DDD;
margin:20px auto 20px auto;
}
dl.step_box02{
width:800px;
margin:0 auto 10px auto;
background:url(../img/arrow02.png) no-repeat left bottom;
}
.step_box02 dt{
display:block;
width:100px;
padding-top:18px;
float:left;
color:#FFF;
font-weight:bold;
margin:0;
text-align: center;
}
.step_box02 dd{
margin:0 0 10px 0;
}
.step_box02 dd{
display:block;
width:604px;
padding:15px 10px;
margin:0 0 0 5px;
border:3px #DDD solid;
background:#FFF;
float:right;
line-height:1.5em;
text-align:left;
}
dl.step_box02.end{
margin-bottom:40px;
}
#step p span{
color:#C00;
font-size:1.2em;
font-weight:bold;
}
#step p.btn{
padding-top:10px;
}
.step_box02 dd.row2{
padding:25px 10px;
}
#step p span{
color:#C00;
font-size:1.2em;
font-weight:bold;
}
#step p.btn{
padding-top:10px;
}

.applicationList li:last-child {
margin: 0;
}
.applicationList li .blu {
color: #2A94D6;
padding: 10px 0;
}

.btn .blueBtn {
border: 1px solid #2e76b6;
background: #3eb0e5;
background: -moz-linear-gradient(top, #3eb0e5 0%, #2a94d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -o-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -ms-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: linear-gradient(to bottom, #3eb0e5 0%,#2a94d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb0e5', endColorstr='#2a94d6',GradientType=0 );
}

.applicationList li.pticket {
border-radius: 5px;
}

.applicationList li .blu {
color: #2A94D6;
padding: 10px 0;
}

.btn .blueBtn {
border: 1px solid #2e76b6;
background: #3eb0e5;
background: -moz-linear-gradient(top, #3eb0e5 0%, #2a94d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -o-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -ms-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: linear-gradient(to bottom, #3eb0e5 0%,#2a94d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb0e5', endColorstr='#2a94d6',GradientType=0 );
}

.btn .mainSml {
display: block;
border: solid #ff7400 1px;
background: #fcac19;
background: -moz-linear-gradient(top, #fcac19 0%, #ff7400 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcac19), color-stop(100%,#ff7400));
background: -webkit-linear-gradient(top, #fcac19 0%,#ff7400 100%);
color: #FFF;
padding: 5px 0;
text-align: center;
text-decoration: none;
margin: 0 auto;
border-radius: 5px;
width: 90%;
font-weight: bold;
}

.applicationList{
	overflow:hidden;
	margin:30px 0 0;
}
.applicationList li.dticket {
border-radius: 5px;
}

.applicationList li .org {
color: #DA5019;
padding: 10px 0;
}

.applicationList li {
width: 192px;
float: left;
margin: 0 10px 0 0;
padding: 10px 0;
}


.btn .orngBtn {
border: solid #ff7400 1px;
background: #fcac19;
background: -moz-linear-gradient(top, #fcac19 0%, #ff7400 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcac19), color-stop(100%,#ff7400));
background: -webkit-linear-gradient(top, #fcac19 0%,#ff7400 100%);
}

.applicationList li.double {
border-radius: 5px;
}
.applicationList li .grn {
color: #23AC0E;
}



.applicationList li{
	background:#FFF;
}

.btn .greenBtn {
background: #4ed34e; /* Old browsers */
background: -moz-linear-gradient(top,  #4ed34e 0%, #00b51e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ed34e), color-stop(100%,#00b51e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4ed34e 0%,#00b51e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4ed34e 0%,#00b51e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4ed34e 0%,#00b51e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4ed34e 0%,#00b51e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ed34e', endColorstr='#00b51e',GradientType=0 ); /* IE6-9 */

border: solid #078C1B 1px;
}


.applicationList li .ticketName{
	font-weight:bold;
	font-size:14px;
line-height:1.5em;
}

.btn .blueBtn {
border: 1px solid #2e76b6;
background: #3eb0e5;
background: -moz-linear-gradient(top, #3eb0e5 0%, #2a94d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -o-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: -ms-linear-gradient(top, #3eb0e5 0%,#2a94d6 100%);
background: linear-gradient(to bottom, #3eb0e5 0%,#2a94d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb0e5', endColorstr='#2a94d6',GradientType=0 );
}

/* ----- 電子チケット ----- */

dt.text_dt {
font-size: 18px;
margin: 0 0 5px;
width: 780px;
height: auto;
text-align: left;
background: #4E92E5;
font-size: 14px;
line-height: 22px;
font-weight: 800;
color: #FFF;
padding: 5px 10px;
margin: 5px 0;
}

.mainLead {
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
text-align: left;
margin:0 0 5px;
}

.captionArea dt {
font-size: 15px;
font-weight: bold;
color: #4E92E5;
border-bottom: solid 1px #4E92E5;
padding: 0 0 5px;
margin: 0 0 7px;
text-align: left;
line-height: 1.4em;
color: #FA812A;
border-bottom: solid 1px #FA812A;
font-size: 16px;
padding: 0;
}

.captionArea dd {
font-size: 13px;
text-align: left;
line-height: 1.5em;
margin: 0 0 15px;
}
dt.text_dt {
font-size: 18px;
margin: 0 0 10px;
}

.clear20{
	padding-bottom: 20px;
}

.clear10{
	padding-bottom: 10px;
}

.clear5{
	padding-bottom: 5px;
}

table.denshi {
border: solid 1px #DDD;
}

table.denshi th {
background: #999;
font-weight: bold;
padding: 5px 7px;
text-align: center;
color: #FFF;
border-bottom: solid 1px #DDD;
}

table.denshi td {
border-bottom: solid 1px #DDD;
padding: 5px 10px;
font-weight: bold;
}

/* ----- entry ----- */

#entry{
width:720px;
margin:0 auto;
}
#entry table{
width:720px;
margin:20px auto;
border-collapse:collapse;
border:1px solid #DDD;
text-align:left;
}
#entry th{
padding:5px;
font-weight:normal;
text-align:center;
border-right:1px solid #DDD;
}
#entry td{
padding:5px 5px 5px 15px;
}
#entry tr{
border-bottom:1px solid #DDD;
}
#entry tr.odd{
background:#FFF;
}
#entry tr.even{
background:#F3F2E4;
}



/* ----- faq ----- */

#faq{
width:800px;
margin:0 auto;
text-align:left;
}
#faq dl{
margin:20px 0 0 0;
}
#faq dt{
font-size:1.1em;
font-weight:bold;
padding:10px;
background:#E1E0CE;
}
#faq dt span{
color:#FFF;
}
#faq dd{
padding:10px 10px 10px 10px;
background:#FFF;
line-height:1.5em;
margin:0 0 15px;
}