@charset "shift-jis";

/* ブラウザリセット
======================================================*/

/* --HTML-- */
html {
background:#ffffff;
color:#333333;
}

/* --BODY-- */
body {
margin:0;
padding:0;
font-size:80%;
line-height:140%;
}

/* --OTHER TAGS-- */

a img, img { 
border:0;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}


/* 基本設定
======================================================*/

/* --A-- */
a {
	cursor:pointer;
	text-decoration:none;
	color:#105D9C;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#855B8F;
}

/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

input, textarea {
line-height:1.4em;
padding:0;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

input[type="submit"] {
padding:0.1em;
}

legend {
background:#fff;
padding:0.3em;
}

select {
padding:0;
}

	/* for IE6 */
	* html input {
	padding:0.1em;
	}
	
	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}

	* html input.submit {
	line-height:1.2em;
	padding-top:0.2em;
	}
	
	* html select {
	vertical-align:-0.2em;
	}
	
	/* for IE7 */
	*+html input {
	padding:0.1em;
	}
	
	*+html input.submit {
	line-height:1.2em;
	padding-top:0.2em;
	}
	
	*+html select {
	vertical-align:-0.2em;
	}

	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}
	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}
	
	html:first-child select {
	padding:0.2em 0.5em;
	}

	/* for Opera9.5+ [Safari3 & Chrome] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:text-top;
	}
	
	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	/* for Safari3 & Chrome */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) select {
	vertical-align:0;
	}	

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
margin:0;
}

/* --LIST-- */
ol, ul {
margin:0 1em 0 3em;
text-align:left;
}

dl {
margin:1em;
}

ol li {
list-style:decimal outside;	
}

ul li {
list-style:disc outside;
}

/* --TABLE-- */
table {
margin-bottom:1em;
}

td, th {
border:1px solid;
padding:0.6em 0.4em 0.6em 0.4em;
text-align:center;
}
	
p {
text-align:left;
width:auto;
}

/* clearfix */
.clearfix:after {
content:"";
display:block;
clear:both;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}
	

/* 基本レイアウト
======================================================*/

/* 全体 */
#wrapper{
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* コンテンツ全体 */
#main-box{
	margin:0 auto;
	padding:0;
	width:802px;
	text-align:left;
	border:solid 1px #666666;
}

/* 左サイド＋右メイン */
#container{
	clear:both;
	margin:10px 0;
	padding:0;
	width:100%;
	zoom:1;
}

*html #container{
	padding:0 0 5px;
}

#container:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

/* 右メイン */
#contents{
	margin:0;
	padding:0;
	position:relative;
	float:right;
	width:475px;
}

/* 左サイド */
#side{
	margin:0;
	padding:0;
	position:relative;
	float:left;
	width:315px;
}

/* 共通設定　テキスト
======================================================*/
.txt-left{
	text-align:left;
}

/* header　ヘッダー
======================================================*/
#header{
	background-color:#FFFFFF;
	border-top:solid 7px #915C8B;
	zoom:1;
}

/* サイトロゴ */
#site-logo{
	float:left;
	width:270px;
	margin:5px 0 5px 5px;
}

*html #site-logo{
	margin:5px 0 0 5px;
}

#site-logo a:hover{
	margin:0;
}

/* 言語選択 */
#select-lang{
	float:right;
	width:180px;
}

	/* 英語 */
	#select-lang p.lang-en,
	#select-lang p.lang-en-on {
		float:right;
		width:80px;
		margin:27px 0 0 0;
		padding:0 10px 0 0;
		text-indent:-9999px;
	}
		#select-lang p.lang-en a{
			display:block;
			width:80px;
			height:23px;
			background:url("../img/btn-english.gif") no-repeat 0 0;
		}
		#select-lang p.lang-en a:hover{
			background:url("../img/btn-english.gif") no-repeat -80px 0;
		}
		#select-lang p.lang-en-on a{
			display:block;
			width:80px;
			height:23px;
			background:url("../img/btn-english.gif") no-repeat -80px 0;
		}

/* ナビゲーションメニュー */
#m-navi{
	clear:both;
	margin:0;
	padding:0;
	width:800px;
	height:35px;
	background:url("../img/m_navi-01.jpg") no-repeat left top;
}

*html #m-navi{
	width:800px;
}

#m-navi li{
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;
	list-style:none;
	margin:0;
	padding:0;
}
	
#m-navi li a{
	display:block;
	width:160px;
	height:35px;
	margin:0;
	padding:0;
}

#m-navi01 a:hover{
	background:url("../img/m_navi-01.jpg") no-repeat 0 -35px;
}
#m-navi02 a:hover{
	background:url("../img/m_navi-01.jpg") no-repeat -160px -35px;
}
#m-navi03 a:hover{
	background:url("../img/m_navi-01.jpg") no-repeat -320px -35px;
}
#m-navi04 a:hover{
	background:url("../img/m_navi-01.jpg") no-repeat -480px -35px;
#	cursor:default;/*個人文庫が公開されたらこの一行は削除*/
}
#m-navi05 a:hover{
	background:url("../img/m_navi-01.jpg") no-repeat -640px -35px;
	cursor:default;/*セレクションが公開されたらこの一行は削除*/
}

#m-navi01-on a{
	background:url("../img/m_navi-01.jpg") no-repeat 0 -35px;
}
#m-navi02-on a{
	background:url("../img/m_navi-01.jpg") no-repeat -160px -35px;
}
#m-navi03-on a{
	background:url("../img/m_navi-01.jpg") no-repeat -320px -35px;
}
#m-navi04-on a{
	background:url("../img/m_navi-01.jpg") no-repeat -480px -35px;
}
#m-navi05-on a{
	background:url("../img/m_navi-01.jpg") no-repeat -640px -35px;
}

*html #m-navi li#m-navi05 a,*html #m-navi li#m-navi05-on a{
	width:158px;
}

/* contents　右サイド（コンテンツ）
======================================================*/
#contents-box{
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	background-color:#FFFFFF;
}

#contents-box h2{
	padding-top:10px;
}


/* 検索フォーム */
#search-box {
	margin:0 15px 0 0;
	padding:10px;
}

	#search-box p {
		margin:0 0 10px 0;
	}

#btn-search {
    border:0;
    width:85px;
    height:27px;
    background:url("../img/btn-search.gif") left top no-repeat;
	margin-left:5px;	
}

.btn-search {
    border:0;
	margin-left:5px;	
}

.search-s {
	width:160px;	
}


/* 収録一覧 */
#list-box {
	margin:0 15px 0 0;
	padding:10px 0;
}


/* インラインフレーム
======================================================*/

/* インラインフレーム　幅と高さ */
#collecting-list {
	margin:0;
	padding:0;
	width:440px;	
	height:295px;
	border:none;
}

th.bookname{
	text-align:left;
}

.list-table .number {
	width:30px;
}

/* side　左サイド
======================================================*/
#side{
	margin:0;
	padding:0;
}

#side-box{
	margin-left:10px;
	padding:0;
}
	#side-box p{
		margin:0;
		padding:10px;
		font-size:90%;
	}
	

/* fotter　フッター
======================================================*/
#footer{
	clear:both;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	zoom:1;
}

/* フッター左メニュー */
#footer-menu {
	float:left;
	width:400px;
	margin:8px 0 8px 10px;
	padding:0;
}
	#footer-menu li {
		display:inline;
		background-image:url(../img/arrow01.gif);
		background-repeat:no-repeat;
		background-position:0 2px;
		margin-right:10px;
		padding:0 0 0 12px;
	}
	
/* フッター右リンク */
#footer-link {
	float:right;
	width:350px;
	margin:8px 10px 8px 0;
	padding:0;
	text-align:right;
}
	#footer-link li {
		display:inline;
		border-left:solid 1px #000000;
		margin-left:10px;
		padding:1px 0 1px 10px;
	}

/* コピーライト */
#copyright{
	clear:both;
	background-color:#915C8B;
	padding:3px 0;
}
	#copyright p {
		color:#FFFFFF;
		text-align:center;
	}

em{
	font-size:90%;
	font-style:normal;
}

.caption{
	font-size:80%;
}

.list-table th,.list-table td{
	padding:2px 0 2px 6px;
}