@import "css/reset.css";
@import "css/font.css";
@import "css/common.css";
@import "css/header.css";
@import "css/side.css";

/*
	div#header
	div#navi
	div#path
	div#main.pagename
		div#side
		div#content
	div#footer
*/

#header, #navi, #path, #main, #footer-code, #footer {
	width: 800px;
}

#navi ul li {
	width: 265px;	/* 800/3 - alpha */
}

#content {
}

.branch .branch {
	margin-bottom: 20px;
	clear: left;
}
.branch .branch h3 {
	font-size: 92%;
	font-weight: bold;
	border-left: 5px solid #8c6339;
	padding-left: 8px;
	line-height: 30px;
	background-color: #faebd9;
	color: #8c6339;
	margin-bottom: 10px;
}
.branch .branch div.picture {
	float: left;
	width: 180px;
	margin-right: 10px;
}
.branch .branch .detail_btn {
	position: relative;
	top: -20px;
	float: right;
}
.branch .branch .branch_summary {
	font-size: 88%;
	padding-bottom: 30px;
}
.branch .phone {
	color: #ff6666;
	font-weight: bold;
}
.branch .branch_detail img {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}
.branch .branch_detail dl {
	display: block;
	margin-top: 10px;
	float: right;
	width: 310px;
	font-size: 88%;
}
.branch .branch_detail dl dt {
	clear: left;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
}
.branch .branch_detail dl dd {
	padding-left: 6em;
	display: block;
	border-bottom: 1px dotted gray;
	padding-top: 4px;
	padding-bottom: 4px;
}
.branch h2 {
	clear: left;
}
h2.branch_name {
	font-size: 120%;
	border-left: 6px solid #996600;
	padding-left: 8px;
	background-color: #faebd9;
	background-image: none;
	color: #8c6339;
}
.branch .staff_profile {
	display: inline;
	float: left;
	width: 290px;
	margin-right: 5px;
	font-size: 82%;
}
.branch .staff_profile img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.branch .staff_profile .staff_name {
	font-size: 120%;
	margin-bottom: 10px;
}
.branch dl.contact-box {
	margin-top: 40px;
	/* border-color: #ff6666; */
}
.branch .contact-box dt {
	background-color: #ff6666;
}
.branch .contact-box dd {
	border: 1px solid #ff6666;
	padding-top: 10px;
	padding-bottom: 10px;
}
#map {
	width: 600px;
	height: 320px;
	margin-bottom: 20px;
	color: white;
}

ul.news {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	border-top: 1px dotted gray;
}
.top ul.news {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
ul.news li {
	position: relative;
	top: -1px;
	list-style: none;
	padding-top: 5px;
	height: 20px;
	font-size: 85%;
	line-height: 1.2;
	padding-bottom: 4px;
}
.top ul.news li {
	border-top: 1px dotted gray;
	padding-top: 8px;
}
ul.news .date {
	font-family: sans-serif;
}
ul.news .title {
	background-image: url(css/news-title.png);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	padding-left: 20px;
}
.news ul {
	padding-top: 10px;
	margin-bottom: 20px;
}

#letterbox {
	float: right;
	width: 200px;
	border: 1px solid gray;
	margin-bottom: 10px;
	margin-right: 5px;
	font-size: 85%;
}
#letterbox p {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.with-on-header {
	position: relative;
	margin-right: 205px;
	_margin-right: 210px;
}
.top h3 {
	border-left: 5px solid #f08020;
	padding-left: 8px;
	line-height: 30px;
	font-weight: bold;
	font-size: 92%;
}
.with-on-header h3 {
	height: 30px;
	margin-bottom: 5px;
}
.news h3 {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 10px;
}
.on-header {
	position: relative;
	top: -30px;
	width: 50px;
	height: 0px;
	float: right;
}
.on-header {
	font-size: 1px;
}
.box-header {
	font-size: 14px;
	color: #b09030;
}
.box-header small {
	font-size: 8px;
}
.box-header {
	height: 32px;
	background-image: url(css/letter-header-bg.png);
	background-repeat: repeat-x;
	padding-left: 8px;
	margin-bottom: 10px;
}
.box-header img {
	position: relative;
	top: -5px;
	vertical-align: middle;
}
.register_btn {
	text-align: center;
	margin-bottom: 10px;
}

.top #flash {
	background-color: gray;
	height: 350px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.sitemap table.sitemap {
	width: 100%;
}
.sitemap table.sitemap th {
	width: 12em;
}
.sitemap table.sitemap th,
.sitemap table.sitemap td {
	padding: 20px;
}
.sitemap table.sitemap td {
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
}
.sitemap table.sitemap th {
	white-space: nowrap;
	text-align: left;
	background-color: #fbf1e5;
	border: 10px white solid;
}
.sitemap li {
	list-style: url(css/news-title.png);
}
.sitemap li li {
	margin-left: 20px;
}

.policy dl.policy dt {
	border-bottom: dotted 1px gray;
}
.policy dl.policy dd {
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 10px;
}
.policy dl.policy dt span {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 20px;
	margin-right: 5px;
	text-align: center;
	background: gray;
	color: white;
	text-style: normal;
	margin-bottom: 3px;
}
.policy .signature {
	text-align: right;
	margin-bottom: 30px;
}

dl.contact-box {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	padding-bottom: 0;
}
dl.contact-box dt,
dl.contact-box dd {
	padding-left: 20px;
}
dl.contact-box dt {
	background-color: gray;
	color: white;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
}
dl.contact-box dd {
	margin-top: 0;
	font-size: 13px;
}
dl.contact-box dd .phone {
	font-size: 26px;
}

.policy dl.contact-box {
	border: 1px solid gray;
}

.policy ul li {
	margin-left: 20px;
}
.policy ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.about table {
}
.about table table.layout {
	font-size: 100%;
}

.branch_detail img {
	margin-bottom: 20px;
}
.staff_profile {
	margin: 5px;
	margin-bottom: 20px;
}

#content p,
#content dl,
#content th,
#content td {
	font-size: 80%;
}
#content table table th,
#content table table td {
	font-size: 100%;
}