@charset "utf-8";
 
* {
	margin: 0;
	padding: 0; 
}
	
	
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article aside audio b big blockquote body canvas caption center cite code dd del, details dfn dialog div dl dt em embed fieldset, figcaption figure font footer form h1 h2 h3 h4 h5, h6, header hgroup hr html i iframe img ins, kbd, label, legend, li, mark menu meter nav object ol output p pre progress q rp rt ruby s samp, section small span strike strong sub summary sup table tbody td tfoot th, thead, time tr tt u ul var video xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
 
}

article aside details figcaption figure footer header hgroup menu, navsection {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
	/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}




/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/










 
/*-----------------------------------------------
 __html
-----------------------------------------------*/


html {
    -webkit-tap-highlight-color: rgba(50,50,50,0.7);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: 100%;
	
}
body {
	font: 12px/18px  "Helvetica","Arial","?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",Meiryo,"Osaka","?l?r ?o?S?V?b?N", Verdana, sans-serif;
    color: #333;
    margin: 0px;
    padding: 0px;
	letter-spacing: 1px;
	background: #fefcf2;
	text-align: center;
	border: #82CEF1 solid 15px;
}
 


.body-work {
	border: #80aebc solid 15px;
}

.body-note {
	border: #efbb5e solid 15px;
}


.body-club {
	border: #ef4d87 solid 15px;
}

.body-news {
	border: #7bd1ef solid 15px;
}


.body-committee {
	border: #7fc975 solid 15px;
}

.body-support {
	border: #a29dce solid 15px;
}

/*-----------------------------------------------
 __Base Setting
-----------------------------------------------*/
img {
	outline: none;
	border: none; 
}
 
ul {
	list-style: none; 
}
 
h1 {
	text-align: left;
	font-weight: bold; 
}
 
h2 {
	font-size: 152%;
	font-weight: bold;
	
}
 
h3 {
	font-size: 136%;
	font-weight: bold; 
}
 
h4 {
	font-size: 122%;
	font-weight: bold;
	padding: 8px 0 12px 0;
	letter-spacing: 0.2em; 
}
 
h5 {
	font-size: 107%;
	font-weight: normal; 
}
 
p {
	font-size: 90%;
	line-height: 1.8em;
	color: #5F6A6A; 
}
	
tr {
	font-size: 100%;
	line-height: 2.5em;
	color: #5F6A6A; 
}



/*-----------------------------------------------
 __Link Color Setting
-----------------------------------------------*/

	a {
		text-decoration: underline;
		outline: none;
		color: #5F6A6A; 
}
 
	a:active {
		text-decoration: underline;
		color: #333; 
}
 
	a:visited {
	color: #5F6A6A; 
}
 
	a:hover {
		text-decoration: underline;
		outline: none;
		color: #333; 
}
 
 
 
 
 
 
.wrapper {
	margin: 0 auto ;
	min-width: 870px;
	width: 960px;
	text-align:left;
	
}
 
 
 


/*-----------------------------------------------
 __header
-----------------------------------------------*/

.header {
	width: 870px;
	margin: 0 auto;
	height:390px;
	margin-bottom: 30px; 
	
	
}
 
 
#imagebox {
	width: 870px;
	margin-bottom: 30px;
	
	
}
 
#slideshow {
	width: 870px;
	height: 390px; 
	
	
}
	
	

p.counter {
	display:block;
	margin-bottom: 5px;
	vertical-align:top;
	
}

 /*-----------------------------------------------
 __menu
-----------------------------------------------*/

.menu {
	width:870px;
	margin: 0 auto;
}



.nav1 li, .nav2 li, .nav3 li {
	float:left;
	display:inline; 
}
         
.nav1 li a:link,
.nav1 li a:hover,
.nav1 li a:visited,
.nav2 li a:link,
.nav2 li a:hover,
.nav2 li a:visited,
.nav3 li a:link,
.nav3 li a:hover,
.nav3 li a:visited,
li.trailer a:link,
li.trailer a:hover,
li.trailer a:visited {
	 
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}




#area-01 {
	width: 870px;
	margin-bottom: 25px;
}



li.work a {
	 
width:200px; 
height:200px; 
background:url(m_01.gif) no-repeat top left;
margin-right: 12px;
}


li.work a:hover {
	 
width:200px; 
height:200px; 
background:url(m_01.gif) no-repeat top right;
margin-right: 12px;
}



li.note a {
	 
width:207px; 
height:200px; 
background:url(m_02.gif) no-repeat top left;
margin-right: 12px;
}


li.note a:hover {
	 
width:207px; 
height:200px; 
background:url(m_02.gif) no-repeat top right;
margin-right: 12px;
}



li.club a {
	 
width:212px; 
height:200px; 
background:url(m_03.gif) no-repeat top left;
margin-right: 14px;
}

li.club a:hover {
	 
width:212px; 
height:200px; 
background:url(m_03.gif) no-repeat top right;
margin-right: 14px;
}



li.news a {
	 
width:210px; 
height:200px; 
background:url(m_04.gif) no-repeat top left; 
}


li.news a:hover  {
	 
width:210px; 
height:200px; 
background:url(m_04.gif) no-repeat top right; 
}



#area-02 {
	width: 870px;
	margin-bottom: 25px;
}


li.committee a {
	 
width:200px; 
height:200px; 
background:url(m_05_02.gif) no-repeat top left; 
margin-right: 14px;
}


li.committee a:hover {
	 
width:200px; 
height:200px; 
background:url(m_05_02.gif) no-repeat top right; 
}



li.support a {
	 
width:207px; 
height:200px; 
background:url(m_06.gif) no-repeat top left; 
margin-right: 14px;
}


li.support a:hover {
	 
width:207px; 
height:200px; 
background:url(m_06.gif) no-repeat top right; 
}



li.schedule a {
	 
width:212px; 
height:200px; 
background:url(m_07.gif) no-repeat top left; 
margin-right: 14px;
}


li.schedule a:hover {
	 
width:212px; 
height:200px; 
background:url(m_07.gif) no-repeat top right; 
}


li.plan a {
	 
width:209px; 
height:200px; 
background:url(m_08.gif) no-repeat top left; 
}


li.plan a:hover {
	 
width:209px; 
height:200px; 
background:url(m_08.gif) no-repeat top right; 
}





#area-03 {
	width: 870px;
	margin-bottom: 25px;
}



li.report a {
	 
width:200px; 
height:200px; 
background:url(m_10.gif) no-repeat top left; 
margin-right: 14px;
}


li.report a:hover {
	 
width:200px; 
height:200px; 
background:url(m_10.gif) no-repeat top right; 
}


li.trailer a {
	 
width:207px; 
height:200px; 
background:url(m_09-02.gif) no-repeat top left; 
}


li.trailer a:hover {
	 
width:207px; 
height:200px; 
background:url(m_09-02.gif) no-repeat top right; 
}






/*-----------------------------------------------
 __sub-header
-----------------------------------------------*/

.sub-header {
	width: 915px;
	height: 310px;
	margin: 0 auto;
	margin: 0 0 0 45px;
	
}
 

.sub-left {
	width: 275px;
	float:left;
	margin-right: 50px;
	
}
	
#logo {
	margin-top: 45px;
	width: 275px;
	
}


.sub-right {
	width: 590px;
	float:left;
	
}
	
	
	
/*-----------------------------------------------
 __contents
-----------------------------------------------*/


#contents {
	width: 870px;
	margin:0 45px;
	margin-bottom: 45px;
	
}
	
	
#main {
	width: 540px;
	float: left;
	
}
	
	
	
	
.sub-menu {
	width:280px;
	float: left;
	margin-right: 45px;
}



.sub-nav li {
}


.sub-nav a:link,
.sub-nav a:hover,
.sub-nav a:visited {
	 
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}





li.s-work a {
	 
width:153px; 
height:42px; 
background:url(sm_01.png) no-repeat top left;
}


li.s-work a:hover,
li.s-work a.current {
	 
width:153px; 
height:42px; 
background:url(sm_01.png) no-repeat bottom left;
}



li.s-note a {
	 
width:177px; 
height:42px; 
background:url(sm_02_02.png) no-repeat top left;
}


li.s-note a:hover,
li.s-note a.current {
	 
width:177px; 
height:42px; 
background:url(sm_02_02.png) no-repeat bottom left;
}



li.s-club a {
	 
width:279px; 
height:42px; 
background:url(sm_03.png) no-repeat top left;
}

li.s-club a:hover,
li.s-club a.current {
	 
width:279px; 
height:42px;
background:url(sm_03.png) no-repeat bottom left;
}



li.s-news a {
	 
width:153px; 
height:42px; 
background:url(sm_04.png) no-repeat top left;
}


li.s-news a:hover,
li.s-news a.current {
	 
width:153px; 
height:42px; 
background:url(sm_04.png) no-repeat bottom left; 
}


li.s-staff a {
	 
width:153px; 
height:42px;
background:url(sm_05.png) no-repeat top left;
}


li.s-staff a:hover,
li.s-staff a.current {
	 
width:153px; 
height:42px;
background:url(sm_05.png) no-repeat bottom left;
}



li.s-committee a {
	 
width:224px; 
height:42px; 
background:url(sm_05_02.png) no-repeat top left;
}


li.s-committee a:hover,
li.s-committee a.current {
	 
width:224px; 
height:42px; 
background:url(sm_05_02.png) no-repeat bottom left;
}




li.s-info a {
	 
width:224px; 
height:42px; 
background:url(sm_07.png) no-repeat top left;
}


li.s-info a:hover,
li.s-info a.current {
	 
width:224px; 
height:42px; 
background:url(sm_07.png) no-repeat bottom left;
}




li.s-support a {
	 
width:239px; 
height:42px;
background:url(sm_06.png) no-repeat top left;
}


li.s-support a:hover,
li.s-support a.current {
	 
width:239px; 
height:42px;
background:url(sm_06.png) no-repeat bottom left;
}



li.s-trailer a {
	 
width:133px; 
height:42px;
background:url(sm_09.png) no-repeat top left;
}


li.s-trailer a:hover,
li.s-trailer a.current {
	 
width:133px; 
height:42px;
background:url(sm_09.png) no-repeat bottom left;
}






/*-----------------------------------------------
 __main
-----------------------------------------------*/


#main p {
	font-family: "Helvetica","Arial","?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",Meiryo,"Osaka","?l?r ?o?S?V?b?N", Verdana, sans-serif;
	font-size: 14px;
	line-height:1.8em;
	color: #333;
	letter-spacing: 0.1em;
	text-align: left;
}


.main-menu {
	width: 540px;
	padding: 0 0 10px 0;
	border-bottom:#80aebc solid 3px;
	
}
	

.note-menu {
	border-bottom:#efbb5e solid 3px;
}

.club-menu {
	border-bottom:#ef4d87 solid 3px;
}

.news-menu {
	border-bottom:#7bd1ef solid 3px;
}

.committee-menu {
	border-bottom:#7fc975 solid 3px;
}

.support-menu {
	border-bottom:#a29dce solid 3px;
}

	
.main-menu ul {
	list-style: none;
	
}
	
.main-menu li {
	display: inline;
	margin: 0 5px;
	
}
	

.main-menu li a {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	
}
	

.main-menu li a:hover {
	}




li.s-s-work a:hover {
	color:#fff;
	background:#80aebc;
	
}

li.s-s-work a {
	color:#80aebc;
	
}
	
	
li.s-s-note a:hover {
	color:#fff;
	background:#efbb5e;
	
}

li.s-s-note a {
	color:#efbb5e;
	
}
	
li.s-s-club a:hover {
	color:#fff;
	background:#ef4d87;
	
}

li.s-s-club a {
	color:#ef4d87;
	
}
	
li.s-s-news a:hover {
	color:#fff;
	background:#7bd1ef;
	
}

li.s-s-news a {
	color:#7bd1ef;
	
}
	
li.s-s-committee a:hover {
	color:#fff;
	background:#7fc975;
	
}

li.s-s-committee a {
	color:#7fc975;
	
}
	
li.s-s-support a:hover {
	color:#fff;
	background:#a29dce;
	
}

li.s-s-support a {
	color:#a29dce;
	
}
	
	
	

.col-01 {
	margin-top: 50px;
	
}
	
.col-title {
	margin-top: 20px;
	margin-bottom: 20px;
	
}
	
.col-text {
	margin-bottom: 40px;
	
}

#main p.sub-title-01 {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
	line-height:1.8em;
	color: #333;
	letter-spacing: 0.1em;
	text-align: left;
	
}


/*-----------------------------------------------
 __note
-----------------------------------------------*/

 
 .note-table {
	width: 540px;
	border-collapse: collapse;
    border-spacing: 0;
	
}

 .note-table tr {
	border-bottom:1px dashed #efbb5e;
	
}

 .note-table .td-left {
	width: 140px;
	padding: 15px 0;
	
}

 .note-table .td-right {
	width: 400px;
	padding: 15px 0;
	
}


/*-----------------------------------------------
 __committee
-----------------------------------------------*/


 .committee-table,
 .committee-table-02 {
	width: 540px;
	border-collapse: collapse;
    border-spacing: 0;
	
}

 .committee-table tr {
	border-bottom:1px dashed #7fc975;
	
}

 .committee-table .td-left {
	width: 70px;
	padding: 15px 0;
	
}

 .committee-table .td-right {
	width: 470px;
	padding: 15px 0;
	
}
	

 .committee-table-02 {
	vertical-align:middle;
	
}
	
 .committee-table-02 tr {
	border-bottom:1px dashed #7fc975;
	
}

 .committee-table-02 .td-left {
	width: 240px;
	padding: 15px 0;
	vertical-align:middle;
	
}

 .committee-table-02 .td-right {
	width: 180px;
	padding: 15px 0;
	vertical-align:middle;
	font-size: 18px;
	
}
	
 .committee-table-02 .td-left-01 {
	width: 55px;
	padding: 15px 0;
	vertical-align:middle;
	
}
	
 .committee-table-02 .td-left-02 {
	width: 185px;
	padding: 15px 0;
	vertical-align:middle;
	
}
	

#main .committee-table-02 .td-right p {
	font-size: 18px;
	letter-spacing: 0.2em;
	
}
	
#main .committee-table-02 .td-left-01 p {
	font-size: 18px;
	text-align:center;
	
}
	


/*-----------------------------------------------
 __news
-----------------------------------------------*/

.news-table {
	width: 540px;
	border-collapse: collapse;
    border-spacing: 0;
	
}
	
.news-table p {
	font-weight: bold;
	
}


.news-table tr {
	border-bottom:1px dashed #7bd1ef;
	
}

.news-table .td-left {
	width: 140px;
	padding: 15px 0;
	
}

.news-table .td-right {
	width: 400px;
	padding: 15px 0;
	
}




/*-----------------------------------------------
 __support
-----------------------------------------------*/


.col-support {
	width: 540px;
	height: auto;
	
}
	
	
.col-support-in {
	}
	
.s-top {
	width: 540px;
	height: 168px;
	text-align:center;
	margin:0 auto;
	background:url(s_support_04_t.png) no-repeat; 
	
}
	
.s-top-in {
	padding: 75px 60px 0 60px;
	height: 93px;
	
}



.s-middle {
	width: 540px;
	height: auto;
	text-align:center;
	margin:0 auto;
	background:url(s_support_04_m.png) repeat-y; 
	
}
	

.s-middle-in {
	padding: 30px 60px;
	
}
	

.s-bottom {
	width: 540px;
	height: 116px;
	text-align:center;
	margin:0 auto;
	background:url(s_support_04_b.png) no-repeat; 
	
}

.s-bottom-in {
	padding: 20px 60px;
	
}
	

.s-top-in h3 {
	text-align:center;
	margin:0 auto;
	font-size:22px;
	font-weight: bold;
	line-height: 1.4em;
	color:#a29dce;
	
}
	
.s-middle h4 {
	text-align:center;
	margin:0 auto;
	font-size:18px;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.08em;
	color:#a29dce;
	
}
	
.s-middle h5 span {
	color:#fff;
	background:#a29dce;
	padding: 5px;
	
}
	
.s-middle h5 {
	text-align:left;
	font-size:16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 10px;
	
}
	
.s-bottom h6 {
	text-align:center;
	font-size:14px;
	font-weight: normal;
	line-height: 1.4em;
	
}
	
#main .s-middle p {
	text-align:left;
	line-height: 1.7em;
	letter-spacing: 0.08em;
	
}

	
.s-top-in .support-border {
	border-top:#a29dce solid 5px;
	color:#a29dce;
	margin-top: 25px;
	
}
	
.s-middle-in .support-border-01 {
	border-top:#a29dce solid 5px;
	color:#a29dce;
	margin: 30px 0;
	
}
	
.s-middle-in .support-border-02 {
	border-top:#a29dce solid 5px;
	color:#a29dce;
	margin: 30px 0 0 0;
	
}


.support-box {
	text-align:left;
	color:#a29dce;
	margin: 15px 0;
	
}
	
.box-01 {
	margin-bottom: 20px;
	
}






/*-----------------------------------------------
 __top table
-----------------------------------------------*/


#area-00 {
	width: 870px;
	height: auto;
	margin: 0 0 25px 0;
}


#area-00 p {
	font-size: 14px;
	line-height: 1.8em;
}



.top-info {
	width: 200px;
	margin-right: 20px;
	float: left;
}

.top-table {
	width: 628px;
	overflow:hidden;
	overflow-x:hidden;
	float: left;
}

.top-table-in {
	border-collapse: collapse;
    border-spacing: 0;
}


 .top-table .td-date {
	width: 100px;
	padding: 6px 15px 6px 0;
	vertical-align:top;
	
}

 .top-table .td-date p {
	 color:#5d99c1;
	
}


 .top-table .td-title {
	width: 488px;
	padding: 6px 15px 6px 0;
	vertical-align:top;
	
}
	
 .top-table tr {
	border-bottom:#5d99c1 dashed 1px;
	
}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/


#area-04 {
	width: 870px;
}



.line_01 {
	margin: 5px 0 15px 0;
border-top: 1px solid #448193;
}


#area-04 p,
#area-04 a {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	color: #448193;
}

#area-04 p.credit-top {
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align:center;
}

#area-04 P.credit-bottom {
	text-align:center;
}


.td-f-right img {
		vertical-align:top;
		margin-left: 8px;
}



.footer-table-in {
	border-collapse: collapse;
    border-spacing: 0;
}

.footer-table-in td {
	vertical-align:top;
}

 .td-f-left {
	width: 40px;
	padding: 2px 5px 2px 0;
}

 .td-f-right {
	width: 820px;
	padding: 2px 0 2px 0;	
}

.td-f-left-long {
	width: 110px;
	padding: 2px 5px 2px 0;
}

 .td-f-right-long {
	width: 750px;
	padding: 2px 0 2px 0;
}

#footer {
	
	}
 

 
.footer-left {
	
	}
















/*-----------------------------------------------
 __page_scroller (anchor point)
-----------------------------------------------*/

.s_icon {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 70px;
    height:70px;
    z-index:10;
}

.s_icon a {
    display: block;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	width:70px; 
	height:70px; 
	background:url(topback_top.png) no-repeat; 
}

.s_icon a:hover {
    display: block;
	width:70px; 
	height:70px; 
	background:url(topback_top.png) no-repeat;
}

 
 
 
 
 .body-work .s_icon a,
 .body-work .s_icon a:hover {
	background:url(topback_01.png) no-repeat; 
}

.body-note .s_icon a,
.body-note .s_icon a:hover {
	background:url(topback_02.png) no-repeat; 
}


.body-club .s_icon a,
.body-club .s_icon a:hover {
	background:url(topback_03.png) no-repeat; 
}

.body-news .s_icon a,
.body-news .s_icon a:hover {
	background:url(topback_04.png) no-repeat; 
}


.body-committee .s_icon a,
.body-committee .s_icon a:hover {
	background:url(topback_05.png) no-repeat; 
}

.body-support .s_icon a,
.body-support .s_icon a:hover {
	background:url(topback_06.png) no-repeat; 
}
 
 

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}