@charset "Shift_JIS";

@import url("service.css");

/* ----------------------------------------

	 SERVICE COMMON CSS 

---------------------------------------- */

h1,
h2 {
	text-indent: -9999px;
}

#serviceImg {
	width: 800px;
	height: 100px;
	background: url("../img/service-img.gif") no-repeat top left;
	text-indent: -9999px;
}

#sidebar {
	float: right;
	width: 180px;
}

#sidebar ul {
	margin-right: 10px;
	padding: 2px 4px 4px;
	background: url("../img/service-side-bg.gif") repeat top left;
}

#sidebar li a {
	margin-top: 2px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#sidebar li#sideService a {
	height: 32px;
	background: url("../img/service-side-service.gif") no-repeat top left;
}

#sidebar li#sideSender a {
	height: 30px;
	background: url("../img/service-side-sender.gif") no-repeat top left;
}

#sidebar li#sideReader a {
	height: 30px;
	background: url("../img/service-side-reader.gif") no-repeat top left;
}

#sidebar li#sideAdvertise a {
	height: 30px;
	background: url("../img/service-side-advertise.gif") no-repeat top left;
}

#sidebar li#sideService a:hover {
	background-position: 0 -32px;
}

#sidebar li#sideSender a:hover,
#sidebar li#sideReader a:hover,
#sidebar li#sideAdvertise a:hover {
	background-position: 0 -30px;
}

#sidebar ul#sideServiceFlg li#sideService a {
	background-position: 0 -32px;
}

#sidebar ul#sideSenderFlg li#sideSender a,
#sidebar ul#sideReaderFlg li#sideReader a,
#sidebar ul#sideAdvertiseFlg li#sideAdvertise a {
	background-position: 0 -30px;
}

#content {
	float: left;
	width: 610px;
}

#content .section {
	padding: 0 10px 47px;
}

#content .summary {
	margin-bottom: 6px;
}

#content .serviceContainer {
	padding: 12px 0 10px;
	background: url("../img/service-dotline.gif") repeat-x bottom left;
}

#content .serviceContainer .imgBox {
	float: left;
}

#content .serviceContainer .detail {
	float: right;
	width: 440px;
}

#content .serviceContainer .detail .catch {
	padding-left: 0px;
}

#content .serviceContainer .detail h3 {
	padding: 7px 0 4px 3px;
}

#content .serviceContainer .detail p {
	padding-left: 3px;
}

#content .lastContainer {
	background: none;
}