@charset "utf-8";
/* CSS Document */

#topImg{
width: 550px; height:340px; position: relative; margin-bottom: 20px;
}
.nivoSlider{
width: 550px; height: 340px; position :relative; background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
display: none; position: absolute; top: 0px; left:0px;
}


#top_main{
	position:relative;
	height: 567px;
	width: 980px;
	margin:0px 1px;
}

#top_banner {
	position: absolute;
	top:395px;
	left:602px;
	z-index:10;
}

#top_banner02 {
	position: absolute;
	top:240px;
	left:602px;
	z-index:10;
}
#top_banner03
 {
	position: absolute;
	top:85px;
	left:602px;
	z-index:10;
}
#swf{
	z-index:1;
}

#top_main h1{
	position: absolute;
	top:0px;
	left:0px;
	text-indent: -9999px;
}
#top_main h2{
	position: absolute;
	text-indent: -9999px;
}

#top_navi {
	position:relative;
	height: 176px;
	width: 980px;
	margin:0px 1px;
	background-image:url(../images/top_bgline.gif);
	background-repeat:repeat-x;
}

#top_secondary{
	position:relative;
	width: 980px;
	margin-top: 10px;
	margin-bottom: 30px;
	background: url(../images/bg_line_secondary.gif) repeat-y center top;
}

#top_navi ul,
#top_secondary ul{
	position: absolute;
	top:10px;
	left:89px;
}

#top_navi li,
#top_secondary li{
	float:left;
}

#top_navi img,
#top_secondary img {
	margin-right:27px;
}



#contentcolumn div.blockbox{
width: 550px; padding-bottom: 30px;
}

/*
#content-archive
*/
#content-archive h4:before{
	content: "\f073"; display: inline; font-family: "fontAwesome",san-serif; margin-right: 0.2em;
}
#content-archive h4{
	border-bottom-color: #e19456; color: #e19456;
}

/*
#content-schedule
ol.schedule
*/
#contentcolumn #content-schedule{
padding-bottom: 0px;
}
#content-schedule h4:before{
	content: "\f073"; display: inline; font-family: "fontAwesome",san-serif; margin-right: 0.2em;
}
#content-schedule a,
ol.schedule a{
color: #424242; text-decoration: none;
}
#content-schedule a:hover,
ol.schedule a:hover{
text-decoration: underline;
}
#content-schedule li.hidden,
ol.schedule li.hidden{
display: none;
}
#content-schedule ul:after,
ol.schedule ul:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#content-schedule ul,
ol.schedule ul{
zoom: 1; position: relative; margin: 0px -10px;
}
#content-schedule li.seminar,
ol.schedule li.seminar{
float: left; width: 170px; background: url(../images/common/background/shadow_right.jpg) no-repeat right bottom; margin-bottom: 1em; padding: 0px 10px 25px;
}

#content-schedule li.new-line,
ol.schedule li:nth-child(3n+1){
clear: left;
}

#content-schedule ol > li,
ol.schedule ol > li{
margin-bottom: 1em;
}
#content-schedule dl,
ol.schedule dl{
font-size: 90%; line-height: 1.4em;
}
#content-schedule dt,
ol.schedule dt{
position: relative; margin: 0px -1em 0.3em 0px; font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","HG丸ゴシックM-PRO","メイリオ","ＭＳ Ｐゴシック",Arial,Helvetica,Sans-Serif;
}
#content-schedule dt a,
ol.schedule dt a{
color: #008fe0; letter-spacing: -1px;
}
#content-schedule li.seminar.off dt a,
ol.schedule li.seminar.off dt a{
	color: #161616;
}
#content-schedule li.report dt a,
ol.schedule li.report dt a{
	color: #e19456;
}
#content-schedule dd.photo,
ol.schedule dd.photo{
height: 110px; position: relative; margin-bottom: 0px; line-height: 1; 
}

#content-schedule li.seminar.off dd.photo img,
ol.schedule li.seminar.off dd.photo img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}
#content-schedule li.seminar.off dd.photo .thumb img,
ol.schedule li.seminar.off dd.photo  .thumbimg{
	-webkit-filter: grayscale(100%)  opacity(50%);
	-moz-filter: grayscale(100%) opacity(50%);
	-ms-filter: grayscale(100%) opacity(50%);
	filter: grayscale(100%) opacity(50%);
}
#content-schedule a.date,
ol.schedule a.date{
	display: block; width: 50px; height: 50px; position: absolute; z-index: 2; left: 5px; top: 5px; 
}
#content-schedule dd.status,
ol.schedule dd.status{
background: #E6E6E6; margin-bottom: 0.3em; padding: 3px 0px; color: #008FE0; font-weight: bold; line-height: 1.2em; text-align: center;
}
#content-schedule span.full,
ol.schedule span.full{
color: #ff6699;
}
#content-schedule span.finish,
ol.schedule span.finish{
color: #999;
}
#content-schedule span.pending,
ol.schedule span.pending,
#content-schedule span.cancel,
ol.schedule span.cancel{
	color: #161616;
}
#content-schedule span.report,
ol.schedule span.report{
	color: #e19456;
}
#content-schedule dd.caption,
ol.schedule dd.caption{
margin-bottom: 0.5em; font-family:"Lucida Grande",  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Geneva, Arial, Verdana, sans-serif; font-size: 110%; font-weight: bold; 
}
#content-schedule li.report dd.caption,
ol.schedule li.report dd.caption{
	color: #e19456;
}
#content-schedule dd.caption a,
ol.schedule dd.caption a{
color: #161616;
}
#content-schedule li.seminar.off  dd.caption a,
ol.schedule li.seminar.off  dd.caption a{
	color: #161616;
}
#content-schedule li.seminar.p20150808 dt{
position: relative; margin-right: -2em;
}


/* 
〜2014.12
（旧レイアウト）
What's New 
*/

#whatsnew {
	position: relative;
	width: 500px;
	top: 15px;
	padding-bottom: 30px;
	left: 10px;
}
#content-whatsnew h3,
#whatsnew h3 {
	margin-bottom: 12px;
	border-bottom: 2px solid #008EE0;
}

#content-whatsnew img#to-bbs,
#whatsnew img#to-bbs {
	position: absolute;
	top: 0;
	left: 365px;
}

#whatsnew dl {
	margin-left: 1em;
}

#content-whatsnew dl dt:after,
#whatsnew dl dt:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#content-whatsnew dl dt,
#whatsnew dl dt {
zoom: 1; margin-bottom: 3px;
}
#content-whatsnew dl dt span.date,
#whatsnew dl dt span.date{
float: left;
}
#content-whatsnew dl dt div,
#whatsnew dl dt div{
float: left; width: 62px; height: 21px; padding: 0px 0px 0px 10px;
}
#content-whatsnew dl dt div span,
#whatsnew dl dt div span{
display: block; width: 62px; height: 21px; background-repeat: no-repeat; background-position: center top; text-indent: -9999px; overflow: hidden;
}
#content-whatsnew dl dt div span.start,
#whatsnew dl dt div span.start{
background-image: url(/images/sign/accepting_start.gif);
}
#content-whatsnew dl dt div span.end,
#whatsnew dl dt div span.end{
background-image: url(/images/sign/accepting_end.gif);
}
#content-whatsnew dl dd,
#whatsnew dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../images/bg_line.gif) repeat-x left bottom;
}
#content-whatsnew dl dd a,
#whatsnew dl dd a {
	text-decoration: underline;
}




#ticker_wrapper .ticker{
	background-color: #0099CC; border-radius: 2px; margin-bottom: 2em; padding: 6px 1em; 
}
#ticker_wrapper .ticker p{
	margin-bottom: 0px;
}
#ticker_wrapper .ticker a{
	display: inline-flex; align-items: flex-start; justify-content: flex-start; font-weight: bold; color: #fff; letter-spacing: -0.05em; line-height: 1.25em; 
}
#ticker_wrapper .ticker a:hover{
	text-decoration: underline; 
}
#ticker_wrapper .ticker a:before{
	content: "NEW"; display: inline-block; background-color: #fff; border-radius: 2px; margin-right: 6px; padding: 4px 0.5em; font-size: 14px; color: #0099CC; font-weight: bold; 
}

#ticker_wrapper .ticker.shinkaichi{
	background-color: #F6F3E5;
}
#ticker_wrapper .ticker.shinkaichi a{
	color: #000;
}
#ticker_wrapper .ticker.shinkaichi a:before{
	color: #000;
}



/* フッター */
#top_footer {
	height: 108px;
	background: url(../images/top_footer_bg.gif) no-repeat center top;
	text-align: center;
	}

#top_footer #footer-banner {
	padding: 20px 0;
}

#top_footer #footer-banner ul li {
	display: inline;
	margin-right: 10px;
	}

/*
#top_footer{
	position:relative;
	width: 980px;
	height:77px;
	margin:0px 1px;
	background-image:url(../images/top_footer_bg.gif);
	background-repeat:repeat-y;
}

#top_footer ul{
	position:absolute;
	top:20px;
	left:89px;
}

#top_footer li{
	float:left;
}
#top_footer img{
	margin-right:9px;
}
#top_footer div{
	position:absolute;
	top:20px;
	left:644px;
}
*/