@charset "utf-8";

/*
mainVisual
---------------------------*/

#loader-bg {
	position:absolute;
	top:0;
	left:0;
    display: none;
    width: 970px;
    height: 260px;
    background: #ffffff;
    z-index: 1;
	border:5px solid #dbdbdb;
}
#loader {
    display: none;
	position:absolute;
	text-align:center;
	left:465px;
	top:100px;
	width:40px;
}

#mainVisual{
	width:980px;
	position:relative;
	height:285px;
	margin:0 0 10px 0;
}

#mainVisual ul{
	position:relative;
	width:980px;
	height:260px;
	background:#dbdbdb;
	overflow:hidden;
}

#mainVisual li{
	width:190px;
	position:absolute;
}


#mainVisual li span{
	width:190px;
	background:#dbdbdb;
	padding:5px 0;
	display:block;
}

#mainVisual p{
	text-align:center;
}

#mainVisual #nextBtn{
	cursor:pointer;
}

#mainVisual .topBorder{
	position:absolute;
	top:0;
	width:980px;
	height:5px;
	background:#dbdbdb;
}

#mainVisual .btmBorder{
	position:absolute;
	top:255px;
	width:980px;
	height:5px;
	background:#dbdbdb;
}

#debug{
	position:fixed;
	border:1px solid #000;
	padding:12px;
	top:10px;
	left:980px;
	color:#f00;
	z-index:100;
}

#container .txt{
	text-align:right;
}

#content #leftArea{
	float:left;
	width:684px;
}

#content #houseArea{
	margin:16px 0;
}

#content #rightArea{
	width:280px;
	float:right;
}

#content #leftArea #houseArea a{
	color:#320E0E;
	font-weight:bold;
}

#content #rightArea .box{
	margin:0 0 16px 0;
	background:#f2f2f2;
	border:1px solid #cbcbcb;
	border-top:none;
	padding:10px;
}

#content #leftArea .box{
	background:#f2f2f2;
	border:1px solid #cbcbcb;
	border-top:none;
	padding:10px 0 0 10px;
}

#content #leftArea #houseArea a{
	border:1px solid #cbcbcb;
	background:#fff;
	display:block;
	width:124px;
	height:158px;
	text-align:center;
	margin:0 8px 6px 0;
	float:left;
}
#content #leftArea #houseArea a img{
	padding-bottom:5px;
}
#content #leftArea #houseArea .other{
	border:none;
	padding:0;
}
#houseArea .modern,
#houseArea .hobby,
#houseArea .natural,
#houseArea .performance{
	width:124px;
}


#leftArea .other span{
	display:inline;
}

#leftArea span{
	display:block;
	padding:3px 0 0 0;
}

#personArea a{
	display:block;
	width:153px;
	height:42px;
	padding:95px 0 0 0;
	text-align:center;
	float:left;
	margin:0 6px 6px 0;
}

#personArea .woman{
	background:url(../images/top/img_woman.jpg) no-repeat;
}

#personArea .manager{
	background:url(../images/top/img_manager.jpg) no-repeat;
}

#personArea .builder{
	background:url(../images/top/img_builder.jpg) no-repeat;
}

#content #leftArea #personArea .editor{
	background:url(../images/top/img_editor.jpg) no-repeat;
	height:33px;
	padding:104px 0 0 0;
	margin:0 0 6px 0;
}
#leftArea .topics .box{
	padding:10px !important;
}
#leftArea .topics #event p{
	border-bottom:1px dashed #cbcbcb;
	padding:0 0 6px 0;
	margin:0 0 7px 0;
}


#rightArea #event p,
#rightArea #modelhouse p{
	border-bottom:1px dashed #cbcbcb;
	padding:0 0 6px 0;
	margin:0 0 7px 0;
}

#rightArea #event .no-event{
	text-align:center;
	border-bottom:none;
	margin:40px 0 0 0;
}


/*
newsArea
--------------------------------------------------------------*/

#newsArea{
	clear:both;
	padding:25px 0 0 0;
	position:relative;
}

#newsArea .update{
	position:absolute;
	width:140px;
	left:850px;
	top:30px;
}

#newsArea .more{
	text-align:right;
	margin:0 15px 10px 0;
}


/*
tab
--------------------------------------------------------------*/

#tab a{
	text-indent:-9999px;
	width:112px;
	height:33px;
	display:block;
	overflow:hidden;
}

#tab{
	border-bottom:2px solid #a4cc22;
}

.noshow {
    display:none;
}

#tab li{
	float:left;
	width:112px;
	margin:0 5px 0 0;
}

#tabselA1 .t01{
	background:url(../images/top/tab_btn.gif) 0 -33px no-repeat;
}

#tabselA2 .t02{
	background:url(../images/top/tab_btn.gif) -112px -33px no-repeat;
}

#tabselA3 a{
	background:url(../images/top/tab_btn.gif) -336px -33px no-repeat;
}

#tabselA4 a{
	background:url(../images/top/tab_btn.gif) -672px -33px no-repeat;
}

#tabselA5 a{
	background:url(../images/top/tab_btn.gif) -784px -33px no-repeat;
}


#tabselA1 a:hover,
#tab .selected .t01{
	background:url(../images/top/tab_btn.gif) 0 0 no-repeat;
}

#tab #tabselA2 a:hover,
#tab .selected .t02{
	background:url(../images/top/tab_btn.gif) -112px 0 no-repeat;
}

#tab #tabselA3 a:hover,
#tab .selected .t03{
	background:url(../images/top/tab_btn.gif) -336px 0 no-repeat;
}

#tab #tabselA4 a:hover,
#tab .selected .t04{
	background:url(../images/top/tab_btn.gif) -672px 0 no-repeat;
}

#tab #tabselA5 a:hover,
#tab .selected .t05{
	background:url(../images/top/tab_btn.gif) -784px 0 no-repeat;
}


#newsBox{
	margin:25px -13px 0 0;
	position:relative;
	zoom: 1;/* for IE6,7 */
	width:993px;
	min-height:430px;
}

/*
tabA1,tabA2,tabA5,tabA6
--------------------------------------------------------------*/


#newsBox #tabA1 dl,
#newsBox #tabA2 dl,
#newsBox #tabA3 dl{
	widows:235px;
	float:left;
	margin:0 13px 16px 0;
}

#newsBox #tabA1 dt,
#newsBox #tabA2 dt,
#newsBox #tabA3 dt{
	width:235px;
	height:150px;
	overflow:hidden;
	display:block;
	margin:0 0 5px 0;
}

#newsBox #tabA1 dd,
#newsBox #tabA2 dd,
#newsBox #tabA3 dd{
	width:235px;
	height:40px;
	overflow:hidden;
}



/*
tabA5
--------------------------------------------------------------*/

#newsBox #tabA5 ul{
	position:relative;
	margin-right:-13px;
	zoom: 1;/* for IE6,7 */
	width:993px;
}

#newsBox #tabA5 li{
	float:left;
	margin-right:13px;
}
#newsBox #tabA5 li span{
	display:block;
	text-align:center;
	padding:6px 0 0;
}
/*
tabA7
--------------------------------------------------------------*/

#newsBox #tabA4{
	margin:0 -25px 0 0;
	position:relative;
	zoom: 1;/* for IE6,7 */
	width:1010px;
}

#newsBox #tabA4 dl{
	float:left;
	width:480px;
	margin:0 25px 20px 0;
}

#newsBox #tabA4 dt{
	margin:0 0 3px 0;
}

#newsBox #tabA4 dd span{
	display:block;
	padding:3px 0 0 0;
}

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

.sns_area .fb-like-box{
	float:left;
	width:500px;
}

.sns_area .share_box{
	width:450px;
	float:right;
}

.sns_area .share_box p{
	text-align:center;
	width:450px;
}

.sns_area .share_box ul{
	width:450px;
}

.sns_area .share_box li{
	float:left;
	width:210px !important;
}

body .share_box .share li{
	float:left;
	margin:0 11px 10px 0;
	width:210px;
	height:40px;
	color:#fff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}