@charset "shift_jis";

/* initialize
------------------------------------------------------------------------------*/
*{margin:0;padding:0}
html,body{height:100%}
body{font-family:"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif}
ul,ol,dl{list-style-type:none}
img{border:none;font-size:1px;line-height:0;vertical-align:bottom}
table{border-collapse:collapse}
textarea{font-size:100%}
br{letter-spacing:0}
option{padding:0 10px 0 0}

/* Code Completion
------------------------------------------------------------------------------*/
.transpng {}

/* clearfix
------------------------------------------------------------------------------*/
#header:after,
#globalNav:after,
#contents:after,
#footer:after,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* clearfix ie
------------------------------------------------------------------------------*/
#header,
#globalNav,
#contents,
#footer,
.clearfix {
	/zoom:1;
}

/* base
------------------------------------------------------------------------------*/
body {
	background-color:#EFEAE4;
	line-height:1.5;
	letter-spacing:normal;
	font-size:75%;
	color:#333;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:underline;
}


/* page
------------------------------------------------------------------------------*/
#page {
	width:950px;
	margin:0 auto;
	border-top:3px solid #B71940;
	background-color:#FFF;
	background-image:url(../images/top_renewal201109/bg_eyecatch.jpg);
	background-position:0 152px;
	background-repeat:repeat-x;
}


/* header
------------------------------------------------------------------------------*/
#header {
	width:886px;
	padding-bottom:14px;
	margin-left:35px;
}
#header .logo {
	float:left;
	padding-top:17px;
}
#header .nav {
	float:right;
	width:642px;
}
#header .nav li {
	float:left;
	padding-left:4px;
}


#eyecatch {
	position:relative;
	width:877px;
	margin:0 0 18px 30px;
}
#eyecatch .images {
	position:absolute;
	bottom:-14px;
	right:0;
	width:618px;
	height:380px;
	background-image:url(../images/top_renewal201109/bg_eyecatch_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#eyecatch .images .slide li {
	position:absolute;
	top:9px;
	left:9px;
	display:none;
}
#eyecatch .images .slide li.current {
	display:block;
}
#eyecatch .images .marker {
	position:absolute;
	right:0;
	bottom:0;
}
#eyecatch .images .marker li {
	float:left;
	padding-right:5px;
}
#eyecatch .images .marker li a {
	display:block;
	width:18px;
	height:8px;
	border:1px solid #CCC;
	background-color:#FFF;
	font-size:5px;
	line-height:0;
	text-decoration:none;
}
#eyecatch .images .marker li a.current,
#eyecatch .images .marker li a:hover {
	background-color:#B71940;
}

#eyecatch .images .arrow {
	position:absolute;
	top:179px;
	left:0;
	width:618px;
}
#eyecatch .images .arrow li {
	position:absolute;
	top:0;
	right:0;
}
#eyecatch .images .arrow li.left {
	left:0;
}

#eyecatch .nav {
	float:left;
	width:210px;
	background-image:url(../images/top_renewal201109/bg_eyecatch_nav_body.jpg);
}
#eyecatch .nav .block {
	padding:0 3px;
	background-repeat:no-repeat;
}
#eyecatch .nav .quick {
	padding-top:3px;
	background-image:url(../images/top_renewal201109/bg_eyecatch_nav_top.jpg);
	background-position:0 0;
}
#eyecatch .nav .pickup {
	padding-bottom:3px;
	background-image:url(../images/top_renewal201109/bg_eyecatch_nav_bottom.jpg);
	background-position:0 bottom;
}
#eyecatch .nav .pickup li {
	border-bottom:1px dotted #B7B7B7;
	text-align:center;
}
#eyecatch .nav .pickup li.last {
	border-bottom:none;
}

#eyecatch .images ul.slide li.page1{
	position: relative;
}
#eyecatch .images ul.slide li.page1 .banner{
	position: absolute;
	top: 10px;
	right: 28px;
}

/* globalnav
------------------------------------------------------------------------------*/
#globalNav {
	width:893px;
	margin-left:28px;
}
#globalNav li {
	float:left;
}


/* emergency
------------------------------------------------------------------------------*/
#emergency {
	width: 890px;
	padding: 15px 0;
	margin: 15px auto;
	border: 1px solid #ccc;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#emergency span.icon {
	padding-right: 10px;
}

/* contents
------------------------------------------------------------------------------*/
#contents {
	width:890px;
	margin:0 0 20px 30px;
}
#contents .section {
	position:relative;
}
#contents .section h2 {
	margin-bottom:10px;
}
#contents .section .more {
	position:absolute;
	top:0;
	right:0;
}
#contents #secWrapper {
	float:left;
	width:672px;
}
#contents #secInner{
	margin-bottom:20px;
}
#contents #secWrapper .label {
	float:left;
	border:10px solid #EEEEEE;
}
#contents #secWrapper .banner {
	float:left;
	padding-left:12px;
}

#contents .section#secInfomation {
	float:left;
	width:335px;
	margin-right:17px;
}
#contents .section#secInfomation .list {
	width:335px;
	height:500px;
	overflow:auto;
}
#contents .section#secInfomation .entry {
	padding:0 0 9px 10px;
	margin:0 5px 10px 0;
	border-bottom:1px dotted #B7B7B7;
}
#contents .section#secInfomation .entry .inner {
	padding-left:10px;
	border-left:3px solid #B71940;
}
#contents .section#secInfomation .entry .date {
	font-size:87%;
	font-weight:bold;
	color:#B71940;
}

#contents .section#secFCNavi {
	float:left;
	width:320px;
}
#contents .section#secFCNavi .map {
	padding:13px 0 0 12px;
}
#contents .section#secFCNavi .texts {
	position:absolute;
	top:40px;
	left:12px;
}
#contents .section#secFCNavi .text {
	padding-bottom:10px;
}

#contents .banners {
	float:right;
}
#contents .banners li {
	padding-bottom:4px;
}

#lixilGroup {
	width:890px;
	margin:0 0 26px 30px;
}
#lixilGroup .label {
	float:left;
	border:10px solid #EEEEEE;
}
#lixilGroup .list {
	float:right;
	padding:8px 10px;
	border:1px solid #FFDEB9;
}
#lixilGroup .list .caption {
	float:left;
	padding-right:9px;
}
#lixilGroup .list .brands {
	float:left;
}

#path {
}

#caution {
	width:890px;
	margin:5px 0 10px 30px;
}

/* footer
------------------------------------------------------------------------------*/
#footer {
	width:931px;
	padding:0 9px 32px 10px;
	background-repeat:no-repeat;
	background-position:left top;
	font-size:85%;
}
#footer #footerInner {
	width:914px;
	margin:9px 0 0 0;
	padding:9px 7px 0 5px;
	background-image:url(../images/common/footer_back_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	letter-spacing:1.5px;
}

#footer .fnavi2 {
	margin:9px 0 0 0;
	padding:9px 0 0 0;
	background-image:url(../images/common/footer_back_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#footer .fnavi ul {
	padding-top:2px;
}
#footer .fnavi li {
	display:inline;
	padding:0 7px;
	border-left:1px solid #333333;
}
#footer .fnavi li.first {
	padding-left:5px;
	border:0;
}
#footer .fnavi li a {
	color:#333333;
	text-decoration:none;
}
#footer .fnavi li a:hover {
	text-decoration:underline;
}
#footer #footerInner #copyright {
	float:left;
}
#footer #footerInner #copyright p {
	line-height:1.3;
}
#footer #footerInner #copyright .copy {
	padding-top:10px;
	padding-right:10px;
}
#footer #footerInner #jsgcLink p a {
	display:block;
	float:left;
	width:69px;
	height:30px;
	background-image:url(../images/common/logo_jsgc.gif);
	background-repeat:no-repeat;
	background-position:left top;
	outline:none;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}
#footer #footerInner #fbLink p a {
	display:block;
	float:left;
	width:180px;
	height:51px;
	background-image:url(../images/common/icon_facebook.gif);
	background-repeat:no-repeat;
	background-position:left top;
	outline:none;
	line-height:0;
	text-decoration:none;
	text-indent:-9999px;
	font-size:1px;
}

#footer #footerInner .integration {
	clear:both;
	padding-top:5px;
}


.lineLink {
	position:relative;
	left:605px;
	width:265px;
	list-style:none;
}
.lineLink p {
	display:none;
	position:absolute;
	top:-200px;
	left:66px;
	z-index:2;
	width:139px;
	height:194px;
	background:url(/images/common/linebnner_on.png) no-repeat;
	text-align:center;
	text-indent:-9999px;
}
#line-icon {
	display:block;
	width:265px;
	height:51px;
	margin:0 auto;
	background:url(/images/common/linebnner.png) no-repeat 0 0;
	text-indent:-9999px;
}