@charset "UTF-8";


/* -----------------------------------------------------------
CSS Information

 Style Info:     サイト全体のレイアウト設定
 File name:      global.css
 Last update:    2009.03.14
----------------------------------------------------------- */



/*----------------------------------------------------
	Global Layout
----------------------------------------------------*/

body{
	color: #000;
	font-size: 1em;
	font-family:
		Verdana,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
	background-color: #050000;
	background-image:url(../images/body_bg.gif);
	line-height: 1.6;
}

ul,
ul li,
ol li {
	list-style-type:none;
}

/* wrapper
----------------------------------------------------*/
div#wrapper {
	margin: 0 auto;
	background-image:url(../images/head_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
div#wrapperInr{
	width:900px;
	margin:auto;
}
/* header
----------------------------------------------------*/
div#header{
	position:relative;
}
div#header p{
	margin:0px;
}
div#header div#siteId p.catch {
	position:absolute;
	top:50px;
	right:0px;
}
div#header div#siteId p.lead{
	position:absolute;
	top:104px;
	right:0px;
}
div#header div#ctlrBar{
	position:absolute;
	top:9px;
	right:0px;
	width:335px;
}
div#header div#ctlrBar div.siteSearch {
	float:left;
	width:207px;
	height:21px;
	padding:5px 10px 5px 10px;
	background-image:url(../images/head_search_bg.png);
	background-repeat:no-repeat;
}
div#header div#ctlrBar div.siteSearch span.search_text {
	float:left;
}
div#header div#ctlrBar div.siteSearch span.search_btn {
	float:right;
}
div#header div#ctlrBar div.englishBtn{
	float:right;
	width:105px;
}


/*
div#header div#ctlrBar p.siteSearch{
	float:left;
	width:207px;
	height:21px;
	padding:5px 10px 5px 10px;
	background-image:url(../images/head_search_bg.png);
	background-repeat:no-repeat;
}
div#header div#ctlrBar p.siteSearch label{
	float:left;
}
div#header div#ctlrBar p.siteSearch input{
	width:10em;
}
div#header div#ctlrBar p.siteSearch img{
	float:right;
}
div#header div#ctlrBar p.englishBtn{
	float:right;
	width:105px;
}
*/



/* Navi
----------------------------------------------------*/
ul#mainNavi{
	border-bottom:7px solid #68c300;
	border-left:7px solid #68c300;
	border-right:7px solid #68c300;
	background-image:url(../images/navi_bg.gif);
	background-repeat:repeat-x;
	padding-left:17px;
}
ul#mainNavi li{
	display:inline;
}
/* footer
----------------------------------------------------*/
div#footer {
	clear: both;
	border:7px solid #68c300;
	background-color:#FFF;
	padding:8px 10px 8px 10px;
	margin-top:7px;
}
div#footer ul {
	position: absolute;
	font-size: 75%;
}
div#footer ul li {
	display: inline;
}
div#footer address {
	text-align: right;
	font-size: 69%;
}

/*----------------------------------------------------
	サブページ設定
----------------------------------------------------*/


/* contents
----------------------------------------------------*/
#sub div#contentHead {
	background-image:url(../images/sub_content_head.gif);
	background-position:top;
	background-repeat:no-repeat;
	/*padding-top:17px;*/
}
#sub div#contentHead h1{
	margin:0 0 6px 0;
	/*margin:0 0 21px 26px;*/
}
#sub div#contentHead div.title{
	position:relative;
}
#sub div#contentHead ol{
	background-color:#68c300;
	font-size:69%;
	padding-left:10px;
	width:890px;
}
#sub div#contentHead ol li{
	display:inline;
}
#sub ul#mainNavi{
	border-top:0px solid #68c300;
}
#sub div#content{
	background-image:url(../images/sub_content_bg.gif);
	background-repeat:repeat-y;
}

	/* sideBar
	----------------------------------------------------*/
	
	body.sideBar div#content{
		border-bottom:7px solid #68C300;
	}
	body.sideBar div#content div#mainContent{
		float:left;
		width:624px;
		padding:17px 0 0 27px;
	}
	body.sideBar div#content div#sideBar{
		float:right;
		width:190px;
		padding:17px 26px 0 0;
	}
	body.sideBar div#content div#sideBar h2{
		margin-bottom:12px;
	}
	body.sideBar div#content div#sideBar ul li{
		font-size:88%;
		line-height:1.7;
		background-image:url(../images/sidebar_li_mark.gif);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:15px;
	}
	.currentLink{
		color:#b4961e;
		font-weight:bold;
	}

/* mainColum
----------------------------------------------------*/


	/*	Books
	----------------------------------------------------*/
	#sub div#content div#mainContent div.booksList{
		width:847px;
		padding:17px 27px 0 26px;
		margin:auto;
		border-bottom:7px solid #68c300;
	}
	#sub div#content div#mainContent div.booksList h2{
		margin-bottom:10px;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock {
		clear:both;
		margin-bottom:20px;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry{
		width:262px;
		float:left;
		margin-right:30px;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd{
		width:262px;
		float:left;
		margin-right:0px;
	}
	#sub div#content div#mainContent div.booksEntry h3,
	#sub div#content div#mainContent div.booksEntryEnd h3{
		font-size:88%;
		font-weight:bold;
		padding-bottom:3px;
		margin-bottom:0.5em;
		border-bottom:1px dotted #333;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry p.author,
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd p.author{
		font-size:75%;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry div.entry,
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd div.entry{
/*		width:126px;
*/		float:right;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:1px dotted #000;
		margin-bottom:0.5em;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry div.entry p.booksMeta,
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd div.entry p.booksMeta{
		font-size:63%;
	}
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntry p.booksCover,
	#sub div#content div#mainContent div.booksList div.booksBlock div.booksEntryEnd p.booksCover {
		float:left;
		width:122px;
		border:1px solid #000;
	}
		
		/*	Books Popup
		----------------------------------------------------*/
		body.booksPopup{
			background-image:url(../../books/images/popup/books_popup_body_bg.gif);
		}
		.booksPopup div#wrapper{
			background-image:url(../../books/images/popup/books_popup_bg.gif);
			background-position:left top;
			background-repeat:repeat-x;
		}
		.booksPopup div#wrapper div#wrapperInr{
			background-image:url(../../books/images/popup/books_popup_content_bg.gif);
			background-repeat:repeat-y;
			width:529px;
			margin:auto;
		}
		.booksPopup div#wrapper div#content{
			background-image:url(../../books/images/popup/books_popup_head.gif);
			background-repeat:no-repeat;
			padding-top:23px;
		}
		.booksPopup div#wrapper div#footer{
			width:495px;
			margin:auto;
		}
		
		.booksPopup div#wrapper div#content div.booksDetail{
			width:479px;
			margin:auto;
		}
		.booksPopup div#wrapper div#content div.booksDetail h1{
			font-size:162%;
			background-image:url(../images/bookTitleBorder.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			padding-bottom:3px;
		}
		.booksPopup div#wrapper div#content div.booksDetail p.author{
			font-size:88%;
		}
		.booksPopup div#wrapper div#content div.booksDetail div.entry{
			width:262px;
			float:right;
		}
		.booksPopup div#wrapper div#content div.booksDetail div.entry h2{
			font-size:138%;
		}
		.booksPopup div#wrapper div#content div.booksDetail div.entry div.entryBody{
			font-size:75%;
			border-bottom:1px dotted #000;
			margin-bottom:0.5em;
		}
		.booksPopup div#wrapper div#content div.booksDetail div.entry p.booksMeta{
			font-size:75%;
		}
		.booksPopup div#wrapper div#content div.booksDetail div.entry ul.netShop li{
			display:inline;
		}
		.booksPopup div#wrapper div#content div.booksDetail p.booksCover{
			float:left;
			width:191px;
			border:3px solid #000;
		}
		.booksPopup div#wrapper div#content div.booksDetail ul.netShop{
			clear:both;
			margin-bottom:20px;
		}
		.booksPopup div#wrapper div#content div.booksDetail ul.netShop li{
			display:inline;
		}
		.booksPopup div#wrapper div#content div.booksDetail p.close{
			text-align:center;
		}
		
		
/*	rights
----------------------------------------------------*/
#sub div#content div#mainContent div.booksBlockTop div.booksEntry p{
	width:100%;
	font-size:81%;
}
.rights div#contentHead div.title p{
	position:absolute;
	top:18px;
	left:292px;
	margin-bottom:0;
}

	
	/*	About
	----------------------------------------------------*/	
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntry{
		width:405px;
		float:left;
	}
	#sub div#content div#mainContent div#rightsAbout p.about{
		font-size:81%;
	}
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntryEnd{
		width:405px;
		float:right;
	}
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntry div.entry,
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntryEnd div.entry{
		width:405px;
		float:right;
		border-top:0px none;
	}
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div#rightsAbout div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}

		/*	Search
		----------------------------------------------------*/
		#sub div#content div#mainContent div#rightsAbout div#booksSearch{
			margin-bottom:20px;
		}
		#sub div#content div#mainContent div#rightsAbout div#booksSearch table{
			width:100%;
		}
		#sub div#content div#mainContent div#rightsAbout div#booksSearch table th{
			background-color:#f7ffe9;
			border:1px solid #ddf8aa;
			width:150px;
			padding:10px;
		}
		#sub div#content div#mainContent div#rightsAbout div#booksSearch table td{
			border:1px solid #ddf8aa;
			padding:10px;
		}
		#sub div#content div#mainContent div#rightsAbout div#booksSearch table td input{
			border:1px solid #CCC;
			padding:6px;
			font-size:100%;
		}
	
		#sub div#content div#mainContent div#rightsAbout div#booksSearch table td ul li{
			font-size:88%;
			display:inline;
			margin-right:1em;
			background-image:url(../../books/images/search_li_mark.gif);
			background-repeat:no-repeat;
			background-position:left center;
			padding-left:8px;
			white-space:nowrap;
		}

	/*	ktaiComic
	----------------------------------------------------*/	
	#sub div#content div#mainContent div#ktaiComic div.booksBlockTop div.booksEntry{
		margin-bottom:0.5em;
		width:847px;
	}
	#sub div#content div#mainContent div#ktaiComic div.booksBlockTop div.booksEntry p.bodyCopy{
		width:680px;
		float:left;
	}
	#sub div#content div#mainContent div#ktaiComic div.booksBlockTop div.booksEntry p.qr{
		width:148px;
		float:right;
		text-align:center;
	}
	#sub div#content div#mainContent div#ktaiComic div.booksBlock div.booksEntry{
		width:262px;
		float:left;
		margin-right:30px;
	}
	#sub div#content div#mainContent div#ktaiComic div.booksBlock div.booksEntryEnd{
		width:262px;
		float:left;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#ktaiComic div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div#ktaiComic div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}

	/*	ktaiHaishin
	----------------------------------------------------*/	
	#sub div#content div#mainContent div#ktaiHaishin div.ktaiHishinQr{
		width:172px;
		float:right;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.ktaiHishinQr ul li{
		margin-bottom:10px;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntry{
		width:405px;
		float:left;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntryEnd{
		width:405px;
		float:right;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntry div.entry,
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntryEnd div.entry{
		width:262px;
		float:right;
		border-top:0px none;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntry div.entry div.entryBody p.author ,
	#sub div#content div#mainContent div#ktaiHaishin div.booksBlock div.booksEntryEnd div.entry div.entryBody p.author{
		font-weight:bold;
		margin-bottom:0.7em;
		font-size:100%;
	}

	/*	utakomi
	----------------------------------------------------*/	
	#sub div#content div#mainContent div#utakomi div.booksBlockTop p.utakomiPh{
		float:left;
		width:185px;
	}
	#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry{
		float:right;
		width:647px;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain{
		float:left;
		width:312px;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiQr{
		float:right;
		width:148px;
		margin-top:150px;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiQr ul li{
		margin-bottom:20px;
		text-align:center;
		font-size:81%;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksEntry{
		width:312px;
		margin-right:0px;
		clear:both;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock{
		width:848px;
		clear:both;
		margin-bottom:2em;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock div.booksEntry{
		width:312px;
		margin-right:0px;
		float:left;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock div.comicPic01,
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock div.comicPic02{
		float:right;
		width:530px;
		font-size:63%;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock div.comicPic01 p{
		float:left;
		width:170px;
		text-align:center;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksBlock div.comicPic02 p{
		float:left;
		width:106px;
		text-align:center;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksEntry div.entry{
		width:100%;
		float:none;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksEntryEnd div.entry{
		width:100%;
		float:none;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksEntry div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}
	#sub div#content div#mainContent div#utakomi h3{
		margin-bottom:0.5em;
	}
	#sub div#content div#mainContent div#utakomi div.utakomiMain div.booksEntry h4{
		font-size:88%;
		font-weight:bold;
		padding-bottom:3px;
		margin-bottom:0.5em;
		border-bottom:1px dotted #333;
	}
		/*	utakomi Access
		----------------------------------------------------*/	
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess{
			background-color:#fffff7;
			padding:8px;
			width:631px;
			margin-top:20px;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess h4{
			margin-bottom:5px;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessBody{
			float:left;
			width:325px;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessBody p.main{
			font-size:81%;
			font-weight:bold;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessBody p.note{
			font-size:69%;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessQr{
			float:right;
			width:296px;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessQr p.qrL{
			float:left;
			width:142px;
			text-align:center;
			font-size:81%;
		}
		#sub div#content div#mainContent div#utakomi div.booksBlockTop div.booksEntry div.ktaiAccess div.ktaiAccessQr p.qrR{
			float:right;
			width:142px;
			text-align:center;
			font-size:81%;
		}

	/*	manga
	----------------------------------------------------*/	
	#sub div#content div#mainContent p.lead {
		font-size:81%;
	}
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntry{
		width:262px;
		float:left;
		margin-right:30px;
	}
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntryEnd{
		width:262px;
		float:left;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
		height:11em;
	}
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntry div.entry{
		width:100%;
		float:none;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#manga div.booksBlock div.booksEntryEnd div.entry{
		width:100%;
		float:none;
		margin-right:0px;
	}
	#sub div#content div#mainContent div#manga div.meta{
		width:100%;
		padding:5px;
		width:250px;
		height:8em;
		border:1px solid #c6d9e5;
		background-color:#fffff4;
	}
	#sub div#content div#mainContent div#manga div.meta h4{
		font-size:75%;
		font-weight:bold;
	}
	#sub div#content div#mainContent div#manga div.meta p{
		font-size:69%;
	}

	/*	About
	----------------------------------------------------*/	
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntry{
		width:405px;
		float:left;
	}
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntryEnd{
		width:405px;
		float:right;
	}
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntry div.entry,
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntryEnd div.entry{
		width:262px;
		float:right;
		border-top:0px none;
	}
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntry div.entry div.entryBody,
	#sub div#content div#mainContent div#kaigai div.booksBlock div.booksEntryEnd div.entry div.entryBody{
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}




/*	company
----------------------------------------------------*/
body.sideBar div#contentHead div.title p.company{
	position:absolute;
	top:35px;
	left:236px;
	margin-bottom:0;
}

body.sideBar div#content div#mainContent div.companyAbout{
	margin-bottom:20px;
}
body.sideBar div#content div#mainContent div.companyAbout h2{
	margin-bottom:10px;
}
	
	/*	map
	----------------------------------------------------*/
	body.sideBar div#content div#mainContent div.companyAbout h3{
		margin-bottom:20px;
	}
	body.sideBar div#content div#mainContent div.companyAbout h4{
		font-size:81%;
		font-weight:bold;
	}
	body.sideBar div#content div#mainContent div.companyAbout address{
		font-size:75%;
		line-height:1.5;
	}
	
	
	
	
	
	

/*	Books
----------------------------------------------------*/
.books div#contentHead div.title p{
	position:absolute;
	top:18px;
	left:313px;
	margin-bottom:0;
}
	
.books div#content div#mainContent div.booksList{
	width:847px;
	padding:17px 27px 0 26px;
	margin:auto;
	border-bottom:7px solid #68c300;
}
.books div#content div#mainContent div.booksList h2{
	margin-bottom:10px;
}
.books div#content div#mainContent div.booksList ul.booksBlock {
	clear:both;
	margin-bottom:20px;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry {
	/*float:left;*/
	width:405px;
	height:240px;
	margin: 20px 0 0 0;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.odd {
	clear: left;
	float:left;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.even {
	/*padding-left: 37px;*/
	float:right;
}
.books div#content div#mainContent li.booksEntry h3 {
	/*font-size:100%;
	background-image:url(/common/images/bookTitleBorder.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:3px;
	margin-bottom:0.5em;*/
	font-size:81%;
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:0.5em;
	border-bottom:1px dotted #333;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry p.author {
	font-size:75%;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry div.entry {
	width:260px;
	float:right;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry div.entry div.entryBody {
	font-size:75%;
	border-top:1px dotted #000;
	margin-bottom: 1em;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry div.entry p.booksMeta {
	font-size:63%;
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry p.booksCover {
	float:left;
	/*width:122px;*/
	height:187px;
	margin-bottom: 0;
	/*border:1px solid #000;*/
}
.books div#content div#mainContent div.booksList ul.booksBlock li.booksEntry p.booksCover img {
	width:126px;
	border:1px solid #000;
}


	/*	Books Search
	----------------------------------------------------*/
	.books div#content div#mainContent div.booksList div#booksSearch{
		margin-bottom:20px;
		width:847px;
	}
	.books div#content div#mainContent div.booksList div#booksSearch table{
	}
	.books div#content div#mainContent div.booksList div#booksSearch table th{
		background-color:#f7ffe9;
		border:1px solid #ddf8aa;
		width:150px;
		padding:10px;
	}
	.books div#content div#mainContent div.booksList div#booksSearch table td{
		border:1px solid #ddf8aa;
		padding:10px;
	}
	.books div#content div#mainContent div.booksList div#booksSearch table td .search_text input{
		border:1px solid #CCC;
		padding:6px;
		font-size:100%;
		vertical-align: middle;
	}
	.books div#content div#mainContent div.booksList div#booksSearch table td .search_btn input{
		vertical-align: middle;
	}

	.books div#content div#mainContent div.booksList div#booksSearch table td ul li{
		font-size:88%;
		float:left;
		margin-right:1em;
		background-image:url(/common/images/books/search_li_mark.gif);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:8px;
		white-space:nowrap;
	}
	
	/*	Books Popup
	----------------------------------------------------*/
	body.booksPopup{
		background-image:url(/common/images/books/popup/books_popup_body_bg.gif);
	}
	.booksPopup div#wrapper{
		background-image:url(/common/images/books/popup/books_popup_bg.gif);
		background-position:left top;
		background-repeat:repeat-x;
	}
	.booksPopup div#wrapper div#wrapperInr{
		background-image:url(/common/images/books/popup/books_popup_content_bg.gif);
		background-repeat:repeat-y;
		width:529px;
		margin:auto;
	}
	.booksPopup div#wrapper div#content{
		background-image:url(/common/images/books/popup/books_popup_head.gif);
		background-repeat:no-repeat;
		padding-top:23px;
	}
	.booksPopup div#wrapper div#footer{
		width:495px;
		margin:auto;
	}
	
	.booksPopup div#wrapper div#content div.booksDetail{
		width:479px;
		margin:auto;
	}
	.booksPopup div#wrapper div#content div.booksDetail h1{
		font-size:125%;
		font-weight:bold;
		padding-bottom:3px;
		margin-bottom:0.2em;
		border-bottom:1px dotted #333;
		background-image:none;
	}
	.booksPopup div#wrapper div#content div.booksDetail p.author{
		font-size:81%;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry{
		width:262px;
		float:right;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry h2{
		font-size:113%;
		font-weight:bold;
		line-height:1.4;
		color:#900;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry div.entryBody{
		font-size:75%;
		border-bottom:1px dotted #000;
		margin-bottom:0.5em;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry div.entryBody ul li{
		list-style-type:disc;
		list-style-position:inside;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry p.booksMeta{
		font-size:75%;
	}
	.booksPopup div#wrapper div#content div.booksDetail div.entry ul.netShop li{
		display:inline;
	}
	.booksPopup div#wrapper div#content div.booksDetail p.booksCover{
		float:left;
/*		width:191px;*/
		border:none;
	}
	.booksPopup div#wrapper div#content div.booksDetail p.booksCover img{
		width:191px;
		border:3px solid #000;
	}
	.booksPopup div#wrapper div#content div.booksDetail ul.netShop{
		clear:both;
		margin-bottom:20px;
	}
	.booksPopup div#wrapper div#content div.booksDetail ul.netShop li{
		display:inline;
	}
	.booksPopup div#wrapper div#content div.booksDetail p.close{
		text-align:center;
	}
	




/*	works
----------------------------------------------------*/
.works div#contentHead div.title p{
	position:absolute;
	top:18px;
	left:312px;
	margin-bottom:0;
}

.works div#content div.worksIndex{
	border-bottom:7px solid #68c300;
}	
.works div#content div#sideBar{
	float:right;
	width:190px;
	padding:17px 26px 0 0;
	position:relative;
}
.works div#content div#sideBar h2{
	margin-bottom:12px;
}
.works div#content div#sideBar ul li{
	font-size:88%;
	line-height:1.7;
	background-image:url(../images/sidebar_li_mark.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left:15px;
}
.works div#content div#sideBar ul li.first{
	font-size:88%;
	line-height:1.7;
	background-image:url(../images/sidebar_li_mark.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left:15px;
}
.works div#content div#sideBar ul li ul{
	padding-left:5px;
}
.works div#content div#sideBar ul li ul li{
	font-size:69%;
	line-height:1.7;
	list-style-type:disc;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:0px;
}

	/* content
	----------------------------------------------------*/
	.works div#content div#mainContent div#worksPickup{
		width:624px;
		float:left;
		border-bottom:none;
	}
	.works div#wrapper div#wrapperInr div#content div#mainContent div.booksList{
		width:624px;
		float:left;
		border-bottom:none;
	}
	.works div#content div#mainContent div#worksPickup h3{
		font-size:88%;
		font-weight:bold;
		background-color:#68C300;
		margin-bottom:1em;
		padding:3px 3px 3px 5px;
		color:#FFF;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry {
		width:624px;
		margin-bottom:2em;
		clear:both;
		/*float:left;*/
	}
	/*.works div#content div#mainContent div#worksPickup ul.booksBlock li.odd {
		clear: both;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.even {
		padding-left: 37px;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry h4 {
		font-size:100%;
		background-image:url(../images/bookTitleBorder.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:3px;
		margin-bottom:0.5em;
	}*/
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry h4 {
		font-size:88%;
		font-weight:bold;
		padding-bottom:3px;
		margin-bottom:0.5em;
		border-bottom:1px dotted #333;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry {
		width:515px;
		float:right;
		border-top:0px none;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry div.entryBody {
		font-size:75%;
		border-top:none;
		margin-bottom:0.5em;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry p.booksCover{
		float:left;
		width:90px;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry p.booksCover img{
		width:90px;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry p.publisher,
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry p.author,
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry p.booksMeta {
		font-size:63%;
	}
	.works div#content div#mainContent div#worksPickup ul.booksBlock li.booksEntry div.entry .author {
		display: block;
	}
	.works th.magazineHead{
		border-bottom:2px solid #89C200;
	}

/*	recruit
----------------------------------------------------*/
body.sideBar div#contentHead div.title p.recruit{
	position:absolute;
	top:26px;
	left:248px;
	margin-bottom:0;
}	

	





/*----------------------------------------------------
	オンマウスやリンクテキストのカラー設定
----------------------------------------------------*/

/*---   リンクテキスト   ---*/

a:link {
	text-decoration: none;
	color: #0033ff;
}

a:visited {
	text-decoration: none;
	color: #7D3C59;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}


/*---   ナビのロールオーバー   ---*/

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=60);
}
div#header a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
}



/*----------------------------------------------------
	テーブルの設定
----------------------------------------------------*/
table.tableMain{
	width:100%;
	font-size:88%;
	margin-bottom:2em;
}
table.tableMain caption{
	font-weight:bold;
	margin-bottom:10px;
	font-size:113%;
	border-left:8px solid #000;
	padding-left:6px;
}
table.tableMain th{
	padding:5px;
	border-bottom:1px solid #89c200;
	vertical-align:top;
	white-space:nowrap;
}
table.tableMain td{
	padding:5px;
	border-bottom:1px solid #cbcbcb;
}



/*----------------------------------------------------
	general class
----------------------------------------------------*/

.blog a[href $='.pdf'] {
    padding: 3px 0 3px 30px;
    background: transparent url(../images/common_icon_pdf.gif) no-repeat center left;
}



.pagetop_btm{
	clear: both;
	margin: 25px auto;
	text-align: right;
	font-size:75%;
	background-image:url(../images/pagetop_mark.gif);
	background-position:730px 8px;
	background-repeat:no-repeat;
	width:847px;
	
}
.pagetop_norm{
	clear: both;
	margin: 5px 0;
	text-align: right;
}

.img_c{
	display:block;
	margin:auto;
}
.img_l{
	float:left;
	margin-right:10px;
}
.img_r{
	float:right;
	margin-left:10px;
}
.margin_b{
	margin-bottom:10px;
}
.nowrap {
	white-space: nowrap;
}

.bold{
	font-weight:bold;
}
.text_Red {
	color: #CC0000;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.clear{
	clear:both;
}
.green_box{
		padding: 10px 15px;
		background: #EEFFEE;
		border: 1px solid #A3CEA0;
}