*{
	font-family:"メイリオ","ＭＳ Ｐゴシック";

}

body {

	background-image: url("../img/wood1.jpg");
	background-attachment: fixed;

	margin: 0;
	padding: 0;
}
div#base{
	position: fixed;
	z-index: 2;
	width: 142px;
	height: 500px;
	background-image: url("../img/kami1s.jpg");
	margin-top: 0px;
	margin-left: 56px;
}
/*--------- left box------------------------*/

div#lbox{
	position: fixed;
	z-index: 2;
	width: 140px;
	height: 498px;
	border: solid 1px #000000;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
}
/*======== rogo ========*/
div#rogo{
	width: 100px;
	height: 92px;
	border: solid 1px #000000;
	background-image: url("../img/tai.jpg");
	margin-top: 20px;
	margin-left: 20px;
}
/*======== pb1 ========*/
div#se1{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot4.gif");
	margin-top: 20px;
	margin-left: 20px;
}
div#se1 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*======== pb2 ========*/
div#se2{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot4.gif");
	margin-top: 5px;
	margin-left: 20px;
}
div#se2 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*======== pb3 ========*/
div#se3{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot4.gif");
	margin-top: 5px;
	margin-left: 20px;
}
div#se3 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*======== pb4 ========*/
div#se4{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot2.gif");
	margin-top: 5px;
	margin-left: 20px;
}
div#se4 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*======== pb5 ========*/
div#se5{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot4.gif");
	margin-top: 5px;
	margin-left: 20px;
}
div#se5 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*======== pb6 ========*/
div#se6{
	width: 100px;
	height: 40px;
	border: solid 1px #FFDAB9;
	background-image: url("../img/bot4.gif");
	margin-top: 5px;
	margin-left: 20px;
}
div#se6 p{
	margin-top: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
/*------------- right box --------------------*/
div#rbox{
	position: relativ;
	z-index: 1;
	width: 740px;
	height: auto;
	border: solid 1px #000000;
	background: #FFFFFF;
	margin-top: 20px;
	margin-left: 220px;
	margin-bottom: 20px;

}
/*========hed=========*/
div#hed{
	width: 500px;
	height: 40px;
	border: solid 1px #000000;
	background: #006400;
	margin-top: 25px;
	margin-left: 120px;
}

div#hed h1{
	text-align: center;
	margin-top: 4px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;

}
/*======== naka =======*/
div#naka{
	width: 680px;
	height: auto;
	border: solid 1px #FFFFFF;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
}

/*======== naka1 ======*/
div#naka1{
	width: 680px;
	height: auto;
	border: solid 1px #FFFFCC;
	background-image: url("../img/kabe.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
div#naka1 p{
	font-family:"メイリオ";
	font-size: 0.8em; line-height: 1.3em; 
	text-indent: 1em; 
	color: #000000;
	margin-left: 2em;
	margin-right: 2em;
}
/*======== naka2 ======*/
div#naka2{
	width: 680px;
	height: 330px;
	border: none;
	background-image: url("../img/kabe.gif");
	margin-top: 30px;
	margin-left: 0px;

}

/*----------------------------------*/

/*--------------------------*/
div.pho{

	width: 600px;
	height: 300px;
	margin-right: 10px;
}
div.pho ul{
	width: 600px;
	height: 300px;

}
div.pho ul li{
	float: left;
	width: 25%;
	height: 300px;
	overflow: hidden;
	list-style-type: none;
}
/*cle*/
div.pho ul:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: "・";
	font-size: 0.1em;
}
div.pho ul{
	display: inline-block;
}

div.pho ul:hover li{
	width: 60px;
}

div.pho ul:hover li:hover{
	width: 420px;
/*--
	overflow: auto;
--*/
}


/*---------------------------------------*/

a{
	text-decoration: none;
}

a:link { 
	color:  #000000;
 }
a:visited {	
	color: #000000;
 }
a:hover { 
	color: #87CEEB; 
}
a:hover div#se1 { 
	background-image: url("../img/bot2.gif");
}
a:hover div#se2 { 
	background-image: url("../img/bot2.gif");
}
a:hover div#se3 { 
	background-image: url("../img/bot2.gif");
}
a:hover div#se4 { 
	background-image: url("../img/bot2.gif");
}
a:hover div#se5 { 
	background-image: url("../img/bot2.gif");
}
a:hover div#se6 { 
	background-image: url("../img/bot2.gif");
}