@charset "Shift_JIS";
@import "font_style.css";
/* UniversalSelecter */ 
*{
	margin:0px;
	padding:0px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SUIREN　css
		
					最終更新日　10.09.06

■目次■

01.要素のリセット
02.レイアウトの設定



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*――――――――――――――――――――――――――――――――――

01.要素のリセット

――――――――――――――――――――――――――――――――――*/
body{
	font-family:sans-serif, monospace, "ＭＳ ゴシック","Osaka";
}


img{
	border:none;
	margin:0px;
	padding:0px;
}


p,h1,h2,h3,ul,li,dl,dt,dd{
	font-weight:normal;
	font-size:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}


a{
	outline:0;

}

/*========== floatバグ回避 ==========*/

.clear{  clear: both; }

.clearfix:after {
	content: ".";
	width: 0px;
	height: 0px;
	display: block;
	clear: both;
	visibility: hidden;	
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*――――――――――――――――――――――――――――――――――

03.レイアウトの設定

――――――――――――――――――――――――――――――――――*/

#wrapper{
	margin:0px;
}

#container{
	margin-top:50px;
}

#container h1{
	display:none;
}

/*ヘッダ-------------------------------------*/
#header{

}


/*フッタ-------------------------------------*/
#footer{
	width:100%;
	height:15px;
	background:url(../images/common/copy.gif) top center no-repeat;
	margin-top:20px;
	display:none;
}

#footer address{
	display:none;
}


/*コンテンツ-------------------------------------*/
#contents{
	overflow:auto;
	height:550px;
	outline:0;
}


/*コンテンツメニュー----------------------------*/
#MenuArea{
	width:100px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:240px;
	left:325px;
	z-index:99;
}
#top2 #MenuArea{
	width:100px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:220px;
	left:325px;
	z-index:99;
}
#MenuArea ol{
	width:100px;
	height:60px;
}
#MenuArea ol li { 
	width:100px;
	height:20px;
	display:inline;
} 
#MenuArea ol li a{
	width:100px;
	height:20px;
	display:block;
}
#MenuArea ol li span{
	display:none;
} 

#MenuArea ol li a:hover { 
	background-position: -80px 0;
} 

#MenuArea ol li a:active, 
#MenuArea ol li a.selected { 
	background-position:0px 0px; 
} 


#MenuArea li.c1 a{
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 0;
} 

#MenuArea li.c2 a{ 
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 -20px;
} 

#MenuArea li.c3 a{ 
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 -40px;
}

#MenuArea li.c1 a:hover{
	background-position:0 -60px;
	
} 

#MenuArea li.c2 a:hover{
	background-position:0 -80px;
} 

#MenuArea li.c3 a:hover{
	background-position:0 -100px;
	
}















#bk_MenuArea{
	width:100px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:50px;
	right:240px;
	z-index:99;
}
#bk_MenuArea ol{
	width:100px;
	height:60px;
}
#bk_MenuArea ol li { 
	width:100px;
	height:20px;
	display:inline;
} 
#bk_MenuArea ol li a{
	width:100px;
	height:20px;
	display:block;
}
#bk_MenuArea ol li span{
	display:none;
} 

#bk_MenuArea ol li a:hover { 
	background-position: -80px 0;
} 

#bk_MenuArea ol li a:active, 
#bk_MenuArea ol li a.selected { 
	background-position:0px 0px; 
} 


#bk_MenuArea li.c1 a{
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 0;
} 

#bk_MenuArea li.c2 a{ 
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 -20px;
} 

#bk_MenuArea li.c3 a{ 
	background:url(../images/common/menu.gif) no-repeat; 
	width:100px;
	height:20px;
	background-position:0 -40px;
}

#bk_MenuArea li.c1 a:hover{
	background-position:0 -60px;
	
} 

#bk_MenuArea li.c2 a:hover{
	background-position:0 -80px;
} 

#bk_MenuArea li.c3 a:hover{
	background-position:0 -100px;
	
}



/*――――――――――――――――――――――――――――――――――

HOME

――――――――――――――――――――――――――――――――――*/

#top{
	width:27000px;
	height:500px;
	background:url(../images/common/logo.gif) top center no-repeat;
	position:relative;
	background-position:110px 160px;

	float:left;
}

#top2{
	width:1260px;
	height:500px;
	background:url(../images/common/logo.gif) top center no-repeat;
	position:relative;
	background-position:110px 140px;
	float:left;
	margin-top:20px;
	overflow:hidden;
}


#top #detail,
#top2 #detail{
	margin-left:500px;
	overflow:hidden;
}

#top #detail img,
#top2 #detail img{
	float:left;
	display:block;
	margin-right:5px;
}

#back{
	width:100px;
	height:30px;
	position:absolute;
	top:0;
	right:240px;
}

#back span{
	display:none;
}

#back a{
	width:80px;
	height:30px;
	display:block;
	background:url(../images/common/back.gif) -30px top no-repeat;
}


/*――――――――――――――――――――――――――――――――――

About us

――――――――――――――――――――――――――――――――――*/
.about{
	width:560px;
	height:500px;
	background:url(../images/data01.gif) top left no-repeat;
	
}


/*――――――――――――――――――――――――――――――――――

INFORMATION

――――――――――――――――――――――――――――――――――*/
.information{
	width:560px;
	height:500px;
	background:url(../images/data02.gif) top right no-repeat;
	position:relative;


}

.information ul.navi{
	width:220px;
	position:absolute;
	left:177px;
	top:107px;
	
}

.information ul.navi li{
	width:220px;
	height:15px;

	/*
	background:#000;
	opacity:0.6;
	*/
}

.information ul.navi li span{
	display:none;
}

.information ul.navi li.sp1{
	margin-bottom:0px;
}

.information ul.navi li.sp2{
	
}

.information ul.navi li.sp3{
	
}

.information ul.navi li a{
	width:220px;
	height:15px;
	line-height:15px;
	display:block;
}