@charset "utf-8";
/* ---------------------------------------------
　base modules
------------------------------------------------ */
body{
	overflow-x:hidden;
}

.header{
	width:100%;
	background:url(/img/bg_header_rep.png) repeat-x center top;
}
.header .header-bg{
	width:100%;
	background:url(/img/bg_header.png) no-repeat center top;
}





.container{
	background:url(/img/bg_showcase.png) repeat-y center bottom #000;
}

/*
------------------------------------------*/

.key{
	background:url(/img/bg_showcase_top.png) no-repeat center bottom #000;
	padding-bottom:75px;	
}

.top-navigation{
	position:relative;
	width:1010px;
	margin:-113px auto 113px;
	z-index:10;
}
.local-navigation{
	background:url(/img/bg_navi_01.png) no-repeat 0 100%;
	position:absolute;
	top:0;
	right:17px;
	width:175px;
	margin:0;
	padding:0 0 8px;
}
.local-navigation h2{
	background:url(/img/lnavi_title.png) no-repeat 0 0;
	cursor:pointer;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:175px;
	height:43px;
}
.local-navigation h2.active{
	background:url(/img/lnavi_title_on.png) no-repeat 0 0;
}
.local-navigation ul{
	background:url(/img/bg_navi_02.png) repeat-y 0 0;
	display:none;
	padding:0 8px 3px;
}

.showcase{
	width:1010px;
	margin:auto;

}
/*
.showcase-bg{
	background:url(../img/bg_showcase.png) repeat-y;
}*/

.container .inner{
	margin-top:20px;
	width:auto;

}

.inner .text{
	width:520px;
	height:186px;
	margin-top:30px;
	
}

.inner .photo{
	width:460px;
	height:246px;
}

.showcase .photo div{
	background:#000000;
	width:360px;
	height:240px;
	overflow:hidden;
}
.inner .photo p{
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
.showcase .photo p{
	display:table;
}

.showcase .left .text{	float:left;
	background:url(../img/bg_text_01.png) no-repeat right top;
	margin-left:-160px;
	padding-left:160px;
}
.showcase .left .photo{
	float:right;
	background:url(../img/bg_photo_01.png) no-repeat;
}
.showcase .left .photo div{
	float:right;
	margin-right:6px;
}
.showcase .right .text{	float:right;
	background:url(../img/bg_text_02.png) no-repeat left top;
	margin-right:-160px;
	padding-right:160px;
}
.showcase .right .photo{
	float:left;
	background:url(../img/bg_photo_02.png) no-repeat;
}
.showcase .right .photo div{
	float:left;
}
.showcase .photo p a{
	background:#000000;
	cursor:pointer;
	display:table-cell;
	width:360px;
	height:240px;
	text-align:center;
	vertical-align:middle;
}
*:first-child+html .showcase .photo p a{
	display:block;
	zoom:1;
}

img .more{
	_vertical-align:bottom;
	vertical-align:middle;
}
.showcase h4{
	padding:20px 25px 10px 0 ;
	text-align:right;
}
.showcase h3.title{
	padding:0px 25px 10px 15px;
	color:#FFF;
	text-align:left;
	font-size:108%;
}
.showcase .right h3.title {
	padding-left:40px;
}
.showcase .text p{
	padding:0px 25px 10px 15px;
	color:#FFF;
}
.showcase .right .text p{
	padding-left:40px;
	text-align:left;
}
/*
------------------------------------------*/

.footer{
	background:url(/img/bg_footer_bottom.png) no-repeat center top #000;
}