/* structure */
#nav {
	width: 160px;
	float: left;
}
#subject {
	width: 760px;
	float: right;
}
#image { margin-right: -10px; }

/* navigation area */
#nav h2 { margin: 19px 0 20px; }
#nav p {
	font-size: small;
	line-height: 1.4em;
	margin: 0.5em 0 0;
}
.side-box {
	background: url(../images/frame_s_bg.gif) repeat-y;
	margin-bottom: 30px;
}
.side-box-inner {
	background: url(../images/frame_s_btm.gif) no-repeat bottom;
	padding-bottom: 7px;
}
.side-box-inner ul {
	background: url(../images/frame_s_top.gif) no-repeat top;
	padding-top: 20px;
}
.side-box-inner li {
	font-size: small;
	line-height: 1.6em;
	padding-bottom: 10px;
}
.side-box-inner ul ul {
	background: url(none);
	padding: 5px 0 0 20px;
}
.side-box-inner ul ul li {
	background: url(../images/arrow_dark.gif) no-repeat left center;
	text-indent: 12px;
	padding-bottom: 0;
}
.side-box-inner li a {
	color: #7f7f5f;
	text-decoration: none;
}
.side-box-inner li a:hover { text-decoration: underline; }
.bnr {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.bnr a img {
	display: block;
	border: 1px solid #dedede;
	margin-top: 3px;
}
.bnr a:hover img { border: 1px solid #ffcc00; }

/* boxes */
.main-box {
	background: url(../images/frame_l_btm.gif) no-repeat bottom;
	padding-bottom: 17px;
	margin-bottom: 20px;
}
.main-box-inner {
	border: solid #deded7;
	border-width: 0 1px;
	padding: 0 19px;
}
.sub-box {
	border: 1px solid #dfdfd7;
	padding: 15px 19px;
}
.column { margin-bottom: 10px;}
.column-left {
	width: 350px;
	float: left;
}
.column-right {
	width: 350px;
	float: right;
}
.column2 { margin-bottom: 20px;}
.column2 .column-left, .column2 .column-right { text-align: center; }
.column3 { margin: 0 10px 20px;}
.column3 .column-left {
	width: 400px;
	float: left;
}
.column3 .column-right {
	width: 260px;
	float: right;
}
.column4 { margin-bottom: 30px;}
.column4 .column-right {
	width: 480px;
	height: 160px;
	background: #e6e6da;
	float: right;
}
.column4 .column-right p {
	padding: 6px 10px 0;
	font-size: small;
	margin: 0;
}

/* texts */
h3 { margin-bottom: 14px; }
h3.first {
	background: url(../images/frame_l_top.gif) no-repeat top;
	padding: 17px 20px 12px;
	margin-bottom: 0;
}
h3 img, .sub-box h4 img { border-bottom: 1px solid #ffcc00; }
.main-box-inner h4 { margin-bottom: 10px; }
.main-box-inner h4.bullet {
	background: url(../images/bullet_grey.gif) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 2px;
}
.main-box-inner h5 {
	background: url(../images/bullet_yellow.gif) no-repeat left center;
	padding-left: 14px;
}
.main-box-inner p { margin-bottom: 1.6em; }
.column p { margin-bottom: 0; }
.link {
	background: url(../images/arrow.gif) no-repeat left 0.3em;
	padding-left: 12px;
}
.midashi {
	background: url(../images/bullet.gif) no-repeat left center;
	padding-left: 11px;
	font-weight: bold;
}

/* graphics */
.picture {
	text-align: center;
	margin-bottom: 30px;
}
.picture-right {
	float: right;
	font-size: 12px;
}
.picture-right img {
	display: block;
	margin-bottom: 5px;
}

/* definition list */
.main-box-inner dl { margin: 0 9px 20px; }
.main-box-inner dt {
	background: url(../images/arrow.gif) no-repeat 8.5em 0.8em;
	margin-top: 5px;
	border-top: 1px dashed #dfdfdf;
	padding-top: 5px;
}
.main-box-inner dd { margin: -1.6em 0 0 9.7em; }
.main-box-inner dt.first {
	margin-top: 0;
	border-top: none;
}
.main-box-inner dt.indent { text-indent: 3.45em; }

.main-box-inner dl.soukai { margin: 0 0 0.3em; }
.main-box-inner dl.soukai dt {
	background: url(../images/arrow.gif) no-repeat 2.6em 0.5em;
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
.main-box-inner dl.soukai dd { margin: -1.6em 0 0 3.9em; }

/* list */
.main-box-inner ul { margin: 0 9px 20px; }
.main-box-inner li {
	background: url(../images/bullet.gif) no-repeat left 0.5em;
	padding-left: 12px;
	font-size: 90%;
	line-height: 1.5em;
	margin: 7px 0;
}
.main-box-inner li.first { margin-top: 0; }
.main-box-inner ul.decimal { margin-left: 3px; }
.main-box-inner ul.decimal li {
	list-style: decimal inside;
	background: url(none);
	padding-left: 0;
}

/* table 1 */
table.list {
	width: 100%;
	border: solid #d9d9d1;
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
}
.list th, .list td {
	border: solid #d9d9d1;
	border-width: 0 1px 1px 0;
	padding: 6px 12px;
	font-size: 90%;
	font-weight: normal;
}
.list th {
	background: #e6e6da;
	white-space: nowrap;
}
.list th.head, .list td.head {
	font-weight: bold;
	text-align: center;
}
.numeric td { text-align: right; }
.list td p {
	font-size: 100%;
	margin: 0;
}
.schedule th {
	width: 20%;
	text-align: left;
}
.list caption {
	background: url(../images/bullet.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}

/* table 2 */
table.enquete {
	width: 700px;
	margin-left: 20px;
}
.enquete th, .enquete td {
	padding: 3px 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	vertical-align: top;
}
.enquete th {
	background: url(../images/bullet_yellow.gif) no-repeat left 0.7em;
	padding-left: 15px;
	white-space: nowrap;
}
.enquete td {
	background: url(../images/arrow.gif) no-repeat left 0.7em;
	padding-left: 30px;
}
.enquete td td {
	background: url(none);
	padding: 1px;
	font-size: 100%;
}
.enquete td.merge {
	background: url(none);
	padding-left: 0;
	font-weight: bold;
}
.enquete td input, .enquete td textarea { font-size: small; }

/* table 3 */
.column2 table {
	width: 330px;
	border: solid #dfdfd7;
	border-width: 1px 0 0 1px;
	margin: 10px 10px 0;
}
.column2 th, .column2 td {
	border: solid #dfdfd7;
	border-width: 0 1px 1px 0;
	padding: 6px 12px;
	font-size: small;
}
.column2 th {
	width: 30%;
	background: #fcfcfa url(../images/lease/cell_bg.gif) repeat-x bottom;
}

/* table 4 */
.gallery td {
	padding: 10px 15px;
	font-size: x-small;
}
.gallery td img {
	display: block;
	margin-bottom: 2px;
}

/* form */
.must {
	color: #ff0000;
	font-size: small;
	line-height: 1.3em;
}
.submit { margin: 10px 0 0 20px; }
button {
	border: none;
	background: #ffffff;
}

/* link pdf documents */
a.pdf {
	background: url(../images/icon_pdf.gif) no-repeat left center;
	padding-left: 19px;
	font-size: small;
	margin-left: 1em;
}

/* banner area */
.marginal-box { padding: 15px 400px 0 17px; }
.marginal-box img { margin-bottom: 7px; }
.marginal-box p {
	font-size: x-small;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

/* added styles */
.audio {
	background: url(../images/icon_audio.gif) no-repeat left center;
	padding-left: 21px;
}
.player { vertical-align: middle; }
