@charset "UTF-8";

/*--------------------------------------------------------
#header　ヘッダー
#wrapper　全体
├#content　メイン
#footer　フッター
--------------------------------------------------------*/

#home {}

/*---------------------------------------------
メイン
---------------------------------------------*/

/* レイヤー */
#pageflip {
	position:relative;
 background:url(../images/img_home_0.jpg) no-repeat left top;
	width:930px;
	height:400px;
}
* html #pageflip { /* IE6用 */
 background:url(../images/img_peeling_ie6.jpg) no-repeat left top;
}
* html #pageflip a { /* IE6用 */
 display:block;
	width:270px;
	height:400px;
	position:absolute;
	right:0;
	top: 0;
}
#pageflip img {
 border:none;
	width:70px;
	height:73px;
	z-index:99;
	position:absolute;
	right:0;
	top:0;
	-ms-interpolation-mode:bicubic;
}
#pageflip .msg_block {
	width:70px;
	height:70px;
	position:absolute;
	z-index:50;
	right:0;
	top: 0;
	background:url(../images/img_peeling.jpg) no-repeat right top;
	text-indent:-9999px;
}
* html #pageflip img,
* html #pageflip .msg_block { /* IE6用 */
 display:none;
}

/* アコーディオン */
.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{
margin-bottom:0;
margin-left:0;
z-index:5;
-webkit-transform: rotate(-90deg); /* Safari */
-o-transform: rotate(-90deg) translateY(-400px); /* Opea */
-o-transform-origin: 400px 0px;
-moz-transform: rotate(-90deg); /* Firefox */
-moz-transform-origin: 20px 0px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer; /* Internet Explorer */}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
	
#accordion,
#accordion dl {
	width:930px;
	height:400px;
}
#accordion dt{
	width:400px;
	height:28px;
	line-height:27px;
	text-align:right;
	color:#fff;
	background:#000 url(../images/bg_acc_tab.gif) no-repeat 0 0;
	padding:0 15px 0 0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
}
#accordion dt.active {
	color:#000;
	background:#fff url(../images/bg_acc_tab_a.gif) no-repeat 0 0;
	height:28px;
	cursor:pointer;
}
#accordion dt.hover{
	background:#666 url(../images/bg_acc_tab_o.gif) no-repeat 0 0;
}
#accordion dt.active.hover{
	color:#000;
	background:#f5f5f5 url(../images/bg_acc_tab_ao.gif) no-repeat 0 0;
}
#accordion dd{
	height:400px;
	width:873px;
	margin-right:1px
}

/* バナー */
#homeBanner {
 clear: both;
 padding-top: 30px;
}
#homeBanner li {
	float: left;
	list-style-type: none;
}
#homeBanner li img {
 margin-right: 8px;
}
#homeBanner .end {
 margin: 0;
}
#homeBanner li img#bnrAll {
 margin-right: 0;
	margin-top:6px;
	/margin-top:10px;
}

/* インデックス */
#home .index {
	clear:both;
}
#home #whatsnew,
#home #about,
#home #blog,
#home #clnw,
#home #mk_report,
#home #user,
#home #parts {
	width: 455px;
}
/*
#home #whatsnew,
#home #blog,
#home #mk_report,
#home #user {
	height: 319px;
}
*:first-child+html #home #whatsnew,
*:first-child+html #home #blog,
*:first-child+html #home #mk_report,
*:first-child+html #home #user {
 min-height: 308px;
}
*/
#home #whatsnew,
#home #about,
#home #mk_report,
#home #parts {
 float: left;
}
#home #blog,
#home #clnw,
#home #user {
 float: right;
}
dl.indexLink {
 clear: both;
	padding-top:20px;
}
dl.indexLink dt {
	margin: 0;
	margin-right: -130px;
	padding: 0;
	float: left;
	clear: both;
	width: 130px;
	min-height: 116px;
}
dl.indexLink dt img {
 display: block;
}
dl.indexLink dd {
	margin-left: 130px;
	line-height: 1.6;
	padding: 0;
	margin-top: -0.2em;
}
dl.indexLink {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
dl.indexLink::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* Facebook */
#home .index iframe {
 padding-top:30px;
}

/* ショップインフォ */
#shopinfo {
 clear: both;
	padding-top: 20px;
}
#shopinfo table {
	border-top: #BBBBBB 1px dotted;
	padding-top: 20px;
}
#shopinfo td {
	padding-top: 5px;
}
*html #shopinfo .top {/* IE6用 */
padding-top: 20px;
}
*:first-child+html #shopinfo .top {/* IE7用 */
padding-top: 20px;
}

