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


#wrap{
	width:100%;
    position:relative;
	height:350px;
	}

/* left Clum*/
div#leftClum {
	float:left;
	width:261px;
	height:300px;
	}




/*right Clum*/
div#rightClum{
	float:right;
	height: 300px;
	width:54px;
	}

div#rightClum li{
	height:61px;
	width:49px;
	list-style-type:none;
	float:left;}
li.navi02,li.navi03,li.navi04{
	margin-top:8px;
	}
	
	
div#rightClum li.navi01 a{
	display:block;
	background-image:url(../images/navi_01.jpg);
	height:61px;
	width:49px;
	text-indent:-999px;	
	}

div#rightClum li.navi02 a{
	display:block;
	background-image:url(../images/navi_02.jpg);
	height:61px;
	width:49px;
	text-indent:-999px;	
	}

div#rightClum li.navi03 a{
	display:block;
	background-image:url(../images/navi_03.jpg);
	height:61px;
	width:49px;
	text-indent:-999px;	
	}

div#rightClum li.navi04 a{
	display:block;
	background-image:url(../images/navi_04.jpg);
	height:61px;
	width:49px;
	text-indent:-999px;		
	}
div#rightClum li.navi04 a:hover{
	text-indent:0;
	}
div#rightClum li.navi04 a:active{
	text-indent:0;
	}
div#rightClum li.navi01 a:hover{
	text-indent:0;
	}
div#rightClum li.navi01 a:active{
	text-indent:0;
	}
div#rightClum li.navi02 a:hover{
	text-indent:0;
	}
div#rightClum li.navi02 a:active{
	text-indent:0;
	}
div#rightClum li.navi03 a:hover{
	text-indent:0;
	}
div#rightClum li.navi03 a:active{
	text-indent:0;
	}


/*スライド*/
p.sizeTxt{
	font-size:10px;}

#slideDemo.SlidingPanels {
float: left;
}
#slideDemo .SlidingPanelsContentGroup {
float: left;
 width: 10000px;
}
#slideDemo .SlidingPanelsContent {
	padding-left:5px;
float: left;
width: 256px;
min-height: 220px;
height: 220px;
font-size:12px;

}
#slideDemo .SlidingPanelsContent p{
	
	margin-top:5px;
	}