@charset "utf-8";
@import url("common.css");

/* -------------------------------------------------------
   content
------------------------------------------------------- */
#center-image {
	width      : 900px;
	height     : 100px;
	margin     : 5px 0 10px 0;
}

.message {
	position : absolute;
	float    : left;
	width    : 420px;
	margin   : 15px 0px 0px 30px;
	color    : #333;
}

.message h2 {
	margin  : 0;
	padding : 0 0 10px 10px;
	font    : 24px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
}

.message p {
	padding   : 10px 0 0 10px;
	font-size : 14px;
}

/* -------------------------------------------------------
   main
------------------------------------------------------- */
#content {
	width   : 900px;
	margin  : 0;
	padding : 0;
}

#content .right {
	float   : right;
	width   : 590px;
	margin  : 0 0 5px 0;
	padding : 0;
}

* html body #content .right {
	margin : 0 -40px 5px 0;
}

#content .left {
	float   : left;
	width   : 300px;
	margin  : 0 10px 5px 0;
	padding : 0;
}

* html body #content .left {
	margin  : 0 0px 5px 0;
}

#content .right-top {
	width      : 590px;
	height     : 20px;
	margin     : 0;
	padding    : 0;
	background : url(../images/b-right-top.gif) no-repeat;
}

#content .right-content {
	width      : 590px;
	margin     : 0;
	padding    : 0 20px;
	background : url(../images/b-right-content.gif) repeat-y;
}

#content .right-bottom {
	clear      : both;
	width      : 590px;
	height     : 20px;
	margin     : 0;
	padding    : 0;
	background : url(../images/b-right-bottom.gif) no-repeat;
}

#content .right h3 {
	width         : 550px;
	margin        : 0 0 15px 0;
	padding       : 0 0 4px 0;
	background    : none;
	border-bottom : 2px dotted #444;
	color         : #444;
	font-weight   : bold;
	font-size     : 18px;
	line-height   : 24px;
}

#content .right-content .sentence {
	width   : 510px;
	padding : 0 20px;
}

#content .right h4 {
	width       : 550px;
	margin      : 5px 0 0 0;
	padding     : 0 0 0 20px;
	background  : url("../images/b-right-h4.gif") no-repeat;
	line-height : 25px;
	font-size   : 16px;
}

#content .right h5 {
	width       : 530px;
	margin      : 5px 0;
	padding     : 0 0 0 20px;
	background  : url("../images/b-right-h5.gif") no-repeat;
	line-height : 25px;
	font-size   : 14px;
	color: #555;
}

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

#content .left h4 {
	width       : 300px;
	margin      : 0;
	padding     : 0;
	background  : url("../images/b-left-h4.gif") no-repeat;
	text-align  : center;
	line-height : 35px;
	color       : #333;
	font-size   : 16px;
}

#content .left .left-content {
	margin  : 0;
	padding : 10px;
	border  : 2px solid #c5c5c5;
}

#content .left .left-content ul li {
	margin        : 0 0 10px 0;
	padding       : 0 0 5px 20px;
	line-height   : 20px;
	font-size     : 15px;
	font-weight   : bold;
	border-bottom : 1px dotted #631e19;
	background    : url("../images/b-left-menu.gif") no-repeat;
}

#content .left .left-content ul li.current {
	background : url("../images/b-left-menu-current.gif") no-repeat;
}

#content .left .left-content ul li a:link,
#content .left .left-content ul li a:visited {
	text-decoration : none;
}

#content .left .left-content ul li a:hover,
#content .left .left-content ul li a:active {
	color           : #c5c5c5;
	text-decoration : none;
}

#content .left .left-content ul li.sub-menu {
	height        : 100%;
	margin        : 0 0 0 20px;
	padding       : 0;
	border-bottom : none;
	background    : none;
}

#content .left .left-content ul li.sub-menu ul li {
	margin        : 0 0 10px 0;
	padding       : 0 0 5px 15px;
	line-height   : 15px;
	font-size     : 13px;
	font-weight   : bold;
	border-bottom : 1px dotted #631e19;
	background    : url("../images/b-left-sub-menu.gif") no-repeat;
}

/* -------------------------------------------------------
   site-search
------------------------------------------------------- */
#content .left .left-content .site-search {
	text-align : center;
}

#content .left .left-content .site-search form {
	margin  : 0;
	padding : 0;
}