@charset "utf-8";

/* --------------------------------------------------------------

EVENT

----------------------------------------------------------------- */


#event p.dayTit {
	text-align:center;
	padding: 2px 8px;
	color:#9A2C6B;
	font-size:116%;
	background:#fff;
	border:2px solid #9A2C6B;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:-8px;
	padding:8px 8px 6px 8px;
	}


/* event_info
---------------------------------------------------- */

#event #event_info{
	margin-right:15px;
}

#event #event_info h4 {
	text-align:center;
	padding: 2px 8px;
	color:#FFF;
	font-size:116%;
	background:#1A88B9; 
	width:105px;
}

#event #event_info h5 {
	margin:15px 0px 3px;
	padding: 5px 0px 5px 25px;
	color:#FFF;
	font-size:138.5%;
	background:#1A88B9 url(../event/img/h5_b.jpg) no-repeat 10px center; 
}


#event #event_info h5 span{
	margin:0px 0px 0px 8px;
	padding: 2px 8px;
  color:#FFC926;
  font-size:85%;
}


/* event_report
---------------------------------------------------- */

#event #event_report {
	margin-right:15px;
}

#event #event_report h4 {
	text-align:center;
	padding: 2px 8px;
	color:#FFF;
	font-size:116%;
	background:#0B865A; 
	width:105px;
}

#event #event_report h5 {
	margin:15px 0px 3px;
	padding: 5px 0px 5px 25px;
	color:#FFF;
	font-size:138.5%;
	background:#0B865A url(../event/img/h5_g.jpg) no-repeat 10px center; 
}


#event #event_report h5 span{
	margin:0px 0px 0px 8px;
	padding: 2px 8px;
  color:#FFC926;
  font-size:85%;
}





/* side
---------------------------------------------------- */



#side .side-menu > ul > li > a:hover,
#side .side-menu .year {
	background: #EFDEE8 url(../common/dot.gif) no-repeat 18px 19px;
  }

label {
	display: block;
	padding: 13px 10px 13px 30px;
	color: #444444;
	text-decoration: /gapyear/css/none;
	background: #EFDEE8 url(../common/dot.gif) no-repeat 18px 19px;
	border-bottom:1px #ccc dotted;
}

input[type="checkbox"].on-off{
    display: /gapyear/css/none;
}

.side-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: /gapyear/css/none;
}


input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 96px;
}


/* calender */

.calendar h4 {
  background:#F7E3EF;
	text-align:center;
	font-size:108%;
	padding:6px;
	margin-bottom:5px;
  border-top:2px solid #9A2C6B;
  color:#9A2C6B;
}

.calendar .month {

	text-align:center;
	font-size:116%;
	font-weight:bold;
  z-index:0;
  margin:0px 40px;
}

.calendar ul  {
	font-weight:normal;
	margin-bottom:5px;
	padding:5px;

}

.calendar ul li.prev {
	float:left;
	font-size:93%;
	padding-top:5px;
  z-index:10;
}

.calendar ul li.next {

	float:right;
	font-size:93%;
	padding-top:5px;
  z-index:12;
}

.calendar table.tblCal {
	border-collapse:collapse;
	border-spacing:0;
  margin:0px auto 10px auto;
  border:1px solid #bbb;
   width:250px;
}

.calendar table.tblCal th {
	border-collapse:collapse;
	border-spacing:0;
  border:1px solid #bbb;
	color:#fff;
	font-weight: normal;
	padding:1px;
	text-align:center;
	background:#6F6E6E;
}

.calendar table.tblCal td {
	border-collapse:collapse;
	border-spacing:0;
	text-align:center;
	white-space:nowrap;
  border:1px solid #bbb;
	padding: 8px 0px;
}

.calendar table.tblCal td.bg01 {
  background: #C9E5C1;
  }
  
.calendar table.tblCal td.bg02 {
  background: #B6D4F7;
  }

.calendar table.tblCal td.day {
	border:2px solid #FF8000;}

table.tblCal .sat {
	color:#4E6BB1;
	border-right: /gapyear/css/none;
}

table.tblCal .sun {
	color:#E64D67;
}

.calendar p.mark {
  font-size:93%;
  line-height:90%;
  padding-top:6px;
    }
.calendar span {
  padding:2px 5px;
  margin-right:3px;
  margin-left:3px;
    }
	 
.calendar span.green {
  background: #C9E5C1;
  }

.calendar span.blue {
  background: #B6D4F7;
  }
 
 .calendar span.org {
   padding:0px 3px;
  border:2px solid #FF8000;
  }

/* sum
---------------------------------------------------- */

#event .info-block {
	overflow: hidden;
	padding: 5px 0px;
	border: 2px solid #CCC;
	margin-bottom: 5px;
}


#event #event_info .info-block .copy {
	margin:0px 0px 8px;
	padding-bottom:5px;
	font-size:108%;
	border-bottom: 2px solid #1A88B9;
}

#event #event_report .info-block .copy {
	margin:0px 0px 8px;
	padding-bottom:5px;
	font-size:108%;
	border-bottom: 2px solid #0B865A;
}

#event .info-block dl{
  overflow:hidden;
}

#event .info-block dt{
	float: left;
	padding: 2px 0px 0px 0px;
	width:85px;
}

#event .info-block dd{
	padding: 2px 0px 2px 85px;
}

#event .info-block .sumimg{
	float: right;
	padding: 20px 15px;
}

#event .info-block .txtbox{
	overflow:hidden;
	padding: 10px;
}

#event .more{
	text-align: right;
}



/* pagenavi */

.pagenavi {
	text-align: center;
	padding: 15px;
	margin-top: 20px;
}

	.pagenavi li {
	display:inline;
	}

	.pagenavi li a {
  margin: 0px 4px;
  padding: 10px 15px;
  border: 1px solid #EEE;
  background: #EEE;
  color: #9A2C6B;
  text-decoration: /gapyear/css/none;
	}

	.pagenavi li a:hover {
  border: 1px solid #9A2C6B;
  text-decoration: underline;
	}

	.pagenavi li a.bg {
  color: #FFF;
  background: #9A2C6B;
  border: 1px solid #9A2C6B;
	}
	








/* table
---------------------------------------------------- */
.tbl_info{
	margin: 0px 0 15px 0;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #CCC;
}

.tbl_info th,
.tbl_info td{
	padding: 12px 10px;
	border: 1px solid #CCC;
	background:#fff;
}

.tbl_info th{
	background: #E8F6FC;
	text-align: left;
	border-right: /gapyear/css/none;
}

.tbl_info .more{
	background: #FBFBFB;
	text-align:center;
}










/* tempbox
---------------------------------------------------- */


#event .info-block2 {
	background: url(/gapyear/common/bg_dot2.gif);
	padding: 15px;
	margin: 25px 0;
	overflow: hidden;
}

#event .tempbox {
	overflow:hidden;
	border: 2px #ccc solid;
	padding: 15px;
	margin: 10px 0;
	background: #fff;
}

#event .temp01,
#event .temp02,
#event .temp03 {
	overflow: hidden;
	margin-bottom: 30px;
}

#event .tempbox  h6{
	margin:0px 0px 8px;
	padding:4px 0 4px 15px;
	font-size:123.1%;
	background:#C9EAF8 url(../event/img/h6_b.jpg) no-repeat left top; 
}

#event .tempbox .temp01 .copy{
	margin:0px 0px 8px;
	font-size:138.5%;
}

#event .tempbox .temp03 .copy{
	margin:10px 0px 8px;
	font-size:108%;
	color:#1A88B9;
}

#event .tempbox .temp03 .box{
	background:#F6FAFC;
	margin:10px 0;
	padding:10px;
}

#event .tempbox .temp03 .rightbox{
	width: 390px;
	float: right;
}


#event .info-block2 .tempbox .temp03 .rightbox{
	width: 360px;
	float: right;
}


#event .tempbox .right{
	float: right;
	padding: 10px 0 15px 15px;
}
#event .tempbox .center{
	text-align:center;
	padding: 15px 0;
}

#event .tempbox .left{
	float: left;
	padding: 10px 15px 15px 0px;
}

#event .tempbox .temp04 ul{
	margin:20px auto;
	width:540px;
}

#event .tempbox .temp04 li{
	float: left;
	padding: 10px 15px 15px 0px;
}



/* report_tempbox
---------------------------------------------------- */

#event .report-block .tempbox  h6{
	background:#CDF3DD url(../event/img/h6_g.jpg) no-repeat left top; 
}

#event .report-block .tempbox .temp03 .copy{
	color:#0EB178;
}

#event .report-block .tempbox .temp03 .box{
	background:#F6FCFA;
}




/* kakikae
---------------------------------------------------- */

#kakikae {
	padding: 30px 2px 10px 2px;
	line-height: 180%;
}

/* ÎÄ×ÖÅäÖÃ*/

#kakikae .left{
	width:100%;
	margin:0 auto;
	text-align:left;
}

#kakikae .center{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#kakikae .right{
	width:100%;
	margin:0 auto;
	text-align:right;
}

/* ÒŠ³ö¤· */

#kakikae h1{
	font-size:240%;
	line-height:1.5;
	background: url(/gapyear/css/none);
	margin: 0px;
	padding: 0px;
}

#kakikae h2{
	font-size:180%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/css/none);
	padding: 0px;
	border-bottom:/gapyear/css/none;
}

#kakikae h3{
	font-size:140%;
	line-height:1.5;
	background: url(/gapyear/css/none);
	margin: 0px;
	padding: 0px;
	color:#3D3D3D;
}


#kakikae h4{
	font-size:120%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/css/none);
	padding: 0px;
	color: #3D3D3D;
}

#kakikae h5{
	font-size:100%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/css/none);
	padding: 0px;
}

#kakikae h6{
	font-size:82%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/css/none);
	padding: 0px;
}

/* ¥ê¥¹¥È */

#kakikae ol li{
	list-style:decimal;
	list-style-position:inside; 
}

#kakikae ul li{
	list-style:disc;
	list-style-position:inside; 
}


/* ¥¤¥ó¥Ç¥ó¥È */

#kakikae blockquote {
	padding-left:1em;
}

/* ¥Æ©`¥Ö¥ë */

#kakikae table{
	font-size:100%;
	border-collapse: collapse;
}

/* ¾€ */

#kakikae hr{
	display:block;
}

/* ¥¤¥¿¥ê¥Ã¥¯ */
#kakikae em {
	font-style: oblique;
	font-style: italic;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
}

/* Ì«ÎÄ×Ö */
#kakikae strong{
	font-weight:bold;	
}

/* ¥¤¥¿¥ê¥Ã¥¯Ì«ÎÄ×Ö */

#kakikae em strong, 
#kakikae strong em {
	font-style: oblique;
	font-style: italic;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
	font-weight:bold;	
}

/* »­Ïñ */
#kakikae .photoLeft{
		float:left;
		padding-right:20px;
}

#kakikae .photoRight{
	float: right;
	padding-left: 20px;
}

#kakikae a{
	color:#0065AC;
}
