/*////////////////////////////////////
              GLOBAL
/////////////////////////////////////*/

body {
		margin: 0;
		padding: 0;
		min-width: 742px;
		text-align: center;
		font-family: helvetica,arial,verdana,sans-serif;
		background: #fff9f2 url("../img/bg.gif") repeat-y 50% 0;
}

#wrapper {
		font-size: 90%;
		margin: 0 auto;
		text-align:left;
		width:742px;
		color:#333333;
		line-height:1.6em;
		background-color:#ffffff;
		border:0px solid #999999;
}

#header {
		width:742px;
		height: 120px;
		margin: 0 auto;
		border:0px solid #999999;
		background: url("../img/header.gif");
}

#content {
		width: 712px;
		margin: 0;
		padding: 15px;
		text-align:left;
		background:#ffffff;
		border:0px solid #999999;
}

#topics {
		clear: both;
		width: 712px;
		margin: 0;
		padding: 15px;
		text-align:left;
		background:#ffffff;
		border:0px solid #999999;
}

#footer {
		clear: both;
		width:742px;
		height: 35px;
		padding: 0;
		margin: 30px 0 0 0;
		font-size: 80%;
		text-align: center;
		border:0px solid #999999;
		background: url("../img/footer.gif");
}

.clear {
		margin:0;
		padding:0;
		line-height:0;
		clear:both;
}

.space {
		margin:0 0 0.5em 0;
		padding:0;
}

.small {
		padding:0;
		margin: 0;
		font-size:80%;
		line-height:1.5em;
}

.large {
		padding: 0;
		margin: 0;
		font-size:40px;
}
.big2 {
		padding: 0;
		margin:0;
		font-size:120%;
		line-height: 1.2em;
}





/*////////////////////////////////////
             NAVIGATION
/////////////////////////////////////*/

#nav {
	width: 742px;
	position:			relative;
	margin:				0;
	padding:			0;
	background: url("../img/nav_bg.gif");
	line-height:		1em;
}

ul#nav, ul#nav li {
	margin:				0;
	padding:			0;
}

html>body ul#nav {
	position:			relative;
	height:				35px;
}

* html ul#nav {
	position:			relative;
	height:				34px;
}

ul#nav li {
	display:			inline;
	list-style-type:	none;
}

ul#nav li a:link, ul#nav li a:visited {
	float:				left;
	margin:				0;
	padding:			7px 22px 9px 45px;
	border:			0px solid #369;
/*	border-bottom:		1px solid #369;
	border-right:		1px solid #000;*/
	color:				#fff;
	font-size:			12px;
	text-decoration:	none;
	background: url("../img/nav_up.gif");
}

ul#nav li a:hover {
	color:				#fff;
	background: url("../img/nav_over.gif");
}

body#index  ul#nav li#index a, 
body#info   ul#nav li#info a, 
body#sinryo ul#nav li#sinryo a, 
body#access ul#nav li#access a, 
body#bosyu  ul#nav li#bosyu a, 
body#admin  ul#nav li#admin a, 
body#nav li {
	/*border-bottom:		1px solid #fff;*/
	margin:				0;
	color:				#fff;
	background: url("../img/nav_over.gif");
}

#content ul.arrow {
	padding:0 20px 0 20px;
	margin:0;
}

#content ul.arrow li {
	padding:0 0 0 22px;
	margin:0;
	background:url("../img/accent_orange.gif") no-repeat 0 6px;
	list-style-type: none;
}





/*////////////////////////////////////
                BOX
/////////////////////////////////////*/

.box_border {
		float: left;
		width: 440px;
		padding: 10px 10px 10px 20px;
		margin: 0 0 30px 2px;
		background: url("../img/box_bg.gif") top left repeat-x;
		border:1px solid #cccccc;
}

.box_clear {
		float: left;
		width: 450px;
		padding: 0 0 5px 20px;
		margin: 0 0 20px 2px;
		border:0px solid #cccccc;
}

.right_box {
		float: right;
		width: 225px;
		background-color:#ffffff;
		border:0px solid #999999;

}

.left_box {
		float: left;
		width: 480px;
		margin: 0;
		padding: 0;
		background-color:#ffffff;
		border:0px solid #999999;
}

.topics_box {
		float: left;
		width: 450px;
		padding: 20px 20px 20px 0;
		margin: 0 0 20px 2px;
		line-height: 1.8em;
		background: url("../img/box_bg.gif") top left repeat-x;
		background-color:#ffffff;
		border:1px solid #999999;
}
.topics_box_w {
		clear: both;
		float: left;
		width: 100%;
		padding: 20px 0px 20px 0;
		margin: 0 0 20px 2px;
		line-height: 1.8em;
		background: url("../img/box_bg.gif") top left repeat-x;
		background-color:#ffffff;
		border:1px solid #cccccc;
}

.mati_box {
		float:right;
		width: 216px;
		height: 87px;
		padding: 14px 16px 0 0;
		text-align: center;
		line-height: 1.2em;
		display : inline ;
}

.side_box1 {
		float: right;
		width: 200px;
		height: 106px;
		margin: 0 0 10px 0;
		padding: 10px;
		line-height: 1.2em;
		background: url("../img/side_box1.gif") no-repeat;
}

.side_box2 {
		float: right;
		margin: 0 0 10px 0;
		width: 200px;
		height: 150px;
		padding: 10px;
		line-height: 1.2em;
		background: url("../img/side_box2.gif") no-repeat;
}

.side_box_sub{
		margin: 0;
		padding: 0;
		font-size: 90%;
		line-height: 1.2em;
}

.side_box_sub2{
		margin: 5px 0 0 0;
		padding: 0;
		font-size: 84%;
		border-top: 1px dotted #009966;
}

.image_box_right {
		float:right;
		width:218;
		height:168;
		padding:6px;
		margin:5px 4px 5px 5px;
		background: url("../img/photo_base.gif");
}

.image_box_left {
		float:left;
		width:218;
		height:168;
		padding:6px;
		margin:5px 5px 5px 2px;
		background: url("../img/photo_base.gif");
}











/*////////////////////////////////////
                IMAGE
/////////////////////////////////////*/

img.right {
		float: right;
		margin: 0 0 1em 1em;
}

img.left {
		float: left;
		margin: 0 1 1em 0;
}

img.side_box_icon {
		float: left;
		margin: 10px 10px 5px 0;
}





/*////////////////////////////////////
             HEADING
/////////////////////////////////////*/

body#index h1{
		clear:both;
		width: 478px;
		height: 32px;
		text-indent: 45px;
		margin:0 0 10px 0;
		line-height:32px;
		color: #ff9900;
		background:url("../img/h1_bg.gif") no-repeat;
		font-size:100%;
		border:0px solid #ff0099;

}

body#index h3 {
		clear:both;
		margin:1.5em 0 6px 0;
		line-height:1em;
		text-indent: 20px;
		color: #ff9900;
		vertical-align:middle;
		background:url("../img/accent_orange.gif") no-repeat 0% 50%;
		font-size:100%;
}

h1 {
		clear:both;
		width: 478px;
		height: 32px;
		text-indent: 45px;
		margin:0 0 10px 0;
		line-height:32px;
		color: #009966;
		background:url("../img/h1_bg_green.gif") no-repeat;
		font-size:100%;
		border:0px solid #ff0099;

}

h1.wide {
		clear:both;
		width: 100%;
		height: 32px;
		text-indent: 45px;
		margin:0 0 10px 0;
		line-height:32px;
		color: #009966;
		background:url("../img/h1_bg_green.gif") no-repeat;
		font-size:100%;
		border:0px solid #ff0099;

}

h1.o {
		clear:both;
		width: 478px;
		height: 32px;
		text-indent: 45px;
		margin:0 0 10px 0;
		line-height:32px;
		color: #ff9900;
		background:url("../img/h1_bg.gif") no-repeat;
		font-size:100%;
		border:0px solid #ff0099;

}

h2 {
		clear: both;
		width:470px;
		height:22px;
		text-indent: 10px;
		font-size: 100%;
		color: #009966;
		/*border-top :1px solid #c7e5d8;
		border-right: 1px solid #c7e5d8;*/
		border-left: 5px solid #009966;
		border-bottom: 1px solid #009966;
}

h2.wide {
		clear: both;
		width:100%;
		height:22px;
		text-indent: 10px;
		font-size: 100%;
		color: #009966;
		/*border-top :1px solid #c7e5d8;
		border-right: 1px solid #c7e5d8;*/
		border-left: 5px solid #009966;
		border-bottom: 1px solid #009966;
}

h3 {
		clear:both;
		margin:1.5em 0 6px 0;
		line-height:1em;
		text-indent: 20px;
		color: #009966;
		vertical-align:middle;
		background:url("../img/accent_green.gif") no-repeat 0% 50%;
		font-size:100%;
}

h4 {
		clear:both;
		margin:6px 0 6px 0;
		line-height:1em;
		text-indent: 16px;
		color: #009966;
		vertical-align:middle;
		background:url("../img/arrow_green.gif") no-repeat 0% 50%;
		font-size:94%;
}


/*////////////////////////////////////
             TEXT COLOR
/////////////////////////////////////*/

.green {
		color: #009966;
}

.orange {
		color: #ff9900;
}

.red {
		color: #ff3366;
}





/*////////////////////////////////////
               TABLE
/////////////////////////////////////*/



body#sinryo table.time{
		margin: 10px 0 5px 0;
		background: #999999;
		text-align: center
}

body#sinryo table.time td{
		background: #ffffff;
}

body#sinryo table.time th{
		background: #ffffff;
		background: url("../img/box_bg.gif");
		color: #009966;
}



body#kfn table.time{
		margin: 10px 0 5px 0;
		background: #999999;
		text-align: center
}

body#kfn table.time td{
		background: #ffffff;
}

body#kfn table.time th{
		background: #ffffff;
		background: url("../img/box_bg.gif");
		color: #009966;
}