@charset "UTF-8";
/* CSS Document */

body {  
    text-align: center;
	margin: 0;
	padding:0;  
	line-height: 0;
}
img { border: none; }

div#wrapperBox	{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -512px;
	margin-top: -315px;
	width: 1024px;
	height:630px;
	/*margin: 0 auto;*/  
    text-align: left;
	/*border: 1px solid #333333;*/
	overflow:hidden;
}

div#headerBox	{
	position:relative;
	width: 1024px;
	height:46px;
	padding: 0;
	background-image:url(../common_img/poc_title.gif);
	color: #FFF;
	margin:0;
	text-align: left;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}

div#headerContent	{
	position:relative;
	margin: 0 15px 0 0;
	width: 200px;
	height:25px;
	padding: 0;
	float: right;
	text-align: right;
}

div#containerBox	{
	position:relative;
	width: 1024px;
	height: 541px;
	margin:0;
	padding: 0;
	overflow:hidden;
	
}
div#containerBox img{
	border: 1px solid #CCCCCC;
}

div#prevBox	{
	position:absolute;
	left:0;
	top:0;
	z-index: 3;
	width: 132px;
	height: 541px;
	margin:0;
	padding: 0;
}

div#nextBox	{
	position:absolute;
	top:0;
	right:0;
  	z-index: 4;
	width: 132px;
	height: 541px;
	margin:0;
	padding: 0;
}

div#footerBox	{
	position:relative;
	width: 994px;
	height:43px;
	margin:0;
	padding: 0 15px 0 15px;
}
div#footerBox div#footerContents {
	width: 994px;
	height:25px;
	margin-top:18px;
	padding: 0;
}
.com {
	position:relative;
	margin-left:0;
	float: left;
	margin-top: 6px;
}
.sep1{
	position:relative;
	margin-left:9px;
	float: left;
	margin-top: 6px;
}
.csr{
	position:relative;
	margin-left:7px;
	float: left;
	margin-top: 6px;
}
.backTop {
	position:relative;
	margin-left:56px;
	float: left;
	margin-top: 6px;
}
.logo {
	position:relative;
	float: right;
	margin-top: 0;
}
div#naviBox{
	position:relative;
	margin-left:195px;
	width: 250px;
	height: 15px;
	float: left;
	top:6px;
}

/* ボタン */
#example .browse{
	display:block;
	float: left;
	width: 132px;
	height: 541px;
	margin-top: 0;
	cursor: pointer;
}

#example .prev{	width:132px; height:541px; }
#example .prev{background: url(../common_img/prev-trans.png) no-repeat -40px 0;}
#example .prev:link{background: url(../common_img/prev-trans.png) no-repeat -40px 0;}
#example .prev:visited{background: url(../common_img/prev-trans.png) no-repeat -40px 0;}
#example .prev:hover{background: url(../common_img/prev-trans.png) no-repeat -40px 0;}
#example .prev:active{background: url(../common_img/prev-trans.png) no-repeat -40px 0;}

#example .next{	width:132px; height:541px; }
#example .next{background: url(../common_img/next-trans.png) no-repeat;}
#example .next:link{background: url(../common_img/next-trans.png) no-repeat;}
#example .next:visited{background: url(../common_img/next-trans.png) no-repeat;}
#example .next:hover{ background: url(../common_img/next-trans.png) no-repeat;}
#example .next:active{ background: url(../common_img/next-trans.png) no-repeat;}

#example .disabled{	background: none; cursor: default;}
#example .disabled:link{background: none; cursor: default;}
#example .disabled:visited{background: none; cursor: default;}
#example .disabled:hover{background: none; cursor: default;}
#example .disabled:active{background: none; cursor: default;}

/* パネルを囲う要素 */
#example .scrollable {
	float: left;
	margin: 0;
	padding: 0;
	position:relative;
	overflow:hidden;
	width: 1024px;
	height:541px;
}
#example .scrollable img{
	/*border: solid 1px #eee;*/
	cursor: pointer;
}
#example .scrollable .items {
	/*margin-left: 115px;*/
	margin-left: 75px;
	width:20000em;
	position:absolute;
}
#example .items div {
	float:left;
}
#example .btnSet{
	clear: both;
	width: 480px;
	padding: 10px;
}
/* position and dimensions of the navigator */
/*#footerBox .navi {*/
#naviBox .navi {
	/*padding-top:27px;*/
	margin-left:448px;
	height:20px;
}
/* items inside navigator */
/*#footerBox .navi a {*/
#naviBox .navi a {
	width:15px;
	height:15px;
	float:left;
	margin:0 5px 0 5px;
	display:block;
	background-color: #FFF;
	background-image: url(../common_img/navi1.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/*#footerBox .navi a.active{*/
#naviBox .navi a.active{
	background: url(../common_img/navi2.gif) ;
	background-position: center center;
	background-repeat: no-repeat;
}
