@charset "UTF-8";

/* Header Menu Setting */
#header ul li.about a,
#header ul li.about a:active,
#header ul li.about a:focus,
#header ul li.about a:hover {
	background: url(../img/global/header.jpg) no-repeat -635px -240px;
}
#contents,
#gotop {
	background: #FFFFFF none;
}

#contentsHeader {
	float: left;
	width: 850px;
	margin-bottom: 30px;
}
#contentsHeader h1 {
	float: left;
	width: 550px;
	height: 42px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../img/about/common/header.gif) no-repeat;
}
#contentsHeader #headerBtn {
	float: right;
	padding-top: 23px;
}
#contentsHeader #title {
	clear: both;
	float: left;
	padding-left: 51px;
}
#footerBtn {
	clear: both;
	width: 850px;
	text-align: center;
	padding-top: 10px;
}
.box {
	float: left;
	width: 770px;
	margin: 0 40px 10px;
	font-size: 1.4em;
	line-height: 1.5;
	text-align: justify;
}
*html .box {
 margin: 0 20px 10px;
}
.box p.block {
	float: left;
}
.box .read {
	float: left;
	padding: 20px;
}

/* Pop Up Link */
.index .box p#txt2 a,
.index .box p.txt3 a {
	padding-right: 15px;
	background: url(../img/common/popup.gif) no-repeat right center;
}

/* @group index.html */

.index .box p#img1 {
	float: right;
	width: 350px;
	padding: 0 20px 20px 15px;
}
.index .box #txt1 {
	float: left;
	width: 365px;
	padding: 10px;
}
.index .box #txt1 p#txt {
	width: 295px;
	padding: 10px 0;
	margin-left: 32px;
}
.index .box p#img2,
.index .box p#txt2,
.index .box .category,
.index .box p.img3,
.index .box p.txt3,
.index .box p.img4,
.index .box p.txt4 {
	float: left;
}
.index .box p#img2 {
	width: 250px;
	padding-right: 15px;
}
.index .box p#txt2 {
	width: 465px;
}
.index .box .category {
	width: 355px;
}
.index .box #left.category {
	padding-right: 20px;
}
.index .box p.img3 {
	width: 160px;
	padding-right: 10px;
	font-size: 0.8em;
	line-height: 1.2;
}
.index .box p.img3 strong {
	color: #ff6600;
	font-weight: normal;
}
.index .box p.img3 img {
	padding-bottom: 3px;
}
.index .box p.txt3 {
	width: 185px;
	font-size: 0.9em;
	text-align: left;
}
.index .box p.txt3 img {
	padding-bottom: 6px;
}
.index .box p.img4 {
	width: 160px;
	text-align: center;
	padding: 5px 10px 0 0;
}
.index .box p.txt4 {
	width: 560px;
}

/* @end */

/* @group quality.html */

.quality .box p#img1a,
.quality .box p#txt1
.quality .box p#img1other,
.quality .box p#img2a,
.quality .box p#txt2a,
.quality .box .category,
.quality .box .category p.img2other,
.quality .box .category p.txt2other {
	float: left;
}
.quality .box p#img1a {
	padding: 0 15px 0 0;
}
.quality .box p#img1other {
	padding-top: 15px;
}
.quality .box p#img1other img {
	padding-left: 10px;
}
.quality .box p#img1other img.first {
	padding-left: 0;
}
.quality .box p#img2a {
	width: 250px;
	padding: 0 15px 0 0;
}
.quality .box p#txt2a {
	width: 465px;
}
.quality .box p#copy {
	clear: both;
	text-align: center;
	padding: 30px;
}
.quality .box .category {
	width: 355px;
}
.quality .box #left.category {
	padding-right: 20px;
}
.quality .box p.img2other {
	width: 160px;
	padding-right: 10px;
}
.quality .box p.img2other img {
	padding-top: 2px;
}
.quality .box p.txt2other {
	width: 185px;
	font-size: 0.9em;
	text-align: left;
}
.quality .box p.txt2other img {
	padding-bottom: 6px;
}

/* @end */

/* @group service.html */

.service .box p#txt1
.service .box p#img2,
.service .box p#txt2,
.service .box #link p.imgbox,
.service .box p#img3a,
.service .box p#txt3 {
	float: left;
}
.service .box p#img1 {
	float: right;
	padding-left: 15px;
}
.service .box p#txt1 {
}
.service .box p#img2 {
	float: left;
	width: 330px;
	padding-right: 15px;
}
.service .box p#txt2 {
	width: 385px;
}
.service .box #link {
	clear: both;
	padding-top: 15px;
	font-size: 0.8em;
}
.service .box #link p.imgbox {
	padding-left: 2px;
}
.service .box #link p.first {
	padding-left: 0;
}
.service .box #link p.imgbox a img {
	border: 1px solid #ff9900;
	margin-bottom: 4px;
}
.service .box #link p.imgbox a .popupIcon img {
	border: none;
}
.service .box #link p.imgbox a:hover img {
	border-color: #520000;
}
.service .box p#img3a {
	width: 160px;
	text-align: center;
	padding: 5px 10px 0 0;
}
.service .box p#txt3 {
	width: 560px;
}
.service .box p#txt3 img {
	padding-top: 15px;
}

/* @end */

/* @group voice.html */

.voice .box {
	width: 730px;
	margin: 0 60px 30px;
}
*html .voice .box {
 margin: 0 30px 30px;
}
.voice .box p#img1,
.voice .box p#img3 {
	clear: both;
	float: left;
	padding-right: 15px;
}
.voice .box p#img2 {
	float: right;
	padding-left: 15px;
}
.voice .box p#txt1 img,
.voice .box p#txt2 img,
.voice .box p#txt3 img {
	padding-bottom: 10px;
}
.voice .box p#txt1,
.voice .box p#txt3 {
	float: left;
	width: 465px;
}
.voice .box p#txt2 {
	float: left;
	width: 465px;
}
.voice .box p#end,
.voice .box p#link {
	clear: both;
	text-align: center;
	padding: 10px 0;
}
.voice .box p#link img#first {
	margin-right: 20px;
}

/* @end */