@charset "utf-8";
@import url("import.css");

/* -----------------------------------------------------------
CSS Information
 File name:      index.css
 Style Info:     root directory用CSS
----------------------------------------------------------- */
/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
div:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

/*----------------------------------------------------
	Indexページ用
----------------------------------------------------*/
#index #header {
	margin:0 auto;
}

#contents {
	text-align:center;
	margin:0 auto;
	height:380px;
	/*height:360px; これが普通*/
}

#index #main_navi_box {
	height:33px;
	margin: 0 auto;
	text-align:center;
	max-width:960px;
	min-width:700px;
}

#top_flash{
  width: 100%;
  outline:none;
}

#contents img {
	margin:40px;
}

#news {
	background-color:#e0f2ff;
	padding:15px 0 10px 0px;
	min-height: 30px;
	height: auto !important;
    height: 30px;
}

#news_box{
	padding:0 40px;
	margin: 0 auto;
	text-align:center;
	width:910px;
	background:url(../img/index/news_box_bg.gif) repeat-y;
	background-position:center;

}
#news a:link {
	text-decoration: none;
	color: #666666;
}

#news a:visited {
	text-decoration: none;
	color: #666666;
}

#news a:hover {
	text-decoration: underline;
	color: #666666;
}

#news a:active {
	text-decoration: none;
}

/*	max-width / min-width IE6対応
----------------------------------------------------*/
* html #news_box{	
	padding:0 40px;
	margin: 0 auto;
	text-align:center;
	max-width:920px;
	background:url(../img/index/news_box_bg.gif) repeat-y;
	background-position:center;
	width: expression(document.body.clientWidth < 620? "620px" : document.body.clientWidth > 920? "920px" : "auto");
}
/*
----------------------------------------------------*/
p.eventTitle{
	width:_407px;
	margin:0 0 8px 0;
	_margin:0 0 5px 0;
	_padding:0;
}
#news_box #btn_news_more{
	float:right;
	line-height:0;
}

#news #news_box #event_box{
	float:left;
	padding-right:49px;
	width:405px;

    min-height: 30px;
    height: auto !important;
    height: 30px;
}

/*	 IE6対応
----------------------------------------------------*/
* html #news #news_box #event_box{
	width:365px;

}
/*----------------------------------------------------*/
#news #news_box #topics {
	float:left;
	text-align:left;
	padding-left:51px;
	width:405px;
}
/*	IE6対応
----------------------------------------------------*/
* html #news #news_box #topics{
	width:365px;
	_padding-left:49px;
}
/*----------------------------------------------------*/
#news #news_box #topics ul {
	margin-top:0.6em;
}

#news #news_box #topics ul li {
	background:url(../img/share/link_icon_arrow.gif) no-repeat 0 5px;
	padding:0 0 0.6em 15px;
	line-height:1.4em;
}

#news dl{
	line-height:1.4em;
	text-align:left;
}


#news dl dt{
	float:left;
	font-weight:bold;
	width:100px;
	padding:0 0 0.6em 20px;
}

#news dl #event_lake{
	background-image:url(../img/share/lake_icon.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
}

#news dl #event_kaze{
	background-image:url(../img/share/kaze_icon.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	color:#53c3f1;
}

#news dl #event_mori{
	background-image:url(../img/share/mori_icon.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	color:#8fc320;
}

#news dl #event_outlet{
	background-image:url(../img/share/outlet_icon.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	color:#00aa8e;
}

#news dl dd{
	/*～ついた場合
	background:url(../img/share/link_icon_arrow.gif) no-repeat 140px 5px;
	padding:0 0 0.6em 150px;*/
	background:url(../img/share/link_icon_arrow.gif) no-repeat 115px 5px;
	padding:0 0 0.6em 125px;
}

/*----------------------------------------------------
	スペック表記
----------------------------------------------------*/
#specArea{
	clear:both;
	width:912px;
	margin:15px auto;
	font-size:95%;
}
#specArea li{
	float:left;
	padding:0 20px 0 15px;
}
#specArea li.flaPlugIn{
	background:url(../img/index/icon_flaplayer.gif) no-repeat;
	background-position:left center;
}
#specArea li.adobePlugIn{
	background:url(../img/index/icon_adobereader.gif) no-repeat;
	background-position:left center;
}


#specArea li a:link {
	color:#c90000;
}

#specArea li a:visited {
	text-decoration: none;
	color:#c90000;
}

#specArea li a:hover {
	text-decoration: underline;
	color:#333333;
}


/*----------------------------------------------------
	flash player用
----------------------------------------------------*/

#flashplayer_logo {
	padding:25px 0 30px 0;
}

#flashplayer_logo img {
	margin:0;
	padding:0;
}

#flashplayer {
	margin:0 auto;
	width:761px;
}

#flashplayer img {
	margin:0;
	padding:0;
	float:left;
}