@charset "utf-8";

html{
	height: 100%;

}

body{
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 1.8;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	background-color: #FFFFFF;
}

#wrapper{
	/*background: #fff url(img/bg.gif) repeat-y center top !important;*/
	width:760px !important;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	position: relative !important;
	min-height: 100%;
	padding:1px 0;
	text-align: center;
	}

* html #wrapper	{
	/*margin-top:-21px;*/
	height: 100%;
}


/*reset*/

p,h1,h2,h3,h4,h5,h6,pre,
blockquote,ul,ol,li,dl,dt,dd,div{
	margin: 0px;
	padding: 0px;
}

table,tr ,td{
	border: 0px none;
}


/*a*/

a img{border-width: 0;}

/*a:link {color: #000;}*/
/*a:visited {color: #848484;}*/
/*a:active {color: #666666;}*/
a:hover {
	/*background-color: #DDFF9D;*/
	height:2em;
	color: red;
}
div#left {
	padding: 10px;
	float: left;
	height: auto;
	width: 160px;
}


li{list-style-type:none;
margin-left:0px;
}

.bfont{
	font-weight:bold;
}

br.cr{
	clear:both;
}

span.hidden {display:none;}
span.red {color:#c00;}

/*hedaer*/

div#top{

	width:740px;
	margin:0 auto;
	padding:0;
}

h1#header{
	background-image: url(img/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top!important;
	width: 340px;
	height: 50px;
	background-color:#fff;
	margin-right: auto;
	margin-left: 0em;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	float: left;
}

h1#header a:hover {
	background-repeat: no-repeat;
	background-position: left top;
}


h1#header a{
	display:block;
	text-align: left;
	height: 50px;
	width: 340px;
	margin-left: 1px;	
}


div#right{
	float: right;
	width: 510px;
	text-align: left;
	height: 100%;
	padding-bottom: 40px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#left h3 {
	
	padding-left: 15px;
	padding-bottom: 10px;
}
#box {
	height: auto;
	width: 710px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#box p {
	padding-top: 10px;
	line-height: 1.5em;
}
div#menu {
	width: 740px;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	
}



div#footer	{
	text-align:left;
	padding-top: 1em;
	/*clear: both;*/
	width: 740px;
	border-top:1px solid #ccc;
	bottom: 0px;

	height: ;
	margin-right: auto;
	margin-left: auto;
}
#sub {
	float: right;
	height: auto;
	width: 395px;
	margin-top: 25px;
}


p#copy{
	clear:both;
	text-align:center;
	margin-top: 10px;
}
#sub li {
	float: right;
}
li#sub01 a {
	background-image: url(img/sub_01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 83px;
}

li#sub01 a:hover {
	background: #fff url(img/sub_01_o.gif) no-repeat;
	display: block;
	height: 20px;
	width: 83px;
}

li#sub02 a {
	background-image: url(img/sub_02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 90px;
}

li#sub02 a:hover {
	background: #fff url(img/sub_02_o.gif) no-repeat;
	display: block;
	height: 20px;
	width: 90px;
}

li#sub03 a {
	background-image: url(img/sub_03.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 86px;
}

li#sub03 a:hover {
	background: #fff url(img/sub_03_o.gif) no-repeat;
	display: block;
	height: 20px;
	width: 86px;
}

li#sub04 a {
	background-image: url(img/sub_04.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 131px;
}

li#sub04 a:hover {
	background: #fff url(img/sub_04_o.gif) no-repeat;
	display: block;
	height: 20px;
	width: 131px;
}



#footer ul{
	margin-bottom: 10px;

}
#footer li{
	line-height:1.5em;
	padding-left: 13px;
	display:block;
	float:left;
	background-image: url(img/li_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 10px;
}

div#content {
	height: auto;
	width: 740px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

div#box h3 {
	text-indent: 1em;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #CCCC99;
	margin-top: 10px;
}
div#menu li {
	background-repeat: no-repeat;
	float: left;
	display: block;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	height: 55px;
	width: 148px;
}

#menu ul a {
	display: block;
	/*line-height: 2;*/
	height: 55px;
	width: 148px;
	text-align: center;
	color: #fff;
	cursor:pointer;
	margin-right: auto;
	margin-left: auto;
}

li#nav01 a{
	background: #fff url(img/nav01.gif) no-repeat center top;
}

li#nav01 a:hover {
	background: #fff url(img/nav01_o.gif) no-repeat center top;
}

li#nav02 a{
	background: #fff url(img/nav02.gif) no-repeat center top;
}

li#nav02 a:hover {
	background: #fff url(img/nav02_o.gif) no-repeat center top;
}

li#nav03 a{
	background: #fff url(img/nav03.gif) no-repeat center top;
}

li#nav03 a:hover {
	background: #fff url(img/nav03_o.gif) no-repeat center top;
}

li#nav04 a{
	background: #fff url(img/nav04.gif) no-repeat center top;
}

li#nav04 a:hover {
	background: #fff url(img/nav04_o.gif) no-repeat center top;
}

li#nav05 a{
	background: #fff url(img/nav05.gif) no-repeat center top;
}

li#nav05 a:hover {
	background: #fff url(img/nav05_o.gif) no-repeat center top;
}



.gotop {
	text-align: right;
	margin-right: 10px;
	margin-top: 10px ;
	margin-bottom: 10px;
	font-size: 11px;
}


p#topicpath{
	margin:5px auto 0 0;
}
span.blue {
	color:#0033CC;
	font-weight: bold;
}
p#content {
	font-size: 14px;
}
span.redbold {
	font-weight: bold;
	color: #990000;
}