@charset "utf-8";           /* 記載必須 */

.zentai	{
	width:1000px;
	margin:0 auto;   		/* 外側 0は上、下　中央に */    
}
.ue	{
	background-color:#fff;	/* 飛び出たtop画像の枠線が出ない様にするために白 */			font-size:0;
}
.yoko {
	display:flex;			/* 文章を横並びにする */
}
.hidari {
	width:150px;
}
ul	{
	list-style-type:none;	/* マークなし */	
	padding-left:8px;		/* 右側の距離も空けたい時padding-right:**px; */
}
li	{  
	margin-top:8px;			/* listの間隔 */
	margin-botton:8px;
}
.now	{
	background-color:#fcc;
}
.migi {
	flex:1;					/* 並列が数個ある時どれか一つにflex:1;を入力、他はサイズ                               を入力 （例　.hidari width:150px;） */ 					padding:0 8px;
	border:solid 1px #f99;
}
.naka	{
		padding:10px;
		text-align:center;
}
.haba	{
		width:140px;
}

.haba2 {
		width: 450px; cursor: grab;
}
.haba2:hover {
		width: 600px;
}
.yoko2   {
     display:flex;				/* 横並びにする宣言 */
     flex-wrap:wrap;			/* wrap=折り返す  nowrap=折り返さない */　			     justify-content:center;	/* 10枚全体を中央に配置する */ 					}
hr	{
	border-width:1px 0 0 0;     /* デフォルトのままでは上下で2pxとなり太いため */
	border-style:solid;				
	border-color:#999;
}
.shita	{
	text-align:center;			/* 中央に配置 */
}
.kakudai	{
	width:550px;
	cursor:grab;
}
.kakudai:hover	{
	width:700px;
}