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

@media screen and (min-width: 320px){
	
	
	#submenu{
		margin-bottom:0px;
	}

	#Osanpo{
		background-color:#dbff9c;
		padding:30px 10px;
		background-image:url(../common/images/l_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:100%,100%;
		height:auto;
	}
	
	#Osanpo{
		clear:both;
		padding-top:30px;
	}
	
	#Osanpo h1{
		margin:0 auto 20px;
		text-align:center;
	}
	
	#Osanpo h2{
		text-align:center;
		margin:0 auto;
	}
	
	#Osanpo h2 img{
		width:100%;
	}
	
	.category{
		overflow:hidden;
		margin-bottom:30px;
	}
	
	.category li a{
		float:left;
		width:37%;
		text-align:center;
		display:block;
		border:1px solid #000;
		padding:10px;
		margin:0 10px 10px 10px;
	}


}

@media screen and (min-width: 480px){


}

@media screen and (min-width: 640px){

}

@media screen and (min-width: 981px){
	
	#submenu{
		margin-bottom:30px;
	}

	#Osanpo{
		padding:50px 0 50px 100px;
		background-image:url(../common/images/l_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 30px,left top;
		background-size:555px,100%;
		height:auto;
		overflow:hidden;
	}
	
	#Osanpo h1{
		margin:0 auto 20px;
	}
	
	#Osanpo h2 img{
		width:800px;
		height:auto;
	}

	

	
}