@charset "utf-8";

/*□□□□□□□□□□□□□□□□□□□top RESIZE□□□□□□□□□□□□□□□□□□*/

body#top{
	background:url(../image/common/line.gif) repeat-x left 352px #fdfcf7;
	}

#top #container {
	width:100%;
	margin:0;
	text-align:center;
	}
	
#top #header {
	height:404px;
	width:100%;
	text-align:center;
	}

#top #siteLogo{
	left:50px;
	}

#top #catchCopy{
	right:50px;
	}

#top #navi{
	width:980px;
	height:31px;
	padding-top:373px;
	text-align:left;
	margin:0 auto;
	position:relative;
	}

#top #navi ul{
	width:980px;
	height:31px;
	position:relative;
	}

#top #contents{
	width:980px;
	text-align:left;
	margin:0 auto;
	padding-top:50px;
	}

#top #footer{
	width:980px;
	text-align:left;
	margin:0 auto;
	}

/*□□□□□□□□□□□□□□□□□□□catch copy□□□□□□□□□□□□□□□□□□*/

#catchCopy{
	position:absolute;
	top:176px;
	right:0;
	width:583px;
	height:19px;
	text-indent:-9999px;
	background:url(../image/common/catchCopy.gif) no-repeat;
	}
	
/*□□□□□□□□□□□□□□□□□□□eyecatch+Flash□□□□□□□□□□□□□□□□□□*/

#headerInner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:355px;
	z-index:100;
	background-color:#fdfcf7;
	}

#pucchini{
	width:90px;
	height:64px;
	background:url(../image/top/pucchini.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:0;
	left:80px;
	}

#zou{
	width:108px;
	height:64px;
	background:url(../image/top/zou.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:0;
	left:250px;
	}

/*□□□□□□□□□□□□□□□□□□□topics□□□□□□□□□□□□□□□□□□*/

#topicsBox{
	width:295px;
	float:left;
	margin:-8px 20px 0 0;
	}

#topicsBox ul{
	width:100%;
	}

#topicsBox li{
	background:url(../image/common/dotLine.gif) repeat-x 0 bottom;
	padding:2px 0 5px;
	}

#topicsBox li a{
	display:block;
	background:url(../image/common/arrow.gif) no-repeat 5px 15px;
	padding:8px 20px;
	}

#topicsBox li a .date{
	display:block;
	color:#222222;
	font-size:85%;
	}
	
#topicsBox li a:link,
#topicsBox li a:visited{
	text-decoration:none;
	color:#0fb2c9;
	}

#topicsBox li a:hover,
#topicsBox li a:active{
	text-decoration:none;
	color:#0fb2c9;
	background-color:#ebebe0;
	}

.scrollholder{
	position:relative;
	width:295px;
	height:237px;
	margin-top:8px;
	overflow:auto;
	z-index:1;
	}

.scroll{
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 2;
	}

.track{
	position:relative;
	float:right;
	top:0; 
	width:3px;
	height:100%;
	font-size:0;
	z-index:3;
	background:#ebebe0;
	}

.drag_bar{
	position:absolute;
	width:100%;
	height:14px;
	cursor:pointer;
	z-index:4;
	background:#0fb2c9;
	}
	
	
/*□□□□□□□□□□□□□□□□□□□PR□□□□□□□□□□□□□□□□□□*/
.prBox{}
.pr{
	width:160px;
	height:290px;
	background:url(../image/top/prBoxBg.gif) no-repeat;
	margin-right:15px;
	float:left;
	position:relative;
	}

.pr:hover{
	background-position:-160px 0;
	}

.pr .pic{
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	width:140px;
	height:267px;
	}

#pr01,
#pr02,
#pr03,
#pr04,
#pr05{
	width:140px;
	height:90px;
	text-indent:-9999px;
	position:absolute;
	top:187px;
	left:10px;
	}

#pr01{background:url(../image/top/prCopy01.gif) no-repeat;}
#pr02{background:url(../image/top/prCopy02.gif) no-repeat;}
#pr03{background:url(../image/top/prCopy03.gif) no-repeat;}
#pr04{background:url(../image/top/prCopy04.gif) no-repeat;}
#pr05{background:url(../image/top/prCopy05.gif) no-repeat;}


#linkBox{
	width:140px;
	height:290px;
	float:left;
	}