reading-btn@charset "utf-8";

/*header*/
body {
	
}

#header {
	height:172px;
 	background-image: url(../img/head_bg.gif);
	background-repeat: repeat-x;
}

#wrapper {
	width:945px;
	margin:auto;
}
#main-wrapper{
	background-image: url(../img/line_bg.gif);
	background-repeat: repeat-y;
}
#main-wrapper2{
	background-image: url(../img/line_bg2.gif);
	background-repeat: repeat-y;
}

#l_s {
	position:relative;
	padding-right:15px;
}

#logo {
	width:355px;
	height:106px;
}

#search {
	display:block;
	width:306px;
	position:absolute;
	left: 690px;
	top: 60px;
}

*html #search {
	left: 620px;
}

*+html body #search {
	left: 620px;
}

#main {
}


/*NAVI-EREA*/
#navi {
	width:250px;
	padding:34px 0 30px 0;
	margin-right:20px;
	float:left;
}
#navi .another-search {
	padding:0 0 40px 0;
}

#navi .another-search h2{
	padding-bottom:5px;
}

#navi .another-search ul {
	margin:15px;
}

#navi .another-search ul li {
	width:95px;
	background-image:  url(../img/li.gif);
	background-repeat: no-repeat;
	padding:0 0 10px 15px;
	float:left;
	
}
#navi .another-search .category li {
	letter-spacing:-0.2em;
}

*html #navi .another-search .category li  {
	letter-spacing:0;
}

#navi .another-search ul li a:link,
#navi .another-search ul li a:active,
#navi .another-search ul li a:visited{
	color:#4e5c61;
}

#navi .another-search ul li a:hover{
	color:#61d7df;
}



/*CONTENTS-EREA*/
#contents {
	width:410px;
	padding:34px 7px 30px 0;
	margin-right:5px;
	float:left;
} 
.hover-color {
	width:390px;
	margin:5px 7px 5px 0;
	position:relative;
	border-bottom:1px dotted #E1E6EC;
}

.hover-color a{
	display:block;
	width:390px;
	position:relative;
	_height:100%;
	min-height:200px;
	max-height:100%;
}

.hover-color a:link,
.hover-color a:visited,
.hover-color a:active{
	background:#fff;
}

.hover-color a:hover {
	background:#FBFBFB url(../img/btn_read.gif) no-repeat right bottom;
	cursor:pointer;
	display:block;
	position:relative;
	width:390px;
}

.hover-color a img{
	border:none;
	float:left;
	padding:0 15px 5px 15px;
}

.hover-color a span{
	display:block;
	width:126px;
	float:left;
	padding:15px 0;
}

.hover-color a h3{
	background-image: url(../img/line_name.gif);
	background-repeat: no-repeat;
	padding:0 0 15px 10px;
	margin:15px 0 0 0;
	color:#4e5c61;
	font-size:84%;
	font-weight:bold;
	line-height:160%;
	width:229px;
	float:right;
}
.hover-color a ul{
	width:229px;
	float:right;
	margin-bottom:10px;
}
.hover-color a ul li{
	color:#666666;
}

.hover-color a ul li span{
	display:block;
	width:90px;
	color:#8d979a;
	padding:0 0 0 10px;
	border:none;
	background-image: url(../img/list_dotto-blue.gif);
	background-repeat: no-repeat;
}

.btn_read {
	left: 830px;
	top: 591px;
}

#banner{
	float:left;
	width:212px;
}

#banner-innner{
	padding:30px 0 0 15px;
}

#main-banner{
	margin-bottom:30px;
}

#banner h2{
	padding:0 0 15px 0;
}

#banner h2,
#banner p{
	text-indent:10px;
}

#banner p#attention{
	text-indent:0;
	line-height:120%;
	padding:10px 15px;
	border:solid 1px #eaeff2;
}
#banner p#attention span{
	background:url(../img/icon_attention.gif) no-repeat;
	color:#8d979a;
	font-size:80%;
	padding-left:15px;
	}
	
#banner #press_release{
	border-top:solid 3px #2ccad5;
	border-bottom:solid 1px #2ccad5;
	padding:8px 0;
	margin:0 0 25px;
}
#banner #press_release p{
	text-indent:0;
	margin:5px 0 0;
	line-height:140%;
	}
#banner #press_release p a{
	background:url(../img/pdf_icon.gif) no-repeat left top;
	padding:0 0 0 20px;
	}

/*list-contents*/
#contents-details {
	width:670px;
	margin-right:5px;
	float:left;
}

.details-list {
	width:622px;
	background:url(../img/dottoline_tate.gif) repeat-y center;
}
.ditails-list-under {
	width:622px;
}
#contents-details h3{
	width:640px;
	height:51px;
	font-size:100%;
	color: #2c3336;
	font-weight:bold;
	font-weight:bold;
	line-height:100%;
	margin:28px 0 30px 0;
	padding:10px 0 0 30px;
	background: url(../img/line_title.gif) 0 0 no-repeat;
}

.hover-color2 {
	width:310px;
	float:left;
	margin-right:1px;
}

.hover-color2 a {
	display:block;
	position:relative;
	cursor:pointer;
	width:310px;
	border-bottom:1px dotted #E1E6EC;
}

.hover-color2 a:hover {
	background:#FBFBFB url(../img/btn_read.gif) no-repeat right bottom;
}

.hover-color2 a:hover .btn_read2 {
	background:#FBFBFB;
	position:absolute;
	bottom:0;
	right:0;
	
}

.hover-color2 a img{
	border:none;
}


.hover-color2 a ul{
	margin-bottom:10px;
}
.hover-color2 a ul li{
	color:#666666;
}

.hover-color2 a ul li span{
	display:inline-block;
	width:50px;
	color:#8d979a;
	padding:0 0 0 10px;
	border:none;
	background-image: url(../img/list_dotto-blue.gif);
	background-repeat: no-repeat;
}

.details2 {
	padding:15px 0 15px 15px;

}


.details2 .thumnail {
	width:126px;
	float:left;
}

.details2 .thumnail p{
	margin-top:5px;
	}


.details2 .book-info2 {
	width:160px;
	float:left;
}
.details2 .book-info2 p{
	background-image: url(../img/line_name.gif);
	background-repeat: no-repeat;
	padding:0 0 10px 10px;
	color:#4e5c61;
	font-size:84%;
	font-weight:bold;
	line-height:160%;
}


/*details-contents*/

#contents-details2 {
	width:660px;
	margin-right:5px;
	float:left;
}

.ditails-block {
	width:620px;
	margin-left:25px; 
}
#contents-details2 h3{
	width:640px;
	height:51px;
	font-size:130%;
	color: #2c3336;
	font-weight:bold;
	line-height:200%;

	margin:28px 0 30px 0;
	background-image: url(../img/line_title.gif);
	background-position:bottom;
	background-repeat: no-repeat;	
}
#contents-details2 h3 p {
	margin-left:28px;
	font-weight:bold;
	size:95%;
}


.thumnail-l {
	width:226px;
	float:left;
}

.reading-btn p {
	font-size:75%;
	line-height:140%;
	color:#006699;
	margin-bottom:10px;
}

.thumnail-l .reading-btn {
	margin-top:20px;
}



.book-info3 {
	width:385px;
	float:left;
}
.book-info3 h4{
	background-image: url(../img/line_name.gif);
	background-repeat: repeat-y;
	padding:8px 0 8px 15px;
	color:#4e5c61;
	font-size:100%;
	font-weight:bold;
}

.book-info3 p#read{
	font-weight:bold;
}

.book-info3 h5{
	padding:0 0 0 0;
	margin:0 0 0 0;
	clear:both;
}

.book-info3 ul#moreabout{
	list-style:none;
	margin:20px 10px;
}

.book-info3 ul#moreabout li{
	line-height:150%;
	color:#4e5c61
}

.book-info3 ul#moreabout li span{
	color:#8d979a;
}


.book-info3 table {
	margin:15px 15px 25px 15px;
}
.book-info3 table tr td{
	padding:0;
	border:none;
	font-size:75%;
}
.book-info3 table tr td span{
	padding:0;
	border:none;
	font-size:75%;
	color: #666666;
}

.details-contents-block {
	width:385px;
	height:100%;
	background: url(../img/bg_brown.gif);
	margin-bottom:20px;
}
.details-contents-block p span{
	color:#15bbca;
	}
.details-contents-block .text {
	padding:10px 15px 15px 15px;
	color:#535045;
}

.details-contents-block .text ul{
	margin:10px;
}

.details-contents-block .text ul li{
	background:url(../img/list_dotto_brown.gif) no-repeat;
	padding:0 0 0 10px;
	line-height:130%;
}
.details-contents-block .text p{
	background:none;
	font-size:84%;
	font-weight:normal;
	padding:10px 0 0 0 ;
	line-height:150%;
}

.details-author-block .text dl{
	color:#2f606c;
	line-height:130%;
}

.details-author-block .text dl dt{
	font-weight:bold;
	font-size:84%;
	padding:5px 0;
}

.details-author-block .text dl dd{
	background:none;
	font-size:84%;
	font-weight:normal;
	line-height:150%;
	margin:0 0 10px;
}

.details-author-block {
	width:385px;
	height:100%;
	background: url(../img/bg_green.gif);
	margin-bottom:10px;
}

.details-author-block .text {
	padding:10px 15px 5px 15px;
}

.details-author-block .text p{
	background:none;
	font-size:84%;
	font-weight:normal;
	padding:0;
	margin:0;
}

.details-author-block .text p span{
	font-weight: bold;
	line-height:160%;
}



/*PAGE TOP*/
#pagetop {
	width:930px;
	margin-top:20px;
	text-align: right;	
}



/*FOOTER*/
#footer {
	height:115px;
	background-image:  url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	margin-top:20px;
}
.foot-btn {
	width:945px;
	margin:auto;
	position:relative;
}

.foot-btn p{
	margin:15px 0 0 0;
	float:left;
}

address {
	margin:16px 20px 0 0;
	float:left;
	position:absolute;
	left: 751px;
	top: 0;
}

/*about******************/

#about,#about p{
	padding:0 10px;
	display:block;
}

#about h1{
	padding-bottom:10px;
}

/*law*/
table.law th,table.law td{
	font-size:100%;
}



/*static*****************/

.static h4{
	background-image:url(../img/line_name.gif);
	background-repeat:repeat-y;
	color:#4E5C61;
	font-size:100%;
	font-weight:bold;
	padding:8px 0 8px 15px;
	margin:30px 0 10px;
}

.static h5{
	color:#2cc8d4;
	font-size:90%;
	font-weight:bold;
	padding:8px 0 8px 0;
	margin:30px 0 10px;
}


.static .box{
	background:transparent url(../img/bg_brown.gif) repeat scroll 0 0;
	margin:20px 0;
	color:#535045;
	padding:20px;
}

.static .box h4{
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	font-size:90%;
	background:none;
	color:#535045;
}

.static .box ul li{
	font-size:84%;
	line-height:150%;
	margin-bottom:10px;
}

p.red {
	color:#FF0000;
}