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

/* =========================================================
 BASIC LAYOUT
========================================================= */


/* BODY
--------------------------------------------------------- */
html,body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: #0D0D0D url(../images/bg_body.jpg) repeat-x left top;
}
#wrapper-top {
	margin: 0px auto 10px;
	padding: 0px 1px 1px;
	border-right: 1px solid #4C3C2F;
	border-bottom: 1px solid #4C3C2F;
	border-left: 1px solid #4C3C2F;
	width: 800px;
}
#wrapper {
	margin: 0px auto 10px;
	padding: 0px 1px 1px;
	border: 1px solid #4C3C2F;
	width: 700px;
}

/* HEADER
--------------------------------------------------------- */

#wrapper-top #header {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #4C3C2F;
	border-left: 1px solid #4C3C2F;
}
#wrapper-top #header #tagline {
	margin: 0px;
	padding: 4px;
	color: #DECED0;
	background: #5D0E19;
	font-size: 85%;
}
#wrapper-top #header h1 {
	margin: 0px;
	padding: 0px;
}

#wrapper #header {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 73px;
	background: url(../images/bg_header.jpg) no-repeat left top;
}
#wrapper #header img,
#wrapper #header a {
	border-style: none;
}
#wrapper #header h1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 6px;
	left: 0px;
	width: 217px;
}
#wrapper #header .address {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 34px;
	right: 6px;
	width: 196px;
}
#wrapper #header .contactlink {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 53px;
	right: 6px;
	width: 91px;
}



/* NAVI
--------------------------------------------------------- */

ul#global-navi {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #4C3C2F;
	border-left: 1px solid #4C3C2F;
}
ul#global-navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
}
ul#global-navi li img {
	vertical-align: bottom;
}


/* CONTENT
--------------------------------------------------------- */

#wrapper-top #content {
	margin: 0px;
	padding: 20px 24px 24px;
	border-right: 1px solid #4C3C2F;
	border-left: 1px solid #4C3C2F;
	background: #F5F0E7 url(../images/bg_topcontent.gif) repeat-x left top;
}
#wrapper-top #content #primary {
	float: left;
	width: 450px;
}
#wrapper-top #content #secondary {
	margin-bottom: 40px;
	float: right;
	width: 275px;
}

/* FOOTER
--------------------------------------------------------- */
#footer {
	margin: 0px;
	padding: 13px 24px 10px;
	border-right: 1px solid #4C3C2F;
	border-bottom: 1px solid #4C3C2F;
	border-left: 1px solid #4C3C2F;
	clear: both;
	background: #1E1E1E url(../images/bg_footer.gif) repeat-x left top;
}
#wrapper #footer {
	font-size: 93%;
}
#footer #footer-navi {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	text-align: center;
}
#footer #footer-navi li {
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #9B9B9B;
	display: inline;
	list-style: none;
}
#footer #footer-navi li.last {
	border-right: none;
}
#footer .copyright {
	margin: 0px;
	padding: 8px 0px 0px;
	color: #999999;
	font-size: 93%;
	text-align: center;
}


/* LINK 
--------------------------------------------------------- */

a:link {
	color: #990000;
}
a:hover {
	color: #CE3F3F;
}
a:visited {
	color: #333399;
}
a:active {
	color: #FF0000;
}
#footer #footer-navi a:link {
	color: #A8A888;
}
#footer #footer-navi a:hover {
	color: #D2D1A8;
}
#footer #footer-navi a:visited {
	color: #A8A888;
}
#footer #footer-navi a:active {
	color: #D2D1A8;
}
a.pdf {
	padding-right: 16px;
	background: url(../images/icon_pdf.gif) no-repeat right center;
}
a.pdf:hover {
	padding-right: 16px;
	background: url(../images/icon_pdf_o.gif) no-repeat right center;
}


/* PHOTO 
--------------------------------------------------------- */

.thumbnail img {
	margin: 0px;
	padding: 1px;
	border: 1px solid #C2C0BC;
}




/* =========================================================
 TOPPAGE CONTENT
========================================================= */

/* ALL
--------------------------------------------------------- */

#wrapper-top #topics,
#wrapper-top #pickup {
	margin: 0px;
	padding: 0px 0px 24px;
}
#wrapper-top #event,
#wrapper-top #contact {
	margin: 0px;
	padding: 0px;
}
#wrapper-top h2,
#wrapper-top h3 {
	margin: 0px;
	padding: 0px 0px 5px;
}


/* TOPICS
--------------------------------------------------------- */

#wrapper-top #topics dl {
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	font-size: 93%;
}
#wrapper-top #topics dt {
	margin: 0px;
	padding: 0.5em 0px;
	border-top: 1px dotted #999999;
	color: #4D4D4D;
}
#wrapper-top #topics dt.top {
	margin: 0px;
	padding: 0.5em 0px;
	border-top: none;
}
#wrapper-top #topics dd {
	margin: -1.9em 0px 0px;
	padding: 0px 0px 0.5em 9.5em;
}
#wrapper-top #topics .topics-title {
	color: #990000;
}




/* EVENT
--------------------------------------------------------- */

#wrapper-top #event h2 {
	margin: 0px;
	padding: 0px 0px 12px;
}
#wrapper-top #event .section {
	margin: 0px;
	padding: 0px 5px 15px 0px;
	float: left;
	width: 220px;
}
#wrapper-top #event .section2 {
	margin: 0px;
	padding: 0px 5px 15px 0px;
	float: left;
	width: 440px;
}
#wrapper-top #event .thumbnail {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 76px;
}
#wrapper-top #event .box {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 134px;
}
#wrapper-top #event .box2 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 354px;
}
#wrapper-top #event h3 {
	margin: 0px;
	padding: 0px 0px 0.5em;
	color: #990000;
	font-size: 100%;
}
#wrapper-top #event .date {
	margin: 0px;
	padding: 0px 0px 0.2em;
	color: #4D4D4D;
	font-size: 93%;
}
#wrapper-top #event .description {
	margin: 0px;
	padding: 0px 0px 0.3em;
	line-height: 1.3;
	color: #333333;
	font-size: 93%;
}



/* PICUP
--------------------------------------------------------- */

#wrapper-top #pickup {
	margin: 0px;
	padding: 8px 7px 14px 8px;
	background: url(../images/bg_pickup.jpg) no-repeat left top;
}
#wrapper-top #pickup h2 {
	margin: 0px;
	padding: 0px 0px 8px;
}
#wrapper-top #pickup .description {
	margin: 0px;
	padding: 0px 0px 0em;
	line-height: 1.6;
	color: #333333;
	font-size: 93%;
}
#wrapper-top #pickup ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 93%;
}
#wrapper-top #pickup ul li {
	margin: 0px;
	padding: 0px 0px 0px 7px;
	list-style: none;
	background: url(../images/bg_contactlink.gif) no-repeat left 0.4em;
}



/* CONTACT
--------------------------------------------------------- */

#wrapper-top #contact {
	margin: 0px;
	padding: 0px;
}
#wrapper-top #contact h2 {
	margin: 0px;
	padding: 0px 0px 10px;
}
#wrapper-top #contact .thumbnail {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 137px;
}
#wrapper-top #contact .section {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}
#wrapper-top #contact h3 {
	margin: 0px;
	padding: 0px 0px 5px;
}
#wrapper-top #contact .description {
	margin: 0px;
	padding: 0px 0px 10px;
	line-height: 1.4;
	color: #666666;
	font-size: 93%;
}
#wrapper-top #contact ul {
	margin: 0px;
	padding: 0px;
	font-size: 93%;
}
#wrapper-top #contact ul li {
	margin: 0px;
	padding: 0px 0px 5px 7px;
	list-style: none;
	background: url(../images/bg_contactlink.gif) no-repeat left 0.4em;
}



/* SPECIAL
--------------------------------------------------------- */

#wrapper-top #special {
	margin: 10px 0px 20px;
	padding: 8px;
	border: 2px solid #DFD7C2;
	background: #EEE9DA;
}
#wrapper-top #special .thumbnail {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 174px;
}
#wrapper-top #special .box {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 245px;
}
#wrapper-top #special h3 {
	margin: 0px;
	padding: 2px 0px 0.5em;
	color: #990000;
	font-size: 100%;
}
#wrapper-top #special .date {
	margin: 0px;
	padding: 0px 0px 0.2em;
	color: #4D4D4D;
	font-size: 93%;
}
#wrapper-top #special .txt {
	margin: 0px;
	padding: 0px 0px 0.3em;
	line-height: 1.3;
	color: #333333;
	font-size: 93%;
}



/* REPAIR
--------------------------------------------------------- */

#wrapper-top #repair {
	margin: 0px;
	padding: 0px 7px 14px 8px;
}




/* SEASON
--------------------------------------------------------- */

#secondary #season {
	margin: 0 0 10px;
	padding: 0px;
	border-right: 1px solid #DBD2B6;
	border-bottom: 1px solid #DBD2B6;
	border-left: 1px solid #DBD2B6;
	position: relative;
	width: 275px;
	background-color: #E7E2CE;
}
#secondary #season h3 {
	margin: 0;
	padding: 0;
}
#secondary #season .season_btn {
	position: absolute;
	top: 17px;
	left: 203px;
	width: 64px;
	height: 18px;
}

#secondary #season .season-content {
	margin: 0 7px 10px 8px;
	padding: 15px;
	background-color: #F5F0E7;
	font-size: 85%;
}
#secondary #season .season-content .date a{
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
#secondary #season .season-content .photo{
	padding: 5px;
	text-align: center;
}
#secondary #season .season-content .photo img{
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
/*#secondary #season .season-content .txt{
	font-size: 85%;
	text-align: center;
}*/



/* =========================================================
 TEXT
========================================================= */

p {
	margin: 0px;
	padding: 0px;
	line-height: 120%;
}
.p8  {
	line-height: 140%;
	font-size: 8pt;
}
.p10 {
	line-height: 140%;
	font-size: 10pt;
}
.p11 {
	line-height: 140%;
	font-size: 11pt;
}
.p13 {
	line-height: 140%;
	font-size: 12pt;
}



/* =========================================================
 OTHERS
========================================================= */

/* clearfix
--------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



#wrapper-top #test {
	clear: both;
}