.w_titlebox{
	 margin: 0 auto;
	 text-align: center;
	 width: 720px;
	 /*background-color: #0033ff;*/
}


.w_titlebox img{
	 float: left;
}

.w_titlebox .rightbox{
	float: right;
}




 
.list-box{
	width: 90%;
	margin: 20px auto;
}

.list-box h3{
	text-align: left;
	margin: 0;
}


/* --- リストエリア --- */
.list-box ul {
width: 100%; /* リストエリアの幅 */
margin: 0 auto;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
margin: 0 auto;
}

/* --- リスト項目 --- */
.list-box ul li {
/*width: 85px;*/ /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 30px; /* 項目の下マージン */
margin-right: 5px; /* 項目の右マージン */
text-align: center;
}

.list-box ul li a img{
width: 57px; /* 画像 */
}

.list-box ul li a img.w_big{
width: 93px; /* 画像 */
}

div.wrap {
	width: 100%;
	/*background: #EEEEEE;*/
	padding: 0 5px 10px;
	/*border: 1px solid #333333;*/
	margin: 0 auto;
	
}

div.box {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 19%;
	height: auto;
	margin: 20px 5px 0 0;
	/*border: 2px solid #333333;*/
	background: #fcd2d2;
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
}

div.box p{
	font-size: 0.8em;
	line-height: 1.4em;
}

div.photo_zone {
	/*background: #ffccff;*/
	text-align: center;
	/*height: 255px;*/
	height: auto;
	vertical-align: bottom;
	width: 150px;
	margin: 0 auto;
 }


div.photo_zone img {
	margin : 10px auto 5px;
	max-width: 120px;
 }


div.box p{
	margin: 0;
}



@media only screen and (min-width: 600px) and (max-width: 929px){

.list-box ul li a img,
.list-box ul li a img.w_big{
width: 57px; /* 画像 */
}


.w_titlebox{
	 margin: 0 auto;
	 text-align: center;
	 width: 100%;
	 /*background-color: #0033ff;*/
}


.w_titlebox img{
	 float: none;
	margin: 0 auto 20px;
	text-align: center;
}

.w_titlebox .rightbox{
	 float: none;
	margin: 0 auto 20px;
}

div.wrap {
	width: 100%;
	/*background: #EEEEEE;*/
	padding: 0 15px 10px 30px;
	/*border: 1px solid #333333;*/
	margin: 0 auto;
	
}

div.box {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 30%;
	height: auto;
	margin: 15px 10px 0 0;
	/*border: 2px solid #333333;*/
	/*background: #ffddcc;*/
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
}


}


@media only screen and (max-width: 599px){

div.wrap {
	width: 100%;
	/*background: #EEEEEE;*/
	padding: 0 10px 10px;
	/*border: 1px solid #333333;*/
	margin: 0 auto;
	
}

div.box {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 45%;
	min-width: 140px;
 	height: auto;
	margin: 15px 10px 0 0;
	/*border: 2px solid #333333;*/
	/*background: #ffddcc;*/
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
}

div.photo_zone img {
	margin : 10px auto 5px;
	width: 100%;
 }


.list-box ul li a img,
.list-box ul li a img.w_big{
width: 57px; /* 画像 */
}


.w_titlebox{
	 margin: 0 auto;
	 text-align: center;
	 width: 100%;
	 /*background-color: #0000ff;*/
}


.w_titlebox img{
	 float: none;
	margin: 0 auto 20px;
	max-width: 350px;
}

.w_titlebox .rightbox{
	 float: none;
	margin: 0 auto 20px;

}

}