@charset "utf-8";

/* -- kyoro
-------------------------------------------------------------------------------- */
.kyoro_lBox {
	float: left;
	width: 155px;
	padding-top: 380px;
	height: 155px;
	background: url(../img/kyoro_bg.gif) no-repeat top center;
}

.kyoro_rBox {
	float: right;
	width: 665px;
}

#m_contents ul {
	display: block;
	overflow: hidden;
}

#m_contents ul li {
	float: left;
	list-style: none;
	text-align: center;
	display: block;
	overflow: hidden;
	height: 155px;
	width: 155px;
	margin: 0 15px 15px 0;
}

#m_contents ul li:nth-child(4n) {
	margin-right: 0;
}

#m_contents ul li a {
	display: block;
	height: 0;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -8000px;
	width: 155px;
	height: 155px;
}

#m_contents .kyoro_rBox ul li:nth-child(1) {
	background: url(../img/cont_nv_01.jpg) no-repeat;
}

#m_contents .kyoro_rBox ul li:nth-child(1) a:hover {
	background: url(../img/over.gif) no-repeat;
}

/* -- item
-------------------------------------------------------------------------------- */
.item_box {
	width: 570px;
	text-align: left;
	margin: 0 auto;
}

.item_box .item_visImg {
	border: 3px solid #000;
	margin-bottom: 54px;
}

.item_box .item_title {
	margin-bottom: 20px;
}

.item_box p {
	margin-bottom: 20px;
	line-height: 1.8;
}

.item_box .gallery_box {
	overflow: hidden;
	margin-top: 40px;
}

#m_contents .item_box .gallery_box ul {
}

#m_contents .item_box .gallery_box ul li {
	border: 3px solid #000;
	margin: 0 21px 21px 0;
	width: 170px;
	height: 170px;
}

#m_contents .item_box .gallery_box ul li:nth-child(3n) {
	margin-right: 0;
}

/* -- kun
-------------------------------------------------------------------------------- */
.kun_lBox {
	float: left;
	width: 155px;
	padding-top: 380px;
	height: 155px;
	background: url(../img/kun_bg.gif) no-repeat top center;
}

.kun_rBox {
	float: right;
	width: 665px;
}

#m_contents .kun_rBox ul li:nth-child(1) {
	background: url(../img/cont_nv_03.jpg) no-repeat;
}
#m_contents .kun_rBox ul li:nth-child(1) a:hover {
	background: url(../img/over.gif) no-repeat;
}

/* -- mogu
-------------------------------------------------------------------------------- */
.mogu_lBox {
	float: left;
	width: 155px;
	padding-top: 380px;
	height: 155px;
	background: url(../img/mogu_bg.gif) no-repeat top center;
}

.mogu_rBox {
	float: right;
	width: 665px;
}

#m_contents .mogu_rBox ul li:nth-child(1) {
	background: url(../img/cont_nv_04.jpg) no-repeat;
}
#m_contents .mogu_rBox ul li:nth-child(1) a:hover {
	background: url(../img/over.gif) no-repeat;
}

/* -- pochi
-------------------------------------------------------------------------------- */
.pochi_lBox {
	float: left;
	width: 155px;
	padding-top: 380px;
	height: 155px;
	background: url(../img/pochi_bg.gif) no-repeat top center;
}

.pochi_rBox {
	float: right;
	width: 665px;
}

#m_contents .pochi_rBox ul li:nth-child(1) {
	background: url(../img/cont_nv_05.jpg) no-repeat;
}
#m_contents .pochi_rBox ul li:nth-child(1) a:hover {
	background: url(../img/over.gif) no-repeat;
}

#m_contents .pochi_rBox ul li:nth-child(2) {
	background: url(../img/cont_nv_06.jpg) no-repeat;
}
#m_contents .pochi_rBox ul li:nth-child(2) a:hover {
	background: url(../img/over.gif) no-repeat;
}

#m_contents .pochi_rBox ul li:nth-child(3) {
	background: url(../img/cont_nv_07.jpg) no-repeat;
}
#m_contents .pochi_rBox ul li:nth-child(3) a:hover {
	background: url(../img/over.gif) no-repeat;
}



/* -- about
-------------------------------------------------------------------------------- */
.about_rBox {
	width: 470px;
	margin: 0 auto;
}

#m_contents .about_rBox ul li:nth-child(1) {
	width: 125px;
    height: 352px;
    margin: 116px 78px 0 0;
}

#m_contents .about_rBox ul li:nth-child(2) {
	width: 219px;
    height: 292px;
    margin: 116px 24px 0 0;
}

#m_contents .about_rBox ul li:nth-child(3) {
	width: 20px;
    height: 335px;
    margin: 0;
}