@charset "utf-8";


.spnone{ display:none !important;}
@media screen and (max-width: 900px){
.pcnone{ display:none !important;}
.spnone{ display: inline-block !important;}}

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

	Header Info

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



body#about #HeadInformation {

    background-image:url(/common/images/hi_bg_asobu.jpg);

}



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

	mainImage Area

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

body#about #mainImageArea{

	border-top:solid 1px #E8E8E8;

	background: url(/about/images/aloha_mainimg.jpg) no-repeat center top;

	height:250px;

}

body#about #mainImageArea-in{

	position:relative;

}





body#about #mainImageArea h1{

	top:98px;

	position:absolute;

}

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

	maincontents Area

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

/*link*/

body#about #LeftContents .mainContentsArea a.linkColor{

	color:#006699;

}



/* aboutSection */

body#about #LeftContents .mainContentsArea div.aboutSection{

	padding-top:10px;

	padding-bottom:20px;

	overflow:hidden;

}

body#about #LeftContents .mainContentsArea div.sectionLine{

	border-bottom:1px dotted #CCCCCC;

	margin-bottom:20px;

}



/* hn */

body#about #LeftContents .mainContentsArea h3 { 

	border-bottom: 4px solid #CCCCCC;

	background:none;

	padding:30px 0 15px;

}

	body#about #LeftContents .mainContentsArea h3 span{ 

		border-left: 4px solid #C61217;

		padding-left:10px;

	}

body#about #LeftContents .mainContentsArea h4 span{

	border-left: 4px solid #C61217;

}



/* MoreLink */

body#about #LeftContents .mainContentsArea .MoreLink{

	background:url(/about/images/cl_bg_about.gif);

	border-top:1px solid #B8B8B8;

}

	body#about #LeftContents .mainContentsArea .MoreLink a, 

	body#about #LeftContents .mainContentsArea .MoreLink a:link, 

	body#about #LeftContents .mainContentsArea .MoreLink a:visited{

		background: #C61217 url(/about/images/cl_list_about.gif) no-repeat 10px 50% ;

		border-bottom: 1px solid #7D0000;

		border-top:1px solid #C61217;

	}

/* 2018.02.22 add */
		.MoreLink_gray{
			display:inline-block;
			float:right;
			padding:0 !important;
		}
			.MoreLink_gray a, .MoreLink_gray a:link, .MoreLink_gray a:visited{
				display:inline-block;
				/* padding:5px 14px 5px 28px; */
				padding: 10px 14px 10px 28px;
				/* margin:4px 5px 5px; */
				text-decoration:none;
				color:#333;
				background: #ccc6bd url(/about/images/cl_list_about_gray.gif) no-repeat 10px 50% ;
			}
			.MoreLink_gray a:hover, .MoreLink_gray a:active{
				opacity:0.7;
				filter:alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
				color:#333;
			}
/* 2018.02.22 add end */

/* 2018.1.9 start*/
p.MoreLink_Left{
	float: left;
}

/* 2018.1.9 end */


/* table.contTableA */

body#about #LeftContents .mainContentsArea table.contTableA th.line { border-bottom:1px solid  #E2E2E2; }



/* ul list */

body#about #LeftContents .mainContentsArea ol,

body#about #LeftContents .mainContentsArea ul{

	padding-left:2em;

}

body#about #LeftContents .mainContentsArea ol li,

body#about #LeftContents .mainContentsArea ul li{

	margin-bottom:0.8em;

}

/* 2019.11.25 Start */

body#about #LeftContents .mainContentsArea ol.morelinkList,

body#about #LeftContents .mainContentsArea ul.morelinkList{

	padding-left: 0;

}

body#about #LeftContents .mainContentsArea ol.morelinkList li,

body#about #LeftContents .mainContentsArea ul.morelinkList li{

	list-style: none;

}

body#about #LeftContents .mainContentsArea ol.morelinkList li:last-child,

body#about #LeftContents .mainContentsArea ul.morelinkList li:last-child{

	margin-bottom: 0;

}

/* 2019.11.25  End  */


/* Tab Area */

body#about #LeftContents .mainContentsArea ul.abtTab{

	background: url(/common/images/tab_bg_basic.gif) repeat;

	list-style:none;

	padding:10px 10px 0;

	overflow:hidden;

	border-top:1px solid #BCBAB6;

}

	body#about #LeftContents .mainContentsArea ul.abtTab li{

		list-style:none;

		display:inline-block;

		/display: inline;

		/zoom: 1;

		padding:5px 20px;

		margin:1px 10px 0 0;

		background-color:#FFFFFF;

		border-bottom:1px solid #BCBAB6;

	}

		body#about #LeftContents .mainContentsArea ul.abtTab li.cr{

			border-top:2px solid #C61217;

			padding-bottom:13px;

			border-bottom:none;

		}

		body#about #LeftContents .mainContentsArea ul.abtTab li a{

			text-decoration:none;

			color:#666666;

			font-weight:bold;

		}



			body#about #LeftContents .mainContentsArea ul.abtTab li a:hover {

				color: #C40E05;

				}



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

	sidemenu Area

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



body#about #categoryMenu li.CMList-b a,

body#about #categoryMenu li.CMList-b .catac{

	background-image:url(/common/images/sm_bg_tomaru_b.gif);

}

body#about #categoryMenu li.CMList-r a,

body#about #categoryMenu li.CMList-r .catac{

	background-image:url(/common/images/sm_bg_tomaru_r.gif);

}



body#about #categoryMenu-Child li a,

body#about #categoryMenu-Child li a:link,

body#about #categoryMenu-Child li a:visited{

	background:#C7DB97 url(/common/images/cm_a_tmaru01.gif) no-repeat 13px 50% !important;

	color:#003300;

}

	body#about #categoryMenu-Child li a:hover,

	body#about #categoryMenu-Child li a.current{

		background-color:#F2F8E6 !important;

		background-image: url(/common/images/cm_a_tmaru02.gif) !important;

	}







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

	abt01.html

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

body#about #LeftContents .mainContentsArea h4 img{

		vertical-align:middle;

		margin-right:10px;

}





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

	abt04.html

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

body#about #LeftContents .mainContentsArea dl.QA-Area dt{

	font-size:108%;

	padding:5px 10px 10px 40px;

	margin-bottom:5px;

	background:url(/about/images/icon_q.gif) no-repeat ;

}

body#about #LeftContents .mainContentsArea dl.QA-Area dd{

font-size:108%;

	padding:5px 10px 20px 40px;

	margin-bottom:15px;

	background:url(/about/images/icon_a.gif) no-repeat ;

	border-bottom:1px dotted #CCCCCC;

}





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

	abt07.html

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



body#about #LeftContents .mainContentsArea .ImgArea02 {

	width:250px!important;

}



body#about #LeftContents .mainContentsArea .cnotLayoutR02 .contTableF {

	width:410px!important;

	float: right;

	margin: 0 0 20px 0;

}

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

/* 2022.01.21 add */
body#about #LeftContents .mainContentsArea h4 span.notbold {
	border-left: none;
	padding: 0;
	font-weight: normal;
}
/* 2022.01.21 end */

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

	abt12.html

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

.cont3col li {
    float: left;
    margin-left: 9px;
    text-align: center;
    width: 221px;
}
.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;

}




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

	popupWindow

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

/*
#popupWindow #puwHead {

	background:url(/common/images/subttl_bg.gif) repeat-x bottom;

	height:120px;

}
*/




#popupWindow #logo {

	padding:10px;

}



#puwBody {

	width:100%;

	margin:auto;

}



#puwBody h1 {

	font-weight:bold;

	font-size:153.9%;

}





#popupWindow #FootInfoArea-in {

	width:100% !important ;

	text-align: center;

}



#popupWindow .pageTop {

		text-align:right;

		/*padding:20px;*/

}



#popupWindow .closeWindow {

		text-align:center;

		padding:20px;

}





#popupWindow .MoreLink{

	background:url(/common/images/cl_bg_onsen.gif);

}



#popupWindow .MoreLink a, 

#popupWindow .MoreLink a:link, 

#popupWindow .MoreLink a:visited{

	background:#FF8F11 url(/common/images/cl_list_onsen.gif) no-repeat 10px 50% ;

	border-bottom: 1px solid #CC6600;

	border-top:1px solid #FFE6CB;

}



/*----------------------------------------------------------
	2016/04/08 add
	about-form
----------------------------------------------------------*/

.contTable-OtokuF{
		border-collapse:collapse;
		border-top:2px solid #E2E2E2;
		border-bottom:2px solid #E2E2E2;
		border-right:2px solid #E2E2E2;
}

	.contTable-OtokuF th{
		background:url("/common/images/bg_gray01.gif") repeat scroll 0 0 transparent;
		padding:5px 10px;
		text-align:left;
		font-weight:bold;
		border:1px solid #E2E2E2;
		border-left:6px solid #E2E2E2;
	}
		.contTable-OtokuF th.line{
			border-left:6px solid #C61217;
		}
	.contTable-OtokuF td{
		padding:10px 15px;
		text-align:left;
		border:1px solid #E2E2E2;
		line-height:180%;
	}
		.contTable-OtokuF td span.OtokuF-list{
			display:inline-block;
			margin-right:5px;
		}
		.OtokuFcolcol01{
		background:url("/common/images/bg_gray01.gif") repeat scroll 0 0 transparent;
		padding:2px 5px;
		}
		
	 .btnre{
	background:#D1D1D1;
	width:102px;
	height:40px;
	color:#666;
	border:0;
	cursor:pointer;
	}
	 .btnre:hover{
	background:#EAEAEA;
	}
	.btnsub{
		background:#C61217;
		width:102px;
		height:40px;
		color:#FFF;
		border:0;
		cursor:pointer;	
	}
	.btnsub:hover{
		background:#c87d80;
	}
	
	.alart{
		background:#FFDADA;
		padding:10px;
		text-align:center;
		margin-bottom:20px;
	}



#about-calendar #wrapper {
    width: 710px;
    margin: 0 auto;
    padding: 5px;
}

#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.07.25 start*/
dl.tax_txt dd {
	float: left;
}
dl.tax_txt dt {
	margin-left: 4.6em;
}

/* 2017.07.25 end */

/* 2018.04.19 start */
#contact_form table.contTable-OtokuF td {
	width: 60%!important;
}
/* 2018.04.19 end */


/* 2018.06.13 start */
div.bannerPlace {
	text-align: center;
}

div.bannerPlace a img {
	width:100%;
	margin-bottom: 10px;
}

div.bannerPlace a {
	font-size: 1.2em;
	font-weight:bold;
}
/* 2018.06.13 end */


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

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


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

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

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

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

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

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

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

/* 2018.06.18 end */

/* 2018.10.02 start*/
dl.schedule_txt dd {
	float: left;
}
dl.schedule_txt dt {
	margin-left: 3em;
}

/* 2018.10.02 end */

/* 2018.10.15 start*/
dl.schedule2_txt dd {
	float: left;
}
dl.schedule2_txt dt {
	margin-left: 6em;
}

/* 2018.10.15 end */

/* 2018.12.04 start*/
div.mainteInfo {
	width : auto;
	height : auto;
	padding : 1em;
	margin-bottom : 10px;
	border : 2px solid #ff0000
}

/* 2018.12.04 end */

/* 2018.12.26 start*/
div.wristbandInfo {
	width : auto;
	height : auto;
	padding : 1em;
	margin-bottom : 20px;
	border : 2px solid black;
}

/* 2018.12.26 end */
/* 2019.02.21 start */
div.eventinfoImage {
	margin-top: 30px;
}
div.eventinfoImage img {
	width: 100%;
}
/* 2019.02.21 end */

/* 2019.07.08 start */
.tIndent{
	text-indent: -1em;
	padding-left: 15px;
}
/* 2019.07.08 end */

/* 2019.10.11 start*/
dl.schedule3_txt dd {
	float: left;
}
dl.schedule3_txt dt {
	margin-left: 8em;
}

/* 2019.10.11 end */

/* 2020.07.29 start */
dl.list_txt dd {
	float: left;
}
dl.list_txt dt {
	margin-left: 1em;
}
/* 2020.07.29 end */

/* 2020.09.14 start */
a.important_link,
a.important_link:link,
a.important_link:visited {
	color: red;
	font-weight: bold;
}
/* 2020.09.14 end */


/*--2024.06.28 start--*/

.m-tbl {
  width: 100%;
  margin: 20px 0 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.m-tbl thead th, .m-tbl thead td,
.m-tbl tbody th,
.m-tbl tbody td {
  padding: 17px 20px 15px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b7e7d7;
}
.m-tbl thead th,
.m-tbl tbody th {
  font-size: 12px;
}
.m-tbl thead th span,
.m-tbl tbody th span {
  font-size: 12px;
  display: block;
}

.m-tbl tbody td {
  font-size: 12px;
}

/*--2024.06.28 end--*/