@charset "utf-8";

@import url(base.css);

div#main {
	width:860px;
	padding:10px 20px 0;
	margin:0 auto;
	background:#F4F4F4;
}


h1 {
	position:absolute;
	top:20px;
	left:30px;
}
h1 a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
h2 {
	position:absolute;
	left:195px;
	top:30px;
	color:#F4F4F4;
	font-size:11px;
	_font-size:10px;
	font-weight:normal;
	clear:both;
}
*:first-child + html h2 {
	font-size:10px;
}
h3 {
	background:url(../img/h3-bg.jpg) no-repeat;
	padding:0 0 0 15px;
	font-size:1.2em;
	height:20px;
	line-height:20px;
	clear:both;
}
h3 img {
	padding-top:3px;
}


div#content {
	float:right;
	width:590px;
}
div#menu {
	float:left;
	width:240px;
}
div#menu ul li {
	padding-bottom:10px;
}

div.point-top {
	background:url(../img/kotsu-bg.jpg) no-repeat right top;
	height:420px;
}
div.point-top p {
	padding:10px;
}
div.point-top ul {
	padding:0 0 0 10px;
}
div.point-top ul li {
	background:url(../img/all-arr.jpg) no-repeat center left;
	padding:0 0 0 12px;
	color:#333;
}
div.point-top ul li a {
	color:#333;
	font-weight:bold;
	line-height:1.6;
	text-decoration:none;
}
div.point-top ul.ptops li a {
	color:#333;
}
div.point-top ul li a:hover {
	text-decoration:underline;
}

div.point-flow {
}
ul#stepMenu {
	margin:15px 0;
}
ul#stepMenu li {
	display:block;
	float:left;
	padding-right:1px;
}
ul#stepMenu li.lastChild {
	padding-right:0px;
}
div.point-flow dl.head {
	clear:both;
	padding:15px 10px;
}
div.point-flow dl.head dt {
	text-align:left;
	padding-bottom:10px;
}
div.point-flow dl.head dd {
	color:#70BABA;
	font-weight:bold;
	background:url(../img/step-line.jpg) no-repeat center bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}

div.point-flow dl.step {
	background:url(../img/flow01-bg.jpg) no-repeat right top;
	margin:0 10px;
}
div.point-flow dl.step dd {
	padding:15px 10px;
}
div.point-flow dl.step dd p {
	padding-bottom:15px;
}
div.point-flow dl.step ul {
	margin:0 0 15px;
}
div.point-flow dl.step ul li {
	list-style:disc;
}
div.point-flow dl.step ul.me {
	background:url(../img/melit.jpg) no-repeat left top;
	padding:0 0 0 110px;
}
div.point-flow dl.step ul.deme {
	background:url(../img/demelit.jpg) no-repeat left top;
	padding:0 0 0 110px;
}

p.BtBox {
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	padding:10px 15px;
	font-size:11px;
}

p.BtPoint {
	background:url(../img/loot01-point.jpg) no-repeat left center;
	padding:20px 10px 20px 110px;
	border-bottom:1px dashed #999;
	font-size:11px;
	margin-bottom:40px;
}
p.BtPoint2 {
	background:url(../img/loot01-point.jpg) no-repeat left center;
	padding:20px 10px 20px 110px;
	border-bottom:1px dashed #999;
	border-top:1px dashed #999;
	font-size:11px;
	margin-bottom:40px;
}

dl#base {
	margin:0 10px;
}
dl#base dt {
	padding:0 0 10px 0;
}
dl#base dd {
	padding:0 0 20px 10px;
}
dl#base dd p {
	font-size:11px;
	padding:10px 0 10px;
}
dl#base dd span {
	color:#70BABA;
	font-weight:bold;
}
dl#base dd dl dt {
	color:#70BABA;
	font-weight:bold;
	padding:10px 0 0 0;
}
dl#base dd dl dd {
	font-size:11px;
	padding:10px 0;
}
.kotsu01 {
	background:url(../img/kotsu01-bg.jpg) no-repeat right top;
}
.kotsu03 {
	background:url(../img/kotsu03-bg.jpg) no-repeat right top;
}
div.line {
	border-bottom:1px dotted #CCC;
	margin-bottom:20px;
	clear:both;
}
div.lineBox {
	border-bottom:1px dotted #CCC;
	margin:0 0 20px 0;
	clear:both;
}

dl#base dd.haba {
	width:430px;
}
dl#base dd.haba2 {
	width:320px;
}
dl#base dd.haba3 {
	background:url(../img/kotsu04-bg.jpg) no-repeat right top;
	padding-right:240px;
}

div.hayami p {
	border-bottom:1px solid #CCC;
	padding:0 0 15px 0;
	margin:15px 0 15px 15px;
}

div.hayami div.Box {
	float:left;
	padding-left:15px;
}
div.hayami h4 {
	margin:10px 0 10px 0;
}
div.hayami table {
	width:280px;
	margin-bottom:30px;
}
div.hayami table th {
	background:#999999;
	color:#FFF;
	font-weight:normal;
	width:93px;
	border-right:1px solid #FFF;
	padding:2px 0;
}
div.hayami table th.R {
	border-right:none;
}
div.hayami table tr {
	background:#E9E9E9;
}
div.hayami table tr.even {
	background:#F4F4F4;
}
div.hayami table td {
	padding:5px 0;
	text-align:center;
}
div.qa p {
	padding:15px;
	font-weight:bold;
	color:#70BABA;
	clear:both;
}
div#qarea {
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	margin:0 0 10px 15px;
	padding:10px 0;
}
div#qarea dl dt {
	background: url(../img/qaq.jpg) left center no-repeat #999;
	color:#FFF;
	padding:0 0 0 40px;
	height:25px;
	line-height:25px;
	font-weight:bold;
}
div#qarea dl dd {
	background: url(../img/qaa.jpg) left top no-repeat #FFF;
	color:#333;
	padding:13px 0 13px 40px;
	margin-bottom:25px;
}