@charset 'utf-8';

/*■リセットCSS■*/

html { 
	overflow-y: scroll;  /*firefoxでコンテンツの量にかかわらず縦スクロールバーを表示させる*/
}

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , 'Osaka' , 'メイリオ', 'Meiryo' , 'ＭＳ Ｐゴシック';
	line-height:1.1;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
	/*デフォルトでマージンやパディングが当たっている要素をリセット*/
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; }  /*ボールド表示をリセット*/

q:before,q:after {  /*firefoxで引用符を消す*/
	content: '';
}

a img { border:0; } /*画像リンクのボーダーを消す*/

img {
	/*vertical-align:bottom; 画像を並べた時の隙間をとる*/
}

label { cursor:pointer; cursor:hand; } /*ラベル要素マウスオーバーでハンドカーソルに変更*/

ul {  /*リストマークを消す*/
	list-style-type: none;
}

/* ul { margin:0 0 0 18px; padding:0; } リストマークを付ける時はこちら　*/

table {
	font-size:100%;
	line-height:1.1;
	border-collapse: collapse;  /*テーブルセルの間隔揃え*/
	border-spacing: 0;
	border:0;
}

object, embed {  /*firefox・safariでFLASH埋め込みの際にスキマができるのを防ぐ*/
	vertical-align: top;
}

sup{ vertical-align:text-top; }  /*上付き文字の上端を揃える*/
sub{ vertical-align:text-bottom; }  /*下付き文字の下端を揃える*/

input, textarea, select {  /*フォーム部品のテキストを親要素を継承したものにする*/
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	/*ie8のIE=EmulateIE7で、ボタンラベル名が上端にひっつくのを防ぐ*/
	/*line-height:1.5; */
}

input, textarea, select {  /*IEでフォーム部品のフォントサイズを100%に指定（invaild hack）*/
	*font-size:100%;
}



/*■clearfix■*/

.floatclear {  /*<div class="floatclear"></div>の空タグ用*/
	clear: both;
	font-size: 0;
	line-height: 0;
	height:0;
}

.pkg:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	font-size: 0em;
	line-height: 0;
}
* html .pkg {
	display: inline-block;
	min-height:1%;  /* for IE 7*/

}
/* no ie mac \*/
* html .pkg {
	height:1%;
}
/* End hide from IE-mac */

.pkg {
	display: block;
	min-height: 0;
}

/*■共通CSS■*/


a:link { color:#004B91; }
a:visited { color: #004B91; }
a:hover { color: #09f; }

.axeslog {
	display:none;
	overflow: hidden;
	height:0;
}

/*■フォント■*/

.fontgray6 { color:#666; }
.fontgray5 { color:#555; }
.fontgray3 { color:#333; }
.fontgray0 { color:#000; }

.fontmid { font-size:75%; }
.fontsmall { font-size:65%; }
.fontlarge { font-size:90%; }
.fontxlarge { font-size:100%; }
.fontsmaller { font-size:83%; }

.lh120 { line-height:120%; }
.lh130 { line-height:130%; }
.lh150 { line-height:150%; }
.lh170 { line-height:170%; }
.lh190 { line-height:190%; }

.bold { font-weight:bold; }

.fontFamilyVerdana { font-family:Verdana; }


/*■ページ■*/


html , body {
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	background:url(img/bgimg_menu.gif) repeat-y;
}

.menu{   
    position: fixed;
	width:216px;
	height:100%;
	top:0;
	left:0;
}

.content {
	zoom:1;
	padding-left:216px;
}

.pagetop {
	padding-left:784px;
	font-size:0;
}

img { border:0 }

h2 { margin:0 0 40px 21px; }

h2.narrow { margin:0 0 27px 21px; }

#blackbox {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:1;
	/*visibility:hidden;*/
}

#blackbox img {
	padding:26px 0 0 26px;
}

.logo {
	padding:26px 0 0 26px;	
}

.logo .key {
	margin:0 0 0 10px;
}

.menubutton {
	margin:31px 0 0 26px;	
}

.menubutton ul li {
	margin:0 0 7px;	
}

.amazonlink {
	margin:15px 0 0 26px;	
}

.amazonlink .text {
	margin:0 0 4px;
}

.amazonlink .linkbox {
	width:162px;
	border:1px solid #fff;
	background:url(img/menu_icon_amazon.gif) no-repeat 8px 6px #F2E9D6;
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.amazonlink .linkbox .title {
	font-size:75%;
	margin:11px 0 0 39px;
}

.amazonlink .linkbox .note {
	margin:0 0 9px 39px;
}

.amazonlink .linkbox .title a:link { color:#004B91; }
.amazonlink .linkbox .title a:visited { color:#004B91; }
.amazonlink .linkbox .title a:hover { color:#09f; }

.amazonlink .linkbox .author {
	font-size:65%;
}

.amazonlink .linkbox .price {
	font-size:65%;
	font-weight:bold;
	color:#900;
}

.mailto {
	margin:16px 0 0 26px;	
}

#top {
	background:url(img/bgimg_content.gif) repeat-x;
}

#top .wrapper {
	padding:48px 0 0;	
}

#top .item01 {
	display:inline;
	width:367px;
	margin:0 0 0 56px;
	float:left;
}

#top .item01b {
	display:inline;
	width:390px;
	margin:0 0 0 52px;
	float:left;
}


#top .item01 .note {
	padding:19px 0 0;
}

#top .item01b .noteb {
	padding:0 0 0 20px;
}



#top .item02 {
	width:64px;
	float:left;
	padding:86px 0 0;
}
#top .item03 {
	width:102px;
	float:left;
}
#top .item04 {
	width:95px;
	float:left;
}

#topics {
	padding:75px 0 0;	
}

.topics_headline {
	margin:0 0 0 56px;	
}

.topics_headline table {
	width:520px;	
}
.topics_headline .date {
	font-size:65%;
	line-height:1.4;
	padding:0 1em 0 0;
	width:7em;
}
.topics_headline .title {
	font-size:75%;
	line-height:1.3;
}

.topics_headline .title a:link { color:#333; text-decoration:none; }
.topics_headline .title a:visited { color:#333; text-decoration:none; }
.topics_headline .title a:hover { color:#333; text-decoration:underline; }

.topics_headline td {
	padding:0 0 5px;
}


#introduction {
	padding:75px 0 0;	
}

.introduction_wrapper {
	padding:0 0 0 57px;
}

#introduction .text {
	font-size:75%;
	line-height:1.7;
}

#introduction h3 {
	margin:37px 0 24px;
	display:block;
	font-size:0;
}

#author {
	padding:56px 0 0;	
}

#author .name {
	font-size:90%;
	font-weight:bold;
	margin:35px 0 14px 57px;
}

#author .text {
	font-size:75%;
	line-height:1.7;
	margin:0 0 0 57px;
	width:686px;
	background:url(img/photo_author.jpg) no-repeat right bottom;
}

#story {
	padding:56px 0 0;	
}

#story .name {
	font-size:90%;
	font-weight:bold;
	margin:35px 0 14px 57px;
}

#story .text {
	font-size:75%;
	line-height:1.7;
	margin:0 0 0 57px;
	width:686px;
	background:url(img/photo_story.jpg) no-repeat right bottom;
}


#staff {
	padding:56px 0 0;
}

.staff_wrapper {
	margin:0 0 0 56px;	
}

.staff_wrapper .name {
	font-size:90%;
	font-weight:bold;
	margin:0 0 15px;
}

.staff_wrapper .text {
	display:inline;
	width:402px;
	float:left;
	margin:0 59px 0 0;
	font-size:75%;
	line-height:1.7;
}

.staff_wrapper .profile {
	width:227px;
	float:left;
}

#staff .profile .photo {
	border:5px solid #ccc;	
}

#staff .profile .status {
	font-size:69%;
	margin:13px 0 8px;
	line-height:1.5;
}

#staff .profile .dotline {
	font-size:0;	
}

#staff .profile .profile_text {
	font-size:69%;
	line-height:1.5;
	margin:9px 0 0;

}

#staff .staff_box {
	margin:0 0 32px;	
}

#staff .staff_box2 {
	margin:0 0 20px;	
}


#staff .credit_title {
	margin:0 0 6px;	
}

#staff .credit_box {
	color:#666;
	font-size:65%;
	line-height:1.5;
	background-color:#f0f0f0;
	width:660px;
	padding:9px 14px;
}


#bookreport {
	padding:56px 0 0;
}


#bookreport .report_wrapper {
	margin:0 0 0 56px;	
}

#bookreport .border {
	font-size:0;
	height:1px;
}

#bookreport .text {
	font-size:75%;
	line-height:1.7;
	margin:30px 0 24px;
}

#bookreport .name {
	font-size:69%;
	line-height:1.5;
	background:url(img/bullet_book_report.gif) repeat-y #f0f0f0;
	width:272px;
	padding:8px 14px 5px;
}


#bookreport .otherreport_title {
	margin:19px 0 6px;	
}

#bookreport .otherreport_box {
	background-color:#f0f0f0;
	width:660px;
	padding:9px 14px;
}

#bookreport .otherreport_box .note {
	color:#666;
	font-size:65%;
	padding:3px 0 0;
}
#bookreport .otherreport_box .link {
	font-size:75%;
	background:url(img/icon_otherBookReport.gif) no-repeat;
	padding:0 0 0 23px;
	margin:13px 0 9px 14px;
}



#footer {
	background:url(img/footer_bgimg.gif) repeat-x;
	height:467px;
	margin:74px 0 0;
	
}

#footer img {
	margin:22px 0 0 22px;	
}