@charset "Shift_JIS";
/* ===========================================================================

mainVisualSlider

=========================================================================== */

#mainVisualSlider {
	width: auto;
	margin: 0 auto;
	margin-top: 20px;
}
#mainVisual {
	height: 302px;
	width: 100%;
	position: relative;
	background: url(/img/app/bg-app.gif) repeat-x 0px 0px;
	overflow: hidden;
}
#stage {
	position: absolute;
	top: 5px;
}
#stage ul {
	position: absolute;
	width: 4788px;
	overflow: hidden;
	margin-left: 0;
}
#stage ul li {
	display: block;
	height: 239px;
	width: 684px;
	float: left;
	text-align: center;
}

#mainVisual #thumbnail {
	position: absolute;
	top: 250px;
}
#mainVisual.q1 #thumbnail { width: 204px; }
#mainVisual.q2 #thumbnail { width: 314px; }
#mainVisual.q3 #thumbnail { width: 424px; }
#mainVisual.q4 #thumbnail { width: 534px; }
#mainVisual.q5 #thumbnail { width: 644px; }
#mainVisual.q6 #thumbnail { width: 754px; }
#mainVisual.q7 #thumbnail { width: 864px; }

#mainVisual #thumbnail-body {
	height: 34px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
#mainVisual.q1 #thumbnail-body { width: 110px; }
#mainVisual.q2 #thumbnail-body { width: 220px; }
#mainVisual.q3 #thumbnail-body { width: 330px; }
#mainVisual.q4 #thumbnail-body { width: 440px; }
#mainVisual.q5 #thumbnail-body { width: 550px; }
#mainVisual.q6 #thumbnail-body { width: 660px; }
#mainVisual.q7 #thumbnail-body { width: 770px; }

#thumbnail-body ul {
	position: absolute;
	overflow: hidden;
	width: 770px;
}
/* even number */
#mainVisual.q2 #thumbnail-body ul,
#mainVisual.q4 #thumbnail-body ul,
#mainVisual.q6 #thumbnail-body ul { margin-left: -110px; }

#thumbnail-body ul li {
	text-align: center;
	display: block;
	float: left;
	width: 110px;
}
#arrow-left {
	position: absolute;
	left: 0;
	top: 0;
}
#arrow-right {
	position: absolute;
	right: 0;
	top: 0;
}
#mainVisual.q1 #controller {
	position: absolute;
	top: -1px;
	width: 110px;
	left: 47px;
}
#mainVisual.q3 #controller {
	position: absolute;
	top: -1px;
	width: 330px;
	left: 47px;
}
#mainVisual.q4 #controller {
	position: absolute;
	top: -1px;
	width: 440px;
	left: 47px;
}
#mainVisual.q5 #controller {
	position: absolute;
	top: -1px;
	width: 550px;
	left: 47px;
}
#mainVisual.q7 #controller {
	position: absolute;
	top: -1px;
	width: 770px;
	left: 47px;
}
#controller div {
	width: 110px;
	display: block;
	float: left;
	height: 36px;
	overflow : hidden;
}
#mainVisual.q1 #controller #minus3, #mainVisual.q1 #controller #minus2, #mainVisual.q1 #controller #minus1, #mainVisual.q1 #controller #plus1, #mainVisual.q1 #controller #plus2, #mainVisual.q1 #controller #plus3 { display: none; }
#mainVisual.q3 #controller #minus3, #mainVisual.q3 #controller #minus2, #mainVisual.q3 #controller #plus2, #mainVisual.q3 #controller #plus3 { display: none; }
#mainVisual.q4 #controller #minus3, #mainVisual.q4 #controller #minus2, #mainVisual.q4 #controller #plus3 { display: none; }
#mainVisual.q5 #controller #minus3, #mainVisual.q5 #controller #plus3 { display: none; }
#current { background: url(/img/app/bg-current.gif) no-repeat center center; }
#controller div a {
	display: block;
	width: 100px;
	height: 34px;
	margin-left: 5px;
	margin-top: 1px;
	overflow : hidden;
}
#current a {
	background-color: transparent !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
	-moz-opacity: 1 !important;
	-webkit-opacity: 1 !important;
	zoom: 1;
	overflow : hidden;
}
#controller div a:link {
	display: block;
	width: 100px;
	height: 34px;
	background: #F8FDFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-webkit-opacity: 0;
	zoom: 1;
	overflow : hidden;
}
#controller div a:visited {
	display: block;
	width: 100px;
	height: 34px;
	background: #F8FDFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-webkit-opacity: 0;
	zoom: 1;
	overflow : hidden;
}
#controller div a:hover {
	display: block;
	width: 100px;
	height: 34px;
	background: #F8FDFF;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity: 0.3;
	-webkit-opacity: 0.3;
	zoom: 1;
	overflow : hidden;
}
#controller div a:active {
	display: block;
	width: 100px;
	height: 34px;
	background: #F8FDFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-webkit-opacity: 0;
	zoom: 1;
	overflow : hidden;
}
#controller.run div a:link, #controller.run div a:visited, #controller.run div a:hover, #controller.run div a:active {
	display: block;
	width: 100px;
	height: 34px;
	background: #F8FDFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-webkit-opacity: 0;
	zoom: 1;
	overflow : hidden;
}
#stage ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	zoom: 1;
}
#arrow-left a:hover img, #arrow-right a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	zoom: 1;
}
#stage, #thumbnail { visibility: hidden; }
/* ===========================================================================

home_top

=========================================================================== */

#home_top {
	width: 950px;
	margin: 20px auto 0;
}
.w190 { width: 190px; }
.w160 { width: 160px; }
.w190 { width: 190px; }
/* ===========================================================================

leftColumn

=========================================================================== */

#leftColumn {
	float: left;
	width: 370px;
}
#leftColumn #supportArea { margin-bottom: 15px; }
#leftColumn #priceArea { margin-bottom: 25px; }
#leftColumn #supportArea, #leftColumn #priceArea {
	background: url(/img/bg_supportPriceB.gif) no-repeat 0 100%;
	padding-bottom: 15px;
}
#leftColumn #supportArea .inner, #leftColumn #priceArea .inner {
	padding: 13px 30px 0;
	background: url(/img/bg_supportPriceM.gif) repeat-y 0 0;
}
#leftColumn #supportArea .inner h3, #leftColumn #priceArea .inner h3 { margin-bottom: 15px; }
#leftColumn #supportArea .inner ul.borderB, #leftColumn #priceArea .inner ul.borderB { border-bottom: 1px dotted #cdcdcd; }
#leftColumn #supportArea .inner ul li, #leftColumn #priceArea .inner ul li { margin-bottom: 15px; }
#leftColumn #supportArea .inner p, #leftColumn #priceArea .inner p { text-align: right; }
#leftColumn #recommendedSite h3 { margin-bottom: 20px; }
#leftColumn #recommendedSite dl,#sideLinkArea ul { padding-left: 25px; }
#leftColumn #recommendedSite dl dt { margin-bottom: 5px; }
#leftColumn #recommendedSite dl dd,#sideLinkArea ul li { margin-bottom: 15px; }
#leftColumn #recommendedSite dl dd a, #sideLinkArea ul li a {
	padding-left: 15px;
	background: url(/common/img/arrow/icon_arrowBlue.gif) no-repeat 0px 3px;
	font-weight: bold;
}
#leftColumn #recommendedSite dl dd a:link, #sideLinkArea ul li a:link { color: #003e9c; }
#leftColumn #recommendedSite dl dd a:hover, #sideLinkArea ul li a:hover { color: #DB6700; }
div#sideLinkArea, div#contactArea { margin-bottom: 20px; }
#contactArea dl { background: url(/img/bg_side_contact.jpg) repeat-y; }
/* ===========================================================================

mainColumn

=========================================================================== */

#mainColumn {
	float: right;
	width: 561px;
	padding-top: 5px;
}
#mainColumn #noticeArea { margin-bottom: 35px; }
/* campaignEvetArea
--------------------------------------------------------- */
#mainColumn #campaignEvetArea, #mainColumn #electricArea { margin-bottom: 30px; }
#mainColumn #campaignEvetArea h2, #mainColumn #electricArea h2 { margin-bottom: 20px; }
#mainColumn #campaignEvetArea ul#column1, #mainColumn #campaignEvetArea ul#column2, #mainColumn #campaignEvetArea ul#column3 {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
#mainColumn #campaignEvetArea ul li .banner { border: 1px solid #BEBEBE; }
/* column1 */

#mainColumn #campaignEvetArea #column1 li .banner {
	float: left;
	width: 320px;
}
#mainColumn #campaignEvetArea #column1 li .text {
	float: right;
	width: 230px;
}
/* column2 */

#mainColumn #campaignEvetArea #column2 {
	width: 579px;
	margin-left: -17px;
}
#mainColumn #campaignEvetArea #column2 li {
	display: inline;
	width: 272px;
	float: left;
	margin-left: 17px;
}
#mainColumn #campaignEvetArea #column2 li .banner { margin-bottom: 5px; }
/* column3 */
#mainColumn #campaignEvetArea #column3 {
	width: 568px;
	margin-left: -7px;
}
#mainColumn #campaignEvetArea #column3 li {
	display: inline;
	width: 182px;
	float: left;
	margin-left: 7px;
}
#mainColumn #campaignEvetArea #column3 li .banner { margin-bottom: 5px; }
/* list */

#mainColumn #campaignEvetArea dl {
	clear: both;
	overflow: hidden;
}
#mainColumn #campaignEvetArea dl dt {
	clear: both;
	float: left;
}
#mainColumn #campaignEvetArea dl dd {
	padding-left: 95px;
	margin-bottom: 10px;
}
#mainColumn #campaignEvetArea p.otherlink {
	float: right;
	background: url(/common/img/arrow/icon_arrowBlue.gif) no-repeat 0 3px;
	padding-left: 10px;
	text-decoration: none;
}
/* 2013*/
#mainColumn #campaignSaleArea { margin-bottom: 30px; }
#mainColumn #campaignSaleArea h2 { margin-bottom: 20px; }
#mainColumn #campaignSaleArea ul { padding-left: 10px; }
#mainColumn #campaignSaleArea ul li { margin-bottom: 12px; }
#mainColumn #campaignSaleArea ul li p.bannerArea {
	float: left;
	width: 154px;
	margin-right: 15px;
}
#mainColumn #campaignSaleArea ul li p.txtArea {
	float: left;
	width: 375px;
}
#mainColumn #searchBuyArea h2 { margin-bottom: 30px; }
#mainColumn #searchBuyArea h3 { }
#mainColumn #searchBuyArea #kitchenArea, #mainColumn #searchBuyArea #livingArea, #mainColumn #searchBuyArea #busArea, #mainColumn #searchBuyArea #ecoArea, #mainColumn #searchBuyArea #kitchenArea, #mainColumn #searchBuyArea #securityArea, #mainColumn #searchBuyArea #reformArea, #mainColumn #searchBuyArea #sumikataArea, #mainColumn #searchBuyArea #otherArea { margin-bottom: 40px; }
#mainColumn #searchBuyArea ul.bannerArea, #mainColumn #searchBuyArea ul.txtArea { padding: 0 0 0 7px; }
#mainColumn #searchBuyArea ul.bannerArea li {
	float: left;
	margin: 10px 4px 0 0;
	white-space: nowrap;
}
#mainColumn #searchBuyArea ul.txtArea { margin-top: 20px; }
#mainColumn #searchBuyArea ul.txtArea li {
	float: left;
	margin: 0 15px 10px 0;
	white-space: nowrap;
}
#mainColumn #searchBuyArea ul.txtArea li a {
	background: url(/common/img/arrow/icon_arrowBlue.gif) no-repeat 0 3px;
	padding-left: 10px;
	text-decoration: none;
}
#mainColumn #pickupArea {
	width: 525px;
	margin-bottom: 50px;
	padding: 23px 13px;
	background: #f0f4f5;
}
#mainColumn #pickupArea h2 { margin-bottom: 10px; }
#mainColumn #pickupArea #showroomArea, #mainColumn #pickupArea #lifeArea { width: 257px; }
#mainColumn #pickupArea #showroomArea { float: left; }
#mainColumn #pickupArea #lifeArea { float: right; }
#mainColumn #pickupArea #showroomArea ul li, #mainColumn #pickupArea #lifeArea ul li {
	margin-bottom: 6px;
	float: left;
	clear: both;
}
#mainColumn #pickupArea #showroomArea ul li a, #mainColumn #pickupArea #lifeArea ul li a { display: block; }
#mainColumn #pickupArea #useArea ul { padding-left: 18px; }
#mainColumn #pickupArea #useArea ul li {
	float: left;
	margin-bottom: 15px;
}
#mainColumn #pickupArea #useArea ul li a {
	background: url(/common/img/arrow/icon_arrowBlue2.gif) no-repeat 0 3px;
	padding-left: 10px;
	font-size: 12px;
	text-decoration: none;
}
#mainColumn #topicsArea h3 { margin-bottom: 20px; }
#mainColumn #topicsArea ul li {
	width: 541px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 0 0 10px 10px;
}
#mainColumn #topicsArea ul li p { float: left; }
#mainColumn #topicsArea ul li p.topixdate {
	width: 90px;
	margin-right: 10px;
}
#mainColumn #topicsArea ul li p.topixdetail { width: 441px; }
/* emergency
----------------------------------*/
.emergency {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 0px;
}
.emergency p {
	margin: 0;
	padding: 0px;
	font-size: 100%;
}
.emergency .title {
	font-size: 130%;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 4px;
	font-weight: bold;
	background-image: url(/img/emergency-img/round-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 810px;
	padding-left: 20px;
	padding-right: 20px;
}
.emergency .contents .text {
	font-size: 115%;
	padding-top: 13px;
	line-height: 1.5em;
	padding-right: 20px;
}
.emergency .contents ul {
	padding-top: 8px;
	padding-bottom: 15px;
	border-top-color: #CACAD9;
	border-right-color: #CACAD9;
	border-bottom-color: #CACAD9;
	border-left-color: #CACAD9;
}
.emergency .contents ul li {
	float: left;
	list-style-type: none;
	font-size: 95%;
	width: 252px;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 21px;
}
div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.emergency .contents {
	width: 830px;
	padding-top: 4px;
	padding-left: 20px;
	background-image: url(/img/emergency-img/round-middle.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
.emergency .fotter { margin-bottom: 10px; }
#electricArea div { text-align: center; }
#pickupArea .bannerArea li { margin-bottom: 10px; }
#pickupArea .bannerArea li.odd {
	float: left;
	width: 260px;
}
#pickupArea .bannerArea li.even {
	float: right;
	width: 260px;
}

/*----------------------------------------------------
alertArea
----------------------------------------------------*/
#alertArea {
	margin-bottom: 25px;
	border: 1px solid #cc6600;
	border-radius: 4px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px;
}
#alertArea a,
#alertArea a:hover,
#alertArea a:visited { 
	text-decoration: none;
	color: #000;
}
#alertArea ul li.notice a span.note,
#alertArea ul li.notice a:hover span.note,
#alertArea ul li.notice a:visited span.note { color: #db6700; }

#alertArea ul { padding: 0 10px 3px 10px; }
#alertArea li {
	margin: 3px 0 3px 0;
	padding: 10px 0 5px 40px;
	min-height: 20px;
	overflow: hidden;
	border-top: 1px dotted #cc6600;
	line-height: 1.4;
}
#alertArea li a:hover {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6;
	opacity: 0.6; 
}
#alertArea li:first-child { border-top: none; }

/* notice */
#alertArea ul li.notice { background: url(/img/alertArea-icon-notice.png) no-repeat 6px center; }
#alertArea ul li.notice a.linkbtn_r {
	display: block;
	background: url(/img/alertArea-arr-notice.png) no-repeat 878px 4px;
}
#alertArea ul li.notice .link_ex {
	display: block;
	background: url(/common/img/icon/linkicon_external.png) no-repeat 876px 4px;
}

/* notice style */
#alertArea ul li.notice a.dp-inline { display: inline; }
#alertArea ul li.notice .link_arrblu {
	padding-left: 10px;
	background: url(/common/img/arrow/icon_arrowBlue.gif) no-repeat 0 center;
}