@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;
}

.body-schedule {
	border: #ef5656 solid 15px;
}

.body-plan {
	border: #5dceab 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; 
	
	
}
	
	
	

 /*-----------------------------------------------
 __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,
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.staff a {
	 
width:200px; 
height:200px; 
background:url(m_05.gif) no-repeat top left; 
margin-right: 14px;
}


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



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


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




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


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




li.support a {
	 
width:435px; 
height:200px; 
background:url(m_06_long.gif) no-repeat top left; 
}


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





#area-02 {
	width: 870px;
}


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


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


li.credit {
	 
width:630px;
padding: 10px 0 0 40px;
}


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


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



.symbol-1 p {
	line-height: 30px;
}

.symbol-1 img {
		vertical-align:middle;
		margin-left: 8px;
}


/*-----------------------------------------------
 __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;
}



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


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


li.s-plan a {
	 
width:197px; 
height:42px;
background:url(sm_08.png) no-repeat top left;
}


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


li.s-report a {
	 
width:179px; 
height:42px;
background:url(sm_10.png) no-repeat top left;
}


li.s-report a:hover,
li.s-report a.current {
	 
width:179px; 
height:42px;
background:url(sm_10.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; 
}
.schedule-menu {
	border-bottom:#ef5656 solid 3px; 
}
.plan-menu {
	border-bottom:#5dceab solid 3px; 
}

	
.main-menu ul {
	list-style: none;
	margin-top: 10px;
	
}
	
.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; 
}
	
li.s-s-schedule a:hover {
	color:#fff; background:#ef5656; 
}
li.s-s-schedule a {
	color:#ef5656; 
}

li.s-s-plan a:hover {
	color:#fff; background:#5dceab; 
}
li.s-s-plan a {
	color:#5dceab; 
}
	
	
	

.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;
	
}






/*-----------------------------------------------
 __schedule
-----------------------------------------------*/

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

.schedule-table-line {
	border-bottom:1px dotted #ef5656;
	
}


.schedule-table tr {
	border-bottom:1px dotted #ef5656;
	
}

 .schedule-table .td-left {
	width: 170px;
	padding: 20px 10px 30px 10px;
}

 .schedule-table .td-right {
	width: 330px;
	padding: 20px 10px 30px 0;
	
}


h4.sche-time span {
	font-size:12px;
	font-weight: normal;
	line-height: 1.6em;
	color:#ffffff;
	background:#7bd1ef;
	padding: 4px;
}



.sche-1 {
	border-left:2px solid #ef5656;
	padding: 0 0 0 20px;
}


.sche-2 {
	margin-top: 20px;
	padding: 0 0 0 22px;
}


h4.sche-time,
h4.sche-place a {
	line-height: 2.6em;
	color:#ef5656;
}

h4.sche-place a:hover {
	color:#e89e9e;
}

h4.sche-place span.sche-open {
	font-size:12px;
	font-weight: normal;
	line-height: 1.8em;
	color:#ef5656;
}

h4.sche-place span.sche-info {
	font-size:10px;
	font-weight: normal;
	line-height: 1.8em;
	color:#666666;
}


.sche-line {
	margin: 0 0 10px 0;
	border-top:1px solid #666666;
}


#main .schedule-table p.sche-text {
	font-size:11px;
}


#main .schedule-table p.sche-text span {
	color:#ef5656;
}







/*-----------------------------------------------
 __plan
-----------------------------------------------*/


.col-plan {
	position:relative;
	margin-top: 100px;
}

#main .col-plan .col-plan-all p {
	font-size: 11px;
}

#main .col-plan p.col-plan-subtitle {
	font-size:16px;
	color:#5dceab;
}


#main .col-plan p.col-plan-subtext {
	margin-top: 20px;
	border-top: 1px solid #5dceab;
	padding: 15px 0 0 0;
	font-size:10px;
}


.col-plan h3 {
	padding: 10px 0;
	color: #5dceab;
	font-size: 18px;
	letter-spacing: 0.2em;
	border-bottom:2px solid #5dceab;
	
}


.col-plan h3 span {
	position:absolute;
	right: 0px;
	top: -20px;
}


.col-text ul {
	list-style:none;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	line-height: 1.8em;
}

.col-text li {
	padding: 0;
}

.col-text li.col-plan-box1 {
	padding: 8px 5px 3px 5px;
	border:2px solid #5dceab;
	background:#5dceab;
	color:#FFF;
	letter-spacing: 0.3em;
	font-size:16px;
}

.col-text li.col-plan-box2 {
	padding: 8px 5px 3px 5px;
	border:2px solid #5dceab;
	color:#5dceab;
}

.col-text li.col-plan-box3 {
	margin-top: 30px;
}



.col-plan-left,
.col-plan-right {
	width: 255px;
	float: left;
	margin-top: 30px;
}

.col-plan-all {
	width: 540px;
	float: left;
	margin-top: 30px;
}

.p-subtitle {
	margin-top: 15px;
}


.col-plan-left {
	margin-right: 30px;
}






/*-----------------------------------------------
 __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
-----------------------------------------------*/
#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; 
}

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

.body-plan .s_icon a,
.body-plan .s_icon a:hover {
	background:url(topback_08.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;
}