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

/* Reset
------------------------------------------------------------*/

html,body,div,
dl,dt,dd,li,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr 
{
	font-size: 13px;
	margin: 0;
	padding: 0;
	color:#444;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
}

fieldset,img,abbr,acronym {
    border: 0;
} 

/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

caption,th {
    text-align: left;
}

hr {
    border: 0;
    height: 1px;
}

a img,:link img,:visited img {
    border: none;
}

address {
    font-style: normal;
    display: inline;
}

em {
    font-style: normal;
}


/* Global
------------------------------------------------------------*/
a {
}

a:hover {
}

.clear {
	line-height: 0;
	clear: both;
}

span.alt {
	display: none;
}

/* Layout
------------------------------------------------------------*/

#header,#menu,#photo,#content,#footer {
	text-align:center;
	width:100%;
}

#header-inner,#menu-inner,#photo-inner,#content-inner,#footer-inner {
	margin:0 auto;
	text-align:left;
	width:900px;
}

#alpha, #beta {
    display: inline;
    float: left;
	position:relative;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-innerr {
    position: static;
	overflow:hidden;
}

/* Wide-Thin-Thin */

#alpha {
	width:640px;
	padding-bottom:40px;
}

#beta {
	width:234px;
	left:26px;
}

/* ヘッダー
------------------------------------------------------------*/

ul#header-navi {
	margin:0;
	padding:0;
	float:right;
	position:relative;
	top:20px;
}

ul#header-navi li {
	float:left;
	display:inline;
	height:25px;
}

ul#header-navi li a {
	background:url(header-navi.gif) no-repeat left top;
	color:#555;
	padding:5px 10px 0 35px;
	text-decoration:none;
	font-size:12px;
}

ul#header-navi li a:hover {
	color:#006;
	text-decoration:underline;
}

#header {
	background:url(header-border.gif) repeat-x center bottom;
	margin-bottom:5px;
}

#header-name a {
	background:url(header-name.jpg) no-repeat center center;
	height:70px;
	width:340px;
	display:block;
	margin:10px;
	float:left;
}


/* メニュー
------------------------------------------------------------*/

#menu {
	background:url(menu-bg.gif) repeat-x;
	height:65px;
}

ul#main-menu {
	margin:0;
	padding:0;
}

ul#main-menu li {
	float:left;
	display:inline;
}

ul#main-menu li a {
	display:block;
	height:59px;
	width:180px;
}

ul#main-menu li#menu01 a { background:url(menu.gif) no-repeat 0px -1px; }
ul#main-menu li#menu01 a:hover { background:url(menu.gif) no-repeat 0px -61px; }

ul#main-menu li#menu02 a { background:url(menu.gif) no-repeat -180px -1px; }
ul#main-menu li#menu02 a:hover { background:url(menu.gif) no-repeat -180px -61px; }

ul#main-menu li#menu03 a { background:url(menu.gif) no-repeat -360px -1px; }
ul#main-menu li#menu03 a:hover { background:url(menu.gif) no-repeat -360px -61px; }

ul#main-menu li#menu04 a { background:url(menu.gif) no-repeat -540px -1px; }
ul#main-menu li#menu04 a:hover { background:url(menu.gif) no-repeat -540px -61px; }

ul#main-menu li#menu05 a { background:url(menu.gif) no-repeat -720px -1px; }
ul#main-menu li#menu05 a:hover { background:url(menu.gif) no-repeat -720px -61px; }

/* コンテンツ
------------------------------------------------------------*/

#content {
	margin:15px 0 30px 0;
}

#content-body {
	padding:20px;
}

/* ページタイトル
------------------------------------------------------------*/

h2#page-title {
	height:70px;
	width:640px;
	display:block;
}

#outline h2#page-title {background:url(h_outline.jpg) no-repeat;}
#history h2#page-title {background:url(h_champions.jpg) no-repeat;}
#results h2#page-title {background:url(h_results.jpg) no-repeat;}
#gallery h2#page-title {background:url(h_photo.jpg) no-repeat;}

h3 {
	font-size:18px;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
	margin-bottom:15px;
}

/* インデックスページ
------------------------------------------------------------*/

#main-news,#main-researve {
	width:320px;
	float:left;
	display:inline;
	position:relative;
}

#main-news-inner,
#main-researve-inner,
#main-teams-inner {
	padding:0 10px;
}

/*最新情報*/

#main-news h2 {
	background:url(news-title.jpg) no-repeat;
	width:300px;
	height:35px;
	display:block;
}

#main-news dl {
	padding:3px;
	border-bottom:#CCC 1px dotted;
}

#main-news dl dt {
	font-size:10px;
	font-weight:bold;
	color:#900;
}

#main-news dl dd {
	font-size:11px;
}

#main-researve {
}

#main-teams {
	padding-top:20px;
}

/*トップページ決勝大会*/
#top-final {
	background:url(top-final.jpg) no-repeat;
	display:block;
	height:90px;
	width:300px;
	margin-bottom:10px;
}
/*トップページ予選大会*/
#top-yosen {
	background:url(top-yosen.jpg) no-repeat center center;
	display:block;
	height:60px;
	width:300px;
	margin-bottom:10px;
}

/*申込用ボタン*/
#top-btn {
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}

#top-btn a {
	color:#444;
	text-decoration:underline;
}

#top-btn a:hover {
	color:#333;
	text-decoration:none;
}

#top-btn ul {
	margin:0;
	padding:0;
}

#top-btn ul li {
	float:left;
	display:inline;
}

#top-btn ul li a {
	display:block;
	height:40px;
	width:140px;
}

#top-btn ul li#btn-mens {margin-right:20px;}
#top-btn ul li#btn-mens a { background:url(top-btn.jpg) no-repeat 0px 0px;}
#top-btn ul li#btn-mens a:hover { background:url(top-btn.jpg) no-repeat 0px -40px;}
#top-btn ul li#btn-womens a { background:url(top-btn.jpg) no-repeat -160px 0px;}
#top-btn ul li#btn-womens a:hover { background:url(top-btn.jpg) no-repeat -160px -40px;}

/*SLIDER*/
#photo .slider-wrap								{ width: 900px; }			
#photo .stripViewer .panelContainer 
#photo .panel ul									{ text-align: left; margin: 0 15px 0 30px; }
#photo .stripViewer								{ position: relative; overflow: hidden; width: 900px; height: 250px; }
#photo .stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
#photo .stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 900px; }
#photo .stripNavL, .stripNavR, .stripNav			{ display: none; }

/*出場予定チーム*/

#main-teams table {
	width:100%;
	margin-bottom:15px;
	border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#main-teams table th {
	padding:5px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background-color:#EEE;
	font-weight: bold;
}

#main-teams table td {
	text-align:center;
	width:50%;
	padding:5px 0;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
}

/* 大会概要
------------------------------------------------------------*/

#outline dl {
	border-bottom:#CCC 1px dashed;
	padding:3px;
	clear:both;
}

#outline dl dt {
	float:left;
	width:100px;
	border-left:#036 3px solid;
	padding-left:5px;
}

#outline dl dd {
	margin-left:120px;
}

/* 歴代優勝チーム
------------------------------------------------------------*/

/*UTILITY STYLES*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }

/*PAGE STRUCTURE*/
#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;
											  background: url(images/bg.png) top center; }
/*TYPOGRAPHY*/
ul											{ list-style: square inside; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
/*SLIDER*/
.slider-wrap								{ width: 600px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 600px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 600px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
img.nav-thumb 								{ border: 2px solid #444; margin-right: 5px; }
#movers-row									{ margin: -54px 0 0 70px; }
#movers-row div								{ width: 75px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../iamges/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 10px; }
.cross-link									{ display: block; width: 67px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }


/* 協賛企業
------------------------------------------------------------*/

#support-companies {
	border-left:1px solid #AAA;
}

#support-companies h4 {
	background:url(support-companies.gif) no-repeat;
	display:block;
	width:234px;
	height:60px;
	border-bottom:1px solid #AAA;
}

ul#support-bnr {
	padding:15px;
	margin:0;
}

ul#support-bnr li {
	display:inline;
}

ul#support-bnr li a {
	display:block;
	margin-bottom:15px;
}


/* フッター
------------------------------------------------------------*/

#footer {
	background:url(footer-border.gif) repeat-x left top;
	padding-top:10px;
}

#footer #copy {
	background:url(footer-logo.gif) no-repeat right center;
	padding:5px 75px 0 0;
	height:26px;
	font-size:10px;
	color:#555;
	text-align:right;
	float:right;
}

ul#footer-navi {
	margin:0;
	padding:10px 0 0 0;
}

ul#footer-navi li {
	float:left;
	display:inline;
	height:40px;
}

ul#footer-navi li#footer-navi-left {
	background:url(footer-navi.gif) no-repeat left top;
}


ul#footer-navi li a {
	background:url(footer-navi.gif) no-repeat right top;
	color:#555;
	padding:5px 15px;
	text-decoration:none;
	font-size:12px;
}

ul#footer-navi li a:hover {
	color:444;
	text-decoration:underline;
}