/*　　　　　横幅　768px　以下（スマホ）用の場合のスタイル　　　　　*/

	.illust{
	}

	.illust li a, a:hover, a:visited, a:link, a:active {
		color: #FFFFFF;
	}

	.illust_left{
		display:none;
	}

	.gallery p{
		margin:0 auto;
		text-align:center;
	}

	.gallery img{
		diaplay:inline-block;
		border:0.3px solid #999;
		border-radius:5px;
		width:31%;
		margin:2px 0;
	}

	.gallery h1{
		text-align: center;
		padding:20px 0px;
		background-image:url(../images/gallery_itemback01.png);
		background-size:100% 100%;
		margin-bottom: -5px;
                color: #FFFFFF;
		
	}

/*　　　　　横幅　769px　以上の場合のスタイル　　　　　*/

@media (min-width: 769px){

	.illust{
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		max-width:1000px;
	}

	.illust_left{
		display:block;
		float: left;
		position: fixed;
		margin: 0 auto;
		width: 220px;
		list-style: none;
		text-align:center;
		color:#FFF;
	}

	.illust_left li{
		padding: 20px 0;
		font-size: x-large;
		background-image:url(../images/gallery_itemback02.png);
		background-size:100% 100%;
		text-decoration:none;
	}

	#order{
		background-image:url(../images/gallery_itemback03.png);
	}

	.illust_left a{
		text-decoration:none;
	}

	.illust_menu li{
		color:#FFF;
	}

	.gallery{
		margin-left:230px;
		max-width:770px;
	}
		
	.gallery li{
		display: inline-block;
	}
	.gallery img{
		diaplay:inline-block;
		margin:10px 2px;
		width:85px;
	}

	.gallery p{
		margin:0 auto;
		display:block;
		padding:2px;

	}

	.gallery h1{
		text-align: center;
	}

}/* min-800px */