@charset "utf-8";
@import "common.css";
@import url("../../globalnavi/css/globalnavi.css");

/*------------------------------------------------------------------------
三井ホーム倶楽部
                                                							 main_h.php
-----------------------------------------------------------2012.11-------*/

/* body設定
-----------------------------------*/
body {
	/*font-size: 83%;*/
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
* html body {
	font-size:12px;
	}
*+html body {
	}

/*mainContainer                        top/index.html div#wrapper
-----------------------------------------------------------------*/
* html div#mainContainer {
	width:985px;
	margin:-455px auto 0;
	}

/*bxsliderWrapper-------------------------------------------------------*/
	/*mainContents----------------------------*/
	div#mainContents{
		/*top:250px;*/
	}
		div#mainContents p.newyear{
			width:980px;
			margin:5px 0;
			padding:10px 0;
			text-align:center;
			line-height: 1.4;
			/*color:#917812;*/
			background:#fff;
			}
		div#mainContents p.newyear strong{
			display:block;
			font-weight:bold;
			}

	/*footer----------------------------*/
	div#footer {
		top:250px;
	}

/*bxsliderWrapper----------------------------*/
/* モダンブラウザ向け */
html:not(:target) div#bxsliderWrapper{width:100%;}
* html div#bxsliderWrapper{width:100%;}
*+html div#bxsliderWrapper {width:100%;}
div#bxsliderWrapper {
	/*position:absolute;*/
	width:100%;
	height:252px;
	margin:0;
	padding:0;
	z-index:70;
	overflow:hidden;
	}
	/*sectionBxslider----------------------------*/
	div#bxsliderWrapper div.bx-wrapper{
	position:relative;
	width:980px;
	height:240px;
	margin:0 auto;
	}
		/*bxslider----------------------------*/
		div#bxsliderWrapper ul.bxslider {
			position:relative;
			width:980px;
			height:240px;
			margin:0;
			padding:0;
			z-index:80;
			}
		div#bxsliderWrapper ul.bxslider img {
			width:980px;
			height:240px;
		}
/*bxsliderWrapper-----------------------------------------------ここまで*/

/*notice----------------------------*/
.notice {
	padding: 8px;
	margin: 10px auto;
	text-align: center;
	background: #fff;
}

.notice h3 {
	font-size: 14px;
	font-weight: bold;
}

.notice p {
	text-align: inherit;/*common.css overwrite*/
}

.notice p a {
	color: #0c11f9;
}
				
	/*closedContents----------------------------*/
	div#closedContents {
		clear:both;
		position:relative;
		width:100%;
		margin:0;
		padding:7px 0 0;
		overflow:hidden;
		}
		div#closedContents h2{
		width:980px;
		height:50px;
		margin:0 0 5px;
		text-indent:-9999px;
		background:url(../images_main/closedcontents.gif) no-repeat;
			}
		/*closedContentsList----------------------------*/
		div#closedContentsList{
			clear:both;
			margin:0 auto;
			width:980px;
			}
			/*closedContents ul----------------------------*/
			div#closedContents ul{
				position:relative;
				margin:5px -5px 50px 0;
				/*background: url(../images_main/closed_bg.gif) repeat-y;*/
				overflow:hidden;
				}
				div#closedContents ul li{
					position:relative;
					float:left;
					margin:0 5px 5px 0;
					width:241px;
					height:240px;
					}
				div#closedContents ul li.present,
				div#closedContents ul li.closedEye,
				div#closedContents ul li.closedPhotoessay,
				div#closedContents ul li.closedCalendar{
					position:relative;
					width:980px;
					overflow:hidden;
					}
				div#closedContents ul li.closedYokoyamamoto{
					position:relative;
					margin-right:6px;
					width:486px;
					overflow:hidden;
					}
				/*div#closedContents ul li.closedEye{
					position:relative;
					width:488px;
					overflow:hidden;
					}*/
				
					div#closedContents ul li.closedCalendar p,
					div#closedContents ul li.closedEye p{
						height:0;
						width:0;
						overflow:hidden;
						}
					
					div#closedContents ul li h3 a{
						display:block;
						padding-left:241px;
						width:0;
						height:240px;
						overflow:hidden;
						}
						
					div#closedContents ul li.closedYokoyamamoto h3 a{
						padding-left:980px;
						background:url(../images_main/closed_yokoyamamoto.jpg) no-repeat;
						}
					div#closedContents ul li.closedPhotoessay h3 a{
						padding-left:980px;
						background:url(../images_main/closed_photoessay.jpg) no-repeat;
						}
					div#closedContents ul li.closedCalendar h3 a{
						padding-left:980px;
						background:url(../images_main/promo13.jpg) no-repeat;
						}
					div#closedContents ul li.closedQuestionary h3 a{
						background:url(../images_main/closed_questionary.jpg) no-repeat;
						}
					div#closedContents ul li.closedPhoto h3 a{
						background:url(../images/closed_photo2.jpg) no-repeat;
						}
					div#closedContents ul li.closedTown h3 a{
						background:url(../images/closed_town.jpg) no-repeat;
						}
					div#closedContents ul li.closedAuction h3 a{
						background:url(../images/closed_auction.jpg) no-repeat;
						}
					div#closedContents ul li.closedLoopOuchiSupport h3 a{
						background:url(../images/closed_loop_ouchi_support.jpg) no-repeat;
						}
					div#closedContents ul li.closedInfo h3 a{
						background:url(../images/closed_info.jpg) no-repeat;
						}
					div#closedContents ul li.closedServicemenu h3 a{
						background:url(../images/closed_servicemenu.jpg) no-repeat;
						}
					div#closedContents ul li.closedGoodStock h3 a{
						background:url(../images/closed_good_stock.jpg) no-repeat;
						}
					div#closedContents ul li.closedHouseCleaning h3 a{
						background:url(../images/closed_housecleaning.jpg) no-repeat;
						}
/*					div#closedContents ul li.closedMainte h3 a{
						background:url(../images/closed_mainte.jpg) no-repeat;
						}*/
					div#closedContents ul li.closedShop h3 a{
						background:url(../images/closed_shop.png) no-repeat;
						}
					div#closedContents ul li.closedInterior h3 a{
						background:url(../images/closed_interior.jpg) no-repeat;
						}
					div#closedContents ul li.closedReform h3 a{
						background:url(../images/closed_reform.jpg) no-repeat;
						}
					div#closedContents ul li.closedOpenPCalendar h3 a{
						background:url(../images/closed_open_p_calendar.jpg) no-repeat;
						}
					div#closedContents ul li.closedlLibrary h3 a{
						background:url(../images/closed_library.jpg) no-repeat;
						}
					div#closedContents ul li.closedSolarpower h3 a{
						background:url(../images/closed_solarpower.jpg) no-repeat;
						}
					div#closedContents ul li.closedNaturaldisaster h3 a{
						background:url(../images/closed_naturaldisaster.jpg) no-repeat;
						}
					/*div#closedContents ul li.closedStorage h3 a{
						background:url(../images/closed_storage.jpg) no-repeat;
						}*/
					div#closedContents ul li.closedClub h3 a{
						background:url(../images/closed_club.jpg) no-repeat;
						}
					div#closedContents ul li.seasonrecipe h3 a{
						background:url(/seasonrecipe/images/top.jpg) no-repeat;
						}
					div#closedContents ul li.enquete h3 a{
						background:url(/enquete/images/top.jpg) no-repeat;
						}
					div#closedContents ul li.sumai-enquete h3 a{
						background:url(/sumai-enquete/images/top.jpg) no-repeat;
						}
					div#closedContents ul li.mainte h3 a{
						background:url(/mainte/images/top.jpg) no-repeat;
						}
					div#closedContents ul li.closedEye h3 a{
						padding-left:980px;
						background:url(/eye/images/promo.jpg) no-repeat;
						}
					div#closedContents ul li.closedEnq h3 a{
						background:url(../images/closed_enq.jpg) no-repeat;
						}
						
				/*ul li ul----------------------------*/
				* html div#closedContents ul li ul,
				* html div#closedContents ul li ul li,
				* html div#closedContents ul li.closedPhoto ul li.displayNone{
					display:none;
					}
				div#closedContents ul li ul,
				div#closedContents ul li ul li,
				div#closedContents ul li.closedPhoto ul li.displayNone{
					width:0;
					height:0;
					overflow:hidden;
					}
			/*closedEye----------------------------*/
					div#closedContents ul li.closedEye p.iSeeAGift{
						position:absolute;
						display:block;
						top:163px;
						left:349px;
						width:110px;
						height:25px;
						}
					div#closedContents ul li.closedEye p.iSeeAGift a{
						display:block;
						width:110px;
						height:25px;
						z-index:200px;
						}
				/*closedPhoto----------------------------*/
					/*div#closedContents ul li.closedPhoto ul,
					div#closedContents ul li.closedPhoto ul li{
						display:block;
						float:none;
						margin:0;
						padding-left:487px;
						width:0;
						height:0;
						background:none;
						overflow:hidden;
						}
						div#closedContents ul li.closedPhoto p.iSeeAGift{
							position:absolute;
							display:block;
							bottom:51px;
							right:30px;
							width:110px;
							height:25px;
							}
						div#closedContents ul li.closedPhoto p.iSeeAGift a{
							display:block;
							width:110px;
							height:25px;
							z-index:200;
							}
						* html div#closedContents ul li.closedPhoto p.currentPhotos{
							bottom:11px;
							}
						div#closedContents ul li.closedPhoto p.currentPhotos{
							position:absolute;
							right:66px;
							bottom:12px;
							font-size:160%;
							font-weight:bold;
							color:#907c1d;
							text-indent:0;
							z-index:200;
							}
							div#closedContents ul li.closedPhoto p.currentPhotos span{
								display:none;
								}*/
			/*btnMypage----------------------------*/
			div#closedContents div.btnMypage{
				margin-bottom:30px;
				}
				div#closedContents div.btnMypage p a{
					width:980px;
					height:86px;
					border:#333 solid 2px;
					display:block;
					padding:20px 0;
					box-sizing: border-box;
					box-shadow:0 4px 0 #ccc;
					background-color:#fff;
					background-image:url(../images/btn_mypage.png);
					background-repeat:no-repeat;
					background-position:center;
					text-indent:-9999px;
					overflow:hidden;
					}
			/*btnMypage (未ログイン時) ----------------------------*/
			div#closedContents div.btnMypageLogOuted{
				margin-bottom:23px;
				}
				div#closedContents div.btnMypageLogOuted p {
					display: inline-block;
					}
					div#closedContents div.btnMypageLogOuted p a{
						width:480px;
						height:105px;
						display:block;
						padding:20px 0;
						box-sizing: border-box;
						background-repeat:no-repeat;
						background-position:center;
						text-indent:-9999px;
						overflow:hidden;
					}
					div#closedContents div.btnMypageLogOuted p.smallBtnMypage a{
						background-image:url(../images/btn_mypage_small.png);
						}
					div#closedContents div.btnMypageLogOuted p.smallBtnRegist a{
						margin-left:16px;
						background-image:url(../images/btn_regist_small.png);
						}
			/*newsSection----------------------------*/
			*+html div#closedContents div#newsSection{
				margin:5px 0;
				}
			div#closedContents div#newsSection{
				clear:both;
				width:980px;
				height:210px;
				margin:0 auto;
				padding:20px 0 0;
				background:#fff;
				overflow:hidden;
				}
				div#closedContents div#newsSection h3{
					margin:0 auto;
					width:920px;
					height:16px;
					text-indent:-9999px;
					background:url(../images_main/news_title.gif) no-repeat;
					}
				div#closedContents div#newsSection dl{
					width:920px;
					height:180px;
					margin:0;
					padding:0 30px;
					background:#fff;
					overflow-y:auto;
					}
					div#closedContents div#newsSection dt{
						clear:both;
						margin:17px 0 0 0;
						width:860px;
						height:18px;
						}
						div#closedContents div#newsSection dt span.date{
							display:block;
							float:left;
							margin:0 8px 0 0;
							font-weight:bold;
							font-size:120%;
							}
						div#closedContents div#newsSection dt strong{
							display:block;
							float:left;
							margin:1px 2px 0 0;
							padding:1px 5px 0;
							height:11px;
							line-height:10px;
							border:#f00 1px solid;
							font-size:10px;
							font-weight:normal;
							color:#f00;
							}
						div#closedContents div#newsSection dt span.newIcon{
							display:block;
							float:left;
							width:47px;
							height:13px;
							text-indent:-9999px;
							background:url(../images_main/news_icon.gif) no-repeat;
							}
					div#closedContents div#newsSection dd{
						clear:both;
						margin:5px 0 0;
						width:860px;
						}



/*closedContents----------------------------*/
	div#openContents {
		clear:both;
		padding-bottom:50px;
		}
		
		div#openContents ul {
			overflow:hidden;
		}
			
			div#openContents ul li{
			float:left;
			margin:0 5px 5px 0;
				}
				
				
p.naturaldisaster {
		margin:0 0 5px;
		padding-top:20px;
}

div#closedContents ul li.tit_present,div#closedContents ul li.tit_useful {
	width:100%;
	background:none;
	background-color:#e6e6e6;
	height:auto;
	margin:50px 0 0;
	padding:0 0 20px;
	}
	div#closedContents ul li.tit_present{
		background:url(../images/h3_present.png) no-repeat;
		text-indent:-9999px;
		}
	div#closedContents ul li.tit_useful{
		background:url(../images/h3_useful.png) no-repeat;
		text-indent:-9999px;
		}

/*div#closedContents ul li.closedDisney{
					width:980px;}
					
div#closedContents ul li.closedDisney h3 a{
						padding-left:980px;
						background:url(../images/bnr_disney_on_classic.jpg) no-repeat;
						}*/
						
div#openContents ul li a img:hover {
	opacity:0.7;
}


/* urgent 災害時の緊急表示
-------------------------------------------------------*/
div#urgentArea{
	width:980px;
	height:170px;
	background-color:#FFF;
	margin:0 0 10px;
	overflow:hidden;
}
div#urgentArea ul.hiroshima_center{
	float:right;
	margin:10px 20px 0 0;
}

/*disaster_infoSection----------------------------*/
*+html div#closedContents div#disaster_infoSection{
				margin:15px auto 30px;
				}
div#closedContents div#disaster_infoSection{
				clear:both;
				width:920px;
				margin:15px auto 30px;
				padding:20px 30px;
				background:#fff;
				}
				div#closedContents div#disaster_infoSection div.diaster_infoSection_box{
					border-bottom:#e6e6e6 solid 1px;
					padding-bottom:15px;
					margin-bottom:20px;
					}
					div#closedContents div#disaster_infoSection div.diaster_infoSection_box:last-child{
						border-bottom:none;
						padding-bottom:0;
						margin-bottom:0;
						}
				div#closedContents div#disaster_infoSection div.left_box{
					float:left;
					border-right:#e6e6e6 solid 1px;
					padding-right:40px;
				}
				div#closedContents div#disaster_infoSection h3{
					color:#eb5649;
					font-weight:bold !important;
					font-size:18px;
					width:688px;
					}
				div#closedContents div#disaster_infoSection p{
					color:#eb5649;
					width:688px;
					margin-bottom:20px;
					}
				div#closedContents div#disaster_infoSection div.disaster_btn{
					width:280px;
					margin:20px auto;
					}
				
				div#closedContents div#disaster_infoSection div.disaster_btn p{
					width:280px;
					margin:0 auto;
					border-bottom:none;
					}
				div#closedContents div#disaster_infoSection div.disaster_btn p a{
					display:block;
					width:280px;
					height:46px;
					background:url(../images/disaster_btn.jpg) no-repeat;
					text-indent:-9999px;
					}
				/*被害状況の登録ボタンが表示されないバージョン*/
				div#closedContents div#disaster_infoSection div.disaster_box h3{
					width:auto !important;	
					}
				div#closedContents div#disaster_infoSection div.disaster_box p{
					width:auto !important;	
					}
					
/*private_infoSection----------------------------*/
*+html div#closedContents div#private_infoSection{
				margin:5px 0;
				}
div#closedContents div#private_infoSection{
				clear:both;
				width:980px;
				margin:0 auto 30px;
				background:#fff;
				overflow:hidden;
				}
				div#closedContents div#private_infoSection h3{
					margin:0 auto;
					padding:12px 30px;
					font-weight:bold !important;
					font-size:18px;
					border-top:#b3b3b3 solid 3px;
					border-bottom:#e6e6e6 solid 1px;
					}
				div#closedContents div#private_infoSection div.info_box{
					height:100px;
                    font-size:16px;
					overflow-y: scroll;
					padding:20px 0;
					}
				div#closedContents div#private_infoSection dl{
					width:900px;
					margin:0 auto 10px;
					}
					div#closedContents div#private_infoSection dt{
						clear:left;
						float:left;
						width:90px;
						font-weight:bold;
						}
					div#closedContents div#private_infoSection dd{
						margin-left:90px;
						}