@charset "EUC-JP";

* html body {
	background-attachment: scroll;
}
#flash {
	float:left;
	padding:11px 0 0 11px;
	width:717px;
	height:388px;
	text-align:left;
	background:url(../images/bkg_flash.png) no-repeat;
}
* html #flash {
	background:url(../images/ie/bkg_flash.jpg) no-repeat;
}
/* whats new */
#whats {
	float:right;
	width:274px;
	height:399px;
	color:#fff;
	text-align:left;
	font-size:11px;
	line-height:16px;
	letter-spacing:0.1em;
	position: relative;
	background:url(../images/bkg_whats.png) no-repeat;
}
* html #whats {
	background:url(../images/ie/bkg_whats.jpg) no-repeat;
}
#whats a {
	color: #F9C24B;
	text-decoration:none;
}
#whats a:hover {
	color: #CCFF42;
	text-decoration:underline;
}
#whats h2 {
	height:40px;
	text-indent:-9999px;
	font-size:xx-small;
}
/* scroll */
#Container {
  position: absolute;
  top: 55px; left: 30px;
  width: 200px;
  height: 308px;
  overflow: hidden;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  width: 190px;
}
#Scrollbar-Container {
  position: absolute;
  top: 55px; left: 235px;
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  background-color: #A5C941;
  font-size: 0px;
}
.Scrollbar-Track {
  width: 10px; height: 282px;
  position: absolute;
  top: 13px;
  background-color: #4D6F06;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #A5C941;
}
.Scrollbar-Down {
  position: absolute;
  top: 298px;
  width: 10px; height: 10px;
  background-color: #A5C941;
  font-size: 0px;
}

.Scroller-Container span {
	display:block;
	padding-left:10px;
	background:url(../images/whats_arrow.gif) 0px 2px no-repeat;
}
.Scroller-Container p {
	margin-top:2px;
}
.Scroller-Container div {
	height:23px;
	background:url(../images/whats_hasen.gif) left center no-repeat;
}

#body_head {
	clear:both;
	margin:7px auto 0;
	width:1019px;
	height:31px;
	text-align:left;
	background:url(../images/bkg_body_head.png) no-repeat;
}
* html #body_head {
	background:url(../images/ie/bkg_body_head.jpg) no-repeat;
}
#body {
	margin:0 auto;
	padding:0 43px 30px 36px;
	width:940px;
	text-align:left;
	position:relative;
	background:url(../images/bkg_body.png) repeat-y;
}
#body:after {			/* 背景表示ハック */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html #body {
	background:url(../images/ie/bkg_body.jpg) repeat-y;
}

/* pickup */
#body_left {
	float:left;
	width:607px;
}
#pickup {
	padding:0 25px 20px;
	width:550px;
	text-align:left;
	border:1px solid #4E2F0B;
}
#pickup h2 {
	width:110px;
	height:21px;
	text-indent:-9999px;
	font-size:xx-small;
	background:url(../images/pickup_title.gif) no-repeat;	
}
.update {
	margin-top:25px;
	padding-left:15px;
	background:url(../images/arrow_brown.gif) 0px 2px no-repeat;
	font-size:11px;
}
.stagetitle {
	font-size:14px;
	margin:5px 0 0;
	padding:0 0 5px 10px;
	color:#FF7900;
	border-left:2px solid #5B3E1C;
	background:url(../images/dotline_brown.gif) left bottom no-repeat;
}
.stagetitle span {
	font-size:11px;
}
.newstext {
	margin-top:10px;
}
.contents {
	margin:0;
	width:550px;
}
.his_ph {
	width:150px;
}
.his_ph p {
	margin-top:5px;
}
.flyer {
	display:block;
	margin-top:12px;
	margin-bottom:10px;
	padding:1px;
	width:140px;
	text-decoration:none;
	border:4px solid #5B3E1C;
}
.flyer:hover {
	border:4px solid #FF7900;
}
.his_txt {
	padding-left:15px;
	width:375px;
}
.contents table {
	margin-top:10px;
	width:375px;
	border-collapse: separate;
}
.contents table td {
	padding:3px 0 3px 10px;
}
.contents table td.sub {
	width:8em;
	font-weight:bold;
	background:url(../history/images/tdbkg.gif);
}
.contents table td p {
	margin-top:5px;
}
.newshr {
	width:550px;
	height:35px;
}
.contents .red { color:red }

/* archives */
#archives {
  margin: 30px 3px 0;
  width: 600px;
}
#archives h3 {
  margin-top: 10px;
  margin-left: 1px;
  padding-left: 15px;
  font-size:12px;		
  background:url(../images/archives_arrow.gif) 0px 3px no-repeat;
}
#archives ul {
  padding: 5px 0 10px;
  width: 600px;
  list-style: none;
}
#archives li {
  float: left;
  width: 195px;
  height: 58px;
  margin: 0 5px 5px 0;
  background:url(../images/archives.gif) no-repeat;
}
#archives li a, #archives li p {
  display: block;
  padding: 5px;
  text-decoration: none;
  background:url(../images/archives.gif) no-repeat;
}
#archives li a:hover {
  background:url(../images/archives_over.gif) no-repeat;
}


/* right side */
#body_right {
	float:right;
	width:300px;
	text-align:left;
	height:100%;
}

/* close up */
#closeup {
  width: 300px;
  padding-top: 4px;
}
div.closeup_wrap {
  padding: 4px;
  margin-top: 5px;
  background: url(../images/closeup_bkg.gif) repeat;
}
div.closeup_wrap:hover {
  background: url(../images/closeup_bkg2.gif) repeat;
}
.closeup_body {
  border: 1px solid #fff;
  width: 281px;
  padding-right: 9px;
  background-color: #fff;
}
.closeup_img {
  width: 85px;
  float: left;
}
.closeup_txt {
  width: 187px;
  float: right;
}
.closeup_txt h2 {
  margin-top:8px;
  font-size: 12px;
}
.closeup_txt p {
  margin-top:2px;
  font-size: 11px;
}
.closeup_txt h2 a {
  color: #FF9900;
  text-decoration: none;
}
.closeup_txt h2 a:hover {
  color: #86DC00;
  text-decoration: underline;
}

/* movie-youtuve- */
#movie {
  margin-top:40px;
}
#movie h3 {
  margin-top: 7px;
  padding-left: 15px;
  font-size:12px;		
  background:url(../images/archives_arrow.gif) 0px 3px no-repeat;
}
#movie h3 span {
  font-size:11px;		
  font-weight: normal;
}
.movie_body {
  margin-top: 5px;
}

/* banner */
#banner {
	margin-top:30px;
}
#banner p {
	margin-top:5px;
}

/* footer */
#footer {
	clear:both;
	padding:35px 0 0;
	width:940px;
	text-align:left;
	font:10px/1.2 Verdana,Helvetica;
	letter-spacing:0.1em;		
}
#footer a {
	color:#5B3E1C;
}
#footer a:hover {
	color:#FF9900;
}
#copyright {
	float:left;
	width:450px;
}
#footerlink {
	float:right;
	width:250px;
	text-align:right;
}

/* clearfix */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


#closeup_title, #archives h2, #movie h2 { /* IE7, IE6 */
  margin: 0;
  padding: 0;
  font-size: xx-small;
}