﻿@charset "utf-8";

html {
	text-align:center;
	margin:0;
	padding:0;
}
html body {
	/*フォントの設定*/
	font-family:"MS Pゴシック","Osaka",sans-serif;
	/*背景の設定*/
	background-color:#FFFFFF;
	background-image:url(../image/background.gif);
  background-repeat:repeat-x;
}

html body div,p,ul,li {
	font-size : 12px;
}
html body h1 {
	font-size : 18px;
}
html body h2 h3 {
	font-size : 16px;
}

/*リンク色の設定*/
a:link {
	color:blue;
}
a:visited{
	color:purple;
}
a:hover{
	color:red;
}
a:active{
	color:red;
}

/*-----contentページヘッダー配置の基本設定-----*/
div#branding {
	background-color:#006633;
 	position:relative;
	width:800px;
	height:250px;
	margin:0 auto;
}
	/*HOMEへ戻るのボタン配置*/
div#branding ul li#return_home {
	position:absolute;
	top:157px;
	left:17px;
	z-index:10;
}
	/*サイトマップのボタン配置*/
div#branding ul li#go_sitemap {
	position:absolute;
	top:157px;
	left:96px;
	z-index:20;
}
	/*ナビゲーションの配置*/
div#branding ul#navigation_main {
	position:absolute;
	width:765px;
	top:190px;
	left:19px;
	z-index:30;
	margin:0 auto;
}
div#branding ul#navigation_main li {
	display:inline;
	width:153px;
	margin-left:-4px;
}
/*-----コンテナー配置の基本設定-----*/
div#container {
	text-align:left;
	background-color:#FFFFFF;
	width:800px;
	margin:0 auto;
}
/*-----メインコンテンツの基本設定-----*/
div#container div#content {
	text-align:center;
	background-color:#FFFFFF;
	width:768px;
	padding:16px;
}

div#container div#content h2#header_back {
	text-align:center;
	font-size:16px;
	border-bottom:thin solid #006633;
	background:#006633;
	background-image:url(../image/header_back.gif);
  background-repeat:repeat-x;
	width:768px;
	height:30px;
	margin-bottom:16px;
}
/*-----メインコンテンツの内容部（共通）基本設定-----*/
div#container div#content ul#content_main {
	text-align:left;
	width:624px;
	margin:0 auto;
	padding:16px;
}

/*「テキストナビゲーション」の設定*/
div#container div#content ul#text_navigation {
	text-align:center;
	margin-top:16px;
	margin-bottom:16px;
}
div#container div#content ul#text_navigation li {
	display:inline;
	padding:0 12px;
}
/*「ぱんくずリスト（ナビゲーション）」の設定*/
div#container div#content ul#future-navigation {
	text-align:left;
	margin-top:16px;
	margin-bottom:16px;
}
/*-----フッター配置の基本設定-----*/
div#site_infomation {
 	position:relative;
	clear: both;
	width:800px;
	margin:0 auto;
	text-align:center;
	background:#99CC99;
}
div#site_infomation ul#inquire {
	background-color:#CCFF66;
	margin:6px auto;
	margin:6px auto;
	width:330px;
}
div#site_infomation ul#mail_form {
	position:absolute;
	top:50px;
	left:500px;
	width:50px;
	z-index:40;
	border:thin solid #006633;
}
div#site_infomation p#copy {
	background-color:#006633;
	color:white;
}
div#site_infomation div#page_top {
	background: #FFFFFF url(../image/page_top.gif) no-repeat 2px 3px;
	border:thin solid #006633;
	font-size:12px;
	position:absolute;
	top:6px;
	width:100px;
	padding-left:10px;
	right:16px;
	z-index:50;
}
div#site_infomation div#page_top a {
	text-decoration:none;
}
/************************************************/
/************「開催概要」の設定 *****************/
/************************************************/
div#container div#content ul#item {
	text-align:left;
	margin:0 32px;
}
/*あいさつ*/
div#container div#content ul#item li#greeting  {
	margin-bottom:32px;
}
div#container div#content ul#item li#greeting div#greeting_area {
	padding:12px;
}
div#container div#content ul#item li#greeting div#greeting_area img {
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
div#container div#content ul#item li#greeting p#president {
	text-align:right;
}
/*成り立ち*/
div#container div#content ul#item li#history {
	margin-bottom:32px;
}
div#container div#content ul#item li#history ul li {
	margin-left:16px;
}

div#container div#content ul#item li#yosakoi_outline {
	margin-bottom:32px;
}
/*会場は*/
ul#place li.place_kind {
	font-size: 16px;
	color: navy;
}
ul.place_details li {
	font-size: 12px;
	color: black;
}
span.small_text {
	font-size: 12px;
	color: black;
}

/*正式名称は*/
div#container div#content ul#item li#yosakoi_name {
	border:1px solid #006633;
	padding:6px;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#item li#yosakoi_name p {
	margin-left:12px;
}
div#container div#content ul#item li#yosakoi_name p span.formal_name {
	font-weight:bold;
	font-size : 16px;
}
/*気になる日程は*/
div#container div#content ul#item li#program {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
	/*開催日*/
div#container div#content ul#item li#program ol#open_day {
	font-weight:bold;
	font-size:16px;
	
}
div#container div#content ul#item li#program ol#open_day li {
	background:yellow;
	padding:2px;
	display:inline;
	margin:12px;
}
div#container div#content ul#item li#program ol#open_day p {
	font-size:12px;
	color:red;
	margin-left:12px;
}
/*常陸国ＹＯＳＡＫＯＩ祭りの趣旨*/
div#container div#content ul#item li#opinion {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#item li#opinion p {
	margin-left:12px;
}
/*どんな内容*/
div#container div#content ul#item li#what_contents {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
	/*内容*/
div#container div#content ul#item li#what_contents ul#open_item {
	list-style:disc;
	margin-left:24px;
}
div#container div#content ul#item li#what_contents ul#open_item li#ibaraki {
	font-weight:bold;
	font-size:16px;
}
div#container div#content ul#item li#what_contents ul#open_item li#student {
	font-weight:bold;
	font-size:16px;
}
div#container div#content ul#item li#what_contents ul#open_item li#miyabi {
	font-weight:bold;
	font-size:16px;
	margin-bottom:12px;
}
div#container div#content ul#item li#what_contents ul#open_item a {
	font-size:12px;
}
/*会場はどこ*/
div#container div#content ul#item li#where_place {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
	/*詳細*/
div#container div#content ul#item li#where_place ul#place {
	list-style:disc;
	margin-left:24px;
}
div#container div#content ul.place_details {
	list-style:circle;
	margin-left:12px;
}
div#container div#content ul#item li#where_place p {
	color:red;
}
/*スケジュール*/
div#container div#content ul#item li#schedule {
	position:relative;
	width:666px;
	height:210px;
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#item li#schedule ol li#day22 {
	position:absolute;;
	top:28px;
	left:12px;
	width:300px;
	padding:6px;
	border:3px dotted #CCFF66;
	background:#DDFFBB;

}
div#container div#content ul#item li#schedule ol li#day23 {
	overflow:hidden;
	position:relative;
	top:5px;
	left:340px;
	width:300px;
	padding:6px;
	border:3px dotted #CCFF66;
	background:#DDFF99;
}
/*後援*/
div#container div#content ul#item li#supporter {
	overflow:hidden;
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#item li#supporter p#support {
	background:#CCFF66;
	padding:12px;
}
/*主催・お問い合わせ*/
div#container div#content ul#item li#promoter {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#item li#promoter ul li {
	margin-left:12px;
}
/**********************************/
/****茨城大会、学生大会、雅大会****/
/**********************************/
div#container div#content ul#content_main li.student_item {
	padding:6px;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#content_main li.student_item p {
	margin-left:12px;
} 
div#container div#content ul#content_main li.student_item li {
	margin-left:12px;
} 

/*開催概要の索引*/
/*div#container div#content ul#content_main li.student_item {
	padding:12px;
	margin-bottom:16px;
	background:#CCFF66;
	border:1px solid #006633;
}
div#container div#content ul#content_main li#entry_team_details {
	padding:12px;
	margin-bottom:16px;
	background:#FFFFFF;
	border:none;
}
div#container div#content ul#content_main li.student_item ol#base {
	list-style-type:decimal;
	margin-left:20px;
}
div#container div#content ul#content_main li.student_item ul#notes {
	list-style-type:disc;
	margin-left:20px;
}
*/

/************************************************/
/************「参加チーム情報」の設定 ***********/
/************************************************/
div#container div#content p#term {
	text-align:left;
	font-size:16px;
	margin:6px 32px;
}
div#container div#content p#term_day {
	text-align:left;
	font-size:16px;
	color:red;
	margin:0 32px;
}
div#container div#content p#term_note {
	text-align:left;
	margin:0 32px;
}
div#container div#content ul#team_area {
	text-align:left;
	margin:16px 32px;
}
div#container div#content ul#team_area li {
	margin-bottom:12px;
}
div#container div#content ul#team_area li ol#team_data {
	list-style-type:decimal;
	margin-left:26px;
}
div#container div#content ul#team_area li ul li {
	margin-left:26px;
}
div#container div#content ul#team_area li ol#team_program {
	margin-left:26px;
	margin-bottom: 24px;
}



	/*--参加チーム一覧表--*/
table#entry_team {
	width: 100%;
 	text-align: center;
	border-collapse: collapse;
}
table#entry_team colgroup#day22, colgroup#day22_01,
colgroup#day22_02 {
	background-color: #DDFFFF;
}
table#entry_team colgroup#day23, colgroup#day23_01 {
	background-color: #FFFFDD;
}
table#entry_team th {
	background-color: #000077;
	color: #FFFFFF;
	font-weight: normal;
	border: solid 1px #AAAAAA ;
	padding: 2px;
	font-size: 12px;
}
table#entry_team colgroup#team_seat {
	width: 50px;
}
table#entry_team colgroup#team_name {
	width: 180px;
}
table#entry_team colgroup#name_kana {
	width: 180px;
}
table#entry_team tr.invitation {
	background-color: #B8E964;
	border-bottom: solid 2px #AAAAAA ;
}
table#entry_team td {
	border: solid 1px #AAAAAA ;
	padding: 2px;
	font-size: 12px;
}

/************************************************/
/**************「見学者情報」の設定 *************/
/************************************************/
div#container div#content ul#visitor {
	text-align:left;
	margin:6px 32px;
}
div#container div#content ul#visitor li#visitor_place {
	list-style-type:disc;
}
div#container div#content ul#visitor p#classify {
	margin:6px 12px;
}
div#container div#content ul#visitor ul#place li#daigo {
	list-style-type:none;
	padding:12px;
	margin-bottom:32px;
}
div#container div#content ul#visitor ul#place li#daigo ul#daigo_details {
	background:#CCFF66;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#visitor ul#place li#daigo ul#daigo_details li {
	font-weight:bold;
	list-style-type:square;
	margin-left:16px;
	margin-bottom:12px;
}
div#container div#content ul#visitor ul#place li#daigo ul#daigo_details li p {
	font-weight:normal;
}
div#container div#content ul#visitor ul#place li#daigo ul#daigo_acsess {
	background:#FFFFFF;
	border:1px solid #006633;
	margin:0 12px;
	padding-left:6px;
}
div#container div#content ul#visitor ul#place li#fukuroda {
	list-style-type:none;
	padding:12px;
	margin-bottom:32px;
}
div#container div#content ul#visitor ul#place li#fukuroda ul#fukuroda_details {
	background:#CCFF66;
	border:1px solid #006633;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#visitor ul#place li#fukuroda ul#fukuroda_details li {
	font-weight:bold;
	list-style-type:square;
	margin-left:16px;
	margin-bottom:12px;
}
div#container div#content ul#visitor ul#place li#fukuroda ul#fukuroda_details li p {
	font-weight:normal;
}
div#container div#content ul#visitor ul#place li#fukuroda ul#fukuroda_acsess {
	background:#FFFFFF;
	border:1px solid #006633;
	margin:0 12px;
	padding-left:6px;
}
div#container div#content ul#map li {
	background:#CCFF66;
	border:1px solid #006633;
	display:inline;
	width:200px;
	margin:12px;
	padding:6px;
}
div#container div#content ul#map li a {
 text-decoration:none;
}
div#container div#content ul#map li a:hover {
	background-color:#FFFFFF;
	border:1px solid #006633;
}
div#container div#content ul#yosakoi_map {
	text-align:center;
}
div#container div#content ul#yosakoi_map h3 {
	background-color:#CCFF66;
	width:600px;
	font-size:16px;
	margin:0 auto;
}
div#container div#content ul#yosakoi_map p {
	background-color:#CCFF66;
	width:600px;
	margin:0 auto;
}
div#container div#content ul#yosakoi_map li {
 margin-bottom:32px;
}
div#change {
	text-align: left;
	margin: 0 90px;
	margin-bottom: 12px;
}
div#change p#care {
	font-size: 16px;
	color: red;
	margin-bottom: 12px;
}
/************************************************/
/**************「各種募集」の設定 *************/
/************************************************/
div#container div#content ul#invitation {
	text-align:left;
	margin:6px 32px;
}
/*スタッフ募集*/
div#container div#content ul#invitation li#staff {
	border:1px solid #006633;
	padding:6px;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#invitation li#staff p {
	margin-left:12px;
}
div#container div#content ul#invitation li#staff p span.red {
	font-weight:bold;
	color:red;
}
div#container div#content ul#invitation li#staff ul {
	margin-left:12px;
}
div#container div#content ul#invitation li#staff img {
	float:right;
	margin-right:6px;
	margin-bottom:6px;
}
/*出演団体大募集*/
div#container div#content ul#invitation li#play {
	border:1px solid #006633;
	padding:6px;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#invitation li#play p {
	margin-left:12px;
}
div#container div#content ul#invitation li#play p img {
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
/*協賛ご協力について*/
div#container div#content ul#invitation li#approval {
	border:1px solid #006633;
	padding:6px;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#invitation li#approval p {
	margin-left:12px;
}
div#container div#content ul#invitation li#approval p#approval_yen {
	line-height:32px;
}
/*主催&amp;お問い合わせ&amp;お申込み先*/
div#container div#content ul#invitation li#entry {
	border:1px solid #006633;
	padding:6px;
	margin:0 12px;
	margin-bottom:16px;
}
div#container div#content ul#invitation li#entry h4#office {
	text-align:center;
}
div#container div#content ul#invitation li#entry dl {
	font-weight:bold;
	font-size:12px;
	background-color:#006633;
	margin-left:42px;
	width:550px;
	padding:6px 16px;
	margin-bottom:16px;
}
div#container div#content ul#invitation li#entry dt {
	color:#FFFFFF;
}
div#container div#content ul#invitation li#entry dd {
	font-weight:normal;
	background-color:#FFFFFF;
	padding:0 6px;
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
}
div#container div#content ul#invitation li#entry dd#account {
	margin-bottom:12px;
}
/************************************************/
/************「リンク集」の設定 *****************/
/************************************************/
div#container div#content dl#site_link {
	text-align:left;
	font-size:16px;
	width:460px;
	margin:20px auto;
}
div#container div#content dl#site_link dt {

}
div#container div#content dl#site_link dd {
	background:#CCFF66;
	border:5px solid #006633;
	padding:30px;
	margin-bottom:30px;
}
div#container div#content dl#site_link dd a {
	padding:24px;
	text-decoration:none;
}
div#container div#content dl#site_link a:hover {
	background:#FFFFFF  url(../image/details_page.gif) no-repeat 2px 24px;
	border:3px ridge red;
}
div#container div#content div#link_free {
	border:1px solid #006633;
	text-align:left;
	width:428px;
	margin:0 auto;
	padding:16px;
}
div#container div#content div#link_free p#link_welcome {
	margin-bottom:12px;
}
div#container div#content div#link_free ul li {
	margin-bottom:16px;
}
div#container div#content div#link_free ul li p {
	margin-left:12px;
}
div#container div#content div#link_free ul li ol#banner li {
	margin-left:12px;
}
/*下層ページ*/
div#container div#content ul#future-navigation li {
	display:inline;
	padding:0 12px;
}
div#container div#content p#explanation {
	text-align:left;
	width:460px;
	margin:20px auto;
}
div#container div#content dl#festival_link {
	border:1px solid #006633;
	text-align:left;
	width:428px;
	margin:20px auto;
	padding:0 16px;
}
div#container div#content dl#festival_link dt {
	font-size:15px;
	padding-top:6px;
}
div#container div#content dl#festival_link dt a {
	text-decoration:none;
}
div#container div#content dl#festival_link dt a:hover {
	background-color:yellow;
}
div#container div#content dl#festival_link dd {
	background-color:#DDFFDD;
	border:1px solid #CCFF66;
	margin-bottom:6px;
	padding:6px;
}
/************************************************/
/**********「お問い合せ」の設定 *****************/
/************************************************/
div#container div#content fieldset#form_field {
	text-align:center;
	width:500px;
	margin:0 auto;
}
div#container div#content h2#header_back {
	line-height:30px;
	/*text-shadow:#006633 0px 0px 5px;*/
	text-shadow:3px 3px 5px #006633;
}
div#container div#content fieldset#form_field  h3 {
	text-shadow:3px 3px 5px #006633;
	padding:12px;
}
div#container div#content fieldset#form_field dl {
	text-align:left;
	background:#CCFF66;
	margin:0 16px;
	padding:0 16px;
}
div#container div#content fieldset#form_field dl dd input {
	width:100%;
	margin-bottom:16px;
}
div#container div#content fieldset#form_field dl dd input#post {
	width:60px;
}
div#container div#content fieldset#form_field dl dd input#telephon {
	width:100px;
}
div#container div#content fieldset#form_field dl dd input#fax {
	width:100px;
}
div#container div#content fieldset#form_field dl dd textarea {
	width:100%;
	margin-bottom:16px;
}
div#container div#content fieldset#form_field dl dd p.example {
	margin-left:12px;
}
div#container div#content fieldset#form_field dl dd p.example {
	display:inline;
}
div#container div#content form input:hover{
 	background-color:#CCFF66;
}
div#container div#content form textarea:hover{
 	background-color:#CCFF66;
}
div#container div#content form ul#sub {
	padding:12px;
}
div#container div#content form ul#sub li {
	display:inline;
}
/************************************************/
/**********「サイトマップ」の設定 ***************/
/************************************************/
div#container div#content ul#top_area {
	text-align:left;
	width:500px;
	margin:0 auto;
	margin-bottom:16px;
}
div#container div#content ul#top_area li {
	text-align:left;
	background:#CCFF66;
	border:thin solid #006633;
	width:88px;
	padding-left:16px;
}
div#container div#content ul#map_area {
	text-align:center;
	width:460px;
	margin:0 auto;
	margin-bottom:32px;
}
div#container div#content ul#map_area li {
	text-align:left;
	background:#CCFF66;
	border:thin solid #006633;
	padding-left:16px;
	margin-bottom:16px;
}
div#container div#content ul#map_area li ul.next_area {
	width:100%;
}
div#container div#content ul#map_area li ul.next_area li {
	border:thin solid #006633;
	background:#FFFFFF;
	text-align:left;
	margin:16px;
}