@charset "utf-8";

/* ------------------------------------------

くらしのお役立ち情報

------------------------------------------ */

html {
	min-width: 956px;
}

/*-----------------------------------
	PC共通
-----------------------------------*/
.forSp{
	display:none !important;}
.forPc{
	display:block !important;}
#headerSp,#contact,#sitemap,footer{
	display:none;}	
/*  menu  */
#headerWrapper #menuPc {
	float: left;
	width: 446px;}
#headerWrapper #menuPc .first {
	width: 102px;
	float: left;
	margin: 13px 5px 0px 4px;}
#headerWrapper #menuPc .first02 {
	width: 134px;
	margin: 0 5px 0 4px;}
#headerWrapper #menuPc .list02 {
	width: 59px;
	margin: 0 5px 0 10px;}
#headerWrapper #menuPc li.cart{
	width: 110px;
	margin-top:0;
	padding:0;}
#headerWrapper #menuPc li {
	width: 92px;
	float: left;
	margin: 13px 5px 0px 8px;}
#headerWrapper #menuPc li.cart a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;}
#headerWrapper #menuPc li.last {
	margin-right: 0;
	padding-right: 0;
	background-image: none;}
#headerWrapper #menuPc li a{
	display:block;}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*-----------------------------------
	#content_life
-----------------------------------*/
#content_life{
	margin: 0 auto;
	width: 955px;
}
#content_life .leadTxt{
	margin: 20px 0 0;
	text-align: left;
}
#content_life .textLink{
	margin: 30px 0 0;
	padding: 0 0 0 11px;
	text-align:left;
	background:url(/lifeinfo/images/arrow_01.png) left center no-repeat;}

/*	mainvisual_pc
---------------------------------*/
#mainvisual_pc{
	position: relative;
	margin: 20px 0 0;
	padding: 15px;
	background:url(/lifeinfo/images/bg_main_01.png)left top repeat;}
.slideWrapper .slider{
	height:280px;
	background: url(/lifeinfo/images/loading.gif) no-repeat 50% 50%;
}
.slideWrapper .slider li {
	display: none;}
.slideWrapper .bx-viewport .slider li {
  display: block !important;
}
.slideWrapper .slider li a{
	display:block;
	line-height:0;}

.thumbWrapper{
	padding: 15px 0 0 0;
}
.thumbWrapper .slideThumbnail{
	padding: 0;
	font-size:0;}
.thumbWrapper .slideThumbnail li{
	display:inline-block;
	/*margin: 0 0 0 15px;*/
	font-size: 12px;}
.thumbWrapper .slideThumbnail li:first-child{
	margin-left:0px;}
.thumbWrapper .slideThumbnail li a{
	display: block;
	width: 275px;
	height: 80px;
}
.slideControls .slidePrev{
	cursor: pointer;
	position:absolute;
	top:310px;
	left:15px;
	display: block;
	width: 21px;
	height: 81px;
	background: url(/lifeinfo/images/prev.png) no-repeat 0 0;
	text-indent: -9999px;
}
.slideControls .slideNext{
	cursor: pointer;
	position:absolute;
	top:310px;
	right:15px;
	display: block;
	width: 21px;
	height: 81px;
	background: url(/lifeinfo/images/next.png) no-repeat 0 0;
	text-indent: -9999px;
}
.currentWrapper .current{
	position: absolute;
	left:340px;
	bottom:14px;}
.currentWrapper .prevCurrent{
	width: 275px;
	height: 80px;
	position: absolute;
	left:50px;
	bottom:19px;
}
.currentWrapper .nextCurrent{
	width: 275px;
	height: 80px;
	position: absolute;
	right:50px;
	bottom:19px;
}

/*	gnav
---------------------------------*/
#content_life .gnav{
	display:table;
	margin: 20px 0 0;}
#content_life .gnav li{
	display:table-cell;
	width: 239px;
	height: 54px;}
#content_life .gnav li a{
	display:block;
	height: 54px;
	text-indent: -9999px;}
#content_life .gnav li.gnav01{
	width: 238px;}
/*gnav01*/
#content_life .gnav li.gnav01 a{
	background: url(/lifeinfo/images/gnav.png) left 0;}
#content_life .gnav li.gnav01 a:hover{
	background: url(/lifeinfo/images/gnav.png) left bottom;}
/*gnav02*/
#content_life .gnav li.gnav02 a{
	background: url(/lifeinfo/images/gnav.png) -238px 0;}
#content_life .gnav li.gnav02 a:hover{
	background: url(/lifeinfo/images/gnav.png) -238px bottom;}
/*gnav03*/
#content_life .gnav li.gnav03 a{
	background: url(/lifeinfo/images/gnav.png) -477px 0;}
#content_life .gnav li.gnav03 a:hover{
	background: url(/lifeinfo/images/gnav.png) -477px bottom;}
/*gnav04*/
#content_life .gnav li.gnav04 a{
	background: url(/lifeinfo/images/gnav.png) right 0;}
#content_life .gnav li.gnav04 a:hover{
	background: url(/lifeinfo/images/gnav.png) right bottom;}

/*	h1共通
---------------------------------*/
#content_life .lifeinfoH1 span{
	display: block;
}

/*	h2共通
---------------------------------*/
#content_life .lifeinfoH2{
	position: relative;
	margin: 40px 0 0;
	padding: 15px 15px 15px 77px;
	text-align:left;}
#content_life .lifeinfoH2 .icon{
	position: absolute;
	left:13px;
	bottom:6px;}

/*	listArea共通
---------------------------------*/
.listArea{
	width: 905px;
	overflow:hidden;}
.listArea li{
	float:left;
	margin: 20px 0 0 22px;
	width: 287px;}
.listArea li:nth-child(3n+1){
	clear:both;}
.listArea a{
	text-decoration:none;}
.listArea a .ttl:hover{
	color:#23c3d6;
	text-decoration:underline;}
.listArea li .ttl{
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	font-weight:bold;
	text-align:left;}
.listArea li .txt{
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	text-align:left;}

/*	dicArea
---------------------------------*/
#content_life #dicArea{
	padding-top:1px;}
/*h2*/
#content_life #dicArea .lifeinfoH2{
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #329bd4;}
#dicArea .dicArea-main{
	padding: 0 25px;}
/*dicArea .bnrBlock*/
#dicArea .bnrBlock{
	margin: 20px 0 0;
	padding: 20px;
	width: 865px;
	background: #ebf6fc;}
/*dicArea .nav*/
#dicArea .nav{
	margin: 20px 0 0;
	overflow:hidden;}
#dicArea .nav li{
	float:left;
	margin:0 0 0 20px;
	width: 275px;}
#dicArea .nav li:first-child{
	margin-left:0px;}

/*	colArea
---------------------------------*/
#content_life #colArea{
	padding-top:1px;}
/*h2*/
#content_life #colArea .lifeinfoH2{
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #b95bbf;}
#colArea .colArea-main{
	padding: 0 25px;}
#colArea .listArea .ttl{
	background: url(/lifeinfo/images/arrow_03.png) left top no-repeat;}

/*	kidsArea
---------------------------------*/
#content_life #kidsArea{
	padding-top:1px;}
/*h2*/
#content_life #kidsArea .lifeinfoH2{
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #28bd44;}
#kidsArea .kidsArea-main{
	padding: 0 25px;}
#kidsArea .listArea .ttl{
	background: url(/lifeinfo/images/arrow_04.png) left top no-repeat;}

/*	DduetArea
---------------------------------*/
#content_life #dduetArea{
	padding-top:1px;}
/*h2*/
#content_life #dduetArea .lifeinfoH2-Wrap{
	position:relative;
}
#content_life #dduetArea .lifeinfoH2{
	position: relative;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #e95283;}
#content_life #dduetArea .lifeinfoH2 .logo{
	position: absolute;
	top:10%;
	left:374px;}
#content_life #dduetArea .note{
	position: absolute;
	top:40%;
	left:480px;
	font-size: 12px;
	font-weight:normal;
	line-height: 1;}
#dduetArea .dduetArea-main{
	margin: 0 25px;
	width: 905px;
	background: #fff7fa;}
#dduetArea .dduetArea-main .textArea{
	margin: 20px 0 0;
	padding: 20px 20px 10px;}
#dduetArea .dduetArea-main .leadTxt{
	margin-top: 0px;}
#dduetArea .dduetArea-main .textLink{
	margin: 0px;
	padding: 0px;
	text-align: right;
	background:transparent;}
#dduetArea .dduetArea-main .textLink a{
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 0 0 11px;
	background: url(/lifeinfo/images/arrow_06.png) left center no-repeat;}
/*#dduetArea .listArea*/
#dduetArea .dduetArea-main .listArea{
	width: 797px;
	margin: 0 auto;
	padding: 0 0 20px;
	overflow:hidden;}
#dduetArea .dduetArea-main .listArea li{
	float:left;
	margin: 20px 0 0 20px;
	width: 252px;}
#dduetArea .dduetArea-main .listArea li:nth-child(3n+1){
	clear:both;}
#dduetArea .dduetArea-main .listArea li .img,
#dduetArea .dduetArea-main .listArea li .ttl,
#dduetArea .dduetArea-main .listArea li .txt{
	display:block;}
#dduetArea .dduetArea-main .listArea li .ttl{
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	font-weight:bold;
	text-align:left;}
#dduetArea .dduetArea-main .listArea li .txt{
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	text-align:left;}
#dduetArea .dduetArea-main .listArea .ttl{
	background: url(/lifeinfo/images/arrow_05.png) left top no-repeat;}
/*btnArea*/
#dduetArea .btnArea{
	width: 540px;
	margin: 0 auto;
	padding: 0 0 30px;
	overflow:hidden;}
#dduetArea .btnArea li{
	float:left;
	width: 252px;}
#dduetArea .btnArea li:first-child{
	margin-right: 36px;}
#dduetArea .btnArea li .txt,
#dduetArea .btnArea li .btn{
	display:block;
	line-height:0;}
#dduetArea .btnArea li .txt{
	text-align:left;}
#dduetArea .btnArea li .btn{
	margin-top: 5px;}
#dduetArea .btnArea li .txt_login img{
	width: 102px;
	height:14px;}
#dduetArea .btnArea li .txt_reg img{
	width: 149px;
	height:14px;}

/* footer */
#footer .mainContents h2 a {
    background-image: url("/item/images/renew/ico-item.gif");
	background-position: 0 -499px;
}

#footer .mainContents .left li,
#footer .mainContents .right li {
	background-image: url("/common/images/dot-glay.gif");
    background-position: 0 100%;
    background-repeat: repeat-x;
	margin: 0 10px 7px 0;
	padding: 0 0 8px;
}

#footer .mainContents .left li.last,
#footer .mainContents .right li.last {
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer .mainContents .left li a,
#footer .mainContents .right li a {
    background-image: url("/item/images/renew/ico-item.gif");
    background-position: 0 -95px;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}