/* ----- COMMON START ----- */
body{
	width: 720px;
	padding: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;

	text-align: center; /* --- for IE --- */

	font-size: 0.8em;
	font-family: Verdana,Arial,"MS UI Gothic",Osaka;
	color: rgb(50,50,50);

	/* background-image: url("./image/back/aqua_border.gif");
	background-repeat: repeat; */
	background-color: #D8E9F0;
}

/*
h1{
	width: 100%;
	margin: 0;
	margin-top:2%;

	text-align: left;
	font-size: 1.5em;
	line-height: 1.2em;

	background-color: rgb(255,255,255);

	border-top: 3px solid rgb(100,100,100);
	border-bottom: 3px solid rgb(100,100,100);
}
*/

h1{
	width: 100%;
	padding: 3px 0px 3px 3px;
	margin: 0px 0px 5px 0px;

	font-size: 1.5em;
	line-height: 1.0em;
	/*
	color: rgb(255,255,255);
	border-top: 3px double rgb(100,100,100);
	border-bottom: 3px double rgb(100,100,100);
	*/

	background-image : url(image/list/dot_yellow.gif);
	background-repeat: repeat;
	/* background-position: 0% 100%; */
	/* background-color: rgb(24,91,132) */

}

#fuji{
	background-image: none;
}

h2{
	padding: 3px 0px 3px 3px;
	font-size: 1.2em;
	background-image : url(image/list/dot_orange.gif);
	background-repeat: repeat;
}

h3{
	font-size: 1.0em;
	background-image : url(image/list/dot_yellow2.gif);
	background-repeat: repeat;
	/* background-repeat: no-repeat;
	background-position: 0% 100%;*/
}


/*
h5{
	padding-left: 20px;
}


h6{
	padding-left: 25px;
}
*/


P{
	text-indent: 1em;
	margin: 5px 0px 5px 0px;
	line-height: 1.3em;
	/* padding-left: 1%; */

  font-weight : 800;
}

dl{
	margin-left: 15px;
	margin-bottom: 15px;
	/* border-bottom: 1px dotted rgb(50,50,50); */
}


dt{
	padding: 2px 0px 2px 2px;
	margin: 10px 0px 5px 0px;
	background-image : url(image/list/dot_aqua.gif);
	background-repeat: repeat;
	/* background-color: rgb(177,213,225); */
	font-weight: bold;
}


dd{
	margin: 0px 0px 5px 10px;
}


li{
	margin: 0px 0px 2px 0px;
	list-style-image : url(image/list/li6_sky.gif);
}


li ul{
	margin: 5px 0px 5px 5px;
}


table{
	border: 1px solid rgb(80,80,80);
	border-collapse: collapse;
	font-size: 0.8em;
}


tr{
	border: 1px solid rgb(80,80,80);
}


th{
	padding: 0.4em;
	border: 1px solid rgb(80,80,80);
	background-color: rgb(230,230,255);
}


td{
	padding: 0.3em;
	vertical-align: bottom;
	text-align: right;
	border: 1px solid rgb(80,80,80);
}


td.t{
	text-align: center;
	vertical-align: middle;
}

/*
td.f{
	text-align: right;
}
*/


a:link{
	color: rgb(50,50,50);
	border: none;
}


a:visited{
	color: rgb(120,120,120);
	border: none;
}


a:hover{
	color: rgb(55,160,185);
	border-bottom: 1px solid;
} 


a:active{
	color: rgb(55,160,185);
	border-bottom: 1px solid;
}

a img{
	border: none;
	text-decoration: none;
}

img{
	marigin: 0;
	border: none;
	/* border-collapse: collapse; */
}
/* ----- COMMON END ----- */


/* ----- CLASS three START ----- */
.three{
	width: 33%;
	float: left;
}


.three img{
	/* background-color: rgb(24,91,132); */
}
/* ----- CLASS three END ----- */


/* ----- CLASS image_comm START ----- */
.image_comm{
	width: 100%;
	padding: 5px;

	clear: both;

	overflow: auto; /* for Netscape ---> border-bottom */
}


/* .image_comm ul, .image_comm dl , .image_comm img{
	margin: 3%;
} */


.image_title{
	font-size: 0.8em;
	text-align: center;
	/* top: auto;
	bottom: 0; */
	border-bottom: 5px;
}

.image_title img{
	margin-bottom: 2px;
}


.l_img{
	margin: 0px 20px 10px 0px;
	clear: right;
	float: left;
}


.r_img{
	margin: 0px 0px 10px 20px;
	clear: left;
	float: right;
}
/* ----- CLASS image_comm END----- */


/* ----- ETC CLASS START ----- */
.float_l{
	float: left;
}


.float_r{
	float: right;
}


.clear_both{
	clear: both;
}


.clear_l{
	clear: left;
}


.clear_r{
	clear: right;
}


.pumph{
	text-align: right;
}


.pumph a{
	/* background-color: rgb(250,250,100); */
}


.important{
	color: rgb(8,65,227);
}

.new{
	color: rgb(255,155,50);
}

/* ----- ETC CLASS END ----- */


/* ----- CLASS to_top START ----- */
.to_top{
	text-align: right;
}


.to_top a{
	/* background-color: rgb(105,210,235); */
	/* background-color: rgb(220,220,220); */
	background-color: rgb(250,250,100);
}
/* ----- CLASS to_top END ----- */


/* ----- ETC top_bar START ----- */
#top_bar{
	height: 65px;
	/* background-image: url("./image/top/topbar3.jpg"); */
	/* background-image: url("./image/doboku/2/sensuifu2_2.jpg"); */
	background-image : url(image/top/topbar9.jpg);
	/* background-image: url("./image/top/topbar8_3.jpg"); */
	background-repeat: no-repeat;
	background-position: 100% 0%;
}


#top_bar img{
	padding: 1%;
	margin-bottom: 1.5%;
}
/* ----- ETC top_bar END ----- */


/* ----- ID navi START ----- */
#navi{
	width: 100%;

	padding: 0;
	margin: 0;
	/* margin-bottom: 1%; */
	
	color: rgb(255,255,255);

	text-align: right;

	/* background-color: rgb(20,55,120); */
	/* background-color: rgb(220,220,220); */
	/* background-color: rgb(24,91,132);*/
	background-image : url(image/back/navi.gif);
}


#navi a{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1%;
	padding-right: 1%;
}


#navi a:link, #navi a:visited{
	/* color: rgb(80,80,80); */
	color: rgb(255,255,255);
	text-decoration: none;
}


#navi a:hover, #navi a:active{
	color: rgb(255,255,255);
	/* color: rgb(50,50,50); */
	/* background-color: rgb(55,160,185); */
	background-color: rgb(148,215,239);
} 


#navi #here{
	/* color: rgb(50,50,50); */
	/* color: rgb(250,240,80); */
	color: rgb(255,255,80);
	/* background-color: rgb(79,138,179); */
	/* background-color: rgb(250,250,80); */
}
/* ----- ID navi END ----- */


/* ----- ID navi2 START ----- */
#navi2{
	width: 100%;

	padding: 0;
	margin: 0;
	
	color: rgb(255,255,255);
	font-size: 0.8em;
	text-align: right;

	/* background-color: rgb(20,100,20); */
	/* background-color: rgb(80,80,80); */
	/* background-color: rgb(220,220,220); */
	/* background-color: rgb(137,141,145); */
	/* background-color: rgb(190,190,190); */
	background-image : url(image/back/navi2.gif);
	background-repeat: repeat-y;
}


#navi2 a{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1%;
	padding-right: 1%;
	/* background-color: rgb(20,100,20); */
}


#navi2 a:link, #navi2 a:visited{
	/* color: rgb(50,50,50); */
	/* color: rgb(20,100,20); */
	/* color: rgb(100,100,100); */
	color: rgb(200,200,200);
	text-decoration: none;
}


#navi2 a:hover, #navi2 a:active{
	/* color: rgb(255,255,255); */
	color: rgb(50,50,50);
	/* background-color: rgb(55,160,185); */
	/* background-color: rgb(106,210,235); */
	/* background-color: rgb(250,250,100); */
	background-color: rgb(250,250,80);
} 


#navi2 #here{
	/* color: rgb(255,255,255); */
	color: rgb(25,75,115);
	/* background-color: rgb(25,75,115); */
	background-color: rgb(105,210,235);
}
/* ----- ID navi2 END ----- */


/* ----- ID contents START ----- */
#contents{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 25%;
	/* background-color: rgb(24,91,132); */
	background-color: rgb(177,213,225);/* <- yuukou */
}


#contents li{
	margin: 10px 0px 10px 0px;

	font-size: 1.1em;

	list-style-image : url(image/list/li6_yellow.gif);
}


#contents li li{
	list-style-image : url(image/list/li6_orange.gif);}

/* ----- ID contents END ----- */


/* ----- ID main START ----- */
#main{
	float: left;

	width: 70%;	/* --- for Netscape --- */
	padding: 15px;
	margin-top: 0;

	border-left: 1px solid rgb(80,80,80);
}


/* #main > div{ */
#main div{
	
	padding-bottom: 10px;
	
	margin-bottom: 5%;

	border-bottom: 1px solid rgb(80,80,80);
}


/* #main > div > div{ */
#main  div  div{
	width: 100%;
	margin-bottom: 5%;

	border-bottom: 1px dashed rgb(80,80,80);
}


#main > div div{
	padding-left: 5px;

	margin-bottom: 5%;
}


#main table{
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 20px;
}
	
#main a:link{
	color: #4a708b;
}

#main a:hover{
	color: rgb(55,160,185);
	border-bottom: 1px solid;
} 


#main a:active{
	color: rgb(55,160,185);
	border-bottom: 1px solid;
}
/* ----- ID main END ----- */


/* ----- ETC ID START ----- */
#header{
	background-color: rgb(255,255,255);
}

#f_body{
	background-image : url(image/back/aqua_border.gif);
	background-repeat: repeat;
	/* background-color: rgb(255,0,0); */
}

#copyright{
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
	/* margin-top: 50px; */

	clear: both;
	bottom: 0px;

	border-top: 1px solid rgb(80,80,80);

	font-size: 0.8em;
	text-align: center;

	/* background-color: rgb(190,225,245); */
	/* background-color: rgb(220,220,220); */
	background-color: rgb(227,232,255);
}


#all{	/* ---------- for Opera ---------- */
	/* width: 100%; */ 
	width: 720px;	/* --- for IE --- */


	padding: 0;
	/* margin: 0; */

	margin: 10px auto 0px auto;	/* --- for IE? --- */
	text-align: left;		/* --- for IE --- */

	background-color: rgb(255,255,255);

	border: 1px solid rgb(80,80,80); /* --- for IE --- */
}


#topimage table, #topimage img{
	padding: 0;
	margin: 10px 0px 15px 0px;
}
/* ----- ETC ID END ----- */

