@charset "utf-8";

body {
  margin-top: 63px;
}
/*----------------------------------------------------------
	mainImage Area
----------------------------------------------------------*/
/*--- 2019.08.28 Start ---*/
body#about #mainImageArea{
	background-position: -200px;
}
/*--- 2019.08.28  End  ---*/

body#about #mainImageArea h1{
	position:absolute;
	width:98%;
	top:20px !important;
	left:2% !important;
	}
	body#about #mainImageArea h1 img{
		width:40%;
	}
	
body#about #LeftContents .mainContentsArea h3 {
	border-bottom: 4px solid #CCCCCC;
	background:none;
	padding:30px 0 15px !important; 
}

/* abtTab */
body#about #LeftContents .mainContentsArea ul.abtTab{
	background: url(/common/images/tab_bg_basic.gif) repeat;
	list-style:none;
	padding:5%;
	overflow:hidden;
	border-top:1px solid #BCBAB6;
	
}
body#about #LeftContents .mainContentsArea ul.abtTab li{
	list-style:none;
	display:block;
	width:90%;
	padding:2% 5%;
	margin-bottom:2px;
	background-color:#FFFFFF;
	border-bottom:1px solid #BCBAB6;
	border-top:2px solid #fff;
}
body#about #LeftContents .mainContentsArea ul.abtTab li.cr{
	border-top:2px solid #C61217;
	
}
body#about #LeftContents .mainContentsArea ul.abtTab li a{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

/*Q&A*/
body#about #LeftContents .mainContentsArea dl dd{
	overflow:visible;
}
.smAbtDDCont{
	margin-left:-40px;
}

/*abt06*/
@media all and (orientation:portrait){
.abt06Table{
	zoom:0.6;
	
}
.abt06Table th, .abt06Table td{
	padding:5px !important;
}
}
@media all and (orientation:landscape){
.abt06Table{
	
}
}




/*abt07*/
body#about #LeftContents .mainContentsArea .cnotLayoutR02 {
		float:none;
		width:100%;
	}
body#about #LeftContents .mainContentsArea .cnotLayoutR02 .contTableF {
	width:100% !important;
	margin: 0 0 20px 0;
}

.aboutTxt{
	position: relative;
	font-size:18px;
	line-height:1.6;
}

.aboutTxt span{
		font-size:14px;
}

/* 2017.10.26 add */
dl.schedule_area {
	width: 250px;
	padding-bottom: 10px;
}
dl.schedule_area dt {
	float: left;
	clear: left;
	width: 50px;
}
dl.schedule_area dd {
	float: left;
	width: 200px;
}
/* 2017.10.26 end */

/*abt09*/
.abt09Img{
	float:none !important;
	text-align:center;
}

body#about #LeftContents .mainContentsArea .contTableF {
width:100%!important;
margin-left:0;
}


/*abt12*/
body#about #LeftContents .mainContentsArea ul.cont3col li{
	list-style:none;
    float: none;
	margin:0 auto 30px !important;
    text-align: center;
	min-width:211px;
}

body#about #LeftContents .mainContentsArea ul.cont3col{
	padding:0;
}

.cont3col.m20{
	margin:0;
}



.cont3col li:first-child {
    margin-left: 0;
}

.cont3col  img{
	margin:0 0 10px 0;
}

body#about #LeftContents .mainContentsArea .cont3col .MoreLink{
}
body#about #LeftContents .mainContentsArea .cont3col .MoreLink a, 
body#about #LeftContents .mainContentsArea .cont3col .MoreLink a:link, 
body#about #LeftContents .mainContentsArea .cont3col .MoreLink a:visited {
	box-sizing:border-box;
	width:211px;

}



/*about popup*/
body.guide #puwBody {
	width:96%;
	left:2%;
}
body.guide #puwBody #onsenData > div {
	margin:0;
}
body.guide #puwBody table.contTableD th,
body.guide #puwBody table.contTableD td {
	padding:5px 3px!important;
	font-size:90%;
}

@media all and (orientation:portrait){
body.guide #puwBody table.contTableD th,
body.guide #puwBody table.contTableD td {
	padding:5px 0px!important;
	font-size:30%;
}
}
@media all and (orientation:landscape){
body.guide #puwBody table.contTableD th,
body.guide #puwBody table.contTableD td {
	padding:5px 5px!important;
	font-size:90%;
}
}

body#about .fonts{
	font-size:75%!important;
	line-height:200%!important;
}
body#about .fonts2{
	font-size:70%!important;
	line-height:200%!important;
}

/*----------------------------------------------------------
	2016/04/08 add
	about-form
----------------------------------------------------------*/
@media all and (orientation:portrait){
	.contTable-OtokuF{
		zoom:0.5;
	}
}
}
@media all and (orientation:landscape){
	.contTable-OtokuF{
		zoom:1;
	}
}
	.contTable-OtokuF th{
		width:30% !important;
	}


.departureDate table {
	width: 100% !important;
	}

.form1	.contTable-OtokuF td input.tdIn {
	width:100%!important;
	}
	
.form1	.contTable-OtokuF td input.w35 {
	width:35%!important;
	}	
	
.form1	.contTable-OtokuF td select.tdIn{
	width:100%!important;
	}
	
.form1	.contTable-OtokuF td textarea.tdIn{
	width:100%!important;
	}

#about-calendar #wrapper {
    width: 96%;
    padding: 2%;
}

#about-calendar h1 {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    font-size: 153.9%;
    margin: 10px 0 20px;
}

#about-calendar i {
    margin-right: 0.5em;
}

#about-calendar #copy {
    text-align: center;
    margin: 20px 0;
}

#about-calendar table {
    border-collapse: collapse;
    width: 100%;
}

#about-calendar th ,
#about-calendar td { 
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
    line-height: 2;
}

#about-calendar th {
    background: #efefef;
    font-weight: bold;
}

#about-calendar .sunday {
    color: #d90000;
}

#about-calendar .saturday {
    color: #0095ff;
}

/*----------------------------------------------------------
	2017/11/20 add
	form02
	2018/04/19 add
	contact01
----------------------------------------------------------*/
#form10 input[type="radio"],
#form10 input[type="checkbox"],
#form11 input[type="radio"],
#form11 input[type="checkbox"],
#form12 input[type="radio"],
#form12 input[type="checkbox"],
#contact_form input[type="radio"],
#contact_form input[type="checkbox"]{
	font-size: 110%;
	height: 30px;
	width: 30px;
}
#form10 label,
#form11 label,
#form12 label,
#contact_form label{
	font-size: 110%;
	margin-right: 20px;
}

#form10 input[type="text"],
#form11 input[type="text"],
#form12 input[type="text"],
#contact_form input[type="text"],
#contact_form input[type="email"]{
	height: 50px;
	margin-bottom: 10px;
}

#form10 input.mail_text,
#form10 input.address_text,
#form10 input.name_text,
#form11 input.mail_text,
#form11 input.address_text,
#form11 input.name_text,
#form12 input.mail_text,
#form12 input.address_text,
#form12 input.name_text,
#contact_form input.mail_text,
#contact_form input.address_text,
#contact_form input.name_text{
	width: 100%;
}

#contact_form table.contTable-OtokuF td {
	width: 50%!important;
}


/* 2018.06.18 start */
div.divBorder{
	padding: 5px;
	border: thin solid #000;
}

p.leftArea{
	width: 120px;
	float: left;
	clear: both;
}
.rightArea{
	width: auto;
	float: left;
	clear: both;
}

.abt13TabelA td, .abt13TabelA th{
	border: 1px solid #000;
}

.abt13TabelA{
	border: 2px solid #000;
	text-align: center;
}

.abt13TabelA th.leftWidth{
	width: 30%;
}

.abt13TabelA th.centerWidth{
	width: 40%;
}

.abt13TabelA th.rightWidth{
	width: 30%;
}

.abt13TabelA th{
	border-bottom: 2px solid #000;
}

.abt13TabelA tr .tableRight{
	border-left: 2px solid #000;
}

/* 2018.06.18 end */