/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */
html {
font-size: 76%;}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width:960px;
	background-color: #eee;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	width: 2000px;
}            

.head_box{
	color: #333;
	width: 300px;
	padding-top: 150px;
	font-size: 12px;
	line-height: 1.4px;
	float: left;
	}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#slideshow .slides ul {
	width: 1880px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}

#slideshow .slides ul li{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}

#head #slideshow .slides ul #slide-one {
	width: 920px;
	float: left;
	padding: 20px;
	height: 200px;
	background-image: url(../image/top.jpg);
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#head #slideshow .slides ul #slide-two{
	width: 920px;
	float: left;
	padding: 20px;
	height: 200px;
	background-image: url(../image/top_movie.gif);	
	}

#head #slideshow .slides ul #slide-three{
	width: 920px;
	float: left;
	padding: 20px;
	height: 200px;
	background-image: url(../image/top_homepage.gif);	
	}
	
#head #slideshow .slides ul #slide-four{
	width: 920px;
	float: left;
	padding: 20px;
	height: 200px;
	background-image: url(../image/top_sns.gif);
	}
	
#head #slideshow .slides ul #slide-five{
	width: 920px;
	float: left;
	padding: 20px;
	height: 200px;
	background-image: url(../image/top_package.gif);
	}
	
			
#slideshow .slides h2 {
	width: 320px;
	margin-top: 0;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#slideshow .slides p  {
	color: #333;
	width: 320px;
	padding-top: 10px;
	font-size: 12px;
	float: left;
	margin-top: 0;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slidemenu {
	background-color: #ddd;
	margin-bottom: 30px;
	display: block;
	height: 50px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#slideshow .slides-nav {
	background-color: #000;
	margin-bottom: 30px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
	display: block;
	outline: none;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-image: url(../image/head_bottun.gif);
	color: #000;
	width: 152px;
	text-align: center;
}

#slideshow .slides-nav li a:hover {
	display: block;
	outline: none;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-image: url(../image/head_bottun.gif);
	color: #000;
	width: 152px;
	text-align: center;
		filter			: alpha(opacity=70);
	-moz-opacity	: 0.7;
	opacity			: 0.7;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background-image: url(../image/head_bottun_on.gif);
	color: #FFF;
}