@charset "utf-8";
/* pages.css */

 /* Common
-------------------------------------------------- */

body.customer {
	background: #FFFFFF url(../img/common/bg/bg_body.jpg) repeat-x center top;
}

body.customer div#container {
	background	: url(../img/common/bg/bg_container.jpg) no-repeat 90px 0;
}

body.customer div.contentHead {
	height	: 100px;
}

body.customer p.spesialsource {
	padding-top:30px;
	clear:both;
}

.image-left {
	float: left ! important;
}

.image-right {
	float: right;
}

.contents-half-size {
	width: 263px;
}

div.h1Group {
	position: relative;
}

p.construction {
	position: absolute;
	top: 218px;
	left: 390px;
	padding-left: 10px;
	background: url(../img/common/arrow_green.jpg) no-repeat 0 6px;
	line-height: 140%;
	color: #006633;
}

p.construction a {
	text-decoration: underline;
	color: #006633;
}

p.construction a:hover {
	text-decoration: none;
}


 /* Voice
-------------------------------------------------- */
div#subContent {
	top: 1px;
	left: 1px;
	padding-bottom: 0;
}

div#subContent h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}

div#subContent ul#lNav {
	padding-bottom: 0px ;
	background: none;
}

ul.toDetail03 {
	padding-bottom: 15px;
}

div#subContent dl.toDetail03 {
	background: none;
	margin-bottom: 0px;
}

p.btnSearch {
	top: 9px;
	left: 685px;

}

p.btnSpecial {
	top: 65px;
	left: 685px;

}

.h1Group {
	margin: 0 0 35px  ! important;
}

p#header-voice {
	margin-bottom: 3px ! important;
}

div.section h2 {
	margin-bottom: 1em;
}

div.section p.text {
	float: left;
	line-height: 1.4;
	color: #434343;
}

div.section div.text-left {
	float: left;
	width: 280px;
}

div.section div.text-right {
	float: right;
	width: 280px;
}

div.section p.text-top {
	margin-bottom: 1em ! important;
}

div.section p.text-wide {
	margin-bottom: 1em ! important;
	padding: 0 20px;
}

div.section p.image {
	margin-bottom: 30px ! important;
}

div.section p.image img {
	margin-bottom: 3px;
}

div.section p.image span {
	display: block;
	text-align: right;
	line-height: 1.2;
	font-size: 9px;
}

p.image span span.alphabet-size {
	display: inline;
	line-height: 1.2;
	font-size: 10px;
}

body.customer p.image-left {
	padding-left: 20px;
}

body.customer p.image-right {
	padding-right: 20px;
}

p.balloon-one-line {
	height: 8px;
	margin-bottom: 1.5em ! important;
	padding: 34px 25px;
	background: url(../img/common/balloon_two_line.jpg) top left no-repeat;
	line-height: 140%;
	font-size: 14px;
}
* html p.balloon-one-line { margin-bottom: 1em ! important;}

p.balloon-two-line {
	height: 29px;
	margin-bottom: 1.5em ! important;
	padding: 24px 25px;
	background: url(../img/common/balloon_two_line.jpg) top left no-repeat;
	line-height: 140%;
	font-size: 14px;
}
* html p.balloon-two-line { margin-bottom: 1em ! important;}

p.balloon-three-line {
	height: 48px;
	margin-bottom: 1.5em ! important;
	padding: 24px 25px;
	background: url(../img/common/balloon_three_line.jpg) top left no-repeat;
	line-height: 140%;
	font-size: 14px;
}
* html p.balloon-three-line { margin-bottom: 1em ! important;}

p.balloon-one-line .note, p.balloon-two-line .note, p.balloon-three-line .note {
	line-height: 160%;
}


 /* Navi
-------------------------------------------------- */
dl.navi-voice {
	padding: 0;
	margin: 0 2px 20px 0;
}

dl.navi-voice dt {}

dl.navi-voice dd {
	height: 43px;
	padding: 10px 0;
	position: relative;
	background: transparent url(../../_common/img/parts/bg/bg_dod_Gray.gif) repeat-x left bottom;
}

dl.navi-voice dd p {
	margin: 0 ! important;
	line-height: 1.4;
}

dl.navi-voice dd img {
	position: absolute;
	top: 5px;
	right: 0;
}

dl.navi-voice dd p.navi-title-vol {
	width: 126px;
	margin-top: 5px ! important;
	padding-left: 15px;
	background: url(../img/common/arrow_brown.jpg) no-repeat left;
}