@charset "UTF-8";

/* --------------------------------------------------------------------- */
/* detail */
/* --------------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "Arial", "Helvetica", "Verdana", sans-serif;
	line-height:1.2;
	background-image: url(../img/bghy.jpg);
	background-repeat: repeat-x;
	text-align:center;
	font-size:12px;
	}


/* --------------------------------------------------------------------- */
/* header */
/* --------------------------------------------------------------------- */
/*background:url("http://homeclub.misawa.co.jp/common/image/header_bg.gif") no-repeat scroll center 28px;*/

div#headerArea{
	margin: 0px;
	padding: 0px;
	background:url("../img/header_bg.gif") no-repeat scroll center 0px;
	}
div#header2Area{
	width:960px;
	height:72px;
	margin:0px auto;
	position:relative;
	z-index:99;
	}

div#wrapperArea{
	width:960px;
	margin:0px auto;
	text-align:left;
	position:relative;
	}

div#headtitle{
	width:676px;
	height:71px;
	margin:0;
	padding:0;
}





/* --------------------------------------------------------------------- */
/* main */
/* --------------------------------------------------------------------- */

div#mainArea{
	width:960px;
	position:relative;
	margin:0;
	overflow:hidden;
	/*background-image: url(../img/bgbg.gif); background-position:center; background-repeat: repeat;*/
	text-align:left;
	}


div#LeftArea{
	width:766px;
	float:left;
}
div#LeftArea2{
	width:755px;
}
div#RightArea{
	width:192px;
	float:right;
}
/* --------------------------------------------------------------------- */
/* LeftArea */
/* --------------------------------------------------------------------- */
div#LeftArea .madorizu{
	width:753px;
	padding:0px;
	border-left:1px #e9e9e9 solid;
	border-right:1px #e9e9e9 solid;
	border-top:1px #e9e9e9 solid;
	background-color:#FFF;
	margin:0;
	 position: relative;
}
div#LeftArea .madorizu .ttl{
	width:751px;
	padding:0;
	background-color:#ba7373;
	margin:0 0 10px;
	display: block;
}
div#LeftArea .madorizu .no{
	background-color:#516e99;
	position: absolute;
 top: 0px;
 left: 0px;
 width: 123px;
 height: 101px;
	display: block;
}
div#LeftArea .madorizu .no div#planum{
	font-size:30;
	font-weight:bold;
	color:white;
	position:absolute;
	top:12px;
	left:13px;
}
div#LeftArea .madorizu .no div#madonum{
	width:112px;
	height:21px;_height:31px;
	padding-top:10px;
	text-align:center;
	position:absolute;
	top:64px;
	left:6px;
	color:white;
	background-color:#6d89b2;
}
div#LeftArea .madorizu .ttl .upper{
	width:618px;_width:756px;
	padding:10px 0 10px 135px;
	background-color:#5f7ead;
	margin:0;
}
div#LeftArea .madorizu .ttl .upper h2{
	padding:0;
	margin:0;
	font-size:18px;
	color:#FFF;
	float:left;
}
div#LeftArea .madorizu .ttl .upper .icons{
	padding:0;
	margin:0 3px 0 0;
    text-align:right;
	float:right;
}
div#LeftArea .madorizu .ttl .upper .icons .icon{
	padding:0;
	margin:0 6 0 0px;
}
div#LeftArea .madorizu .ttl .lower{
	width:618px;_width:756px;
	padding:5px 0 4px 135px;
	background-color:#e2f8ff;
	margin:0;
	color:#495260;
	font-weight:bold;
}
div#LeftArea .madorizu .btn{
	position: absolute;
    top: 114px;
    left: 12px;
    width: 733px;
    height: 21px;
	display: block;
}
div#LeftArea .madorizu .btn a{
	padding:0;
	margin:0;
}
div#LeftArea .madorizu .btn img{
	padding:0;
	margin:0;
}
div#LeftArea .madorizu .btn .fb{
    width: 98px;
    height: 27px;
	margin-right:0;
}

div#LeftArea .madorizu .zu{
	width:745px;
	text-align:center;
	margin-top:10px;
	padding-top:30px;
}

div#LeftArea .txt{
	width:745px;
	padding:40px 4px 20px;
	border-left:1px #e9e9e9 solid;
	border-right:1px #e9e9e9 solid;
	border-bottom:1px #e9e9e9 solid;
	background-color:#FFF;
	margin:0;
	text-align:center;
	color:#767676;
	font-weight:bold;
}
div#LeftArea .txt p{
	padding:20 0;
}
/* --------------------------------------------------------------------- */
/* RightArea */
/* --------------------------------------------------------------------- */

div#RightArea .RightArea2 .catalog{
	width:190px;
	border:1px #e9e9e9 solid;
	background-color:#516e99;
	margin-bottom:13px;
}
div#RightArea .RightArea2 .catalog h2{
	width:157px;
	margin:10px 0 10px 15px;
	padding:0;
}
div#RightArea .RightArea2 .catalog .catas{
	width:183px;
	margin:0 2px 14px 2px;
	border-top:1px #d0d0d0 solid;
	border-left:1px #d0d0d0 solid;
	border-right:1px #d0d0d0 solid;
}
div#RightArea .RightArea2 .catalog .cata{
	width:173px;_width:183px;
	margin:0;
	padding:5px;
	border-top:1px #FFF solid;
	border-bottom:1px #d0d0d0 solid;
	background-color:#f3f3f3;
}
div#RightArea .RightArea2 .catalog .cata .icon{
	width:41px;
	height:41px;
	float:left;

}
div#RightArea .RightArea2 .catalog .cata .Rtxt{
	width:125px;
	float:right;
}
div#RightArea .RightArea2 .catalog .cata .Rtxt p{
	color:#444444;
}
div#RightArea .RightArea2 .catalog .cata .Rtxt .plan{
	width:125px;
	margin-top:3px;
}
div#RightArea .RightArea2 .catalog .cata .Rtxt .plan p{
	width:105px;_width:100px;
	float:left;
	padding-top:4px;
}
div#RightArea .RightArea2 .catalog .cata .Rtxt .plan .yaji{
	width:18px;
	float:right;
}

div#RightArea .RightArea2 .similar{
	width:184px;
	padding:3px 3px;
	border:1px #e9e9e9 solid;
	background-color:#FFF;
	margin-bottom:13px;
}
div#RightArea .RightArea2 .similar h2{
	width:184px;
	height:35px;
	margin:0 0 32px;
	padding:0;
}
div#RightArea .RightArea2 .similar .zu{
	width:164px;
	margin:0 0 20px 10px;
	padding-top:15px;
    text-align:center;
	border-top:1px #e9e9e9 solid;
	color:#b9b94b;
}


div#RightArea .RightArea2 similar .zu p{
	width:160px;
	text-align:left;
	margin-left:5px;
	color:#9a9a00;
}
div#RightArea .RightArea2 .similar .zu img{
	margin-top:10px;
}

div#RightArea .RightArea2 .popular{
	width:184px;
	padding:3px 3px;
	border:1px #e9e9e9 solid;
	background-color:#FFF;
}
div#RightArea .RightArea2 .popular h2{
	width:184px;
	height:35px;
	margin:0 0 15px;
	padding:0;
}
div#RightArea .RightArea2 .popular .rank{
	width:170px;
	margin:10px 0 20px 7px;

}
div#RightArea .RightArea2 .popular .rank .ttl01{
	width:170px;
	height:23px;
	background:url("../img/pop_no1bg.gif") no-repeat;
	text-align:right;
	color:#380e0e;
}
div#RightArea .RightArea2 .popular .rank .ttl02{
	width:170px;
	height:23px;
	background:url("../img/pop_no2bg.gif") no-repeat;
	text-align:right;
	color:#380e0e;
}
div#RightArea .RightArea2 .popular .rank .ttl03{
	width:170px;
	height:23px;
	background:url("../img/pop_no3bg.gif") no-repeat;
	text-align:right;
	color:#380e0e;
}

div#RightArea .RightArea2 .popular .rank .con{
	text-align:center;
	margin:10px 0;
}

div#RightArea .RightArea2 .popular .rank .con p{
	width:160px;
	text-align:left;
	margin-left:10px;
}
div#RightArea .RightArea2 .popular .rank .con img{
	margin-top:10px;
}

div#RightArea .pagetop{
	width:128px;
	margin:30px 0 0 64px;
}
/* --------------------------------------------------------------------- */
/* footer */
/* --------------------------------------------------------------------- */

div#copyright{
	width:960px;
	text-align:right;
	font-size:10px;
	padding:10px 0 4px;
	}



/* --------------------------------------------------------------------- */
/* clearfix ------- */
/* --------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* for macIE \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* end of for macIE */