@charset "utf-8";
@import "./css/mastercommon.css";

/* コメントを入れたらUTF-8化ヲ忘れずに */

/* override *************************************************************/
#navigation li a {
	background:url(./images/navi.png) no-repeat 0 0;
}
#navigation .mat {
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

#navigation .subnavi {
	display:none;
	height:320px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	vartical-align:bottom;
	overflow:hidden;
	border:0;
	background:none;
}
#navigation .subnavi ul {
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	vartical-align:bottom;
}

/*IE6補正*/
#navigation li.n01 a:hover	{ _background-position:0 -62px; }
#navigation li.n02 a:hover	{ _background-position:-57px -62px; }
#navigation li.n03 a:hover	{ _background-position:-118px -62px; }
#navigation li.n04 a:hover	{ _background-position:-228px -62px; }
#navigation li.n05 a:hover	{ _background-position:-328px -62px; }
#navigation li.n06 a:hover	{ _background-position:-392px -62px; }
#navigation li.n07 a:hover	{ _background-position:-497px -62px; }
#navigation li.n08 a:hover	{ _background-position:-581px -62px; }
#navigation li.n09 a:hover	{ _background-position:-662px -62px; }
#navigation li.n10 a:hover	{ _background-position:-753px -62px; }
#navigation li.n11 a:hover	{ _background-position:-844px -62px; }





#header {
	display:block;
	width:931px;
	height:320px;
	margin:0 auto;
	padding:0 4px 0;
	overflow:hidden;
}

#header .home {
	float:none;
	display:block;
	width:116px;
	height:41px;
	margin:0;
	/*padding:22px 0 0 0;*/
	padding:22px 0 0 24px; /*ロゴ左吸着*/
	overflow:hidden;
	position:absolute; /*ロゴ左吸着*/
	left:0; /*ロゴ左吸着*/
}

#header .home a {
	display:block;
	width:116px;
	height:41px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/logo.png) no-repeat 0 0;
}

#header .ribbon {
	float:none;
	display:block;
	width:110px;
	height:110px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

#header .ribbon a {
	display:block;
	width:110px;
	height:110px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/ribbon.png) no-repeat 0 0;
	overflow:hidden;
}
#header .ribbon a:hover {
	background-position:0 -111px;;
}
/************************************************************************/

#header .copy {
	display:block;
	width:931px;
	height:93px;
	margin:0;
	/*padding:41px 0 0 0;*/
	padding:104px 0 0 0;/*ロゴ左吸着*/
	overflow:hidden;
}
#header .copy img {
	display:block;
}

#header .special {
	display:block;
	width:353px;
	height:88px;
	margin:0;
	padding:0 0 0 578px;
	overflow:hidden;
}

#header .special a {
	display:block;
	width:353px;
	height:88px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/top-specialbanner2.png) no-repeat 0 0;
	overflow:hidden;
}
#header .special a:hover {
	background-position:0 -89px;
	_background-position:0 -88px; /*IE6 補正*/
}



.whitebox {
	display:block;
	width:931px;
	margin:0 auto 23px;
	padding:0 4px;
}


#itemlist {
	height:675px;
	overflow:hidden;
}

#itemlist h2 {
	display:block;
	width:931px;
	height:675px;
	margin:0;
	padding:0;
	background:#ffffff;
	text-indent:-9000em;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	z-index:-90;
	position:absolute;
}

#itemlist .list01 {
	display:block;
	width:893px;
	height:108px;
	margin:0;
	padding:21px 0 0 21px;
	overflow:hidden;
}

#itemlist h3 {
	float:left;
	display:block;
	width:93px;
	height:93px;
	margin:0;
	padding:0 24px 0 0;
	overflow:hidden;
}
#itemlist h3 a {
	display:block;
	width:93px;
	height:93px;
	margin:0;
	padding:0;
	background:url(./images/top-itemlist.png) no-repeat 0 0;
	text-indent:-9000em;
}
#itemlist .list01 h3 a {
	background-position:0 0;
}
#itemlist .list01 h3 a:hover {
	background-position:-893px 0;
}

#itemlist ul {
	float:left;
	display:block;
	width:776px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

#itemlist li {
	float:left;
	display:block;
	width:93px;
	height:93px;
	margin:0;
	padding:0 4px 15px 0;
	overflow:hidden;
}

#itemlist li a {
	display:block;
	width:93px;
	height:93px;
	margin:0;
	padding:0;
	background:url(./images/top-itemlist.png) no-repeat 0 0;
	_background:url(./images/top-itemlist.gif) no-repeat 0 0;/*IE6用*/
	text-indent:-9000em;
}

#itemlist .list01 .i01 a		{ background-position:-117px 0; }
#itemlist .list01 .i01 a:hover	{ background-position:-1010px 0; }
#itemlist .list01 .i02 a		{ background-position:-214px 0; }
#itemlist .list01 .i02 a:hover	{ background-position:-1107px 0; }
#itemlist .list01 .i03 a		{ background-position:-311px 0; }
#itemlist .list01 .i03 a:hover	{ background-position:-1204px 0; }
#itemlist .list01 .i04 a		{ background-position:-408px 0; }
#itemlist .list01 .i04 a:hover	{ background-position:-1301px 0; }
#itemlist .list01 .i05 a		{ background-position:-505px 0; }
#itemlist .list01 .i05 a:hover	{ background-position:-1398px 0; }
#itemlist .list01 .i06 a		{ background-position:-602px 0; }
#itemlist .list01 .i06 a:hover	{ background-position:-1495px 0; }
#itemlist .list01 .i07 a		{ background-position:-699px 0; }
#itemlist .list01 .i07 a:hover	{ background-position:-1592px 0; }
#itemlist .list01 .i08 a		{ background-position:-796px 0; }
#itemlist .list01 .i08 a:hover	{ background-position:-1689px 0; }


#itemlist .list02 {
	display:block;
	width:893px;
	margin:0;
	padding:0 0 0 21px;
}
#itemlist .list02 h3 a {
	background-position:0 -108px;
}
#itemlist .list02 h3 a:hover {
	background-position:-893px -108px;
}

#itemlist .list02 .i01 a		{ background-position:-117px -108px; }
#itemlist .list02 .i01 a:hover	{ background-position:-1010px -108px; }
#itemlist .list02 .i02 a		{ background-position:-214px -108px; }
#itemlist .list02 .i02 a:hover	{ background-position:-1107px -108px; }
#itemlist .list02 .i03 a		{ background-position:-311px -108px; }
#itemlist .list02 .i03 a:hover	{ background-position:-1204px -108px; }
#itemlist .list02 .i04 a		{ background-position:-408px -108px; }
#itemlist .list02 .i04 a:hover	{ background-position:-1301px -108px; }
#itemlist .list02 .i05 a		{ background-position:-505px -108px; }
#itemlist .list02 .i05 a:hover	{ background-position:-1398px -108px; }
#itemlist .list02 .i06 a		{ background-position:-602px -108px; }
#itemlist .list02 .i06 a:hover	{ background-position:-1495px -108px; }
#itemlist .list02 .i07 a		{ background-position:-699px -108px; }
#itemlist .list02 .i07 a:hover	{ background-position:-1592px -108px; }
#itemlist .list02 .i08 a		{ background-position:-796px -108px; }
#itemlist .list02 .i08 a:hover	{ background-position:-1689px -108px; }

#itemlist .list02 .i09 a		{ background-position:-117px -216px; }
#itemlist .list02 .i09 a:hover	{ background-position:-1010px -216px; }
#itemlist .list02 .i10 a		{ background-position:-214px -216px; }
#itemlist .list02 .i10 a:hover	{ background-position:-1107px -216px; }
#itemlist .list02 .i11 a		{ background-position:-311px -216px; }
#itemlist .list02 .i11 a:hover	{ background-position:-1204px -216px; }
#itemlist .list02 .i12 a		{ background-position:-408px -216px; }
#itemlist .list02 .i12 a:hover	{ background-position:-1301px -216px; }


#itemlist .list03 {
	display:block;
	width:893px;
	margin:0;
	padding:0 0 0 21px;
}
#itemlist .list03 h3 a {
	background-position:0 -324px;
}
#itemlist .list03 h3 a:hover {
	background-position:-893px -324px;
}

#itemlist .list03 .i01 a		{ background-position:-117px -324px; }
#itemlist .list03 .i01 a:hover	{ background-position:-1010px -324px; }
#itemlist .list03 .i02 a		{ background-position:-214px -324px; }
#itemlist .list03 .i02 a:hover	{ background-position:-1107px -324px; }
#itemlist .list03 .i03 a		{ background-position:-311px -324px; }
#itemlist .list03 .i03 a:hover	{ background-position:-1204px -324px; }
#itemlist .list03 .i04 a		{ background-position:-408px -324px; }
#itemlist .list03 .i04 a:hover	{ background-position:-1301px -324px; }
#itemlist .list03 .i05 a		{ background-position:-505px -324px; }
#itemlist .list03 .i05 a:hover	{ background-position:-1398px -324px; }
#itemlist .list03 .i06 a		{ background-position:-602px -324px; }
#itemlist .list03 .i06 a:hover	{ background-position:-1495px -324px; }
#itemlist .list03 .i07 a		{ background-position:-699px -324px; }
#itemlist .list03 .i07 a:hover	{ background-position:-1592px -324px; }
#itemlist .list03 .i08 a		{ background-position:-796px -324px; }
#itemlist .list03 .i08 a:hover	{ background-position:-1689px -324px; }

#itemlist .list03 .i09 a		{ background-position:-117px -432px; }
#itemlist .list03 .i09 a:hover	{ background-position:-1010px -432px; }
#itemlist .list03 .i10 a		{ background-position:-214px -432px; }
#itemlist .list03 .i10 a:hover	{ background-position:-1107px -432px; }
#itemlist .list03 .i11 a		{ background-position:-311px -432px; }
#itemlist .list03 .i11 a:hover	{ background-position:-1204px -432px; }
#itemlist .list03 .i12 a		{ background-position:-408px -432px; }
#itemlist .list03 .i12 a:hover	{ background-position:-1301px -432px; }

#itemlist .list04 {
	display:block;
	width:893px;
	margin:0;
	padding:0 0 0 21px;
}
#itemlist .list04 h3 a {
	background-position:0 -540px;
}
#itemlist .list04 h3 a:hover {
	background-position:-893px -540px;
}

#itemlist .list04 .i01 a		{ background-position:-117px -540px; }
#itemlist .list04 .i01 a:hover	{ background-position:-1010px -540px; }





#information {
	height:409px;
	overflow:hidden;
}

#information .inner{
	margin:0;
	padding:0;
}


#information h2 {
	display:block;
	width:931px;
	height:409px;
	margin:0;
	padding:0;
	background:#ffffff;
	text-indent:-9000em;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	z-index:-90;
	position:absolute;
}




#information .about {
	float:right;
	display:block;
	width:555px;
	height:212px;
	margin:0;
	padding:0 21px 0 0;
	overflow:hidden;
}

#information .about h3 {
	display:block;
	width:555px;
	height:110px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/top-infoh301.png) no-repeat 0 0;
	overflow:hidden;
}

#information .about p {
	display:block;
	width:555px;
	height:102px;
	margin:0;
	padding:0;
	overflow:hidden;
}




#information .whatsnew {
	float:left;
	display:block;
	width:299px;
	height:381px;
	margin:0;
	padding:26px 0 0 21px;
	overflow:hidden;
}


#information .whatsnew h3 {
	display:block;
	width:299px;
	height:28px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/top-infoh302.png) no-repeat 0 0;
	overflow:hidden;
}

.postlist {
	display:block;
	width:299px;
	height:294px;
	margin:1em 0 0 0;
	padding:0;
	list-style-type:none;
	overflow:auto;
}

.postlist li {
	display:block;
	margin:0;
	padding:1px 0 1em 1em;
}

.postlist li a {
	margin:0;
	padding:0;
}
.postlist .date {
	float:left;
	display:block;
	width:65px;
	margin:0;
	padding:0;
	font-family:Arial,sans-serif;
}

.postlist .title {
	display:block;
	margin:0;
	padding:0 8px 0 65px;
}


.postlist li a:link		{ color:#00b3c5; text-decoration:none;}
.postlist li a:visited	{ color:#00b3c5; text-decoration:none;}
.postlist li a:active	{ color:#00b3c5; text-decoration:underline;}
.postlist li a:hover	{ color:#00b3c5; text-decoration: underline;}



#information .whatsnew p {
	text-align:right;
	margin:0;
	padding:7px 0 0 0;
}

#information .whatsnew p a {
	margin:0;
	padding:0 8px 0 0;
	background:url(./images/pointer01.gif) no-repeat right center;
}

#information .whatsnew p a:hover {
	background:url(./images/pointer02.gif) no-repeat right center;
}






#information .catalog {
	float:left;
	display:block;
	width:294px;
	height:197px;
	margin:0;
	padding:0 43px 0 35px;
	overflow:hidden;
}


#information .catalog h3 {
	display:block;
	width:294px;
	height:28px;
	margin:0 0 18px 0;
	padding:0;
	border-bottom:1px solid #7f7f7f;
	overflow:hidden;
}

#information .catalog h3 a {
	display:block;
	width:177px;
	height:28px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(./images/top-infoh303.png) no-repeat 0 0;
}
#information .catalog h3 a:hover {
	background-position:0 -28px;
	_background-position:0 -27px;/*IE6補正*/
}



#information .catalog p {
	display:block;
	width:294px;
	height:146px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:83%;
	line-height:1.2;
}


#information .catalog p a {
	float:left;
	display:block;
	width:33%;
	margin:0;
	padding:0;
	text-align:center;
}

#information .catalog p a img {
	display:block;
	margin:0 auto 10px;
	padding:0;
	border:1px solid #d5d5d5;
}

#information .catalog p a:hover img {
	border:1px solid #00b3c5;
}


#information .catalog p a:link		{ color:#000000; text-decoration:none;}
#information .catalog p a:visited	{ color:#000000; text-decoration:none;}
#information .catalog p a:active	{ color:#00b3c5; text-decoration:none;}
#information .catalog p a:hover		{ color:#00b3c5; text-decoration:none;}







#information .showroom {
	float:left;
	display:block;
	width:218px;
	height:197px;
	margin:0;
	padding:0;
	overflow:hidden;
}


#information .showroom h3 {
	display:none;
}

#information .showroom p {
	display:block;
	margin:0;
	padding:0;
}

#information .showroom p a {
	display:block;
	width:153px;
	height:150px;
	margin:0;
	padding:47px 65px 0 0;
	background:url(./images/top-infoh304.png) no-repeat 0 0;
	overflow:hidden;
}
#information .showroom p a:hover {
	background-position:-218px 0;
	_background-position:-217px 0;/*IE6補正*/
}



#information .showroom p a:link		{ color:#000000; text-decoration:none;}
#information .showroom p a:visited	{ color:#000000; text-decoration:none;}
#information .showroom p a:active	{ color:#00b3c5; text-decoration:none;}
#information .showroom p a:hover	{ color:#00b3c5; text-decoration:none;}