@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Common Format
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ================================================================================
		global
================================================================================ */
body, th, td {
	line-height: 1.2;
	color: #333;
	font-size: 14px;
	font-family: 'Verdana', sans-serif;
}
input, textarea {
	font-size: 14px;
}
body {
	background: url(../img/bg.jpg) repeat-y center top;
	text-align: center;
}
p {
	margin-bottom: 0.7em;
}
a {
	color: #003cff;
}
a:hover {
	color: #547cfc;
}
.linkStr a {
	font-size: 22px;
	font-weight: bold;
}
strong {
	background: #faff69;
	padding: 0.1em 0.3em;
	font-weight: bold;
}
strong.red {
	background: none;
	padding: 0;
	color: #f00;
}
/* ================================================================================
		wrapper
================================================================================ */
#wrapper {
	margin: 0 auto;
	width: 750px;
	text-align: left;
}
/* ================================================================================
		header
================================================================================ */
h1 {
	background: #e9e9e9;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
}
#header {
	margin-bottom: 10px;
}
/* ================================================================================
		topicsPath
================================================================================ */
#topicPath {
	margin-bottom: 15px;
	padding: 0 30px;
}
#topicPath li {
	float: left;
}
#topicPath li,
#topicPath li a {
	color: #666;
	font-size: 12px;
}
/* ================================================================================
		contents
================================================================================ */
div#contents {
	margin-bottom: 40px;
}
/* ================================================================================
		footer
================================================================================ */
/* pagetop */
#pagetop {
	margin-bottom: 40px;
	border-bottom: 5px solid #ccc;
	padding: 0 30px 5px 30px;
	text-align: right;
}
#pagetop a {
	color: #333;
}
/* btmNav */
#btmNav {
	margin: 0 30px 30px 30px;
}
#btmNav li {
	display: inline;
}
#btmNav li a {
	margin-right: 0.5em;
	color: #666;
}
/* footer */
#footer {
	margin: 0 30px;
	padding-bottom: 20px;
}
#footer .fNav {
	margin-bottom: 10px;
}
#footer .fNav li {
	display: inline;
	margin-right: 0.5em;
}
#footer .fNav li a {
	color: #333;
}
#footer .copyright a {
	color: #333;
	text-align: center;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	2. Directory Format
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* midashi */
.midashi {
	margin: 0 30px 20px 30px;
	background: url(../img/midashi.jpg) no-repeat left center;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
}
/* komidashi */
.komidashi {
	margin: 0 30px 20px 30px;
	border-bottom: 1px dotted #ccc;
	padding: 10px 10px;
	font-size: 16px;
	font-weight: bold;
}
/* columnBox */
.columnBox {
	margin: 0 80px 30px 80px;
}
.f_left {
	padding: 0 20px 20px 0;
	background: #fff;
}
.f_right {
	padding: 0 0 20px 20px;
	background: #fff;
}
.img {
	text-align: center;
}
/* notebook */
.notebook {
	background: url(../img/notebook.gif) repeat left top;
	line-height: 32px;
}
/* pointBox */
.pointBox {
	border: 3px solid #ff1c7c;
	background: url(../img/icon_point.gif) no-repeat 15px 15px;
	padding: 30px 30px 30px 80px;
	line-height: 1.8;
	color: #ff1c7c;
}
.pointBox p {
	margin-bottom: 0;
}
/* checkList */
.checkList {
	margin-left: 30px;
}
.checkList li {
	margin-bottom: 0.5em;
	list-style-image: url(../img/icon_checkList.gif);
	color: #f00;
	line-height: 1.5;
	font-weight: bold;
}
/* tbl */
.tbl {
	width: 100%;
}
.tbl th,
.tbl td {
	border: 1px solid #ccc;
	padding: 10px 15px;
}
.tbl th {
	background: #f7f7f7;
	font-weight: bold;
	width: 35%;
}
.tbl td {
	width: 65%+
}
/* rankBox */
.rankBox {
	margin: 0 50px 30px 50px;
}
.rankBox h3 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0 10px 95px;
	font-size: 22px;
	font-weight: bold;
}
.rankBox .no1 {
	background: url(../img/icon_no1.gif) no-repeat left center;
}
.rankBox .no2 {
	background: url(../img/icon_no2.gif) no-repeat left center;
}
.rankBox .no3 {
	background: url(../img/icon_no3.gif) no-repeat left center;
}
.rankBox .img {
	float: left;
	width: 180px;
}
.rankBox .txt {
	float: right;
	width: 450px;
	line-height: 1.5;
}
.rankBox .btn {
	text-align: right;
}
.rankBox .btn ul {
	float: right;
}
.rankBox .btn ul li {
	float: left;
	margin-left: 10px;
}
/* btmBox */
.btmBox {
	margin: 0 50px 30px 50px;
	background: #f7f7f7;
	padding: 20px;
	font-size: 12px;
}
.btmBox p {
	margin-bottom: 0;
}
/* ================================================================================
		about
================================================================================ */
.about .columnBox p {
	line-height: 1.8;
}
/* ================================================================================
		link
================================================================================ */
.link dl dt {
	margin: 30px 0 5px 0;
	font-weight: bold;
}
/* ================================================================================
		terms
================================================================================ */
.terms .disc {
	margin-bottom: 0.7em;
}
.terms .columnBox p {
	line-height: 1.8;
}
/* ================================================================================
		contact
================================================================================ */
.contact .tbl {
	margin-bottom: 20px;
}
.contact .tbl th span {
	margin-right: 5px;
	background: #f00;
	padding: 1px 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.contact .tbl input.text {
	width: 300px;
}
.contact .tbl textarea {
	width: 300px;
	height: 200px;
}
/* error */
.contact .error_list {
	color: #f00;
}
.contact .error_str {
	color: #f00;
}