﻿@charset "utf-8";

@import "layout.css";



#contents h2 {
	margin: 30px 0 15px 15px;
	padding: 10px;
	border-left: 3px solid #ff6600;
	color: #ffffff;
}



dl.contents {
	margin: 0 15px 20px;
	padding: 10px 0;
	background: url("../img/layout/slash_bg.gif") left top;
	border-top: 1px dotted #ffffaa;
	border-bottom: 1px dotted #ffffaa;
}
dl.contents dt {
	float: left;
	padding: 5px 10px;
	_padding-right: 0;
	border-left: 3px solid #ffffaa;
	font-weight: bold;
	color: #fff;
}
*:first-child+html dl.contents dt { padding-right: 0; }
dl.contents dd {
	float: right;
	width: 565px;
	_width: 595px;
}
*:first-child+html dl.contents dd { width: 595px; }
dl.contents ol {
	_padding-left: 30px;
	color: #fff;
}
*:first-child+html dl.contents ol { padding-left: 30px; }
dl.contents ol li {
	margin-bottom: 1px;
}
#contents dl.contents ol li a {
	display: block;
	padding: 5px 0 5px 10px;
	background-color: #222222;
	border-left: 3px solid #333333;
	text-decoration: none;
	color: #fff;
}
#contents dl.contents ol li a:hover	{ text-decoration: underline; color: #ffffaa; }
#contents dl.contents ol li a:active{ text-decoration: underline; color: #ff0000; }



ol.rules {
	clear: right;
	list-style: none;
	color: #ccc;
}
ol.rules li.rule {
	margin: 0 15px 20px;
	padding-bottom: 10px;
	_padding-bottom: 40px;
	background: url("../img/layout/slash_bg.gif") left top;
}
*:first-child+html ol.rules li.rule { padding-bottom: 40px; }

ol.rules h3 {
	margin-bottom: 1em;
	padding: 5px 10px;
	border-left: 3px solid #ffffaa;
	font-size: 1em;
	color: #fff;
}
ol.rules h4 {
	margin: 0 0 0.5em 38px;
	font-size: 1em;
	color: #fff;
}
ol.rules h5 {
	margin-bottom: 0.5em;
	font-size: 1em;
	color: #fff;
}
#contents ol.rules p {
	margin: 0 10px 1em 50px;
	color: #ccc;
}
ol.rules ol {
	margin: 0 0 0 40px;
	padding: 5px 10px 0 30px;
}
ol.rules ol li {
	margin-bottom: 1em;
}
ol.rules a.scroller {
	clear: right;
	float: right;
	margin: 1em 15px 0 0;
	padding-left: 10px;
	background: url("../img/layout/arrow_up.gif") left center no-repeat;
	font-size: 0.8em
}



ol.rules .margin {
	margin-left: 20px;
}
#contents ol.rules .red {
	color: #f00;
}

li#rule5 dl {
	width: 400px;
	margin: 1em 0 1em 50px;
}
li#rule5 dt {
	float: left;
}
li#rule5 ol dl {
	width: 380px;
	margin-left: 0;
}
li#rule5 dl dd {
	text-align: right;
}
li#rule5 dl.postage {
	width: 570px;
	font-weight: bold;
}
li#rule5 dl.postage dt {
	float: none;
}
li#rule5 dl.postage dd {
	margin-left: 120px;
	text-align: left;
}
li#rule5 ul {
	margin: 0 0 1em 50px;
	padding-left: 100px;
}
li#rule5 ul li {
	width: 350px;
	margin: 0;
}
li#rule5 ul li span {
	float: right;
}
li#rule5 ol.no-style {
	margin: 0 0 0 10px;
	list-style: none;
}
li#rule5 ol.no-style span {
	float: right;
	width: 540px;
}
li#rule5 ol.no-style li { _clear: right; }
*:first-child+html li#rule5 ol.no-style li { clear: right; }

li#rule6 ol dl.cancel {
	width: auto;
	margin-top: 0.5em;
}
li#rule6 ol dl.cancel dt {
	float: left;
}
li#rule6 ol dl.cancel dd {
	margin-left: 45px;
	padding-left: 10px;
	background: url("../img/layout/colon.gif") 0 center no-repeat;
	text-align: left;
}
li#rule6 dl.address {
	width: auto;
	margin-left: 55px;
}
li#rule6 dl.address dd {
	margin-left: 15px;
	text-align: left;
}

li#rule7 h5 {
	text-align: center;
}
li#rule7 ol {
	margin: 0 0 1em 50px;
	padding-left: 130px;
	list-style: none;
}
li#rule7 ol li {
	width: 280px;
	margin: 0;
}
li#rule7 ol li span {
	float: right;
}



dl.contents:after,
ol.rules li.rule:after,
ol.rules ol.no-style li:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}