@charset "UTF-8";

/*
===== CONTENTS ==============================
	1:#wrapper
	2:#branding
	3:#contents
	4:#contents .shop
	5:#site_info
	6:.pageTop
=============================================
*/

/*
===== 1:#wrapper =====
*/
#wrapper {
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	width: 996px;
}
#wrapper img {
	display: block;
	vertical-align: bottom;
}


/*
===== 2:#branding =====
*/
#branding {
	background-color: #0a2d67;
	height: 38px;
	overflow: hidden;
	position: relative;
	width: 996px;
}

#branding .sitelogo {
	margin-left: 34px;
}

/*
===== 3:reg =====
*/
.reg {
	background: url(../images/regbg.gif) no-repeat left top;
	height: 73px;
	position: relative;
	width: 824px;
	margin: 30px auto;
}
.reg p.txt {
	left: 52px;
	top: 15px;
	position: absolute;
	width: 440px;
}
.reg p.btn {
	right: 11px;
	top: 19px;
	position: absolute;
	width: 253px;
}
.reg p.order {
	right: 16px;
	top: 25px;
	position: absolute;
	width: 244px;
}

/*
===== 3:#contents =====
*/
.floL {
float: left;
}
.floR {
float: right;
}
#contents {
width: 936px;
margin: 0 auto;
text-align: center;
}
#contents p.td {
text-align: right;
padding: 10px 0;
font-size: 14px;
}
#contents .step {
margin-bottom: 33px;
overflow: hidden;
}
#contents h3.figure {
margin-bottom: 15px;
}

#contents .h4Box {
background: url(../images/h4Btm.gif) no-repeat left bottom;
margin-bottom: 12px;
overflow: hidden;
}
#contents .boxWrap {
padding: 0 0 5px 14px;
}

#contents .h4Box .box {
float: left;
overflow: hidden;
background: url(../images/line.gif) no-repeat left top;
padding-left: 15px;
font-size: 12px;
height: 110px;
margin: 0 17px 10px 0;
}
#contents .h4Box .box h5 {
margin-bottom: 15px;
}
#contents .h4Box .box p {
width: 275px;
}
#contents .movie {
margin: 5px 0 33px;
overflow: hidden;
}
#contents .note {
font-size: 12px;
margin-bottom: 12px;
}
#contents table.inquiry {
font-size: 12px;
width: 100%;
height: 74px;
border: 1px solid #000;
}
#contents table.inquiry th {
background: #e6eaf0;
border-right: 1px solid #000;
}
#contents table.inquiry td img {
margin-right: 23px;
}

/*
===== 4:#contents .shop =====
*/
#contents.shop h2 {
float: left;
}
#contents.shop p.td {
float: right;
}
#contents.shop table {
width: 100%;
font-size: 16px;
margin: 18px 0 22px 0;
border-bottom: 1px solid #0b2d67;
}
#contents.shop table th,
#contents.shop table td {
border-top: 1px solid #0b2d67;
}
#contents.shop table th {
width: 460px;
padding: 14px;
border-right: 1px solid #0b2d67;
}
#contents.shop table td {
padding: 5px 14px 2px;
}
#contents.shop table tr.even th {
background: #e6eaf0;
}

/*
===== 5:#site_info =====
*/
#site_info {
	border-top: 4px solid #0a2d67;
	clear: both;
}
#site_info address {
	color: #232323;
	font-size: 10px;
	padding: 6px 0 18px 34px;
}
#site_info address img {
	float: left;
	margin: 0 5px 0 0;
	vertical-align: top;
}

/*
===== 6:.pageTop =====
*/
.pageTop {
	float: right;
	background: url(../images/pagetop.gif) no-repeat left top;
	padding: 3px 0 6px 27px;
	font-size: 12px;
	margin: 0 34px 8px 0;
	_margin-right: 17px;
}