/* CSS Document */

/* mille books */

* {
	margin: 0;
	padding: 0;
	
}

img {
    border: 0px;
}


/*
ul,li,ol,dl,dd{
	margin: 0px;
	padding: 0px;
}
*/

h1,h2,h3,h4 {
    margin: 0px;
    padding: 0px;
}


html, body {
	height: 100%;
}

body {
	background-color: #FFF;
	text-align: left;
	scrollbar-track-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-face-color:#FFFFFF;
}

#index-container {
	position: relative;
	clear: left;
	width: 838px;
	height: 500px;
	margin: 30px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚o ƒSƒVƒbƒN", Verdana, Arial, san-serif;
}

#index-logo {
	margin: 50px 0 0 0;
}

#index-copyright {
	margin: 30px 0 0 10px;
	font-size: 10px;
}

#index-copyright1 {
	margin: 20px 0px 0 10px;
	font-size: 10px;
}
#container-position {
	float: left;
	width: 1px;
	height: 50%;
	margin-bottom: -315px; /* mainBox‚‚³‚Μ”Ό•ͺ */
}

#container {
	position: relative;
	clear: left;
	width: 840px;
	height: 520px;
	margin: 3px auto;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚o ƒSƒVƒbƒN", Verdana, Arial, san-serif;
}


#header {
	height: 79px;
	border-bottom: 1px solid #333;
	text-align: left;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}


#navi {
	padding: 20px 0 0 0;
}

#navi ul {
	margin: 0px;
	display: inline;
	font-size: 13px;
	color: #999;
}

#navi li {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚o ƒSƒVƒbƒN", Verdana, Arial, san-serif;
	font-size: 13px;
	list-style-type: none;
	padding: 0px 15px 0px 15px;
	display: inline;
	letter-spacing:0.2mm;	
}

#navi1 {
	margin: 0px;
	text-align:left;
	padding: 0px 200px 15px 20px;
}

#navi1 ul {
	margin: 0px;
	display: inline;
	font-size: 13px;
	color: #999;
}

#navi1 li {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚o ƒSƒVƒbƒN", Verdana, Arial, san-serif;
	font-size: 13px;
	list-style-type: none;
	padding: 0px 15px 0px 15px;
	display: inline;
	letter-spacing:0.2mm;	
}

#main-contents {
	margin: auto;
	align: middle;
	width: 800px;
	height: 450px;
}

#about-contents {
	margin: 0px 50px;
	align: left;
	text-align: left;
	width: 450px;
	height: 450px;
	font-size: 11px;
	line-height: 145%;
}

#contact-contents {
	margin: 0px 50px;
	align: left;
	text-align: left;
	width: 450px;
	height: 450px;
	font-size: 11px;
	line-height: 145%;
}

b {
	color: #aaaaff;
}

#home {
	height: 15px;
	text-align:right;
	border-bottom: 1px solid #333;
	padding: 0px 3px 0px 0;
}


#header h1 {
	padding: 16px 0 0px 20px;
	float: left;
}


#main {
	width: 948px;
	height: 520px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	color: #000;
	

}

#menu {
	width: 250px;
	float: left;	
}

#menu ul {
	margin: 70px 0 0px 75px;
	text-align: left;	
}

#menu li {
	list-style-type: none;
	margin: 0px 0 0px 0;
	padding: 0 0 53px 0;
	line-height: 9px;	
}

.menu-update {
	margin: 4px 0 0 0;	
	font-size: 9px;
	color: #CC0000;
	
	}



#flyer {
	padding: 115px 0 0 130px;
	float: left;
	
	
}

#textbox {
	padding: 100px 0 0px 0;
}

#button {
	width: 90%;
	padding: 40px 0px 50px 0;
	text-align: right;
}


a:link {
    text-decoration: none;
    color:#333;
}

a:visited {
    text-decoration: none;
    color:#333;
}

a:active {
    color: #333;
    text-decoration: underline;
}

a:hover {  
	color: #000;
	text-decoration: none;
	position:relative;
	top:1px;
}


#navi a:link {
    text-decoration: none;
    color:#999;
}

#navi a:visited {
    text-decoration: none;
    color:#999;
}

#navi a:active {
    color: #333;
    text-decoration: underline;
}

#navi a:hover {  
	color: #333;
	text-decoration: none;
	position:relative;
	top:1px;
}