@charset "utf-8";

#root.index #mcR {background: none;z-index: 999;}

#root.index #mcR .box1, #root.index #mcR .box2, #root.index #mcR .box3 { margin:0; padding:0;}

#root.index #mcR h1 { background:url(../img/top/h1-results.gif) 0 0 no-repeat;}

#root.index #mcR h2 {
	height:42px;
	margin:0;
	padding:0;
	text-indent:-9999px;}

#mcR .box1 h2 { background:url(../img/top/h1-service.gif) 0 0 no-repeat;}
#mcR .box2 h2 { background:url(../img/top/h1-service.gif) 0 0 no-repeat;}

#mcR p { margin:0 5px 10px 4px;}

#img {
	position:relative;}

#fhwblog {
	position:absolute;
	top:0;
	right:0;
	height:284px;}

/* read
============================================================ */
#mcR div.read {
	margin:0;
	padding:0 0 15px;}

#mcR div.read p {
	float:left;
	display: inline;
	width:152px;
	margin:0 4px !important;
	font-size:10px;
	line-height:1.3;}

#mcR div.read img {
	width:150px;
	margin-bottom:3px;
	border:solid 1px #FFD27A;}

#mcR div.read a { text-decoration:none;}

#mcR div.read p.more {
	clear:left;
	float:none;
	margin-top:10px;
	font-size:12px;}

#mcR div.read .bnr {
	margin: 15px 0 10px 4px;
	width: 633px;
	height: 109px;}
#mcR div.read .bnr.Amazon { background:url(../img/banner/bnr_amazon_top-on.jpg) 0 0 no-repeat;}
#mcR div.read .bnr.LPO { background: url(../img/top/bnr-LPO-on.jpg) 0 0 no-repeat;}
#mcR div.read .bnr.iPhone { background: url(../img/top/bnr-iPhone-on.jpg) 0 0 no-repeat;}

#mcR div.read .bnr img {
	margin: 0;
	width: auto;
	border: none;}

#mcR div.read .bnr a {
	display: block;
	width: 633px;
	height: 109px;}

#mcR div.read .bnr a:hover { border: none;}

#mcR div.read .bnr a:hover img { visibility: hidden;}

/* box1
============================================================ */
#mcR .box1 p.txtRead {
	margin:4px 5px 15px 20px;
	padding:0;
	color:#485C81;
	font-weight:bold;}

#root.index #mcR .box1 {margin-bottom: 25px;padding: 0 6px 0 4px;}

#root.index #mcR .box1 h2 {
	margin: 0 -6px 0 -4px;}

#mcR .box1 div {
	position:relative;
	width:306px;
	height: 130px;
	margin-bottom:10px;}

#mcR .box1 div h3 {
	margin: 0;
	padding: 0;}

#mcR .box1 div h3 a {
	display: block;
	width: 306px;
	height: 130px;
	text-indent: -9999px;
	overflow: hidden;}


#mcR .box1 #Space01 {/* float:right;*/ float:left; background:url(../img/top/space01-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space02 {/* float:left;*/ float:right; background:url(../img/top/space02-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space03 {/* float:right;*/ float:left; background:url(../img/top/space03-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space04 {/* float:left;*/ float:right; background:url(../img/top/space04-on.jpg) 0px 0px no-repeat;}

#mcR .box1 #Space05 {/* float:right;*/ float:left; background:url(../img/top/space05-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space06 {/* float:left;*/ float:right; background:url(../img/top/space06-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space07 {/* float:right;*/ float:left; background:url(../img/top/space07-on.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space08 {/* float:left;*/ float:right; background:url(../img/top/space08-on.jpg) 0px 0px no-repeat;}

#mcR .box1 #Space01 a {background:url(../img/top/space01.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space02 a {background:url(../img/top/space02.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space03 a {background:url(../img/top/space03.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space04 a {background:url(../img/top/space04.jpg) 0px 0px no-repeat;}

#mcR .box1 #Space05 a {background:url(../img/top/space05.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space06 a {background:url(../img/top/space06.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space07 a {background:url(../img/top/space07.jpg) 0px 0px no-repeat;}
#mcR .box1 #Space08 a {background:url(../img/top/space08.jpg) 0px 0px no-repeat;}

#mcR .box1 div h3 a:hover {background: none !important;}

#mcR .box1 ul {
	margin:0 0 0 13px;
	padding:118px 0 0 0;
	border:none;}
#mcR .box1 ul li {
	display:inline;
	list-style:none;
	margin:0 10px 0 0;
	padding:0 0 0 13px;
	font-size:10px;
	background:url(../img/c/point001.gif) 0px 2px no-repeat;}

/* box2
============================================================ */
#mcR .box2 {
	position:relative;
	background:url(../img/top/img01.gif) 0 0 no-repeat;}
/*\*/*html #mcR .box2 { height:212px;}/**/

#mcR .box2 h2 { background:url(../img/top/img01.gif) 0 0 no-repeat;}

#mcR .box2 p {
	margin:0 0 0 4px;
	padding:0 190px 10px 0;}
	
#mcR .box2 .txtRead {
	margin-left: auto;
	padding:10px 180px 15px 20px;
	color:#485C81;
	font-weight:bold;}

#mcR .box2 .fhw_pickup8 {
	position:absolute;
	top:212px;
	left:468px;
	width:162px;
	height:283px;}

#mcR .box2 .fhw_pickup8 a {
	display:block;
	width:162px;
	height:283px;
	background:url(../img/top/img02.jpg) 0px 0px no-repeat;}

#mcR .box2 h3 {
	margin:0 5px 0 4px;
	padding:0;
	color:#F60;
	font-size:14px;}

#mcR .box2 p.bnr {
	margin:0 0 27px 4px;
	padding:0;
	text-align:center;}


/* box3
============================================================ */
.box3 {
	padding:15px 0;}
.box3 ul {
	margin:0 0 0 2px !important;
	padding:0 !important;
	border:none !important;}
.box3 ul li {
	display:inline;
	float:left;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;}

.box3 ul .bnr1 {
	width:220px;
	background:url(../img/banner/bnr-blog-on.jpg) 0 0 no-repeat;}
.box3 ul .bnr1 a {
	display:block;
	width:200px;
	height:70px;}
.box3 ul .bnr1 a:hover { text-indent:-9999px;}

.box3 ul .bnr3 { float:right; padding:0 !important;}


/* mcL
============================================================ */
#mcL {
	padding: 0;
	height: 1%;}

#mcL #results {
	position: relative;
	top: -82px;
	margin-bottom: -109px;
	padding: 31px 0 0;
	width:191px;
	height:245px;
	background:url(../img/top/img03.gif) 0px 0px no-repeat;}

#mcL #results p {
	margin:0 10px;
	font-size:10px;
	text-align:left;
	line-height:1.3;}

#mcL #results img {
	margin:0 0 5px;}

#mcL #results a {
	margin: 0 0 0 10px;}

#mcL #results p.materia {
	margin: 5px 10px 8px;
	padding:5px 0;
	text-align:center;
	background: #eaeaea;}
#mcL #results p.materia strong { color:#F00; border:none;}

#mcL #results p.btn {
	background: url(../img/top/btn-works-on.gif) 0 0 no-repeat;
	height: 24px;}

#mcL #results p.btn img {
	margin: 0;}

#mcL #results p.btn a {
	margin: 0;
	display: block;
	height: 24px;}

#mcL #results p.btn a:hover {
	border: none;}

#mcL #results p.btn a:hover img {
	visibility: hidden;}