@charset "utf-8";

/* ----- 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;
text-align: center;
}
a:link{color:#ff5771; text-decoration:none;}
a:visited{color:#c9455a; text-decoration:none;}
a:active{color:#ff5771; text-decoration:underline;}
a:hover{color:#ff5771; text-decoration:underline;}

.bold {font-weight: bold;}
.underline{text-decoration: underline;}

.attention {
text-indent: -1em;
margin: 0 0 0 10px;
}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
	-webkit-opacity: 0.8; 
	-moz-opacity: 0.8; 
    -o-opacity: 0.8; 
    opacity: 0.8; 
    filter: alpha(opacity=20);  
}  

#pageTop {
width: 56px;
height: 56px;
position: fixed;
right: 60px;
bottom:30px;
z-index: 999;
font-size: 40px;
}

#pageTop a{
text-decoration: none;
color:#3b3b3b;
}

#container{
width:800px;
margin:0 auto;
}
#main_img{
width:800px;
/*height:454px;*/
/*background:url(../img/tit_main.jpg) no-repeat left top;*/
/*margin:0 0 5px 0;*/
}

#main_img h1 {
font-size: 25px;
font-weight: bold;
margin: 50px 0 15px;
}

#main_img h1 span{
font-size: 18px;
}

#main_img ul{
width:808px;
/*height:49px;*/
/*padding-top:460px;*/
margin:0 auto;
text-align:center;
}
#main_img li{
}

#main_img li a,#main_img li.current{
width:197px;
height:43px;
margin:0 5px 0 0;
display:block;
float:left;
background: #5c5c5c;
line-height: 43px;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#main_img li a:hover{
text-decoration: none;
}

#main_img li.current{
background: #EC2045;
}


#contents_area{
background:#F9F9F9;
padding:20px 0;
margin:0 auto 15px ;
width:805px;
}
#contents_area h2{
font-size:18px;
font-weight: bold;
padding:5px 10px;
color:#EC2045;
border-bottom:3px solid #EC2045;
text-align:left;
}
#next{
margin:0 0 20px 0;
}

p.subTit {
	font-size: 22px;
	font-weight: bold;
	line-height:1.3em;
	margin: 0 0 30px;
}

p.subTit span {
	font-size: 16px;
}

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

#schedule{
width:720px;
margin:0 auto;
}
#schedule #sammary table{
/*width:810px;*/
margin:20px auto;
border-collapse:collapse;
}
#schedule #sammary th{
color:#FFF;
background:#ddd;
font-weight:bold;
padding:10px 0;
color:#333;
}
#schedule #sammary td{
padding:5px 8px;
border:1px #DDD solid;
background:none;
width: auto;
text-align: left;
font-size: 11px;
}

#schedule #sammary td:nth-child(2),
#schedule #sammary td:nth-child(3){
font-weight: bold;
}

#schedule #sammary tr.odd{
background:#fff;
}
#schedule #sammary tr.even{
background:#f5f5f5;
}

#schedule #sammary td.detail{
font-size:0.9em;
text-align:left;
padding-left:20px;
}
#schedule #sammary td span{
font-size:0.9em;
}

#schedule #sammary p{
text-align: left;
margin: 0 0 20px;
font-weight: bold;
}

#schedule  .box_wrap{
margin:0 auto 20px auto;
text-align:left;
padding:10px 20px;
border:2px #DDD solid;
background:#FFF;
}

#schedule  .box_right .tit {
font-size: 13px;
font-weight: bold;
}

#schedule  .box_right p {
margin: 0 0 10px;
}



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

#sammary{
width:720px;
margin:0 auto;
}
#sammary table{
width:720px;
margin:20px auto;
border-collapse:collapse;
text-align:left;
}

#sammary th{
/*width:81px;*/
color:#333;
background:#EEE;
font-weight:bold;
padding:10px;
border:1px #FFF solid;
text-align: center;
}
#sammary td{
width:570px;
padding:10px;
background:#FFF;
border:1px #DDD solid;
}
#sammary td p{
padding-bottom:8px;
}
#sammary td ul li{
margin-bottom: 5px;
}
#sammary td ul li:last-child{
margin-bottom: 0;
}

.condition,#sammary td ul.item{
margin: 0 0 20px;
}

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

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

#step{
width:720px;
margin:0 auto;
}
#step h2{
margin:0 auto 20px auto;
}
#step h2.short{
width:590px;
}

#step .step2 img {
	border: 2px solid #c5c5c5;
}

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:600px;
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:610px;
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;
}
.step_box02 dd{
margin:0 0 10px 0;
}
.step_box02 dd{
display:block;
width:474px;
padding:15px 10px;
margin:0 0 0 5px;
border:3px #DDD solid;
background:#FFF;
float:right;
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;
}

.textMain{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:15px 0 30px;
	color:#F00;
}

#contents_area .stepTit{
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background:#EC2045;
	padding:15px 10px 10px;
	margin:0 0 10px;
	text-align:left;
}

.stepArea .lead{
	font-size:14px;
	line-height:1.5em;
	text-align:left;
}

.atentionBox{
	background:#FFFFAD;
	padding:10px;
	border-radius:8px;
}

.atentionBox p	{
	font-size:14px;
}

.ancer {
	font-weight:bold;
}

#step p .bold{
	color:#000;
	font-size:14px;
	font-weight:bold;
}

.red{
	color:#F00;
}

.atentionList{
	text-align:left;
}

.atentionList dt{
	font-weight:bold;
	margin:0 0 5px;
}

.atentionList dd{
	margin:0 0 5px;
}

.atentionList .anser{
	margin:0 0 10px;
}

.step2Tit{
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 7px;
	border-left:4px solid #EC2045;
	text-align:left;
	margin:20px 0 7px;
	color:#EC2045;
	line-height:1.5em;
}

.ticketPayment li{
	text-align:left;
	font-size:13px;
	line-height:1.4em;
	margin:0 0 5px;
	text-indent:-1em;
	padding:0 15px 0; 
}

/* ----- 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:720px;
margin:0 auto;
text-align:left;
}
#faq dl{
margin:20px 0 0 0;
border:1px solid #DDD;
}
#faq dt{
font-size:1.1em;
font-weight:bold;
padding:10px;
background:#EEE;
}
#faq dt span{
color:#FFF;
}
#faq dd{
padding:10px 10px 15px;
background:#FFF;
}

#faq dd p {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.5em;
}

#faq dd p.last {
margin-bottom: 0;
}

#faq dd li{
margin-bottom: 5px;
}

#faq dd li:last-child{
margin-bottom: 0;
}