@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.catbox {
	margin-bottom:50px;
	text-align:center;
}

.catbox img {
	width:100%;
	border: 1px solid #ccc;
}

.catbox li {
	float: left;
	width: 32%;
	margin:0px 5px 5px 0px;
}

.catbox li a {
	display:  block;
	text-decoration: none;
	color: #000;	/*文字色*/
	padding: 10px;
}

.catbox li a:hover {
	background: #E3D2B9;	/*背景色*/
}



.cat2box {
	margin-bottom:50px;
	text-align:center;
}

.cat2box img {
	width:100%;
	border: 1px solid #ccc;
}

.cat2box li {
	float: left;
	width: 19%;
	margin:0px 5px 5px 0px;
	height:250px;
}

.cat2box li a {
	display:  block;
	text-decoration: none;
	color: #000;	/*文字色*/
	padding: 10px;
}

.cat2box li a:hover {
	background: #E3D2B9;	/*背景色*/
}



.cat3box {
	margin-bottom:10px;
	text-align:center;
}

.cat3box img {
	border: 1px solid #ccc;
    max-width:100%;
    max-height:100%;
}

.cat3box li {
	float: left;
	width: 19%;
	margin:0 5px 5px 0;
	height:250px;
}

.cat3box li a {
	display:  block;
	text-decoration: none;
	color: #000;	/*文字色*/
	padding: 2px 4px 2px 2px;
}

.cat3box li a:hover {
	background: #E3D2B9;	/*背景色*/
}


.cntbox {
	margin-bottom:50px;
	text-align:left;
}

.cntbox img {
	border: 1px solid #ccc;
	margin:10px;
	width:95%;
}

.cntbox ul {
	margin:0px 5px 0px 25px;
	list-style-type: square;
}

.cntbox li {
	margin:0px 5px 5px 25px;
}

.fimg1 {
	float:left;
}



.membox h2 {
	margin:0px auto 20px;
	font-size: 16px;
	line-height: 100%;
	color: #000;
	font-weight:bold;	
	letter-spacing: 0.4em;
}

h2.h202 {
	background:url(../images/backh202.gif) no-repeat;
	border-top: 2px solid #aaa;
	border-bottom: 1px solid #ccc;
	padding: 20px 0px 20px 30px;
	background-position: 0px 20px;
}


.mainbox { 
	margin-bottom: 35px;
}


.catg {
	clear: both;
	text-align:right;
	margin:15px auto;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.cat3box li {
	float: left;
	width: 24%;
	margin:0 5px 5px 0;
	height:150px;
}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.catbox li {
	float: none;
	width: 100%;
	margin:0px 5px 5px 0px;
	border: 1px solid #ccc;
}

.cat2box li {
	float: none;
	width: 100%;
	margin:0px 5px 5px 0px;
	border: 1px solid #ccc;
	height:auto;
}

.cat3box li {
	float: none;
	width: 100%;
	margin:0 5px 5px 0;
	height:auto;
}



}
