@charset "utf-8";
/*=============================================================
 BASE Layout
=============================================================*/
/* header
-------------------------------------------------------------*/
body#home div#header{
	height:55px;
	top:0px;
	position:fixed;
	position:absolute !important;
}
#header-block{
	background:url(../shared/img/hdr_bg.png) repeat-x left top;
}

/* page-body
-------------------------------------------------------------*/
#page-body{
	padding-top:0;
	position:relative;
}

/* swf-area
-------------------------------------------------------------*/
#swf-area{
	min-width:900px;
	height:395px;
}
#swf-area div{
	padding-top:100px;
}
#swf-area p{
	line-height:160%;
	padding-top:20px;
}

/* MAIN Layout
-------------------------------------------------------------*/
#main{
	clear: both;
	text-align: center;
	background: #fff;
	height:415px;
}
#main-area{
	clear: both;
	width: 900px;
	text-align: center;
	background: #fff;
	height:415px;
	margin:0 auto;
}
#main-area #main-visual{
	clear: both;
	height:415px;
	width: 900px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#main-area #main-visual-inner{
	clear: both;
	width: 900px;
	height:395px;
	margin:0 auto;
	overflow:hidden;
}
#main-area #main-visual-inner div{
	position:relative;
}
#main-area #main-visual-inner img{
	width: 100%;
	height:auto;
}
.bx-prev, .bx-next {
	position:absolute;
	z-index:100;
	width: 20px;
	height: 70px;
}
.bx-prev {
	display: block;
	top: 50%;
	left:-20px;
	background: url(../img/prev.png) no-repeat left top;
	margin-top:-55px;
}
.bx-next {
	display:block;
	top: 50%;
	right:-20px;
	background:url(../img/next.png) no-repeat left top;
	margin-top:-55px;
}
.bx-pager {
	padding:0 0 0 0;
	position:absolute;
	z-index:100;
	right:0;
	bottom:1px;
	height:14px;
	float:right;
}
.bx-pager .bx-pager-item {
	display:block;
	padding:0 5px;
	float:left;
}
.bx-pager a {
 background:url(../img/pager.png) no-repeat left top;
	display:block;
	width: 14px;
	height: 14px;
	text-indent:-9999px;
	text-align:left;
}
.bx-pager a.active {
	background:url(../img/pager_act.png) no-repeat left top;
}

/* global-area
-------------------------------------------------------------*/
#global-area{
	height:43px;
	padding-bottom:24px;
	position:relative;
	left:-8px;
	z-index:200;
}

/*=============================================================
 HOME Contents Layout
=============================================================*/

/* contents
-------------------------------------------------------------*/
#contents{
	width:700px;
}

/* nmao-now-area
-------------------------------------------------------------*/
#nmao-now-area{
	width:100%;
	margin-bottom:13px;
	overflow:hidden;
}
#nmao-now-area h2{
	float:left;
}
#nmao-now-area ul{
	background:url(../img/bg_nmao_now.gif) no-repeat left top;
	float:right;
	width:618px;
	height:23px;
	overflow:hidden;
	position:relative;
}
#nmao-now-area ul li{
	line-height:125%;
	background:#fff;
	width:598px;
	position:absolute;
	top:4px;
	left:10px;
}

/* top-main-box
-------------------------------------------------------------*/
#top-main-box{
	background:#f0edeb url(../img/bg_box_top.gif) no-repeat left top;
	margin-bottom:30px;
	padding-top:12px;
	overflow:hidden;
}
#top-main-box-inr{
	background:#f0edeb url(../img/bg_box_btm.gif) no-repeat left bottom;
	width:680px;
	padding:0 10px;
}
/* top-box-left */
#top-box-left{
	float:left;
	width:252px;
}
/* top-box-right */
#top-box-right{
	float:right;
	width:414px;
}

/* calendar-area
-------------------------------------------------------------*/
#calendar-area{
	background:#fff url(../img/bg_calendar_area.gif) no-repeat left bottom;
	padding-bottom:15px;
}
/* calendar-nav */
#calendar-nav{
	background:#999;
	height:22px;
	position:relative;
	overflow:visible;
}
#calendar-nav h2{
	font-size:123.1%;
	line-height:110%;
	color:#fff;
	text-align:center;
	padding:3px 24px 0;
}
#calendar-nav .prev{
	position:absolute;
	top:0;
	left:0;
}
#calendar-nav .next{
	position:absolute;
	top:0;
	right:0;
}
/* calendar-table */
#calendar-area table.calendar-table{
	width:252px;
}
#calendar-area table.calendar-table tr{
}
#calendar-area table.calendar-table th,
#calendar-area table.calendar-table td{
	background:url(../shared/img/bg_line_dot_x.gif) repeat-x left bottom;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	width:36px;
}
#calendar-area table.calendar-table th{
	font-size:85%;
	height:22px;
}
#calendar-area table.calendar-table td{
	font-size:138.5%;
	height:36px;
	cursor:pointer;
}
#calendar-area table.calendar-table .sunday{
	color:#e4007f;
}
#calendar-area table.calendar-table .free{
	background-color:#f8c7be;
	cursor:pointer;
}
#calendar-area table.calendar-table .close{
	background-color:#f0edeb;
}
#calendar-area table.calendar-table .event{
	background-color:#d3edfb;
	cursor:pointer;
}
#calendar-area table.calendar-table .freeandevent{
	background-color:#f8c7be;
	cursor:pointer;
}
/* calendar-popup */
#calendar-popup{
	background:#fff;
	text-align:left;
	width:200px;
	padding:18px 25px;
	border:1px solid #d9d6d5;
	position:absolute;
	display:none;
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);/* for Firefox */  
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);/* for Safari,Chrome */
	box-shadow:5px 5px 5px rgba(0,0,0,0.3);  
}
#calendar-popup h3,
#calendar-popup p{
	font-size:100%;
	line-height:150%;
	font-weight:normal;
}
/* calendar-exp */
#calendar-exp{
	font-size:85%;
	line-height:150%;
/*	background:url(../shared/img/bg_line_dot_x.gif) repeat-x left top;
	margin-top:35px;*/
	padding:13px 18px 0 21px;
}
#calendar-exp ul{
	padding-bottom:3px;
}
#calendar-exp li{
	background:url(../img/m_sq_gray.gif) no-repeat left 2px;
	padding-left:13px;
}
#calendar-exp li.pink{
	background-image:url(../img/m_sq_pink.gif);
}
#calendar-exp li.blue{
	background-image:url(../img/m_sq_blue.gif);
}

/* top-box-right common
-------------------------------------------------------------*/
#top-box-right h2{
	font-size:100%;
	line-height:100%;
}
#top-box-right .top-line-box{
	background:url(../img/bg_linebox_blue_btm.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:4px;
}
#top-box-right .top-line-box .box-in{
	background:url(../img/bg_linebox_blue_top.gif) no-repeat left top;
	padding-top:4px;
}
#top-box-right .top-line-box .box-in .box-in{
	width:394px;
	background:url(../img/bg_linebox_blue_mdl.gif) repeat-y left top;
	padding:8px 10px 0px 10px;
	overflow:hidden;
}
#top-box-right .list-box{
	background:url(../shared/img/bg_line_dot_x.gif) repeat-x left bottom;
	width:100%;
	margin-bottom:6px;
	padding-bottom:6px;
	overflow:hidden;
}
#top-box-right .first{
	background:none;
	margin-top:0;
	padding-top:0;
}
#top-box-right .list-box .photo{
	float:right;
	padding:0 0 0 10px;
}
#top-box-right .list-box div.arw{
	background:url(../img/arw_blue.gif) no-repeat left 4px;
	padding:0 0 0 13px;
}
#top-box-right .list-box img.icon{
	vertical-align:text-bottom;
	padding-left:8px;
}
#event-area .list{
	font-size:85%;
	text-align:right;
}
#event-area .list a{
	background:url(../img/arw_blue_circle.gif) no-repeat left top;
	padding:2px 0 2px 14px;
	color:#39a1db;
}


/* information-area
-------------------------------------------------------------*/
#information-area .top-line-box{
	background-image:url(../img/bg_linebox_pink_btm.gif);
	margin-bottom:0;
}
#information-area .top-line-box .box-in{
	background-image:url(../img/bg_linebox_pink_top.gif);
}
#information-area .top-line-box .box-in .box-in{
	background-image:url(../img/bg_linebox_pink_mdl.gif);
	padding-bottom:0;
}
#information-area ul li{
	background:url(../shared/img/bg_line_dot_x.gif) repeat-x left bottom;
	margin-bottom:5px;
	padding-bottom:6px;
}
#information-area ul li a{
	background:url(../img/arw_pink.gif) no-repeat left 5px;
	display:block;
	width:381px;
	padding:0 0 0 13px;
}
#information-area ul li span{
	background:url(../img/square_pink.gif) no-repeat left 5px;
	display:block;
	width:381px;
	padding:0 0 0 13px;
}
#information-area .list{
	font-size:85%;
	text-align:right;
}
#information-area .list a{
	background:url(../img/arw_pink_circle.gif) no-repeat left top;
	padding:2px 0 2px 14px;
	color:#ca67a4;
}


/* right-menu
-------------------------------------------------------------*/
#right-menu{
	width:192px;
}
/* icon-menu */
#right-menu ul{
	width:100%;
	overflow:hidden;
}
#right-menu ul li{
	float:left;
	padding-left:41px;
	height:95px;
}
/* site-menu */
#right-menu ul.site-menu{
	width:148px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	margin:10px 0 0 auto;
}
#right-menu ul.site-menu li{
	float:none;
	padding-left:0;
	height:auto;
	border-bottom:1px solid #ddd;
}



/* snsArea
-------------------------------------------------------------*/
.snsArea{
	clear:both;
}
.snsArea .facebookBtn,
.snsArea .twitterBtn{
	float:left;
	width:130px;
}

/* snsArea 
------------------------------------------------------------*/

/* event-toppage
-------------------------------------------------------------*/
.topbox label{
    display: block;
    margin: 1.5px 0;
    padding : 1.2px 12px;
    color :#2f8fcf;
	font-weight: bold; 
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}


label:hover id="label1"{
    background :#85baef;
}

input[type="checkbox"].cssacc {
    display: none;
}

input[type="checkbox"].cssacc:checked + .accshow{
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

.accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
      -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: 0.5s;
}


/* event-toppage
-------------------------------------------------------------*/



.st-bold {
	color:#ff0000;
	font-weight:bold;
	}