/* CSS Document */
body {
	font-size:80%;
	font-style:normal;
	color:#555;
	line-height:150%;
	text-align:center;
	background-image:url(../img/body_bg.gif);
	background-repeat:repeat-x;
	}

img { 	border:0px;	}

p { text-indent: 0px;
	margin: 3px 0px;}

/************** h1-h5　**************/

h1 {
	margin:20px;
	}
	
	
h2,h3,h4,h5 {
	width:auto;
	margin:0px;
	padding:0px;
	font-size:100%;
	}


/************** link　**************/

a:link {
	color:#003399;
	text-decoration:none;
	}

a:visited {
	color:#003399;
	text-decoration:none;
	}

a:active {
	color:#003399;
	text-decoration:none;
	}

a:hover {
	color:#FF3300;
	text-decoration:none;
	}


/************** main layout　**************/	

html div#wrapper { width: 760px; }

div#wrapper {
	width:760px;
	margin: 10px auto ;
	padding: 0px ;
	text-align:left;
	background-color:#FFFFFF;
	border-left: solid #dddddd 1px;
	border-right: solid #dddddd 1px;
	}

html div#header { width: 760px; }
	
div#header{
	width:760px;
	height:110px;
	position:relative;
	border-top:solid #009933 1px;
	border-bottom:solid #009933 3px;
	background-color:#41993D;
	}

*html div#footer { width: 760px ; height:100px;}
	
div#footer {
	clear:left;
	width:740px;
	height:60px;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px ;
	border-top:solid #009933 3px;
	border-bottom:solid #009933 1px;
	text-align:left;
	}	

#footer a {	margin-left:10px;color:#ffffff;	}
#footer a:hover {color:#ffffff;	}
#footer a:link {color:#ffffff;}
#footer a:visited {color:#ffffff;}
#footer a:active {color:#ffffff;}
		
#footer address{
	text-align:center;
	margin-right: 5px;
	font-style: normal;
	font-weight: normal;
	}	

*html #contents{ width:760px;}


#contents {
	width:758px;
	background-image:url(../img/css/contents_bg.gif);
	background-repeat:repeat-y;
	padding-bottom:30px;
	}


*html div#right { width: 550px ; }

#right{
	float:left;
	width:530px;
	margin: 0px;
	padding: 20px 5px 10px 15px;
	}


*html div#left { width: 200px ; }

#left{
	float:left;	
	width:190px;
	padding:20px 0px 50px 10px;
	margin: 0px 0px 20px 0px;
	background-image:url(../img/left_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}
	
#col {
	width:735px;
	padding: 40px 10px 20px 25px;
	}
	
.clear {clear:left;}

.clearR {clear:right;}


/************** navi　**************/	
	
*html ul#nav { width: 190px ; }

#nav {
	width:190px;
	list-style:none;
	margin: 0px ;
	padding: 0px ;
	font-size:100%;
	background-color:#FFFFFF;
	}

#nav li{
	width:188px;
	margin: 0px;
	padding: 0px;
	border:solid #895803 1px;
	border-left: solid #895803 1px;
	border-top: solid #dddddd 0px;
	}

*html #nav #nav-top  { width: 190px ; }

#nav #nav-top {
	width: 160px;
	border: solid #8C5B05 1px;
	padding: 7px 0px 7px 28px;
	color:#FFFFFF;
	}

*html #nav li a  { width: 188px ; }

#nav li a {
	display:block;
	width:158px;
	padding: 5px 5px 5px 24px;
	background:url(../img/navi_bg.gif) no-repeat ;
	}

#nav .on {
	background-color:#FFEBD7;
	background-image:none;	
	}

#nav li ul {
	width:140px;
	margin: 5px 0px ;
	padding:0px 0px 0px 40px;
	list-style-type:none;
	}

#nav li ul a {
	width:140px;
	margin: 0px ;
	padding:0px ;
	background-image:none;
	}
	
#nav li ul li {
	width:140px;
	border: 0px;
	margin: 0px;
	padding:0px;
	list-style-image:url(../img/nav-img.gif);
	}	

	
#nav li ul li.navilist {
	width:135px;
	border: 0px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style-image:url(../img/nav-img02.gif);
	}	
			
		
/************** pagenavi　**************/	

*html div#p-nav { width:760px;}

#p-nav {
	width:740px;
	padding: 5px 0px 5px 20px;
	border-bottom: solid #dddddd 1px;
	border-top: solid #dddddd 1px;
	background-color:#339933;
	color:#FFFFFF;
	}

#p-nav ul {
	margin: 0px 0px;
	padding:0px ;
	list-style-type: square;
	list-style-position:outside;
	}
	
#p-nav li {
	display:inline;
	margin: 0px 5px;
	padding:0px 0px 0px 10px;

	}
	
#p-nav a {
	color:#ffffff;
	}

#p-nav a:hover {
	color:#ffcc00;
	}

				
/**************  index　**************/	


#new {
	width:520px;
	background-image:url(../img/index_new-bg.gif);
	background-repeat:repeat-y;
	}

#new ul {
	display:block;
	width:490px;
	margin: 0px 15px 20px 15px;
	padding: 0px ;
	list-style-position:inside;
	list-style-type:none;
	color:#FFFFFF;
	}

#new ul li {
	margin: 0px 30px ;
	padding: 0px ;
	border-bottom: dashed #dddddd 1px;
	}
	
#new span{
	margin: 0px 10px;
	font-weight: bold;
	}

*html #new #bottom{ width: 520px;　height:35px;}

#new #bottom{
	width:440px;
	padding: 0px 0px 5px 80px;
	height:30px;
	background-image:url(../img/index_new-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}
	
/**************  title　**************/	

*html .title01 { width:512px;}

.title01{
	width:492px;
	padding: 3px 0px 3px 30px;
	background:url(../img/css/title01_bg.gif) no-repeat;
	border: solid #dddddd 1px;
	border-left: solid #07C968 3px;
	margin: 10px 0px 10px 0px;
	}

*html .title02 { width:500px;}

.title02{
	width:490px;
	padding: 3px 0px 3px 10px;
	border-bottom: dashed #AA4630 1px;
	margin: 10px 10px 10px 10px;
	}

.kanri-title {
	width:458px;
	padding: 3px 0px 3px 30px;
	border: solid #dddddd 1px;
	margin: 10px 10px 10px 10px;
	background:url(../img/css/kanri-title_bg.gif) no-repeat;
	}
	
/**************  list　**************/	

.list01{
	list-style-image:url(../img/list-img02.gif);
	}
	
	
/**************  table　**************/	


.td01{
	width:400px;
	margin: 20px 0px 10px 50px ;
	border: 0px;
	font-size:100%;
	}
	
.td01 th {
	text-align:left;
	vertical-align: top;
	}

.td01 td {
	margin: 3px 0px;
	padding: 2px 5px;
	text-align:left;
	border-left: solid #dddddd 3px;
	}

.td02{
	width:480px;
	margin: 20px 0px 10px 23px ;
	border: solid #dddddd 1px;
	font-size:100%;
	border-collapse:collapse;
	}
	
.td02 th {
	width:25%;
	vertical-align: top;
	padding: 0px 0px 0px 3px;
	border: solid #dddddd 1px;
	background-color:#cecece;
	}

.td02 td {
	margin: 3px 0px;
	padding: 2px 5px;
	text-align:left;
	border: solid #dddddd 1px;
	}
	
/**************  member layout　**************/	


.member-td {
	width:480px;
	margin: 5px auto;
	border: 0px;
	border: solid #dddddd 1px;
	}
	
.member-td th {
	width:120px;
	padding-left: 10px;
	text-align:left;
	vertical-align: top;
	background-color:#F5F5F5;
	font-weight: normal;
	}

.member-td td {
	margin: 3px 0px;
	padding: 2px 5px;
	text-align:left;
	}		


.kanri-td {
	width:480px;
	margin: 5px auto;
	border: 0px;
	border: solid #dddddd 1px;
	border-collapse:collapse;
	}
	
.kanri-td th {
	width:120px;
	padding: 3px 5px 3px 10px;
	text-align:left;
	vertical-align: top;
	background-color:#F5F5F5;
	font-weight: normal;
	border: solid #dddddd 1px;
	color:#333333;
	}

.kanri-td td {
	margin: 3px 0px;
	padding: 3px 5px;
	text-align:left;
	border: solid #dddddd 1px;
	}

.kanri-td ul {
	margin: 5px 0px ;
	padding: 0px 0px 0px 10px ;
	color:#339933;
	}

.kanri-bt {
	text-align:center;
	margin: 5px 0px 15px 0px;
	}

a.back-bt {
	display:block;
	width:80px;
	padding: 3px;
	border: solid #dddddd 1px;
	text-align:center;
	background-image:url(../img/css/back_bg.gif);
	background-repeat:no-repeat;
	margin-left: 20px;
	}
	
a.back-bt:hover {
	background-image:url(../img/css/back_bg_h.gif);
	background-repeat:no-repeat;
	}	
	
.text-area {
	width: 450px;
	padding:10px;
	margin: 10px auto;
	border: dashed #AA4630 1px;
	}
	
.text-area ul {
	margin: 0px;
	padding:0px 10px;
	}
	
.text-area ul li {
	margin: 0px;
	padding: 0px;
	}
					
/**************  all layout　**************/	

#right .contents-box {
	width:520px;
	padding: 0px ;
	margin: 0px;
	}

#right .contents-box h2,h3 {
	margin-left: 10px ;
	}

*html .contents-box p { padding: 10px 20px 0px 0px;}
	
#right .contents-box p {
	padding: 7px 5px 0px 7px;
	margin: 5px 0px 20px 0px;
	}
	
#right .contents-box h4 {
	margin: 0px 0px 0px 20px;
	}
	
#right .contents-box ul {
	padding:0px;
	margin: 7px 0px 7px 40px;
	}
		
.text-box1{
	width:450px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	}

.text-box2{
	padding: 10px 10px 10px 20px;
	margin: 0px 0px 0px 0px;
	}

.fl-L {
	float:left;
	}

	
.fl-R {
	float:right;
	margin: 10px 10px 7px 10px;
	}
	
.midasi2 {
	width:680px;
	background-image:url(../img/midasi2-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 10px 0px;
	padding: 0px 0px 5px 0px;
	font-size:110%;
	color:#009933;
	}
	

	
/*******  font　********/

.f-red { color:#FF3300;	}
