@charset "UTF-8";
/****************************************

共通

*****************************************/
body{
	overflow-y:scroll;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height: 110%;
	background-image: url(../images/back.gif);
	background-repeat: repeat-x;
}
h1,h2,h3,h4,h5,h6,p,div,ul.ol,li,dt,dl,dd,
form,fieldset,input,textarea,button,table,embed,object,bgsound{
	margin: 0px;
	padding: 0px;
}
#page {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
/* ----- IE6 hack ----- 

フッダを固定配置する(IE6用)

-----------------------*/
html {
	overflow: scroll;
}
*html html {
	height: 100%;
	margin: 0
	padding: 0;
}
*html body{
	text-align: center;
	height: 100%;
	margin: 0
	padding: 0;
}
*html #container {
	height: 100%;
}
/*「*html bodyのoverflow: hidden;」と「*html #pageのoverflow-y: auto」を外したときメニューの移動が可能。しかし、フッダの位置がずれる*/

/* ----- end IE6 hack ----- */
#container {
	text-align: left;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	height: 100%;
	color: #76442b;
}
#container a:visited,
#footer a:visited{
	text-decoration: underline;
	color: #231815;
}
#container a:link,
#footer a:link{
	text-decoration: underline;
	color: #231815;
}
#container a:hover,
#footer a:hover{
	color: #D56000;
}
#container a:active,
#footer a:active{
	color: #D56000;
}
a img{
	border:0;
}
.dummy {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
/****************************************

ヘッダ

*****************************************/
#header {
	width: 800px;
}
#header #main-header {
	width: 800px;
	overflow: hidden;
	margin-top: 10px;
}
#header #main-header .title {
	text-align: left;
	display: inline;
	float: right;
	width: 580px;
}
#header #main-header .logo {
	display: inline;
	float: left;
	width: 195px;
}
*html #header #main-header {
	overflow: visible;
}
#header #main-header .title h1 {
	background-image: url(../images/index-header-title-back.gif);
	background-repeat: no-repeat;
	width: 580px;
	height: 85px;
}
#header #main-header .title span {
	visibility: hidden;
}
#header #main-header .title h2 {
	font-size: 100%;
	position: relative;
	top: 0px;
	left: 20px;
	font-weight: normal;
	line-height: 130%;
	width: 540px;
}
#header #size {
	height: 30px;
	width: 800px;
	text-align: right;
	margin-bottom: 5px;
}
#header .leftPadding {
	text-align: right;
	height: 30px;
	width: 800px;
}
/****************************************

コンテンツ

*****************************************/
#contents {
	width: 800px;
}
*html #contents {
	width: 800px;
}
/****************************************

コンテンツ メイン

*****************************************/
#contents-main {
	display: inline;
	float: right;
	width: 580px;
}
*html #contents-main {
	display: inline;
	float: right;
	width: 580px;
}
/****************************************

左ナビ

*****************************************/
#contents #nav {
	display: inline;
	width: 195px;
	float: left;
	margin-top: 20px;
	text-align: left;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #76442B;
	margin-left: 10px;
	padding-left: 5px;
}
*html #contents #nav {
	display: inline;
	text-align: left;
}
#nav ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	padding-top: 10px;
	padding-bottom: 5px;
	width: 150px;
}
#contents-main #sub-footer {
	text-align: right;
	width: 565px;
	margin-top: 50px;
}
#contents-main #sub-footer li {
	margin-bottom: 0.8em;
	text-align: left;
	width: 15em;
}
#contents-main #sub-footer strong {
	padding-left: 15px;
	position: relative;
	bottom: 5px;
	background-image: url(../images/list-back.gif);
	background-repeat: no-repeat;
}
#contents-main #sub-footer ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}