﻿@charset "UTF-8";
/* CSS Document */

/*---基本樣式 start---*/
#p01 {width:860px; height:242px; margin:0 auto;}
#p02 {width:860px; margin:0 auto; border:0px solid red;}
#p03 {width:860px; margin:0 auto;}

#p03 img{ margin:0 0 20px 0;}

#p03 .abc_des{
	z-index:10;
	text-align:right;
	position:relative;
	left:260px;
	top:-210px;
	width:570px;
	margin:0 0 -150px 0;
}

#p03 .abc_des h1{
	font-size:15px;
	color:#00b6d5;
	padding:0 0 5px 0;
}

#p03 .abc_des p{
	color:#333333;
	line-height:18px;
}

#p03 .bookshelf{
	margin:0 0 10px 29px;
}

#p03 .bookshelf .rec_books{
	float:left;
	background:#ffffff;
	padding:8px;
	margin:0 8px 10px 8px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 1, 1, .6);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 1, 1, .6);
}

#p03 .bookshelf .rec_books img{
	width:105px;
	margin:0 0 10px 0;
}

#p03 .bookshelf .rec_books p{
	color:#333333;
	text-align:center;
}

#p03 .bookshelf .rec_books p a{ color:#125798; text-decoration:none; font-weight:bold;}
#p03 .bookshelf .rec_books p a:hover{ color:#0099CC; text-decoration:underline;}

#p03 .pub_title{
	background:#c4c4c4;
	float:left;
	width:213px;
	height:25px;
	margin:0 30px 10px 37px;
}

#p03 .pub_title h1{
	font-size:13px;
	color:#333333;
	background:#d9d9d9;
	padding:5px 0 0 12px;
	margin:0 0 0 5px;
	width:196px;
	height:20px;
}

#p03 .pub {
	width:226px;
	margin:0 0 37px 54px;
	float:left;
}

#p03 .pub a{ display:block; line-height:18px; color:#333333;}

#p03 h6{ 
    text-align:center; 
	font-size:12px; 
	font-weight:normal; 
	color:#333333;
}

#p03 h6 a{ color:#0000ff; text-decoration:underline;}
#p03 h6 a:hover{ color:#0000ff; text-decoration:none;}

#p02colL {float:left; width:160px; border:0px solid red;}
#p02colR {float:right; width:680px; border:0px solid red;}

.cell {float:left; display:inline; width:165px; height:265px; border-right:1px solid #eee; border-bottom:1px solid #eee;}

.cell p {color:#333; font-size:11px; margin-left:16px; line-height:1.3em; width:148px; white-space:nowrap;
overflow: hidden;}

.cover {margin:16px 17px 6px 18px; border:1px solid #777; }
.cover2{margin:76px 18px 6px 19px; border:0px solid #777; }

li {font-size:13px; line-height:1.4em;}

#p02colL a {text-indent:-2000px;display:block; width:176px; height:25px; border:0px solid red;}

.sub01 {background:url(../images/sub01w.jpg) no-repeat;}
.sub02 {background:url(../images/sub02w.jpg) no-repeat;}
.sub03 {background:url(../images/sub03w.jpg) no-repeat;}
.sub04 {background:url(../images/sub04w.jpg) no-repeat;}
.sub05 {background:url(../images/sub05w.jpg) no-repeat;}
.sub06 {background:url(../images/sub06w.jpg) no-repeat;}
.sub07 {background:url(../images/sub07w.jpg) no-repeat;}
.sub08 {background:url(../images/sub08w.jpg) no-repeat;}
.sub09 {background:url(../images/sub09w.jpg) no-repeat;}
.sub10 {background:url(../images/sub10w.jpg) no-repeat;}
.sub11 {background:url(../images/sub11w.jpg) no-repeat;}
.sub12 {background:url(../images/sub12w.jpg) no-repeat;}
.sub13 {background:url(../images/sub13w.jpg) no-repeat;}
.sub14 {background:url(../images/sub14w.jpg) no-repeat;}
.sub15 {background:url(../images/sub15w.jpg) no-repeat;}
.sub16 {background:url(../images/sub16w.jpg) no-repeat;}
.sub17 {background:url(../images/sub17w.jpg) no-repeat;}
.sub18 {background:url(../images/sub18w.jpg) no-repeat;}
.sub19 {background:url(../images/sub19w.jpg) no-repeat;}
.sub20 {background:url(../images/sub20w.jpg) no-repeat;}
.sub21 {background:url(../images/sub21w.jpg) no-repeat;}
.sub22 {background:url(../images/sub22w.jpg) no-repeat;}
.sub23 {background:url(../images/sub23w.jpg) no-repeat;}
.sub24 {background:url(../images/sub24w.jpg) no-repeat;}
.sub25 {background:url(../images/sub25w.jpg) no-repeat;}
.sub26 {background:url(../images/sub26w.jpg) no-repeat;}
.sub27 {background:url(../images/sub27w.jpg) no-repeat;}
.sub28 {background:url(../images/sub28w.jpg) no-repeat;}
.sub29 {background:url(../images/sub29w.jpg) no-repeat;}
.sub30 {background:url(../images/sub30w.jpg) no-repeat;}
.sub31 {background:url(../images/sub31w.jpg) no-repeat;}
.sub32 {background:url(../images/sub32w.jpg) no-repeat;}

.sub01s,a.sub01:hover {background:url(../images/sub01b.jpg) no-repeat;}
.sub02s,a.sub02:hover {background:url(../images/sub02b.jpg) no-repeat;}
.sub03s,a.sub03:hover {background:url(../images/sub03b.jpg) no-repeat;}
.sub04s,a.sub04:hover {background:url(../images/sub04b.jpg) no-repeat;}
.sub05s,a.sub05:hover {background:url(../images/sub05b.jpg) no-repeat;}
.sub06s,a.sub06:hover {background:url(../images/sub06b.jpg) no-repeat;}
.sub07s,a.sub07:hover {background:url(../images/sub07b.jpg) no-repeat;}
.sub08s,a.sub08:hover {background:url(../images/sub08b.jpg) no-repeat;}
.sub09s,a.sub09:hover {background:url(../images/sub09b.jpg) no-repeat;}
.sub10s,a.sub10:hover {background:url(../images/sub10b.jpg) no-repeat;}
.sub11s,a.sub11:hover {background:url(../images/sub11b.jpg) no-repeat;}
.sub12s,a.sub12:hover {background:url(../images/sub12b.jpg) no-repeat;}
.sub13s,a.sub13:hover {background:url(../images/sub13b.jpg) no-repeat;}
.sub14s,a.sub14:hover {background:url(../images/sub14b.jpg) no-repeat;}
.sub15s,a.sub15:hover {background:url(../images/sub15b.jpg) no-repeat;}
.sub16s,a.sub16:hover {background:url(../images/sub16b.jpg) no-repeat;}
.sub17s,a.sub17:hover {background:url(../images/sub17b.jpg) no-repeat;}
.sub18s,a.sub18:hover {background:url(../images/sub18b.jpg) no-repeat;}
.sub19s,a.sub19:hover {background:url(../images/sub19b.jpg) no-repeat;}
.sub20s,a.sub20:hover {background:url(../images/sub20b.jpg) no-repeat;}
.sub21s,a.sub21:hover {background:url(../images/sub21b.jpg) no-repeat;}
.sub22s,a.sub22:hover {background:url(../images/sub22b.jpg) no-repeat;}
.sub23s,a.sub23:hover {background:url(../images/sub23b.jpg) no-repeat;}
.sub24s,a.sub24:hover {background:url(../images/sub24b.jpg) no-repeat;}
.sub25s,a.sub25:hover {background:url(../images/sub25b.jpg) no-repeat;}
.sub26s,a.sub26:hover {background:url(../images/sub26b.jpg) no-repeat;}
.sub27s,a.sub27:hover {background:url(../images/sub27b.jpg) no-repeat;}
.sub28s,a.sub28:hover {background:url(../images/sub28b.jpg) no-repeat;}
.sub29s,a.sub29:hover {background:url(../images/sub29b.jpg) no-repeat;}
.sub30s,a.sub30:hover {background:url(../images/sub30b.jpg) no-repeat;}
.sub31s,a.sub31:hover {background:url(../images/sub31b.jpg) no-repeat;}
.sub32s,a.sub32:hover {background:url(../images/sub32b.jpg) no-repeat;}

h3 {color:#89733a; font-size:13px; height:34px; margin:0 auto; text-align:center;line-height:1.2em; width:147px; }
h3 a {color:#89733a; text-decoration: none;}
h3 a:hover {text-decoration: underline;}


.other {color:#555; height:20px; margin:10px 0 5px 10px;}
.best {color:#555; height:20px; margin:10px 0 5px 10px;}
.TITLE{ color:#669; font-size:13px; line-height:30px; margin:10px 0 5px 15px; font-weight:bold; letter-spacing:1px;}
.set {width:672px; border:1px solid #777db7;}

#TOP_HEADER {height:80px;}
.mune_01,.MENU,.headWW {display:none;}

