@import "common.css";

/* ----- service CSS ----- */

/* // catch // */
#eyecatch {
	display			: block;
	text-indent		: -9999em;
	width			: 940px;
	height			: 195px;
	background		: URL(../images/common/eyecatch.jpg) no-repeat;
}

h2#title_h2 {
	display			: block;
	text-indent		: -9999em;
	height			: 30px;
	background		: URL(../images/page_title/h2_service.gif) no-repeat;
	margin			: 0 0 20px 0;
}

h4.service_h4 {
	margin			: 30px 0 10px 10px;
	padding			: 0 0 0 5px;
	font-size		: 120%;
	color			: #669900;
	border-left		: 5px solid #669900;
}

h4#title_h4_1 {
	display			: block;
	text-indent		: -9999em;
	height			: 30px;
	background		: URL(../images/service/h4_service_sol.gif) no-repeat;
	margin			: 20px 0 20px 0;
}

h4#title_h4_2 {
	display			: block;
	text-indent		: -9999em;
	height			: 30px;
	background		: URL(../images/service/h4_service_sale.gif) no-repeat;
	margin			: 0 0 20px 0;
}

.subcatch {
	margin			: 0 10px 10px 10px;
	font-weight		: bold;
}

/* // rayout // */
ol.service_ol {
	margin			: 10px 0;
	padding			: 10px 10px 10px 30px;
	border			: 1px solid #cccccc;
}

ol.service_ol li {
	padding			: 2px 0;
}

ul.service_ul {
	margin			: 10px 0 50px 10px;
	padding			: 10px 10px 10px 30px;
	border			: 1px solid #cccccc;
}

ul.service_ul li {
	padding			: 2px 0;
}

.reader {
	margin			: 0 10px 10px 10px;
}

.reader a {
	padding			: 0 0 0 15px;
	background		: URL(../images/common/link.gif) no-repeat;
	background-position : center left;
}

.reader ul {
	list-style		: none;
}

.reader ul li {
	padding			: 2px 0;
}

.reader dl.left {
	float			: left;
	width			: 290px;
	margin			: 10px 0 20px 0;
}

.reader dl.right {
	float			: right;
	width			: 290px;
	margin			: 10px 0 20px 0;
}

.reader_end_service {
	margin			: 0 10px 0 10px;
}

.reader_end_service ul {
	margin			: 20px 0 20px 30px;
}

.service_image {
	display			: block;
	text-indent		: -9999em;
	width			: 585px;
	height			: 690px;
	margin			: 20px 0;
	background		: URL(../images/service/service_visual_1.jpg) no-repeat;
}

.reader_left_photo_sol {
	background		: URL(../images/service/service_solution_top_visual_1.jpg) no-repeat;
	margin			: 0 10px 30px 10px;
	padding			: 0 0 0 210px;
}

.reader_left_photo_sol a {
	padding			: 0 0 0 15px;
	background		: URL(../images/common/link.gif) no-repeat;
	background-position : center left;
}

.reader_left_photo_sys {
	background		: URL(../images/service/service_system_top_visual_1.jpg) no-repeat;
	margin			: 0 10px 30px 10px;
	padding			: 0 0 0 210px;
}

.reader_left_photo_sys a {
	padding			: 0 0 0 15px;
	background		: URL(../images/common/link.gif) no-repeat;
	background-position : center left;
}

hr.service_hr {
	margin			: 30px 0;
}

.example {
	margin			: 0 0 10px 0;
}

table {
	width			: 590px;
	margin			: 0 10px 0 8px;
	border			: 0;
	font-size		: 95%;
}

caption {
	margin			: 0 0 5px 0;
	color			: #660033;
	font-weight		: bolder;
	font-size		: 120%;
}

td {
	padding			: 5px;
	background		: #e8e8e8;
}

td.s_title {
	width			: 150px;
	font-weight		: bold;
	vertical-align	: middle;
	background		: #d8becb;
}

.notice_block {
	margin			: 20px 0 30px 10px;
	font-size		: 95%;
	font-weight		: bold;
}

#service_foot_menu dt {
	margin			: 10px 0 0 0;
	font-weight		: bold;
}

#service_foot_menu dd {
	margin			: 5px 0 0 10px;
}

.link1 {
	display			: block;
	width			: 192px;
	height			: 10px;
	margin			: 20px 0 10px 0;
	padding			: 10px 0 20px 0;
}

.link1 a {
	display			: block;
	text-indent		: -9999em;
	width			: 192px;
	height			: 10px;
	background		: URL(../images/service/btn_sol.gif) no-repeat;
}

.link2 {
	display			: block;
	width			: 142px;
	height			: 10px;
	margin			: 10px 0;
	padding			: 10px 0 20px 0;
}

.link2 a {
	display			: block;
	text-indent		: -9999em;
	width			: 142px;
	height			: 10px;
	background		: URL(../images/service/btn_sys.gif) no-repeat;
}

.link3 {
	display			: block;
	width			: 151px;
	height			: 10px;
	margin			: 10px 0;
}

.link3 a {
	display			: block;
	text-indent		: -9999em;
	width			: 151px;
	height			: 10px;
	background		: URL(../images/service/btn_service_top.gif) no-repeat;
}

.link1_top {
	clear			: both;
	width			: 192px;
	height			: 10px;
}

.link1_top a {
	display			: block;
	text-indent		: -9999em;
	width			: 192px;
	height			: 10px;
	margin			: 0 0 0 410px;
	background		: URL(../images/service/btn_sol.gif) no-repeat;
}

.link2_top {
	clear			: both;
	width			: 142px;
	height			: 10px;
}

.link2_top a {
	display			: block;
	text-indent		: -9999em;
	width			: 142px;
	height			: 10px;
	margin			: 0 0 0 460px;
	background		: URL(../images/service/btn_sys.gif) no-repeat;
}


/* // category top page // */
h4.service_cat_menu_h4 {
	margin			: 10px 0;
	padding			: 0 0 0 5px;
	font-size		: 120%;
	color			: #669900;
	border-left		: 5px solid #669900;
}

.service_cat_menu_ul {
	list-style		: none;
	margin			: 10px 0;
	padding			: 10px;
	border			: 1px solid #cccccc;
}

.service_cat_menu_ul li {
	padding			: 2px 0;
}