@charset "utf-8";
@import "reset.css";
@import "contents.css";
@import "sub_contents.css";
@import "footer_contents.css";
@import "menu.css";
@import "lightbox.css";
/*-----------------------------------------------------------------------
//common
-----------------------------------------------------------------------*/
html,body{
	background:#fff;
	overflow-x:hidden;
}

/* pankuzu */
div.pankuzu{
	width:100%;
	background:#F3F3F3;
	padding:5px 5px 5px 0;
}
div.pankuzu > div{
	width:1000px;
	margin:0 auto;
}
div.pankuzu > div li{
	list-style-type:none;
	float:left;
}
div.pankuzu > div li:after{
	content:"　>　";
	font-size:13px;
}
div.pankuzu > div li:last-child:after{
	content:"";
}

/*-----------------------------------------------------------------------
//header
-----------------------------------------------------------------------*/
header > div:first-child{
	color:#fff;
	background:#000;
	width:100%;
}
header > div:first-child > p{
	width:1000px;
	margin:0 auto;
	padding:3px 0;
}



header div#nav{
	border-bottom:solid 10px #000;
	/*border-top:solid 10px #000;*/
	width:100%;
	/*
	position:relative;
	z-index:99;
	background:#fff;
	*/
}
header div#nav > div{
	width:1000px;
	height:150px;
	margin:0 auto;
}


/* logo */
header div#nav > div > h1 > a{
	text-indent:-9999px;
	width:180px;
	height:91px;
	background:url(../images/common/logo_g1.jpg) no-repeat left;
	padding:60px 0 0 0;
	display:block;
	float:left;
}


/*-----------------------------------------------------------------------
//carousel
-----------------------------------------------------------------------*/
/* mainPic */
header > div:nth-child(3){
	width:100%;
	height:500px;
	border-top:none;
	border-bottom:solid 10px #000;
	text-align:center;
	background:#000;
	z-index:5;
}


div#carouse{
	/*overflow:hidden;*/
	width:100%;
	margin:0 auto;
}

div#carouselWrap{
	position:relative;
	width:1000px;
	height:500px;
	margin:0 auto;
}

/* button */
div#carouselWrap p#prev{
	position:absolute;
	cursor:pointer;
	left:0;
	bottom:0;
	opacity:1;
	z-index:5;
}
div#carouselWrap p#next{
	position:absolute;
	cursor:pointer;
	right:0;
	bottom:0;
	opacity:1;
	z-index:5;
}
div#carouselWrap p#prev:hover,
div#carouselWrap p#next:hover{
	opacity:0.8;
}
div#carouselWrap div#carouse div#carouselInner ul.column{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-left:70px;
}
div#carouselWrap div#carouse div#carouselInner ul.column > li{
	width:860px;
	height:500px;
	margin-right:70px;
	float:left;
	display:inline-block;
	display: -moz-inline-box;
	/display: inline;
	/zoom: 1;
	position:relative;
	opacity:0.3;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
}
div#carouselWrap div#carouse div#carouselInner ul.column > li:nth-child(2){
	opacity:1;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
}
div#carouselWrap div#carouse div#carouselInner ul.column > li:last-child{
	margin:0;
}




/*-----------------------------------------------------------------------
//mainWrap
-----------------------------------------------------------------------*/
div#mainWrap{
	width:1000px;
	margin:30px auto 50px auto;
}
/* layuout */
div#mainWrap > div:first-child{
	width:670px;
	position:relative;
	float:left;
}
div#mainWrap > div:last-child{
	width:300px;
	float:right;
}








/*-----------------------------------------------------------------------
//side
-----------------------------------------------------------------------*/
/* printingHistory */
section#printHistory ul{
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../images/common/line_title.gif) repeat-x bottom;
	width:300px;
}
section#printHistory li{
	text-align:center;
	margin-bottom:20px;
	list-style-type:none;
}



/* side_banner */
section#side_contents > ul > li,
section#side_pr > ul > li{
	list-style-type:none;
	margin-bottom:20px;
}




/*-----------------------------------------------------------------------
//pageTop
-----------------------------------------------------------------------*/
#page-top{
	position:fixed;
	bottom:10px;
	right:10px;
}
#page-top a:hover{
	opacity:0.8;
}





/*-----------------------------------------------------------------------
//footer
-----------------------------------------------------------------------*/
footer > div{
	background:#000;
	padding:50px 0;
}
footer > div > div#wrap{
	width:1000px;
	margin:0 auto 50px auto;
}


/* layout */
footer > div > div#wrap > div:first-child{
	width:320px;
	float:left;
}
footer > div > div#wrap > div:last-child{
	width:413px;/*width:650px;*/
	float:right;
}
/* layout -> left */
footer > div > div#wrap > div:first-child > h3 a{
	text-indent:-9999px;
	display:block;
	width:300px;
	height:100px;/*height:80px;*/
	background:url(../images/common/logo_footer.png) no-repeat;
	margin-bottom:15px;/*margin-bottom:10px;*/
}
footer > div > div#wrap > div:first-child > ul{
	list-style-type:none;
	color:#999;
}
footer > div > div#wrap > div:first-child > ul > li:first-child{
	font-size:22px;/*font-size:22px;*/
	margin-bottom:5px;/*margin-bottom:5px;*/
}


/* layout -> right */
footer > div > div#wrap > div:last-child > nav > ul > li{
	width:185px;/*width:215px;*/
	height:145px;
	float:left;
	border-left:solid 1px #999;
	padding-left:20px;
	color:#999;
	list-style-type:none;
}
footer > div > div#wrap > div:last-child > nav > ul > li:last-child{
	border-right:solid 1px #999;
}

/* layout -> right -> nav */
footer > div > div#wrap > div:last-child > nav > ul > li a{
	color:#999;
	font-size:14px;
	line-height:26px;
	letter-spacing:1px;
}
footer > div > div#wrap > div:last-child > nav > ul > li dl{
	margin-top:-8px;
}
footer > div > div#wrap > div:last-child > nav > ul > li dt{
	background:url(../images/common/fnavi_ico01.gif) no-repeat left 8px;
	padding-left:15px;
}
footer > div > div#wrap > div:last-child > nav > ul > li dd{
	background:url(../images/common/fnavi_ico02.gif) no-repeat left 10px;
	padding-left:15px;
	margin-left:16px;
}




/* copyright */
footer > div > div#copyright{
	background:#222;
	text-align:center;
	color:#999;
	padding:10px 0;
	font-size:14px;
}












































