@charset "utf-8";

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

html, body { height: 100%; margin: 0; padding: 0; text-align: center; background-color: #FFFFFF; }

/*-----------------------------------------------------------------------------
フォントサイズ統一。文字を入力するタグを100%にする。
-------------------------------------------------------------------------------*/
p,li,dt,dd,td,th,h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

/*------------------------------------------------------------------------------
フォントサイズを13px相当に統一する。81.25%は　16pxからみた13px
フォントはメイリオを先頭に。"Meiryo UI"を使用するとMSPゴシックに近い。
--------------------------------------------------------------------------------*/
body { font-family: Meiryo,MS PGothic,arial,helvetica,clean,sans-serif; font-size: 81.25%; line-height: 1.5em; color: #3C3C3C; }
*+html body { font-size:small; }/* for IE7 */

select,input,button { font-size:99%; }

/* ---------------------------------- Font */

.font18 { font-size: 138.5%; }
.font18b { font-size: 138.5%; font-weight: bold; }
.font17 { font-size: 131%; }
.font17b { font-size: 131%; font-weight: bold; }
.font16 { font-size: 123.1%; }
.font16b { font-size: 123.1%; font-weight: bold; }
.font15 { font-size: 116%; }
.font15b { font-size: 116%; font-weight: bold; }
.font14 { font-size: 108%; }
.font14b { font-size: 108%; font-weight: bold; }
.font13 { font-size: 100%; }
.font13b { font-size: 100%; font-weight: bold; }
.font12 { font-size: 93%; }
.font12b { font-size: 93%; font-weight: bold; }
.font11 { font-size: 85%; }
.font11b { font-size: 85%; font-weight: bold; }
.font10 { font-size: 77%; }
.font10b { font-size: 77%; font-weight: bold; }

.fontRED { color: #CC0000; }
.fontbRED { font-weight: bold; color: #CC0000; }
.fontORENGE { color: #FF6600; }
.fontbORENGE { font-weight: bold; color: #FF6600; }
.fontVIOLET { color: #CC0066; }
.fontbVIOLET { font-weight: bold; color: #CC0066; }
.fontGr2b { color: #159E31; font-weight: bold; }
.fontBLUE { color: #003399; }
.fontBLUEb { color: #003399; font-weight: bold; }


/* ---------------------------------- Font */

p, br, form, input, ul, dl { margin: 0px; padding: 0px; }
img { border-style: none; }
table { font-size:inherit; font:100%; }
li { list-style-type: none; }

a:link, a:visited { color: #0066FF; text-decoration: none; }
a:hover, a:active { color: #828282; text-decoration: underline; }

.brClear { clear: both; }
.cntTxt { text-align: center; }

.BtnArea { text-align: center; margin: 0px; padding-top: 30px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }


/* ---------------------------------- CLEARFIX */
.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0.1em;
}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/*End hide form IE-mac*/

/* ---------------------------------- Page layout */
#container { min-height: 100%; height: auto !important; height: 100%; position: relative; background-position: 0px 80px; }

#wrap {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 100px;
}
#Main { width: 980px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; }
#Contents { float: left; width: 760px; height: auto; line-height: 150%; }
#Side { float: right; width: 210px; }

/* ---------------------------------- Header */
#Header { width: 100%; margin-right: auto; margin-left: auto; clear: both; background-color: #FFF; height: 80px; }

#Header h1 { font-size: 77%; text-indent: -9999px; height: 72px; width: 632px; padding: 0px; display: block; z-index: 1; position: relative; float: left; background-image: url(../_common/images/logo.jpg); background-repeat: no-repeat; margin: 0px; }
#Header h1 a { display: block; height: 72px; width: 632px; margin: 0px; padding: 0px; }
#Header .HeaderArea { height: 80px; width: 980px; margin-right: auto; margin-left: auto; }

#Header .SubMenu { margin: 0px; float: right; width: 240px; font-size: 85%; line-height: 100%; height: 26px; padding-right: 0px; padding-left: 0px; background-image: url(../_common/images/submenu.png); background-repeat: no-repeat; }
#Header .SubMenu ul {  margin: 0px; padding: 0px; list-style-type: none; }
#Header .SubMenu li { height: 26px; display: inline; margin: 0px; padding: 0px; float: left; list-style-type: none; text-indent: -9999px; }
#Header .SubMenu li a { display: block; padding: 0px; margin: 0px; text-decoration: none; height: 26px; position: relative; /* for IE6 */ }

#Header .SubMenu li#subnv01 a { width: 120px; background: url(../_common/images/submenu.png) no-repeat 0 0; }
#Header .SubMenu li#subnv02 a { width: 120px; background: url(../_common/images/submenu.png) no-repeat -120px 0; }







.HeadImg { width: 980px; margin-right: auto; margin-left: auto; }


/* ---------------------------------- Menu */


/* ---------------------------------- Contents */
#Contents p { margin-bottom: 15px; }


#Contents .BtnContact { width: 700px; margin-top: 40px; }
#Contents .BtnContact a { background: url(images/btn_contact.png) no-repeat; display: block; height: 80px; width: 700px; margin: 0px; padding: 0px; text-indent: -9999px; }
#Contents .BtnContact a:hover { background-position: 0px -80px; }



/* パンくず */




/* ---------------------------------- Page */
.subttl { margin-bottom: 15px; clear: both; }
.subttlTxt { margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; border-left: 3px solid #003300; font-size: 108%; line-height: 100%; font-weight: bold; color: #003300; clear: both; }

div.txtBox { margin-bottom: 30px; margin-right: 5px; margin-left: 5px; }
div.CapTxt { margin-bottom: 50px; }
.InquiryBtn { width: 714px; padding-top: 30px; }

div.Rss { margin: 0px; padding: 0px; text-align: right; }
div.Rss a { background-image: url(images/icon_rss.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; color: #999999; }

ul.List { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; }
.List li { list-style-type: disc; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; }

dl.Requirement { margin: 0px; padding: 0px; }
.Requirement dt { font-weight: bold; color: #003399; padding: 0px; float: left; width: 150px; margin: 0px; }
.Requirement dd { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 150px; }

div.SpaceBottom { margin-bottom: 30px; }

/* マウスオーバー */
.opacity-style a:hover img {
    filter: alpha( opacity=80 );  /* IE */
    opacity:0.8;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.8;           /* Firefox 0.9より前 */
	background: #fff;
}


/* ---------------------------------- Sub Title */
/*EVENT*/
h2.Event {
	font-size: 77%;
	line-height: 100%;
	background-image: url(../images/top_title-news.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 35px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*TOPICS*/
h2.Topics {
	font-size: 77%;
	line-height: 100%;
	background-image: url(../images/top_title-event01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 35px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 17px;
}

/*スポーツイベントNEWS*/
h2.sportsNews {
	font-size: 77%;
	line-height: 100%;
	background-image: url(../images/top_title-news01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 35px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 17px;
}

/* ---------------------------------- Side */
#Side .BnrCircle { width: 246px; margin-bottom: 20px; }

#Side .Bnr {
	width: 210px;
	margin-bottom: 5px;
	text-align: center;
}
#Side .Movie {
	background-image: url(../images/movie.png);
	background-repeat: no-repeat;
	height: 227px;
	width: 210px;
	margin-bottom: 10px;
}
/*
#Side .Info {
	background-image: url(../images/information_bg.png);
	background-repeat: no-repeat;
	width: 210px;
	margin-bottom: 10px;
	height: 340px;
}
*/

#Side .Info {
	background-image: url(../images/information_bg4.png);
	background-repeat: no-repeat;
	width: 210px;
	margin-bottom: 10px;
	height: 265px;
}

#Side .Info .InfoBox { width: 198px; margin-right: 6px; margin-left: 6px; padding-top: 60px; }
#Side .Info .InfoBox a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#Side .jitensha {
	background-image: url(../images/jitensha_bg.png);
	background-repeat: no-repeat;
	width: 210px;
	margin-bottom: 10px;
	height: 230px;
}
#Side .jitensha .jitenshaBox { width: 198px; margin-right: 6px; margin-left: 6px; padding-top: 60px; }
#Side .jitensha .jitenshaBox a:hover img { 
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#Side .Album {
	background-image: url(../images/album_bg.png);
	background-repeat: no-repeat;
	height: 274px;
	width: 210px;
	margin-bottom: 10px;
}
#Side .Album .AlbumBox {
	height: 220px;
	width: 190px;
	margin-left: 10px;
	padding-top: 70px;
}

#Side .AdBnr { width: 246px; padding-top: 10px; margin-bottom: 20px; }

#PageMenu { margin: 0px; padding: 0px; width: 226px; }
#PageMenu ul { margin: 20px 0px 0px; padding: 0px; list-style-type: none; }
#PageMenu li { height: 59px; display: block; margin: 0px 0px 20px; padding: 0px; list-style-type: none; text-indent: -9999px; }
#PageMenu li a { display: block; padding: 0px; margin: 0px; text-decoration: none; height: 59px; position: relative; /* for IE6 */ }



/* ---------------------------------- Indx */

div.TopCtns {
	width: 760px;
	background-image: url(../images/pagg-bg_01.png);
	background-repeat: no-repeat;
	padding-top: 14px;
	margin-bottom: 10px;
}
div.TopCtnsMain { width: 760px; background-image: url(../images/pagg-bg_02.png); background-repeat: repeat-y; background-position: 0px 0px; }
div.TopCtnsFoot { width: 760px; background-image: url(../images/pagg-bg_03.png); background-repeat: no-repeat; background-position: 0px bottom; height: 18px; text-indent: -9999px; }
div.TopCtns02 {
	width: 760px;
	background-image: url(../images/pagg-bg_04.png);
	background-repeat: no-repeat;
	padding-top: 14px;
	margin-bottom: 10px;
}
div.TopCtnsMain02 { width: 760px; background-image: url(../images/pagg-bg_05.png); background-repeat: repeat-y; background-position: 0px 0px; }
div.TopCtnsFoot02 { width: 760px; background-image: url(../images/pagg-bg_06.png); background-repeat: no-repeat; background-position: 0px bottom; height: 18px; text-indent: -9999px; }

div.NewsBox { width: 726px; background-image: url(../images/top-news_bg.png); background-repeat: no-repeat; height: 276px; margin-right: auto; margin-left: 8px; margin-bottom: 40px; }
div.NewsMain { padding: 0px; height: 190px; width: 580px; overflow: auto; margin-top: 20px; margin-bottom: 0px; margin-left: 15px; }
div.NewsMain dl { margin: 0px; padding: 0px; }
div.NewsMain dt { font-weight: bold; color: #ff9900; margin-bottom: 5px; }
div.NewsMain dd { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
div.OldNews { background-image: url(../images/icon-arrow03.png); background-repeat: no-repeat; background-position: right; text-align: right; padding-right: 20px; }
div.OldNews a:link,
div.OldNews a:visited { color: #3C3C3C; text-decoration: none; }
div.OldNews a:hover,
div.OldNews a:active { color: #0066FF; text-decoration: underline; }

div.EventBox { width: 726px; background-image: url(../images/top-event_bg.png); background-repeat: no-repeat; height: 276px; margin-right: auto; margin-left: 8px; background-position: 10px 40px; }
div.EventBox02 {
	width: 726px;
	background-image: url(../images/bg_top_event.gif);
	background-repeat: no-repeat;
	height: 300px;
	margin:0 auto;
	background-position: 10px 40px;
}

div.EventBox03 {
	width: 726px;
	background-image: url(../images/bg_top_topics.png);
	background-repeat: no-repeat;
	height:  350px;
	background-position: 10px 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.EventBox04 {
	width: 726px;
	background-image: url(../images/bg_top_topics.png);
	background-repeat: no-repeat;
	height: 650px;
	background-position: 10px 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.EventBox05 {
	width: 726px;
	background-image: url(../images/bg_top_topics.png);
	background-repeat: no-repeat;
	height: 500px;
	background-position: 10px 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.EventBox06 {
	width: 726px;
	background-image: url(../images/bg_top_sportsEventNews.gif);
	background-repeat: no-repeat;
	height: 260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.EventMain { padding: 0px; height: 160px; width: 350px; overflow: auto; margin-top: 25px; margin-bottom: 0px; margin-left: 25px; float: left; }
div.EventMain dl { margin: 0px; padding: 0px; }
div.EventMain dt { font-weight: bold; color: #ff9900; margin-bottom: 7px; }
div.EventMain dd { margin: 0px; padding: 0px; }

div.EventMain02 { padding: 0px; height: 160px; width: 380px; overflow: auto; margin-top: 25px; margin-bottom: 0px; margin-left: 25px; float: left; }
div.EventMain02 dl { margin: 0px; padding: 0px; }
div.EventMain02 dt { font-weight: bold; color: #ff9900; margin-bottom: 7px; }
div.EventMain02 dd { margin: 0px; padding: 0px; }

div.Calendar { height: 188px; width: 188px; float: right; margin-right: 25px; margin-top: 5px; }
div.Calendar table { padding: 0px; border: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
div.Calendar td { padding: 5px; }
div.Calendar td.day { text-align: center; border: 1px solid #CCCCCC; line-height: 120%; margin: 0px; background-image: url(../images/table_tdbg.png); background-repeat: no-repeat; background-position: right; }
div.Calendar td.week { text-align: center; border: 1px solid #ff9900; line-height: 120%; margin: 0px; background-repeat: no-repeat; background-position: right; color: #FFF; background-image: url(../images/table_tdbg2.png); }
div.Calendar .Arrow { float: left; width: 30px; padding-top: 2px; }
div.Calendar .Date{ text-align: center; float: left; width: 128px; }




div.PhotoArea {
	width: 740px;
	background-image: url(../images/top-photo_bg.png);
	background-position: 0px 0px;
	height: 301px;
	margin-bottom: 15px;
}
div.PhotoArea .PhotoList { width: 545px; padding-top: 120px; margin-left: 180px; }
.PhotoList .PhotoBox { width: 179px; float: left; }
.PhotoList .PhotoBox img { padding: 4px; border: 1px solid #D4D0C8; background-color: #FFF; }
.PhotoList .bntDetail { padding-top: 5px; text-align: right; }






.BnrSpace { padding-right: 10px; }

div.Info { padding: 0px; margin-bottom: 30px; }
div.Info dl { margin-bottom: 5px; }
div.Info dt { margin: 0px; padding: 0px; width: 100px; float: left; margin: 0px; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #A0A0A0; }
div.Info dd { width: 594px; padding-top: 8px; padding-bottom: 8px; margin: 0px 0px 0px 110px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #A0A0A0; }

div.Info .InfoMore { padding: 0px; text-align: right; }
div.Info .InfoMore a { background-image: url(images/icon_arrow01.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; margin: 0px; color: #3C3C3C; }






/* Fireworksリンク対策 */
/*\*/
a { overflow: hidden; }
/**/


/* イメージナビ */
#img_navibox { width:978px; margin:0 auto; }


/* ナビゲーション */
#navibox01 { width:980px; margin:0 auto; padding-top:5px; }
.naviarea01 { width:196px; float:left; }

div#timenavi01 {
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/timenavi01.png) no-repeat top left;
 text-indent: -9999px;
 }
div#timenavi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#timenavi01 a {
 display: block;
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/timenavi01.png) no-repeat top left;
 text-indent: none;
 }
 
div#timenavi01 a:hover {
 background:url(../common_img/timenavi02.png) no-repeat top left;
 }

div#attractionnavi01 {
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/shisetsu01.png) no-repeat top left;
 text-indent: -9999px;
 }
div#attractionnavi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#attractionnavi01 a {
 display: block;
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/shisetsu01.png) no-repeat top left;
 text-indent: none;
 }
 
div#attractionnavi01 a:hover {
 background:url(../common_img/shisetsu02.png) no-repeat top left;
 }

div#coursenavi01 {
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/event01.png) no-repeat top left;
 text-indent: -9999px;
 }
div#coursenavi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#coursenavi01 a {
 display: block;
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/event01.png) no-repeat top left;
 text-indent: none;
 }
 
div#coursenavi01 a:hover {
 background:url(../common_img/event02.png) no-repeat top left;
 }

div#guidenavi01 {
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/access01.png) no-repeat top left;
 text-indent: -9999px;
 }
div#guidenavi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#guidenavi01 a {
 display: block;
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/access01.png) no-repeat top left;
 text-indent: none;
 }
 
div#guidenavi01 a:hover {
 background:url(../common_img/access02.png) no-repeat top left;
 }

div#mapnavi01 {
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/map01.png) no-repeat top left;
 text-indent: -9999px;
 }
div#mapnavi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#mapnavi01 a {
 display: block;
 width: 196px;
 height: 70px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/map01.png) no-repeat top left;
 text-indent: none;
 }
 
div#mapnavi01 a:hover {
 background:url(../common_img/map02.png) no-repeat top left;
 }


/* ニュース */
#newsbox01 { width:510px; float:left; padding-left:30px; padding-top:15px; }
td.newsdate01 { width:90px; text-align:left; vertical-align:top; color:#FF9900; font-size:12px; }
td.newstext01 { width:420px; text-align:left; vertical-align:top; font-size:12px; }


/* トピックス */
#topicsbox01 {
	width: 702px;
	margin: 0 auto;
	padding-top: 10px;
}
td.topicsimgbox01 {
	width: 199px;
	text-align: left;
	vertical-align: top;
}
td.topicstextbox01 {
	width: 132px;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	line-height: 160%;
	padding-left: 10px;
	padding-bottom: 0;
}
.topicstitle01 { font-size:12px; font-weight:bold; padding-bottom:5px; }


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* YouTube */
#playerbox { width:188px; margin:0 auto; padding-top:47px; }
#thumbnail { width:188px; padding:4px 0 0 0; margin:0 auto; }
td.thumbnailbox { width:60px; }
td.space { width:4px; }
.topTitle {
	padding-left: 17px;
	height: 35px;
	margin-bottom: 10px;
}
.pr20 {
	padding-right: 20px;
}