﻿/*STRUCTURE
=================================================*/

html {
	overflow-y:scroll;
}
body#home {
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
body#others {
	background-image:url(../images/header_others_bg.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
body {
	padding-top:4px;
	color:#333333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", sans-serif;
	font-size:small;
	line-height:150%;
	text-align:center;
}
#document {
	margin:0 auto 15px;
	width:900px;
	text-align:left;
}
#pageTitle {
	margin-top:10px;
}
#topicpath {
	margin:0;
}
#main {
	margin-top:15px;
}
#main:after {/*モダンブラウザ用clearfix*/
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
#header {
	position:relative;
	zoom:1;/*IE6での余白のずれ等防止*/
	height:95px;
}
#contents {
	float:left;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:600px;
	margin:0 30px 5px 0;
}
#navigation {
	float:right;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:270px;
	clear:right;/*IE6でのカラム落ち防止*/
	margin-bottom:5px;
}
#others_main {
	width:900px;
	background-image:url(../images/others_bg.png);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}
#others_main:after {/*モダンブラウザ用clearfix*/
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
#others_contents {
	float:left;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:600px;
	margin:0 40px 0 0;
}
#others_navigation {
	float:right;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:220px;
	clear:right;/*IE6でのカラム落ち防止*/
	padding:20px 20px 0 20px;
	margin-bottom:5px;
	background-color:#e6eded;
}
#clear {
	clear:both;
}
#footer {
	width: auto;
	margin: 0 auto;
	padding-top:30px;
	padding-bottom:20px;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	background-color:#e6eded;
}
#to_top {
	clear:both;
	margin-right:20px;
	text-align:right;
}
/*headerNavi
=================================================*/

#header ul#headerNavi {
	position:absolute;
	top:0px;
	left:627px;
	width:273px;
	zoom:1;/*IE6での余白のずれ等防止*/
}
#header ul#headerNavi li {
	float:left;
	display:inline;
}
#header ul#headerNavi:after {/*モダンブラウザ用clearfix*/
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
/*switchNavi
=================================================*/

#header div#switchNavi {
	position:absolute;
	top:37px;
	left:631px;
	width:269px;
	height:41px;
	zoom:1;/*IE6での余白のずれ等防止*/
	background-image:url(../images/switch_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#header div#switchNavi:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
/*fontNavi
=================================================*/


#header div#switchNavi ul#fontNavi {
	float:left;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:60px;
	margin:11px 0 0 82px;
}
#header div#switchNavi ul#fontNavi li {
	float:left;
	display:inline;
}
#header div#switchNavi ul#fontNavi:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
/*bgNavi
=================================================*/

#header div#switchNavi ul#bgNavi {
	float:right;
	display:inline;/*IE6でのマージンが倍になるバグ防止*/
	width:40px;
	margin:11px 14px 0 0px;
}
#header div#switchNavi ul#bgNavi li {
	float:left;
	display:inline;
}
#header div#switchNavi ul#bgNavi:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
/*globalNavi
=================================================*/

ul#globalnavi {
	zoom:1;
}
ul#globalnavi li {
	float:left;
	display:inline;
}
ul#globalnavi:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
/*Titles
=================================================*/

body#home h2 {
	margin-bottom:15px;
}
body#others h2 {
	margin-bottom:5px;
}
body#others h3 {
	margin-bottom:15px;
}
/*footerNavi
=================================================*/

#footer ul#footerNavi {
	margin-bottom:5px;
}
#footer ul#footerNavi li {
	display:inline;
	margin:0 0 0px 6px;
	padding:0 0 0 6px;
	border-left:1px solid #999;
	font-size:x-small;
	line-height:1.2;
	white-space:nowrap;/* IE6で途中改行されるのを防止 */
}
#footer ul#footerNavi li.first {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
/*Copyright
=================================================*/

#footer address#copyright {
	font-size:x-small;
}
/*Others
=================================================*/

p {
	margin-bottom:1em;
}
p.right {
	text-align:right;
}
img {
	border:none;
	vertical-align:text-bottom; /*Firefox/Safariで画像の下に隙間ができるのを防止*/
}
caption {
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.img_border {
	border:solid #CCCCCC 1px;
}
div.imagebox {
   float: right;
   margin:5px;
   font-size:80%;
   line-height:150%;
}
em {
	font-weight:bold
}
.red {
	color:#e60012;
}
.error { /* エラー文言表示用 */
	font-weight:bold;
	color:#e60012;
}
.vivid_blue {
	font-weight:bold;
	color:#003f98;
}
a[target="_blank"] {
	background:transparent url(../images/target_ico.png) center right no-repeat;
	padding-right:15px;
}

a[href$=".pdf"]:after {
	content:url(../images/pdf_small.gif);
	vertical-align:top;
	margin:2px;
}

a[href$=".doc"]:after {
	content:url(../images/word_small.gif);
	vertical-align:top;
	margin:2px;
}


a.image {
	background:none;
	padding:0;
}
.new_item {
	background-image:url(../images/new_item.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:30px;
}
.colored_box {
	margin:2em 0;
	border:solid 1px #999;
	background-color:#EEE;
	padding:1em;
}
dl.normal_dl {
	margin-bottom:20px;
}
dl.min_dl {
	margin-bottom:10px;
}
dl.normal_dl dt {
	font-weight:bold;
}
dl.normal_dl dd ul li {
	margin-left:2em;
	margin-bottom:5px;
	list-style-type:disc;
}

dl.normal_dl dd ol li {
	margin-left:2em;
	margin-bottom:5px;
}
table.t_normal {
	border-collapse:collapse;
	border:1px solid #999;
	margin-bottom:20px;
}
table.t_normal, table.t_normal td {
	padding:4px;
	border:1px solid #999;
}
table.t_normal th {
	padding:4px;
	border:1px solid #999;
	background-color:#DDD;
}
/*INFOMATION
=================================================*/

div#info {
	width:578px;
	height:220px;
	padding:5px 10px;
	margin-bottom:20px;
	border:solid 1px #999;
	overflow:auto;
}
#info dl dt {
	font-weight:bold;
	padding-bottom:5px;
}
#info dl dd {
	border-bottom:dotted 1px #999;
	padding-bottom:7px;
	margin-bottom:7px;
}

div#info_bosyu {
	width:578px;
	height:120px;
	padding:5px 10px;
	margin-bottom:20px;
	border:solid 1px #999;
	overflow:auto;
	background-image:url(../images/bosyu_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#info_bosyu dl dt {
	font-weight:bold;
	padding-bottom:5px;
}
#info_bosyu dl dd {
	border-bottom:dotted 1px #999;
	padding-bottom:7px;
	margin-bottom:7px;
}


/*EventInfo
=================================================*/

div#eventInfo:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
dl.eventInfoLeft {
	float:left;
	display:inline;
	width:292px;
	margin-bottom:15px;
	margin-right:16px;
}
dl.eventInfoLeft dt {
	margin-bottom:5px;
}
dl.eventInfoRight {
	float:left;
	display:inline;
	width:292px;
	margin-bottom:15px;
}
dl.eventInfoRight dt {
	margin-bottom:5px;
}
/*Navigation
=================================================*/

#navigation ul#topBnr li {
	margin-bottom:10px;
}
/*Twitter
=================================================*/


div#twitter_div {
	width:268px;
	border:solid #999 1px;
	background-image:url(../images/tw_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
}
ul#twitter_update_list {
	margin-top:80px;
	padding:1em;
}
ul#twitter_update_list li {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dotted #999 1px;
	word-break: break-all;/*IEで長いURLや英単語を強制改行*/
}
ul#twitter_update_list li a {
	text-decoration:none;
}
a#twitter-link {
	display:block;
	margin:0 1em 1em 1em;
	text-align:center;
}
/*Sponsor
=================================================*/

div#sponsor {
	clear:both;
	width:878px;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px 10px 0 10px;
	border:solid 1px #999;
}
div#sponsor:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
}
div#sponsor p {
	margin-bottom:0.5em;
}
div#sponsor table {
	border:none;
	margin-top:5px;
	margin-left:3px;
}
div#sponsor table th {
	padding:0 2em 0 0.5em;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #ddd;
	border-left:solid 5px #ddd;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
}
div#sponsor table td {
	padding:0.5em 2em 0 0.5em;
	border:none;
	text-align: left;
	vertical-align:top;
}
/*Topicpath
=================================================*/
#topicpath p {
	font-size:x-small;
}
#dou_btn {
	margin-left:418px;
	width:182px;
	margin-bottom:10px;
}
/*開催の思い
=================================================*/
#letter {
	padding:10px 15px;
	margin:15px 0;
	background-color:#EEE;
	border:solid 1px #CCC;
}
p.notebook {
	background:url(../images/bg_noteline.gif) repeat 0 0;
	line-height :30px;
	margin :0;
}
/*Google Maps
=================================================*/

#googlemap {
	margin-bottom:15px;
}
/*種目
=================================================*/
#others_navigation ul li {
	margin-bottom:10px;
}
div.section {
	position:relative;
	zoom:1;/*IE6での余白のずれ等防止*/
	margin-bottom:10px;
	height:150px;/*IE6での最小の高さ*/
}
div#others_contents>div.section {
	height:auto;
	min-height:150px;/*IE6以外での最小の高さ*/
}
div.section img {
	position:absolute;
	top:0px;
	left:0px;
	zoom:1;/*IE6での余白のずれ等防止*/
	width:178px;
	border:solid 1px #999;
	height: 119px;
}
div.section object {
	position:absolute;
	top:0px;
	left:0px;
	zoom:1;/*IE6での余白のずれ等防止*/
	width:178px;
	border:solid 1px #999;
	height: 119px;
}
div.section dl {
	width:400px;
	margin-left:200px;
}
div.section dl dt {
	font-weight:bold;
	color:#e60012;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
}
div.section ul li {
	margin-left:2em;
	margin-bottom:5px;
	list-style-type:disc;
}
/*日常生活運動強度
=================================================*/

table.kyodo {
	border-collapse:collapse;
	border:1px solid #999;
	margin-bottom:10px;
}
table.kyodo {
	padding:4px;
	border:1px solid #999;
}
table.kyodo td {
	padding:4px;
	border:1px solid #999;
}
table.kyodo th {
	padding:4px;
	border:1px solid #999;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
.text_center {
	text-align:center;
	font-weight:bold;
}
.bg_gray {
	background-color:#DDD;
}
.bg_pink01 {
	background-color:#fce7f0;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_pink02 {
	background-color:#fcd7f1;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_pink03 {
	background-color:#fcc2f2;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_yellow {
	background-color:#fff799;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_blue {
	background-color:#c6dfce;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_orange {
	background-color:#facd89;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.bg_green {
	background-color:#c6e1b6;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
/*賛助企業リスト
=================================================*/

ul.company_list {
	margin-bottom:20px;
}


/*競技・ボランティア参加
=================================================*/

.join_btn{
	width:300px;
	padding-left:300px;
	margin-bottom:15px;
	position:relative;
	zoom:1;/*IE6での余白のずれ等防止*/
		height:100px;/*IE6での最小の高さ*/
}

div.join_btn img{
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:100px;
	zoom:1;/*IE6での余白のずれ等防止*/
}

	
div#others_contents>div.join_btn {
	height:auto;
	min-height:100px;/*IE6以外での最小の高さ*/
}

/*Form
=================================================*/

table#domain {
	width:600px;
	border:none;
	margin:1em 0;
}
table#domain th {
	padding:5px;
	border:none;
	text-align: left;
	vertical-align: top;
	width:190px;
	font-weight:bold;
}
table#domain td {
	padding:5px;
	border:none;
	text-align: left;
	vertical-align: top;
	width:190px;
}
form {
	margin:5px 0 15px 0;
}
form table {
	width:598px;
	border-collapse:collapse;
	border:1px solid #999;
	margin:1em 0;
}
form table caption {
	color:#e60012;
	font-weight:bold;
}
form table th {
	padding:1em;
	border:1px solid #999;
	background-color: #DDD;
	text-align: left;
	vertical-align: top;
	width:100px;
}
form table td {
	padding:1em;
	border:1px solid #999;
	text-align: left;
	vertical-align: top;
}
form table.booth {
	width:598px;
	border-collapse:collapse;
	border:1px solid #999;
	margin:1em 0;
}
form table.booth th {
	padding:0.5em;
	border:1px solid #999;
	background-color: #DDD;
	text-align: center;
	vertical-align: top;
}
form table.booth td {
	padding:0.5em;
	border:1px solid #999;
	vertical-align: top;
}

div.colored_box form table{
width:auto;
}

div.colored_box form table td{
	background-color:#FFF;
}

form input {
	border:solid 1px #999;
}
form input.wide_margin {
	margin-top:5px;
}
form input#ivent, input#staff, input#supporter, input#others, input#male, input#female, input#sanka_1, input#sanka_2, input#sanka_3, input#sanka_4, input#sanka_5, input#sanka_6 {
	border:none;
}
form textarea {
	border:solid 1px #999;
}
form input#submit {
	margin-right:5px;
	width:60px;
	background-color:#99ccff;
	border-top-color:#66ccff;
	border-left-color:#66ccff;
	border-right-color:#0db4eb;
	border-bottom-color:#0db4eb;
}
div#formButton {
	text-align:center;
}




#addword {
	width:870px;
	margin-bottom:10px;
	color:#e60012;
}

