@charset 'UTF-8';

/***** トップメニュー *****/
div.topbar {
	height: 39px;
	padding-left: 28px;
	border-bottom: 4px solid #E498B2;
	font-size: 10pt;
	background-color: White;
}
div.topbar div.links {
	width: 1000px;
}
div.topbar a {
	float: left;
	width: 128px;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	color: #555555;
	background-image: url(../images/misc/dotted.gif);
}
div.topbar a.left {
	background-image: url(../images/misc/dotted-left.gif);
}
div.topbar a:hover {
	background-image: url(../images/misc/dotted-pink.gif);
	color: White;
}
div.topbar a.left:hover {
	background-image: url(../images/misc/dotted-left-pink.gif);
}
div.bottombar {
	margin-bottom: 8px;
}
div.bottombar a {
	font-size: 8pt;
	float: left;
	width: 110px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	color: #555555;
	background-image: url(../images/misc/bottom-dotted.gif);
}
div.bottombar a.left {
	background-image: url(../images/misc/bottom-dotted-left.gif);
}
div.bottombar a:hover {
	color: #E498B2;
}

/***** What's New *****/
div.content td.info {
	text-indent: 18px;
	padding-right: 1em;
	background-image: url(../images/icons/icon_note.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/***** お客様の声 *****/
div.voice div.entry {
	border-top: 1px dashed #CCCCCC;
}
div.voice div.entry div.title {
	font-weight: bold;
	line-height: 3;
}
div.voice div.entry div.title a {
	color: Black;
}
div.voice div.entry div.title nobr {
	font-weight: normal;
}
div.voice div.entry div.name {
	text-align: right;
	line-height: 2;
	color: #B8B8B8;
}
div.voice div.more {
	border-top: 1px dashed #CCCCCC;
}

img.title {
	margin-bottom: 20px;
}

a.start {
	display: block;
	margin: 8px auto;
	width: 223px;
	height: 69px;
	background-image: url(../images/buttons/btn_start.jpg);
}
a.start:hover {
	background-image: url(../images/buttons/btn_start_on.jpg);
}

div.covers img {
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}
div.covers #top td {
	vertical-align: top;
	width: 300px;
}
div.covers #top div.head {
	border: 1px solid #E498B2;
	font-weight: bold;
	padding: 3px;
	width: 270px;
}
div.covers #top ul {
	padding: 0 0 0 10px;
}
div.covers #top li {
	text-indent: 10px;
	list-style-type: none;
	background: url(../images/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}
