/*-- Service leftcolumn --*/

#menu_service {
	margin: 15px 0;
	padding: 0;
	height: 198px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#service_navi {
	margin: 0 auto;
	width: 280px;
	height: 198px;
	background: url(../images/side/side_service_bg.png) no-repeat;
	text-indent: -99997px;
}
#service_navi ul {
	margin: 0 auto;
	padding: 0;
	width: 280px;
}
#service_navi li {
	list-style-type: none;
}
#service_navi li a {
	padding: 0;
	height: 50px;
	display: block;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
/*------off*/
#service_navi li.ss_navi01 a {
	background: url(../images/side/side_service.png) no-repeat 0px 0px;
	width: 280px;
}
#service_navi li.ss_navi02 a {
	background: url(../images/side/side_service.png) no-repeat 0px -50px;
	width: 280px;
}
#service_navi li.ss_navi03 a {
	background:url(../images/side/side_service.png) no-repeat 0px -100px;
	width: 280px;
}
#service_navi li.ss_navi04 a {
	background:url(../images/side/side_service.png) no-repeat 0px -150px;
	width: 280px;
}

/*------hover*/
#service_navi li.ss_navi01 a:hover {
	background: url(../images/side/side_service.png) no-repeat 0px 0px;
	color: #ffffff;
}
#service_navi li.ss_navi02 a:hover {
	background: url(../images/side/side_service.png) no-repeat 0px -250px;
	color: #ffffff;
}
#service_navi li.ss_navi03 a:hover {
	background: url(../images/side/side_service.png) no-repeat 0px -300px;
	color: #ffffff;
}
#service_navi li.ss_navi04 a:hover {
	background: url(../images/side/side_service.png) no-repeat 0px -350px;
	color: #ffffff;
}

/*------on*/
#service_navi li.ss_navi01_on a {
	background: url(../images/side/side_service.png) no-repeat 0px 0px;
	width: 280px;
	color: #ffffff;
}



/*-- Service leftcolumn --*/

p.sub_service1  {
	margin: 15px;
	line-height: 1.6;
}

p.sub_service2  {
	margin: 20px;
	line-height: 1.6;
}

/*-- POS leftcolumn --*/

dl.pos_result {
	margin: 10px 20px;
	line-height: 1.6;
}

dl.pos_result dt {
	padding: 5px;
	font-weight: bold;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	line-height: 1.6;
}

dl.pos_result dd {
	padding: 5px;
	line-height: 1.6;
}

#pos_price {
	margin: 10px 20px;
	line-height: 1.6;
}

.pos_voice{
	margin: 20px;
	padding: 5px;
	border: 1px dotted #CCCCCC;
}

.pos_voicetitle {
	padding: 5px;
	border-bottom: 2px solid #FECB0E;
	font-weight: bold;
}

.pos_voiceentry p {
	padding: 5px;
	line-height: 1.6;
}


---------
Accordion
---------
.accordion {
	width: 630px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h6 {
	background: #e9e7e7 url(../images/service/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0 20px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-size: 1em;
}
.accordion h6:hover {
	background-color: #e3e2e2;
}
.accordion h6.active {
	background-position: right 5px;
}
.accordion div {
	background: #f7f7f7;
	margin: 0 20px;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.accordion p {
	line-height: 1.6;
}

.accordion img {
	float: left;
	padding: 0 10px 0 0;
}