@charset "utf-8";

/* ========================================== 


    ・ｽS・ｽy・ｽ[・ｽW・ｽ・ｽ・ｽ・ｽ


========================================== */
body {
    background: url(../image/body_bg.png) repeat-x;
	background-color:#f4f0eb;
}



/* wrapper
========================================== */
#wrapper {
   background: url(../image/wrapper_bg.png) no-repeat;
	width: 916px;
	padding: 0 147px;
	margin: 0 auto;
}









/* header
========================================== */
#header {
    width: 916px;
	height: 181px;
	position: relative;
	margin: 0;
}

#header h1 {
    color: #fff;
	position: absolute;
	top: 68px; right: 8px;
}

#logo {
    padding: 33px 0 0 8px;
}


#btn_kawasaki {
    position: absolute;
	top: 33px; right: 108px;
}

#btn_home {
    position: absolute;
	top: 33px; right: 6px;
}




/*----- menu -----*/
ul#menu li {
	float: left;
	z-index:300;
}
ul#menu li a {
    display: block;	
}

ul#menu {
	list-style:none;
	/*background: url(../image/navi_bg.png) no-repeat;*/
	width:907px;
	height: 78px;
	padding: 9px 8px 3px 8px;
	zoom:1;
	z-index:200;
	border:0;
}

ul#menu li {
	float:left;
	margin-right:0px;
}

ul#menu li ul li {
	float:none!important;
}

/* ・ｽ・ｽ・ｽw・ｽﾌ・ｿｽ・ｽj・ｽ・ｽ・ｽ[・ｽ・ｽs・ｽﾂ趣ｿｽ・ｽ・ｽ */
ul#menu li ul {
	width:127px;
	font-size:93%;
	margin:0;
	display:none;

}

/* ・ｽ^・ｽ・ｽ・ｽv・ｽf :hover ・ｽﾅ会ｿｽ・ｽw・ｽﾌ・ｿｽ・ｽj・ｽ・ｽ・ｽ[・ｽ・ｽ・ｽﾂ趣ｿｽ・ｽ・ｽ */
ul#menu li:hover ul {
	display: block;
    position: absolute;
    z-index: 1000;
}

ul#menu ul li {
    clear: left;
	position:relative;
	width: 100%;
	color: #fff;
	width: 127px;
	text-align: center;
	border-bottom: solid 1px #fff;
}

ul#menu li ul li a{
	color: #603813;
	text-decoration:none;
	display:block;
	background-color: #efefef;
	padding: 7px 3px;
	width:121px;
}
ul#menu ul li a:hover {
   background-color:#ffe2bb;
   color: #e6551e;
}

/*
*html ul#menu {
        behavior: url("csshover.htc");
}

*/	

*html ul#menu {
	behavior: url("css/csshover.htc");
	margin-bottom:-18px;
	height:78px;
}
		
/* container
========================================== */
#container {
    background: url(../image/main_bg.png) repeat-y;
	width: 898px;
	padding: 0 9px;
}

/* IE6・ｽ・ｽ・ｽ・ｽpng・ｽp */
* html div#container {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

/*
* html div#container input {
  position: relative;
}
*/


#container h2 {
    padding: 0 1px;
    _padding: 0 0px 0 1px;
}

#container h2#title {
	width: 888px;
	padding-left: 10px;
	padding-right: 0;
	height: 60px;
	line-height: 65px;
	position: relative;
	letter-spacing: 0.4em;
	font-size: 153.9%;
	font-weight: bold;
	color: #5f3e1f;
}

h2 span {
    position: absolute;
	right: 10px; bottom: -7px;
	font-size: 77%;
}












/* footer
========================================== */
#footer {
    background: url(../image/footer_bg.png) no-repeat;
	padding: 0 8px;
	width: 900px;
	color: #666;
	position: relative;
}

#footer ul {
    margin-bottom: 10px;
}

#footer li {
    background: url(../image/footer_a_icon.png) no-repeat;
	background-position: 4px 17px;
	border-left: solid 1px #e6e6e6;
	padding: 15px 13px 2px 13px;
	float: left;
	_display: inline;
}

#footer a {
    color: #666;
	text-decoration: none;
}

#footer dl {
line-height:140%;
    font-size: 85%;
}

#footer dd {
    float: left;
	margin-right: 1em;
}

#copyright {
    font-size: 85%;
	position: absolute;
	bottom: 0px; right: 9px;
}







/* ・ｽy・ｽ[・ｽW・ｽg・ｽb・ｽv・ｽﾖ戻ゑｿｽ
========================================== */
.backTop {
	position: relative;
}

.backTop a {
    position: absolute;
	top: 5px; right: 0;
	text-decoration: none;
	background: url(../image/lesson/page_top.png) no-repeat;
	background-position: 0 30%;
	font-size: 85%;
	color: #666;
	padding-left: 13px;
}

.backTop a:hover {
    color: #990000;
	background: url(../image/lesson/page_top_o.png) no-repeat;
	background-position: 0 30%;
}