@charset "UTF-8";

@import url("fonts.css");
@import url("reset-fonts.css");
@import url("reset.css");

/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	margin:0;padding:0;
	background: url(../image/bg.png) top left repeat;
}

.clear{
	clear:both;
}

#container{
	width:900px;
	margin:0 auto;
	background:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
	box-shadow:0px 0px 7px rgba(0,0,0,0.7);
}



#header{
	width:900px;
	height:30px;
	position:relative;
	background:url(../image/header.jpg) top left repeat-x;
	margin:0;
}

#header #logo{
	width:160px;
	height:30px;
	position:absolute;
	top:0px;
	right:20px;
}

#title{
	width:900px;
	height:510px;
	margin:0 auto;
}

.btn{
	width:900px;
	height:90px;
	margin:0 auto;
	position:relative;
	background:url(../image/btn_bg.jpg) top left no-repeat;
}

.btn div{
	width:300px;
	height:60px;
	position:absolute;
	top:15px;
	right:75px;
}

.btnbig{
	width:500px;
	height:90px;
	margin:50px auto;
}

.btnbig a{
	width:500px;
	height:90px;
	display:block;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.8);
	transition: box-shadow 0.4s ease;
}

.btnbig a:hover{
	box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	transition: box-shadow 0.4s ease;
}


h2{
	width:900px;
	height:120px;
	margin:0 auto;
}

#box01{
	width:900px;
	height:300px;
	margin:0 auto;
	background:url(../image/box01.jpg) top left no-repeat;
}

#box01 p{
	width:420px;
	height:230px;
	padding:115px 0px 0px 415px;
	font-size:13px;
	line-height:22px;
	color:#333;
}

#box02{
	width:900px;
	height:330px;
	margin:0 auto;
	background:url(../image/box02.jpg) top left no-repeat;
}

#box02 p{
	width:470px;
	height:230px;
	padding:90px 0px 0px 60px;
	font-size:13px;
	line-height:22px;
	color:#333;
}

#box02 p a{
	color:#F00;
	text-decoration:underline;
}

#box02 p a:hover{
	color:#F99;
}

#box03{
	width:900px;
	height:340px;
	margin:0 auto;
	background:url(../image/box03.jpg) top left no-repeat;
}

#box03 p{
	width:430px;
	height:250px;
	padding:90px 0px 0px 100px;
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
	line-height:22px;
	color:#333;
}

.voice{
	width:800px;
	margin:20px auto 40px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}

#footer{
	width:900px;
	height:300px;
	background:url(../image/footer_bg.jpg) top left no-repeat;
	margin:100px auto 0px;
	position:relative;
}

#mail{
	width:350px;
	height:34px;
	position:absolute;
	top:180px;
	left:510px;
}

#btn_top{
	width:150px;
	height:30px;
	position:absolute;
	top:-70px;
	right:20px;
}

#pri{
	width:19em;
	height:15px;
	position:absolute;
	bottom:10px;
	right:50px;
	font-size:12px;
	line-height:15px;
}

#pri p a{
	color:#454545;
}

#pri p a:hover{
	color:#f00;
}


/*omake*/
#container{
	background:#fff url(../image/bg_icon.jpg) right 2750px no-repeat;
}


/*中身2*/

#box01b{
	width:900px;
	height:350px;
	margin:0px auto 20px;
	background:url(../image/box1.jpg) top left no-repeat;
}

#box01b p{
	width:410px;
	height:240px;
	padding:60px 0px 0px 60px;
	font-size:14px;
	line-height:24px;
	color:#333;
}

#box02b{
	width:900px;
	height:280px;
	margin:50px auto;
	background:url(../image/box2.jpg) top left no-repeat;
}

#box02b p{
	width:480px;
	height:200px;
	padding:45px 0px 0px 360px;
	font-size:12px;
	line-height:20px;
	color:#333;
}

#box02b p a{
	color:#F00;
	text-decoration:underline;
}

#box02b p a:hover{
	color:#00F;
}

/*本*/

.book_h{
	width:800px;
	height:30px;
	margin:0 auto 15px;
    color:#000;
    font-size:18px;
    font-weight:bold;
}

.books{
	width:800px;
	margin:0 auto;
}

.book{
	width:355px;
	height:180px;
	margin:0px 10px 20px 0px;
	float:left;
	position:relative;
}

.books .images{
	width:119px;
	height:176px;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #999;
	padding:3px;
}

.books h4{
	width:220px;
	height:15px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	position:absolute;
	top:0px;
	left:135px;
}

.books h5{
	width:220px;
	height:13px;
	font-size:13px;
	color:#09C;
	position:absolute;
	top:20px;
	left:135px;
}

.books .honbun{
	width:200px;
	font-size:12px;
	color:#666;
	line-height:18px;
	position:absolute;
	top:40px;
	left:135px;
}