/*スクロールするメニューページのレイアウト*/

/*スクロール部分全体*/
#scrollable {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width:1022px;
			height:403px;
			margin-left: -511px;
			margin-top: -205px;
			}

/* スクロールするアイテム部分 */
.items {
			visibility: visible;
			position: relative;
			top: 50%;
			width:836px !important;
			height:403px;	
			margin-left: auto;
			margin-right: auto;
			_margin-left: 93px;
			margin-top: -205px;
			}

/* 個々のアイテム */
.items a {
			display:block;
			float:left;
			margin-right:29px;
			width:144px;
			height:403px;
			background:url(../images/item.png) 0 0 no-repeat;
			border: none;
			text-decoration:none;
			text-align:center;
			cursor:pointer;
			}

/* 進むと戻るのボタン */
a.prev {
			display:block;
			width:58px;
			height:58px;
			float:left;
			background-repeat:no-repeat;	
			margin:170px -47px 0px 17px;
			_margin:255px 0px 0px 10px;
			}
			
a.next {
			display:block;
			width:58px;
			height:58px;
			float:right;
			background-repeat:no-repeat;	
			margin:-28px 17px 0px 0px;
			_margin:57px 9px 0px 0px;
			}

a.prev {
			background:url(../images/button_left.png);		
			behavior: url(iepngfix.htc):
			}

a.prev:hover {
			background:url(../images/button_left_over.png);		
			behavior: url(iepngfix.htc):
			}

a.next {
			background:url(../images/button_right.png);
			behavior: url(iepngfix.htc):
			}
			
a.next:hover {
			background:url(../images/button_right_over.png);		
			behavior: url(iepngfix.htc):
			}
			
/* スクロールメニューの下の説明box */			
#under_scroll_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width:836px;
			height:10px;
			margin-left: -418px;
			margin-top: 220px;
			text-align: center;
			}
			
			
			
/*メニュー3つ用スクロール部分全体*/
#scrollable2 {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width:500px;
			height:403px;
			margin-left: -50px;
			margin-top: -205px;
			}