@charset "UTF-8";

div.box div.main-img,
div.box div.campaign {
	margin-bottom: 20px;
}
div.box h2 {
	margin-bottom:  0;
}
div.box ul#whatsnew {
	font-size: 1.2em;
	margin-bottom: 20px;
}
div.box ul#whatsnew li {
	border-bottom: #d5d5d5 solid 1px;
	padding: 15px 0;
}
div.box ul#whatsnew li dl {
	margin: 0 auto;
	width: 560px;
	overflow: auto;
}
div.box ul#whatsnew li dl dt {
	float: left;
	width: 120px;
}
div.box ul#whatsnew li dl dd {
	float: right;
	width: 440px;
}
div.box ul#whatsnew span.tit {
	display: block;
}
div.box ul#prod  {
	width: 600px;
	margin: 10px 0 15px;
}
*:first-child+html div.box ul#prod  {
	width: 600px;
	margin: 10px 0 20px;
}
div.box ul#prod li {
	float: left;
	margin: 0;
}
div.box table.open {
	float: left;
	width: 260px;
	margin: 10px 15px;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 1.2em;
}
div.box table.open th {
	background: #999;
}
div.box table.open td {
	background: #f0f0f0;
	margin: 1px;
	text-align: center;
}
div.box table.open td.sat {
	background: #daecfa;
}
div.box table.open td.close {
	background: #fcc;
}
div.box div.open-txt {
	clear: both;
	font-size: 1.2em;
}
div.box div.open-txt span {
	color: #fcc;
}
div.box div.new {
	padding-top: 20px;
}
div.box div.new {
	clear: both;
	overflow: hidden;
	padding-bottom: 15px;
}
div.box div.new ul.size {
	height: 86px;
}
div.box div.new ul.size li {
	float: left;
	margin-left: 8px;
}
div.box div.new p.size {
	width: 540px;
	margin: 10px auto;
	font-size: 1.2em;
}
div.box div.new ul.otoku {
	overflow: hidden;
	margin-bottom: 15px;
}
div.box div.new ul.otoku li {
	background: url(newtop/back-otoku.png) no-repeat bottom;
}
div.box div.new ul.otoku li.odd {
	position: relative;
	float: left;
	width: 295px;
}
div.box div.new ul.otoku li.even {
	position: relative;
	float: right;
	width: 295px;
}
div.box div.new ul.otoku li p {
	width: 275px;
	margin: 0 10px 1.3em;
	font-size: 1.2em;
}
div.box div.new ul.otoku li p.detail {
	position: absolute;
	bottom: 0;
	text-align: right;
	padding-bottom: 4px;
	margin-bottom: 0;
}
div.box div.new ul.otoku li img.left {
	float: left;
	padding-top: 1.5em;
}
div.box div.new img.banner {
	margin-bottom: 15px;
}
div.box div.new ul.oficce,
div.box div.new ul.pdf,
div.box div.new ul.call{
	background: url(newtop/back-support.png) no-repeat bottom;
	padding-bottom: 10px;
	overflow: hidden;
}
div.box div.new ul.oficce li.firstChild,
div.box div.new ul.pdf li.firstChild,
div.box div.new ul.call li.firstChild {
	background: none;
}
div.box div.new ul.oficce li.lastChild {
	background: url(newtop/img-office.png) no-repeat right;
	padding: 5px 180px 5px 10px;
	font-size: 1.2em;
}
div.box div.new ul.pdf li.lastChild {
	background: url(newtop/img-pdf.png) no-repeat right;
	padding: 5px 300px 5px 10px;
	font-size: 1.2em;
}
div.box div.new ul.call li.lastChild {
	background: url(newtop/img-call.png) no-repeat right;
	padding: 5px 180px 5px 10px;
	font-size: 1.2em;
}
div.box div.new h2.newserv {
	padding-top: 15px;
}
div.box div.new ul.dailot {
	background: url(newtop/back-newserv.png) no-repeat bottom;
	padding-bottom: 10px;
}
div.box div.new ul.dailot li.firstChild {
	background: url(newtop/back-serv-tit.png) no-repeat right;
}
div.box div.new ul.dailot li.lastChild {
	background: url(newtop/img-dailot.png) no-repeat right;
	padding: 5px 180px 5px 10px;
	font-size: 1.2em;
}
ul#top_whatsnew,
ul#top_whatsnew2 {
	font-size: 1.2em;
}
ul#top_whatsnew li,
ul#top_whatsnew2 li {
	clear: both;
	border-bottom: #ccc solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
ul#top_whatsnew li dl dt,
ul#top_whatsnew2 li dl dt {
	float: left;
	width: 100px;
}
ul#top_whatsnew li dl dd,
ul#top_whatsnew2 li dl dd {
	float: right;
	width: 473px;
	padding-right: 7px;
}
