@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body { 
	margin: 0; 
	padding:0; 
	font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	font-size:13px;
	line-height:22px;
	color:#3a3a3a;
	background:#000;
}

img { 
	border: none;
}

a {
	text-decoration: none;
	color:#d15d40;
	font-size:11px;
}

a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

.clearer { 	
	clear: both; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; 
}


#all {
	margin: 0 auto;
	width:1000px;
	background:url(img/bg.jpg);
}


/*title
------------------------------*/
#title {
	margin: 0 auto;
	width:1000px;
	height:577px;
}


.menu-1 a { float:left; width:123px; height:25px; background:url(img/menu-1.png); }
.menu-1 a:hover { background-position: -123px 0;  }
.menu-2 a { float:left; width:93px; height:25px; background:url(img/menu-2.png); }
.menu-2 a:hover { background-position: -93px 0;  }
.menu-3 a { float:left; width:140px; height:25px; background:url(img/menu-3.png); }
.menu-3 a:hover { background-position: -140px 0;  }
.menu-4 a { float:left; width:102px; height:25px; background:url(img/menu-4.png); }
.menu-4 a:hover { background-position: -102px 0;  }

.menu-line1 { float:left; width:201px; height:25px; background:url(img/menu-line1.png); }
.menu-line2 { float:left; width:48px; height:25px; background:url(img/menu-line2.png); }
.menu-line3 { float:left; width:47px; height:25px; background:url(img/menu-line3.png); }
.menu-line4 { float:left; width:47px; height:25px; background:url(img/menu-line4.png); }
.menu-line5 { float:left; width:199px; height:25px; background:url(img/menu-line5.png); }




/*doc1
------------------------------*/
#doc1 {
	margin: 0 auto;
	width:1000px;
	height:780px;
	background:url(img/doc1-bg.jpg);
}

.doc1_title {
	margin: 0 auto;
	width:133px;
	padding-top:80px;
	margin-bottom:50px;
}

.book {
	float:left;
	margin-left:170px;
	text-align:right;
	color:#0096ff;
}


.movie {
	float:left;
	width:400px;
	margin-left:82px;
	margin-top:35px;
}


.buy a { float:right; width:150px; height:49px; background:url(img/icon-buy.png); margin-top:15px; }
.buy a:hover { background-position: -150px 0;  }



/*doc2
------------------------------*/
#doc2 {
	width:1000px;
	height:930px;
	background:url(img/doc2-bg.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.doc2_title {
	margin: 0 auto;
	width:106px;
	margin-top:20px;
	margin-bottom:33px;
}



/*doc3
------------------------------*/
#doc3 {
	margin: 0 auto;
	width:1000px;
	height:2123px;
	background:url(img/doc3-bg.jpg);
}
.doc3_title {
	margin: 0 auto;
	width:213px;
	padding-top:42px;
	margin-bottom:34px;
}

.doc3_photo1 {
	float:left;
	width:700px;
	height:447px;
	border:#5f5f5f 1px solid;
	margin-left:105px;
}

.doc3_photo2 {
	float:left;
	width:83px;
	height:447px;
	background:#5f5f5f;
	border:#5f5f5f 1px solid;
	border-left:hidden;
}
.doc3_photo2 img {  margin-bottom:-6px; }



/*doc4
------------------------------*/
#doc4 {
	margin: 0 auto;
	width:1000px;
	background:url(img/doc4-bg.jpg);
}

.doc4_title {
	margin: 0 auto;
	width:124px;
	padding-top:100px;
	margin-bottom:33px;
}

.doc4_photo {
	float:left;
	width:400px;
	height:275px;
	border:#5f5f5f 1px solid;
	margin-right:38px;
	margin-bottom:38px;
}.doc4_photo:hover { border:#ae2227 1px solid; }
.doc4_photo img { width:400px; }
.doc4_photo img:hover {
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}





/*copyright
------------------------------*/
#copyright {
	width:100%;
	height:82px;
	background:#262626;
	text-align:center;
	margin-top:30px;
}