@charset "utf-8";

/*** sloppy reset ************************************************************/

*{
	margin		: 0;
	padding		: 0;
	line-height	: 1.8;
	font-style	: normal;
	font-size	: 12px;
	color		: #333333;
	font-family	: sans-serif;
}

ul {
	list-style: none;
}

/*** a ***********************************************************************/

a{
	background-repeat	: no-repeat;
	background-position	: left top;
	color				: #006699;
}

a:hover{
	background-position	: right bottom;
}
.current{
	background-position	: right bottom !important;
}

/*
a:hover img{
	opacity	: 0.8;
}
a.current:hover img{
	opacity	: 0.8;
}
*/

a img{
	border		: 0;
}

span.prev{
	
}
span.next{
	
}

/*** base ********************************************************************/

body{
	background: url("../common_images/bg_body.jpg") repeat 0 130px;
	text-align: center;
}


/*** heading *****************************************************************/

h1{
	height			: 400px;
	background		: transparent none no-repeat scroll center top;
	text-indent		: -9876px;
}


#breadcrumbs{
	line-height		: 30px;
	text-indent		: 10px;
	font-weight		: normal;
	width			: 960px;
	text-align		: left;
	margin			: 0 auto 15px;
	background-color	: #e8e2cd;
}
	#breadcrumbs a{
		line-height		: 30px;
		color			: #333333;
	}


/*** header ********************************************************************/

#header{
	position	: absolute;
	top			: -6px;
	left		: 0;
	width		: 100%;
	height		: 399px;
	background	: url("../common_images/bg_header.jpg") repeat-x 0 0;
	overflow	: hidden;
	border-top: 2px solid #222222;
}
	#header_top{
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0 0 0 -480px;
		width: 960px;
		height: 80px;
		background: #fff url("../common_images/bg_header-top.jpg") no-repeat 0 0;
	}
		#header_top #Logo{
			position: absolute;
			top		: 12px;
			left	: 50%;
			margin	: 0 0 0 -455px;
		}
		#header_top .Btn{
			position: absolute;
			left	: 50%;
			margin	: 0 0 0 326px;
		}

	#header #header_nav{
		position		: absolute;
		top				: 80px;
		left			: 50%;
		margin			: 0 0 0 -480px;
		*left			: auto;
		*right			: 50%;
		*margin			: 0 -480px 0 0;
		width			: 960px;
		height			: 53px;
	}
		#header ul li{
			float			: left;
			height			: 100%;
			position		: relative;
			display			: block;
			list-style-type	: none;
			text-align		: left;
		}
			#header ul li a{
				width			: 100%;
				height			: 100%;
				display			: block;
				text-indent		: -9999px;
			}
		#header ul#header_nav li a{ height:53px; }
		#header ul li a#header_nav_01{background-image:url("../common_images/globalnavi_01.jpg");width:138px;}
		#header ul li a#header_nav_02{background-image:url("../common_images/globalnavi_02.jpg");width:137px;}
		#header ul li a#header_nav_03{background-image:url("../common_images/globalnavi_03.jpg");width:137px;}
		#header ul li a#header_nav_04{background-image:url("../common_images/globalnavi_04.jpg");width:137px;}
		#header ul li a#header_nav_05{background-image:url("../common_images/globalnavi_05.jpg");width:137px;}
		#header ul li a#header_nav_06{background-image:url("../common_images/globalnavi_06.jpg");width:137px;}
		#header ul li a#header_nav_07{background-image:url("../common_images/globalnavi_07.jpg");width:137px;}
	
	#VisualBox {
		position: absolute;
		top: 133px;
		left: 50%;
		width: 960px;
		margin: 0 0 0 -480px;
	}
	
	
	#slider {
    position: relative;
    list-style: none;
    width: 960px;
    height: 226px;
    float:left;
    display:inline;
    overflow: hidden;
    margin: 20px 0 0 0;
}

#slider li {
    display: none;
    position: absolute;
    height: 226px;
}



/*** billboard ***************************************************************/

#billboard{
	position	: absolute;
	top			: 0;
	left		: 0;
	width		: 100%;
	height		: 550px;
	overflow	: hidden;
}
.home #billboard{
	height		: 550px;
}


/*** contents ****************************************************************/

#contents{
	width		: 960px;
	margin		: 0 auto;
	padding: 0;
	text-align	: left;
	background	: #fff url("../common_images/bg_contents.jpg") no-repeat left bottom;
}
#contents:after{
	content: "."; display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*** section *****************************************************************/

#section{
	float	: right;
	width	: 680px;
	padding-right: 20px;
}

#section #breadcrumbs{
	height	: 20px;
	margin	: 0 0 10px 10px;
}
	#section #breadcrumbs li{
		height			: 100%;
		line-height		: 20px;
		list-style-type	: none;
		margin			: 0;
		float			: left;
	}
		#section #breadcrumbs li a{
			line-height		: 20px;
			display			: block;
			padding-right	: 20px;
			background		: transparent url("../common_images/breadcrumbs.png") no-repeat scroll right center;
		}


/*** aside *******************************************************************/

#aside{
	float		: left;
	width		: 230px;
	margin-bottom: 30px;
	padding: 0 0 0 15px;
	line-height: 0;
	_clear		: left;
}

#aside li {
	line-height: 0;
}

#BanBox {
	width: 212px;
	padding: 8px 8px 3px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
#BanList li {
	margin: 0 0 5px 0;
	padding: 0;
}

#LinkList {
	margin: 10px 0;
}
#LinkList li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0 5px 0 8px;
	background: url(../common_images/icon_arrow_01.gif) no-repeat 0 center;
}


/*** footer ********************************************************************/

#footer{
	width		: 100%;
	min-height	: 111px;
	clear		: both;
	text-align	: center;
	background	: #222 url("../common_images/footer_bg.png") repeat-x scroll left top;
	overflow	: hidden;
	position	: relative;
	_height		: 111px;
}

	#footer a#footer_ttl{
		padding		: 0;
		position	: absolute;
		top			: 46px;
		left		: 50%;
		margin		: 0 0 0 -480px;
		text-align	: left;
	}

	#footer_nav{
		text-align	: center;
		position	: absolute;
		top			: 46px;
		left		: 47%;
		margin		: 0 0 0 0;
	}
		#footer_nav a{
			line-height		: 1.5;
			color			: #919191;
			text-decoration	: none;
			padding-left	: 10px;
			border-left		: 1px solid #919191;
		}
		#footer_nav a.first-child{
			padding-left	: 0;
			border			: none;
		}
		#footer_nav li{
			list-style-type	: none;
			float			: left;
			padding-right	: 10px;
			
		}

	#copyright{
		font-style	: normal;
		text-align	: center;
		color		: #919191;
		position	: absolute;
		top			: 66px;
		left		: 47%;
	}

#ReTop {
	height: 30px;
	margin: 100px 0 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	text-align: right;
}

#ReTop img {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
}



/*** OneStyle ********************************************************************/
.MB10 { margin-bottom: 10px; }
.ClearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ClearFix {
	display: inline-block;
}

/* Hides from IE-mac \*/
.ClearFix {
	height: 1%;
}
.ClearFix {
	display: block;
}

/*** 追加 ******************************************************************/

.mt10 {
	margin-top: 50px;
}

/*** for print *************************************************************/

@media print{
}

