@charset "shift_jis";
/*
=========================================

トップページ用定義

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

/* import
---------------------------------------------------------------------------- */
@import "default.css";
@import "shared_class.css";
@import "header.css";
@import "footer.css";
@import "gnavi.css";


/* flashBox
---------------------------------------------------------------------------- */
#flashcontent {
	width: 640px;
	height: 320px;
	margin: 0 0 15px 0;
	background: #cccccc;
}

/* eシリーズ
---------------------------------------------------------------------------- */
.eSeriesTtl {
	margin: 0 0 7px 0;
}

.topCatchtxt {
	margin: 8px 0px;
}

#eSeriesBox {
	width: 638px;
	margin: 0 0 10px 0;
	border: 1px solid #cccccc;
}
#eSeriesBox .eSeriesBoxIn {
	margin: 6px 10px;
	padding: 8px 0;
	background: #fff5e4;
}
#eSeriesBox .eSeriesBoxIn .img1 {
	text-align: center;
	margin: 0 0 5px 0;
}
#eSeriesBox .eSeriesBoxIn .img2 {
	text-align: center;
	margin: 0 0 3px 0;
}
#eSeriesBox .eSeriesBoxIn .img3 {
	text-align: center;
	margin: 0 0 3px 0;
}
#eSeriesBox .eSeriesBoxIn p.eSeriesTxt {
	line-height: 140%;
	margin: 0 18px 5px 18px;
}
#eSeriesBox .eSeriesBoxIn .imgMecha {
	text-align: center;
}
ul.eSeriesLink {
	margin: 0 0 0 19px;
}

ul.eSeriesLink li {
	text-indent: -9999px;
	width: 281px;
	height: 40px;
	float: left;
	font-size: 1%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

ul.eSeriesLink li a {
	display: block;
	width: 281px;
	height: 40px;
}

ul.eSeriesLink li.link1 {
	margin-right: 40px;
}

ul.eSeriesLink li.link1 a {
	background: url(../img/top/e-series_link1.gif) no-repeat 0 0;
}

ul.eSeriesLink li.link2 a {
	background: url(../img/top/e-series_link2.gif) no-repeat 0 0;
}

ul.eSeriesLink li.link1 a:hover {
	background: url(../img/top/e-series_link1.gif) no-repeat 0 -41px;
}

ul.eSeriesLink li.link2 a:hover {
	background: url(../img/top/e-series_link2.gif) no-repeat 0 -41px;
}

/* 仕組み
---------------------------------------------------------------------------- */
.shikumiTtl {
	margin: 0 0 12px 0;
}
ul.shikumiList {
}
ul.shikumiList li {
	display: inline;
	float: left;
	width: 205px;
	height: 5em;
	margin: 0 0 6px 6px;
}
ul.shikumiList li h3 {
	color: #d83d1f;
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 8px 0;
	padding: 2px 0 0 20px;
	background: url(../img/top/shikumi_listmark.gif) no-repeat;
}
ul.shikumiList li p {
	line-height: 140%;
	margin: 0 0 0 20px;
}

/* 機能一覧
---------------------------------------------------------------------------- */
.functionTtl {
	margin: 0 0 20px 0;
}
ul.functionList {

}
ul.functionList li {
	display: inline;
	float: left;
	width: 280px;
	height: 130px;
	margin: 0 20px 0 20px;
	padding: 10px 0 0 0;
	background: url(../img/top/function_line.gif) repeat-x;
}
ul.functionList li img.pic {
	float: right;
	margin: 0 5px 0 10px;
}
ul.functionList li h3 {
	margin: 0 0 10px 5px;
}
ul.functionList li p {
	line-height: 120%;
	margin: 0 0 0 5px;
}
.functionDvd {
	float: left;
	margin: 0 0 20px 30px;
}
.functionLink {
	clear: both;
	font-weight: bold;
	font-size: 120%;
	text-align: right;
	margin: 0 10px 15px 0;
}

/* 導入店舗
---------------------------------------------------------------------------- */
.shopTtl {
	margin: 0 0 10px 0;
}