@charset "utf-8";

/*　トップ　*/

.mgBody .mgTopContents {
	text-align: left;
	margin: 5px auto;
	width: 940px;
	background-image: url(/common/img/top/top_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #666666;
}
.mgBody .mgTopContents .newsBanner {
	padding: 17px 20px 23px;
}
.mgBody .mgTopContents .newsBanner .LNews {
	background-image: url(/common/img/top/txt_whats.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
	padding-top: 12px;
	width: 280px;
	float: left;
}
.mgBody .mgTopContents .newsBanner .LNews li {
	background-image: url(/common/img/top/whatsnew_mark.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	line-height: 110%;
	color: #6A574D;
	padding: 4px 0px 4px 12px;
}
.mgBody .mgTopContents .newsBanner .LNews a {
	color: #6A574D;
	text-decoration: none;
}
.mgBody .mgTopContents .newsBanner .LNews a:hover {
	text-decoration: underline;
}

.mgBody .mgTopContents .newsBanner .LNews ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.mgBody .mgTopContents .newsBanner .rBanner {
	background-image: url(/common/img/top/txt_pickup.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
	padding-top: 13px;
	float: right;
	width: 600px;
}
.mgBody .mgTopContents .newsBanner .rBanner .RightBnr {
	float: right;
}
.mgBody .mgTopContents .styleRight {
	clear: both;
	padding: 0px 20px 23px;
}

.mgBody .mgTopContents .styleRight .Lstyle {
	float: left;
	width: 630px;
}
.mgBody .mgTopContents .styleRight .RightBox {
	float: right;
	width: 230px;
}
.mgBody .mgTopContents .styleRight .Lstyle .styleBox {
	background-color: #F0EBE6;
	background-image: url(/common/img/top/style_title.gif);
	background-repeat: no-repeat;
	padding: 40px 26px 20px 10px;
}
.mgBody .mgTopContents .styleRight .Lstyle .styleBox .styleImg {
	float: left;
}
.mgBody .mgTopContents .styleRight .Lstyle .styleBox .styleBoxInfo {
	margin-left: 267px;
	line-height: 150%;
}
.mgBody .mgTopContents .styleRight .Lstyle .styleBox .styleBoxInfo a {
	color: #B4486B;
}
.mgBody .mgTopContents .styleRight .Lstyle .styleBox .styleBoxInfo .btRight {
	text-align: right;
	padding: 5px 0px;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox {
	background-image: url(/common/img/top/r_blog_title.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo {
	background-image: url(/common/img/top/r_blog_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px 0px 6px;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo .blogIcon {
	float: left;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo .blogInfoTxt {
	margin-left: 57px;
	line-height: 130%;
	font-size: 10px;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo .blogInfoTxt img {
	margin: 2px 0px;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo .blogInfoTxt a {
	color: #666666;
	text-decoration: none;
}
.mgBody .mgTopContents .styleRight .RightBox .blogBox .blogInfo .blogInfoTxt a:hover {
	text-decoration: underline;
}