@charset "utf-8";
/*
Theme Name: Saikasai 2010
Theme URI: http://saikasai.com
Description: 彩夏祭専用
Version: 1.0
Author: Ken Nishi
Author URI: http://compatible.jp/
*/
@import url(css/table.css);

/* Basic */
html {
	font-family: Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
table {
	border-collapse: collapse;
}
p {
   text-align:justify;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%;}
.clearfix {display: block;}
#container {
	margin: 20px auto;
	padding: 0px;
	width: 900px;
}
a:link {
	color: #0066FF;
}
a:visited {
	color:#AD5CAD;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}

/* header */
#header {
	background: url(img/logo.gif) no-repeat;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 155px;
	width: 900px;
	position: relative;
}
.message {
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 6px;
	left: 135px;
	width: 440px;
}

#header_right {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 280px;
	text-align: right;
	position: absolute;
	right: 0px;
}
#header a span,
#footer a span {
	display:none;
}
#header ul,
#header li,
#topics,
#top_right ul,
#side_menu ul,
#footer ul {
	list-style-type: none;
}
#header_right ul {
	float: right;
}

/* fontsize */
#font {
	width: 110px;
	height: 24px;
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 90px;
	background-image: url(img/fontsize_navi.jpg);
}
#font li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#font li a{
	display: block;
	width:27px;
	height: 24px;
	background-image: url(img/fontsize_navi.jpg);
}
a.small {
	background-position: -90px 0px;
	margin-right:7px;
}
.small:hover,
.small.hover {
	background-position: -90px -24px;
}
a.medium {
	background-position: -124px 0px;
	margin-right:7px;
}
.medium:hover,
.medium.hover {
	background-position: -124px -24px;
}
a.large {
	background-position: -157px 0px;
}
.large:hover,
.large.hover {
	background-position: -157px -24px;
}


/* helpmenu */
#help {
	width: 280px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
#help li,
#footer ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#help li a{
	display: block;
	height: 20px;
	background-image: url(img/help_navi.gif);
}
a.home {
	background-position: 0px 0px;
	width: 66px;
}
.home:hover,
.home.hover,
#home a.home {
	background-position: 0px -20px;
}
a.faq {
	background-position: -66px 0px;
	width: 107px;
}
.faq:hover,
.faq.hover,
#faq a.faq {
	background-position: -66px -20px;
}
a.inquiry {
	background-position: -173px 0px;
	width: 107px;
}
.inquiry:hover,
.inquiry.hover,
#inquiry a.inquiry {
	background-position: -173px -20px;
}
.banner {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 42px;
	width: 280px;
	clear: both;
	text-align: right;
}


/* globalnavi */
#globalnavi {
	clear: both;
	width: 900px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
}
#globalnavi ul {
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#globalnavi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#globalnavi ul li a{
	display: block;
	width:148px;
	height: 40px;
	background-image: url(img/navi.gif);
}
a.introduction {
	background-position: 0px 0px;
	margin-right:2px;
}
.introduction:hover,
.introduction.hover,
#introduction a.introduction {
	background-position: 0px -40px;
}
a.yosakoi {
	background-position: -150px 0px;
	margin-right:2px;
}
.yosakoi:hover,
.yosakoi.hover,
#yosakoi a.yosakoi {
	background-position: -150px -40px;
}
a.scdl {
	background-position: -300px 0px;
	margin-right:3px;
}
.scdl:hover,
.scdl.hover,
#scdl a.scdl {
	background-position: -300px -40px;
}
a.map {
	background-position: -451px 0px;
	margin-right:2px;
}
.map:hover,
.map.hover,
#map a.map {
	background-position: -451px -40px;
}
a.history {
	background-position: -601px 0px;
	margin-right:2px;
}
.history:hover,
.history.hover,
#history a.history {
	background-position: -601px -40px;
}
a.download {
	background-position: -752px 0px;
}
.download:hover,
.download.hover,
#download a.download {
	background-position: -752px -40px;
}


/* top_page */
#top_image {
	margin: 0px 0px 15px;
	padding: 0px;
	clear: both;
	height: 300px;
	width: 900px;
}
#wrapper {
	width: 900px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#top_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 645px;
}
#top_right ul {
	margin: 0px;
	padding: 0px;
}


#news {
	width: 490px;
	float: left;
}
#news h3 {
	margin: 0px 0px 15px;
	padding: 0px;
}
#news li {
	font-size: 90%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}


#ad {
	width: 140px;
	float: right;
}


/* side_menu */
#side_menu {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
}
#side_menu ul {
	margin: 0px;
	padding: 0px;
}
#side_menu ul.menu {
	margin-bottom: 15px;
}

ul.menu li a {
	background-image: url(img/list_01.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	display: block;
	background-color: #F4F4F4;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
ul.menu li a:hover {
	background-color: #FFFFCC;
	}

.menu_title {
	margin: 0px;
	padding: 0px;
}

#contents {
	float: left;
	width: 495px;
}
#contents h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#contents h3 {
	font-size: 80%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.4em;
	margin-left: 0px;
	font-weight: 400;
}
#contents h4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 0px;
	font-size: 130%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
}
#contents p,
#page p,
#wrapper p {
	line-height: 1.7;
	padding: 0px;
	margin: 0px 0px 2em;
}
.para {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 1em;
	margin-bottom: 3em;
}

#topics {
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
}
#topics li,
#ad li {
	margin-bottom: 10px;
}


#page {
	width: 645px;
	float: right;
}
#singlepage {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
}
#page h3,
#wrapper h3 {
	margin: 0px 0px 0.8em;
	padding: 0px 0px 0px 5px;
	font-size: 120%;
	border-left: 10px solid #CC0000;
}
#page h1 {
	margin: 0px 0px 1em;
	padding: 0px;
	font-size: 130%;
}
#history h1 {
	border-bottom: 1px solid #FF9900;
	padding-bottom: 0.5em;
}
#map h1 {
	border-bottom: 1px solid #41BC1A;
	padding-bottom: 0.5em;
}
#introduction h1 {
	padding-bottom: 20px;
	margin: 0px;
	background: url(img/title_intro.gif) no-repeat left top;
	height: 42px;
	width: 900px;
	text-indent: -9999px;
}
#yosakoi h1 {
	padding-bottom: 20px;
	margin: 0px;
	background: url(img/title_yosakoi.gif) no-repeat left top;
	height: 42px;
	width: 900px;
	text-indent: -9999px;
}


/* 紹介ページ */
#introduction #left {
	width: 340px;
	float: left;
}
#introduction #right {
	float: right;
	width: 550px;
	height: 367px;
	margin: 0px;
}
#slider {
	width: 550px;
    height: 367px;
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 550px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px 25px;
    width: 537px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.bottom {
	bottom: 0;
    left: 0;
}


#page ol {
	margin: 0px 0px 1.5em 1em;
	padding: 0em 1em;
	line-height: 1.5;
}
.photocon {
	text-align: center;
	background: #000000;
	padding-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
}
.photocon p {
	color: #FFFFFF;
}
#history .photocon h3 {
	color: #FFFFFF;
	border-left-width: 0px;
	margin-top: 1em;
	margin-bottom: 0px;
}
#history .photocon h4 {
	color: #FFFFFF;
	margin: 0px 0px 1em;
	font-size: 90%;
}
.prizeTable {
	width: 643px;
	margin-bottom: 15px;
	border: 1px solid #000000;
}
.prizeTable th {
	background: #CC0000;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #000000;
}
.prizeTable td {
	background: #000000;
	padding: 15px;
	text-align: center;
}


.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
#page h5 {
	margin: 0px 0px 1em;
	padding: 0px;
	font-size: 120%;
}
.pause {
	clear: both;
	margin-bottom: 2em;
}
h5 .access {
	font-weight: 400;
	font-size: 70%;
	color: #006600;
}



/* pagenavi */
.tablenav {
	color: #2583ad;
	line-height:2em;
	text-align:center;
	clear: both;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background-color: #FF9393;
}

.tablenav .current {
	color: white;

	font-weight:bold:
; 	background-color: #CC0000;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}


/* table */
.archiveTable {
	border: 1px solid #666666;
	margin: 0px 0px 15px;
	width: 643px;
}
.archiveTable th,
.archiveTable td {
	font-size: 90%;
	margin: 0px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.archiveTable th {
	background: #FFE7C1;
}
.archiveTable td {
	margin: 0px;
	padding: 5px 10px;
	vertical-align: middle;
}
.archiveTable ul {
	margin: 0.2em 1em;
	padding: 0px;
	line-height: 1.3;
}

/*チーム一覧*/
.teamListTable {
	border: 1px solid #ADADAD;
	border-collapse: collapse;
	width: 643px;
}
.teamListTable th,
.teamListTable td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}
.teamListTable th {
	color: #FFFFFF;
	background: #333333;
}
.teamListTable td {
	vertical-align: middle;
	text-align: center;
}
tr.even {
	background: #E6E6E6;
}
.teamListTable span {
	text-align: left;
	display: block;
	padding: 3px 10px;
}
.teamNo {
	font-weight: 800;
	font-size: 12pt;
	display: block;
}
.teamName {
	font-size: 130%;
	font-weight: 800;
}
.teamKana {
	color: #555555;
	font-weight: 400;
}
.teamKanaList {
	text-align: left;
	display: block;
	padding-left: 10px;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 9pt;
}

.teamNameS {
	font-size: 100%;
	font-weight: 800;
	display: block;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 1px 10px;
}
.teamNoRed {
	font-weight: 800;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	display: block;
	text-align: center;
	background: #FFC5C1;
}
.PR {
	text-align: left;
	font-weight: 400;
	font-size: 90%;
	line-height: 1.3em;
	padding-left: 10px;
}
.PRstrong {
	font-size: 250%;
	margin: 0px 0px 5px;
	padding: 0px;
}


/* footer */
#footer {
	width: 900px;
	background: url(img/footer.gif) no-repeat center bottom;
	clear: both;
	position: relative;
	height: 170px;
}
#footer ul li a{
	display: block;
	height: 16px;
	background-image: url(img/footer_menu.gif);
}
a.privacy {
	background-position: 0px 0px;
	width: 125px;
}
a:hover.privacy,
#privacy a.privacy {
	background-position: 0px -16px;
}
a.link {
	background-position: -125px 0px;
	width: 90px;
}
a:hover.link,
#link a.link {
	background-position: -125px -16px;
}
a.copyright {
	background-position: -215px 0px;
	width: 105px;
}
a:hover.copyright,
#copyright a.copyright {
	background-position: -215px -16px;
}
#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	color: #666666;
	position: absolute;
	top: 120px;
	left: 268px;
	width: 600px;
}
#footer ul {
	position: absolute;
	top: 55px;
	left: 0px;
	margin: 0px;
	padding: 0px 0px 10px;
	width: 900px;
	border-bottom: 1px solid #CCCCCC;
}
.mgn {
	padding-top: 60px;
}
.pdf,
.xls {
	margin: 0px 0px 50px 1.5em;
	padding: 0px;
	list-style: none;
}
.pdf li,
.xls li {
	margin-bottom: 15px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 15px 30px 10px;
}
.pdf li {
	background: url(img/icon_pdf.jpg) no-repeat left center;
}
.xls li {
	background: url(img/icon_xls_02.jpg) no-repeat left center;
}
.pdf_dw {
	vertical-align: middle;
	font-size: 10pt;
}
.yosa_ph {
	background: url(img/bg_yosakoi.jpg) no-repeat;
	height: 367px;
	width: 664px;
	padding: 8px;
	margin: 0px 0px 15px;
}
#yosakoi #left {
	background: #FFEEEE;
}
#map #left {
	background: #F5FCE9;
}
#scdl #left {
	background: #FFEEFA;
}
#yosakoi #left,
#scdl #left,
#map #left {
	padding: 10px;
	width: 180px;
	float: left;
	margin: 0px;
	font-size: 90%;
}
#yosakoi #left h3,
#scdl #left h3,
#map #left h3 {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
#yosakoi #left ul,
#scdl #left ul,
#map #left ul {
	list-style: none;
	margin: 15px 0px;
	padding: 0px;
}
#yosakoi #left ul li {
	background: url(img/list_02.gif) no-repeat left 0.5em;
}
#map #left ul li {
	background: url(img/list_05.gif) no-repeat left 0.5em;
}
#scdl #left ul li {
	background: url(img/list_06.gif) no-repeat left 0.5em;
}
#yosakoi #left ul li,
#scdl #left ul li,
#map #left ul li {
	margin-bottom: 15px;
	padding-left: 10px;
	margin-left: 10px;
}
#yosakoi #left ul li.pdf_small {
	background: url(img/icon_pdf_02.jpg) no-repeat left 0.3em;
}
#yosakoi #left ul li.xls_small {
	background: url(img/icon_xls.jpg) no-repeat left 0.3em;
}
#yosakoi #right,
#scdl #right,
#map #right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 680px;
}
.wpcf7-form dl {
	margin-bottom: 30px;
	margin-top: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.wpcf7-form dt,
.wpcf7-form dd {
	padding:6px 10px;
}
.wpcf7-form dt {
	background: #F5F5F5;
	border-bottom: 1px dotted #CCCCCC;
}
.wpcf7-form dt font {
	padding-left: 5px;
}

.wpcf7-form dd {
	margin:0px;
	border-bottom: 1px solid #CCCCCC;
}
body .wpcf7-form h4 {
	margin: 0px;
	padding: 5px 0px;
	width: 200px;
	background: #FFCC00;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#right h2 {
	margin: 0px 0px 1em;
	padding: 0px 0px 0.2em;
	font-size: 130%;
	border-bottom: 3px solid #E32525;
}
#right ul {
	margin: 0px;
	padding: 0px 3em 2em;
	line-height: 1.7;
}
#right li {
	margin-bottom: 1em;
}
.red {
	color:#CC0000;
}
.property {
	border: 1px solid #666666;
	border-collapse: collapse;
	margin-top: 6px;
}
.property th,
.property td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: 90%;
	line-height: 1.4em;
	margin: 0px;
	padding: 7px 0px 7px 10px;
	text-align: left;
}
.property td {
	text-align: left;
	padding-left: 10px;
}
#globalnavi .sf-menu li ul li {
	clear: both;
}
#globalnavi .sf-menu li ul li a {
	background: url(img/list_03.gif) no-repeat 20px 14px;
	display: block;
	color: #FFFFFF;
	height: 22px;
	padding-top: 7px;
	padding-left: 30px;
	width: 118px;
	font-size: 10pt;
}
#globalnavi .sf-menu li .introduction_sub li a {
	background-color: #3464C6;
	border-bottom: 1px solid #162C56;
	border-top: 1px solid #A5BAE7;
}
#globalnavi .sf-menu li .introduction_sub li a:hover {
	background: #FFCC00 url(img/list_04.gif) no-repeat 20px 14px;
	color: #333333;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.contest-a {
	background: url(img/icon_contest.jpg) no-repeat 95% center;
}
.contest-b {
	background: url(img/icon_contest_jr.jpg) no-repeat 95% center;
}
.jr {
	background: url(img/icon_jrteam.jpg) no-repeat 95% center;
}
#right .left {
	float: left;
	width: 400px;
}
#yosakoi #right .left p {
	font-size: 90%;
	line-height: 1.5;
	padding-top: 10px;
	margin: 0px;
	padding-bottom: 10px;
}

#right .right {
	float: right;
	width: 265px;
}
#container #right .right p.teamKana {
	font-size: 9pt;
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 1em;
}
#right .right h2 {
	font-size: 11pt;
	border-bottom: 1px solid #999999;
	padding-bottom: 3px;
	margin-bottom: 7px;
}
#right .right h3 {
	background: url(img/bg_scdl.jpg) no-repeat;
	border-width: 0px;
	font-size: 9pt;
	text-align: center;
	color: #FFFFFF;
	height: 17px;
	padding-top: 1px;
	margin: 0px 0px 10px;
}
#right .right ul {
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
	font-size: 9pt;
	line-height: 1em;
}
#right .right ul li {
	margin: 0px 0px 3px;
	padding: 0px;
	list-style: none;
}
#right .right table {
	font-size: 10pt;
	width: 265px;
	margin-bottom: 5px;
}
.borderbtm {
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;
}
.blue {
	color: #0000FF;
}
.navigation {
	clear: both;
	border-top: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9pt;
	margin-top: 20px;
}
.alignright {
	text-align: right;
}
#teamwrapper {
	padding-bottom: 15px;
	width: 680px;
}
.eventmap {
	height: 600px;
	width: 670px;
}
#map #right .eventmap .left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 335px;
}
#map #right .eventmap .right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 335px;
}