@charset "utf-8";

/* ==================================================
	top
================================================== */

/* image
----------------------------------*/
#mainImg {
	background:#E9E5D9 url(../images/bg.gif) repeat-x;
	padding:0;
	margin-bottom:40px;
	clear:both;
	text-align:center;
}
#mainImg p {
	padding:0;
}

/* service menu
----------------------------------*/
#thumbWrap {
	width: 715px;
	background:#F7F7F7;
	border:1px solid #E4E2E1;
}
#thumbWrap ul {
	margin:0;
	padding:20px 16px;
	overflow:hidden;
}
#thumbWrap ul li {
	float:left;
	width: 220px;
	margin:0 5px 0 0;
	background:none;
	list-style:none;
	padding-left:0;
}

/* 959px以下から 1カラム表示
----------------------------------*/
@media only screen and (max-width: 959px) {
#thumbWrap {
	width: 720px;
	margin: 0 auto;
	background:none;
	border:none;
}
#thumbWrap ul {
	padding: 0;
}
#thumbWrap ul.thumb li {
	margin:0 20px 0 0;
}
}

/* 幅720px以下から
----------------------------------*/
@media only screen and (max-width: 720px) {
#thumbWrap {
	width:220px;
	margin:0 auto;
	padding:0;
}
#thumbWrap ul {
	padding: 0;
}
#thumbWrap ul.thumb li {
	width:100%;
	margin-bottom:10px;
}
#thumbWrap img {
	width:100%;
	height:auto;
}
}


/* 幅320px以下から
----------------------------------*/
@media only screen and (max-width: 320px) {
#thumbWrap {
	width:60%;
	margin:0 auto;
	padding:0;
}
#thumbWrap ul {
	padding: 0;
}
#thumbWrap ul.thumb li {
	width:100%;
	margin-bottom:10px;
}
#thumbWrap img {
	width:100%;
	height:auto;
}
}