@charset "shift-jis";

/* -----------------------------------------------------------
  import basic styles
------------------------------------------------------------ */
@import "reset.css";
@import "font.css";

body {
	background-color: #EDEEEF;
}

img {
	vertical-align: top;
}

#wrap {
	width: 757px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/index_bg_01.gif) repeat-y center top;
}

#container {
	width: 750px;
	margin: 0 3px 0 4px;
	text-align: center;
}

#container #headerCp {
	width: 750px;
	height: 93px;
	background:url(../images/bg_header_footer.jpg) repeat-y 0px 0px;
	position: relative;
}

#container #headerCp p {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 60px;
	top: 16px;
	left: 35px;
	font-size: 0px;
	line-height: 0;
	position: absolute;
}

#container h1 {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0;
}

#container #footerCp {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	clear: both;
}

#container #footerCp div {
	width: 750px;
	height: 25px;
	background:url(../images/bg_header_footer.jpg) repeat-y 0px 0px;
	position: relative;
}

#container #footerCp div p {
	margin: 0px;
	padding: 0px;
	width: 328px;
	height: 16px;
	top: 6px;
	left: 10px;
	font-size: 0px;
	line-height: 0;
	position: absolute;
}

#container #footerCp div ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#container #footerCp div ul li {
	font-size: 0px;
	line-height: 0;
	position: absolute;
}

#container #footerCp div ul .footerLink1 {
	width: 50px;
	height: 15px;
	top: 6px;
	left: 597px;
}

#container #footerCp div ul .footerLink2 {
	width: 88px;
	height: 15px;
	top: 6px;
	left: 655px;
}

#btnArea01{
	width: 750px;
	height: 118px;
	position: relative;
}

#btn02 {
	top: 25px;
	left: 89px;
	position: absolute;
}

#btn03 {
	top: 34px;
	left: 470px;
	position: absolute;
}

.section {
	margin: 0px auto;
	padding: 0px;
	width: 711px;
	text-align: center;
}

.section h2{
	margin: 0px;
	padding: 0px 0px 16px 0px;
	font-size: 0px;
	line-height: 0;
}

.txtLeft {
	padding: 0px 0px 0px 0px;
	text-align:left;
}

.txtLeft img {
	margin: 0px 0px 15px 25px;
	float: right;
}

.txtLeft p {
	margin: 0px 0px 1.8em 0px;
	color: #818181;
	font-size: 11px;
	line-height: 1.8;
}

.bannerLink {
	padding: 0px 0px 30px 0px;
	font-size: 0px;
	line-height: 0;
}

#imageArea01 {
	width: 709px;
}

#imageArea01 h3,
#imageArea01 p {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0;
}

#imageArea01 h3 img,
#imageArea01 p img {
	display: block;
}

#sslArea {
	position: relative;
	height: 135px;
}

#sslArea .inner {
	height: 131px;
}

#verisign {
	left: 170px;
	position: absolute;
	top: 0;
	width: 135px;
}

#verisignText {
	left: 310px;
	top: 20px;
	position: absolute;
	text-align: left;
	width: 264px;
	color: #990000;
	font-size: 10px;
	line-height: 135%;
}

