@charset "UTF-8";
@import "../../css/common.css";

/* ---------------------------------------------------------
	CSS Document Layout
--------------------------------------------------------- */

.wrapper {
	margin-top: 15px;
	padding: 0 0 25px;
	border: solid 1px #2875b8;
	background: #fff;
}

.wrapper h2 {
	padding: 10px 10px;
	border-bottom: solid 4px #5AB2DA;
	text-align: left;
	font-size: 120%;
}

.wrapper h2 a {
	text-decoration: none;
	color: #3c3d3d;
}

.wrapper h2 a:hover {
	text-decoration: underline;
	color: #DF4545;
}

/* ---------------------------------------------------------
	CSS Document Category
--------------------------------------------------------- */

#category {
	margin: 24px 15px 0;
}

#category table {
	border-collapse: collapse;
	margin: 0 auto;
}

#category td {
	border: solid 1px #5AB2DA;
	padding: 10px 0;
	vertical-align: top;
}

#category h3 {
	padding: 5px 10px 0;
	font-size: 100%;
	color: #00f;
}

#category p.left {
	padding: 5px 10px 0;
}

#category p.right {
	padding: 5px 10px 0;
}

/* ---------------------------------------------------------
	CSS Document Entry
--------------------------------------------------------- */

.entry {
	padding: 15px 25px 0;
	text-align: left;
}

.entry h3 ,
.entry h4 ,
.entry h5 {
	padding: 10px 0 0;
	font-size: 100%;
}

.entry li {
	margin: 10px 0 0 22px;
}

.entry p {
	padding: 10px 0 0;
}

p#back {
	padding: 15px 10px 0 0;
	font-size: 100%;
	font-weight: bold;
	color: #00f;
}

p#back a {
	text-decoration: none;
	color: #00f;
}

p#back a:hover {
	text-decoration: underline;
	color: #DF4545;
}

/* ---------------------------------------------------------
	CSS Document Lesson
--------------------------------------------------------- */

.table .clearfix {
	margin: 25px 26px 0;
}

.table table {
	width: 360px;
	border-collapse: collapse;
}

.table th {
	border: solid 1px #5AB2DA;
	background: #E0F4FD;
	padding: 5px 15px;
	text-align: left;
}

.table td {
	border: solid 1px #5AB2DA;
	padding: 5px 15px;
	text-align: left;
}

/* ---------------------------------------------------------
	CSS Document Contact
--------------------------------------------------------- */

#contact {
	margin: 0 30px;
}

#contact form {
	margin-top: 10px;
}

#contact em {
	font-style: normal;
	color: #c00;
}

#contact p.form {
	padding: 10px 15px;
	border-top: dotted 1px #5AB2DA;
}

#contact p.form input {
	width: 340px;
}

#contact p.form input#mail_address ,
#contact p.form textarea {
	width: 600px;
}

#contact p.center {
	padding: 10px 15px;
	border-top: dotted 1px #5AB2DA;
}

#contact p.center input {
	font-size: 120%;
}

#contact table {
	width: 680px;
	border-collapse: collapse;
}

#contact th {
	width: 140px;
	padding: 10px 0 10px 15px;
	border-top: dotted 1px #5AB2DA;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#contact td {
	padding: 10px 15px;
	border-top: dotted 1px #5AB2DA;
}

#contact td p {
	padding: 0;
}