@charset "utf-8";

/* common
------------------------------------------------- */

p {
	font-size: 100%;
	line-height: 1.6;
	color: #999999;
}

.orange {
	color:#F47B56;
}

#contents_main {
	width:960px;
	margin:0 auto;
	padding:0;
	background-color:#000;
}


#basel-main {
	width:960px;
	height:550px;
	background:url(../images/main.jpg) 0 0 no-repeat;
	padding:0;
	position:relative;
}

#basel-main h2{
	position:absolute;
	left:50px;
	top:30px;
}

#basel-main p{
	position:absolute;
	color:#FFFFFF;
	text-align:right;
	right:40px;
	bottom:25px;
}


h2.title {
padding:40px 20px;
background-color:#000;
}

#basel-menu {
	position:relative;
	width:960px;
}

#basel-menu ul{
overflow:hidden;
background: url(../images/gnavi_line.gif) 0 0 no-repeat;
width:960px;
padding: 0 22px 20px;
height:51px;
list-style:none;
}

#basel-menu ul li{
float:left;
}

		#basel-menu ul li a{
			display: block;
			text-indent: -9999px;
			width:179px;
			height: 50px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
		}
		#basel-menu ul li a:hover{
			opacity: 0.60;
			filter: alpha(opacity=60);
			-moz-opacity: 0.60;
			-ms-filter: "alpha(opacity=60)";
		}
		#basel-menu ul li.gnavi-01 a{
		background: url(../images/gnavi_01.gif) 0 0 no-repeat;
		padding-left:5px;
		}
		#basel-menu ul li.gnavi-02 a{
		background: url(../images/gnavi_02.gif) 0 0 no-repeat;
		padding-left:5px;
		}
		#basel-menu ul li.gnavi-03 a{
		background: url(../images/gnavi_03.gif) 0 0 no-repeat;
		padding-left:5px;
		}
		#basel-menu ul li.gnavi-04 a{
		background: url(../images/gnavi_04.gif) 0 0 no-repeat;
		padding-left:5px;
		}
		#basel-menu ul li.gnavi-05 a{
		background: url(../images/gnavi_05.gif) 0 0 no-repeat;
		padding-left:5px;
		}


/* コンテンツ
------------------------------------------------- */

#basel-contents {
	width:840px;
	margin:40px auto 0;
	color:#999;
	font-size:13px;
	line-height:1.8em;
	padding-bottom:40px;
}

#basel-contents a:link{ color: #999; text-decoration: underline; outline: none; }
#basel-contents a:visited{ color: #999; text-decoration: underline; outline: none; }
#basel-contents a:hover	{ color: #999; text-decoration: underline; outline: none; }
#basel-contents a:active{ color: #999; text-decoration: underline; outline: none; }



#basel-contents h3{
margin:20px 0 30px;
}