@charset "utf-8";


/* ------------------------------
 // 1: Body and Base
------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-color:#F2F2F2;
	color: #666666;
	line-height: 1.6;
	font-family: 'ＭＳ Ｐゴシック','MS PGothic', 'ヒラギノ Pro W3', Hiragino Kaku Gothic Pro, osaka, 'メイリオ', Meiryo, sans-serif;
	font-size: 12px;
	text-align: center;
}

html>/**/body {
	font-size: 12px; /* Except IE */
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
    font-size: 100%; 
    font-weight: normal;
}

img {
	border: 0px;
}

ul {
	list-style-type: none;
}

p {
	text-align: left;
}


strong {
	font-weight:normal;
}

strong.bolder {
	font-weight: bolder;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ------------------------------
 // 2: Link
------------------------------ */

a:link{
	color: #3399CC;
	text-decoration: none;
}

a:visited{
	color: #3399CC;
	text-decoration: none;
}

a:hover{
	color: #999999;
	text-decoration: none;
}

a:active{
	color: #3399CC;
	text-decoration: none;
}


/* ------------------------------
 // 3: layout
------------------------------ */

/* header */

#header {
	margin: 0 auto;
	background: url(image/header_bg.gif) left top repeat-x;
}

#header .innerbox {
	margin: 0px auto;
	padding: 10px 0;
	width: 900px;
}

#header .logo a {
	text-indent: -9999px;
	display: block;
	width: 240px;
	height: 40px;
	background: url(image/logo.jpg) left top no-repeat;
	margin-top: -35px;
}

#header .bookstore {
	margin-top: 5px;
	text-align: right;
}

/* contents */

#contents {
	margin: 0 auto;
	width: 900px;
}

/* main */

#main {
	margin: 0 auto;
	width: 670px;
	float: left;
}

/* box */

#introduction, #message, #voice ,#review{
	background: url(image/box_b.gif) left top repeat-y;
	margin-bottom: 10px;
}

.box_h {
	padding-top: 20px;
	background: url(image/box_h.jpg) left top no-repeat;
}

.box {
	padding: 0 20px 20px 20px;
	background: url(image/box_f.jpg) left bottom no-repeat;
}

/* bookinfo */

#bookinfo {
	width: 420px;
	float: left;
}

.sub_title {
	height: 40px;
	background: url(image/bookinfo_subtitle.jpg) right top no-repeat;
	text-indent: -9999px;
}

h1 {
	height: 66px;
	background: url(image/bookinfo_title.jpg) right top no-repeat;
	text-indent: -9999px;
}

.author {
	height: 30px;
	background: url(image/bookinfo_author.jpg) right top no-repeat;
	text-indent: -9999px;
}

.price {
	height: 20px;
	background: url(image/bookinfo_price.jpg) right top no-repeat;
	text-indent: -9999px;
}

#bookinfo h2 {
	height: 80px;
	background: url(image/bookinfo_h.jpg) right top no-repeat;
	text-indent: -9999px;
}

p.txt {
	margin-top: 10px;
	padding: 0 10px 0 3px;
}

/* bookcover */

#bookcover {
	width: 205px;
	float: right;
}

.cover_img {
	margin: 10px 0;
}

/* quote */

#quote h2 {
	height: 60px;
	background: url(image/quote_h.jpg) left top no-repeat;
	text-indent: -9999px;
}

#quote p.quote01 {
	margin-top: 10px;
	height: 90px;
	background: url(image/quote01.jpg) left top no-repeat;
	text-indent: -9999px;
}

#quote p.quote02 {
	margin-top: 5px;
	height: 90px;
	background: url(image/quote02.jpg) left top no-repeat;
	text-indent: -9999px;
}

#quote p.quote03 {
	margin-top: 5px;
	height: 70px;
	background: url(image/quote03.jpg) left top no-repeat;
	text-indent: -9999px;
}

/* TOC */

#TOC {
	padding-bottom: 20px;
	background: url(image/TOCbox_f.jpg) left bottom no-repeat;
	margin-bottom: 10px;
}

#TOC h2{
	height: 50px;
	background: url(image/TOC_h.jpg) left top no-repeat;
	text-indent: -9999px;
}

.TOC_box {
	background: url(image/TOCbox_b.jpg) left top repeat-y;
	padding: 0 20px;
}

#TOC dl {
	margin-top: 5px;
	margin-right: 10px;
	text-align: left;
	width: 200px;
	float: left;
}

#TOC dt {
	text-indent: -9999px;
	cursor: pointer;
}

#TOC dd {
	margin-left: 32px;
}

#TOC li {
	background: url(image/arrow01.gif) left center no-repeat;
	padding-left: 10px;
}


.TOC_list01 {
	background: url(image/TOC_list01.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list02 {
	background: url(image/TOC_list02.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list03 {
	background: url(image/TOC_list03.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list04 {
	background: url(image/TOC_list04.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list05 {
	background: url(image/TOC_list05.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list06 {
	background: url(image/TOC_list06.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list07 {
	background: url(image/TOC_list07.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list08 {
	background: url(image/TOC_list08.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list09 {
	background: url(image/TOC_list09.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list10 {
	background: url(image/TOC_list10.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list11 {
	background: url(image/TOC_list11.jpg) left top no-repeat;
	height: 42px;
}

.TOC_list12 {
	background: url(image/TOC_list12.jpg) left top no-repeat;
	height: 42px;
}


/* message */

#message h2{
	height: 90px;
	background: url(image/message_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

/* message_area */

.message_area {
	width: 380px;
	float: left;
}

/* author_mes */

#author_mes p{
	margin-top: 10px;
}

.copy01 {
	display: block;
	height: 60px;
	background: url(image/author_copy.jpg) left top no-repeat;
	text-indent: -9999px;
}

/* editor_mes */

#editor_mes {
	border-top: 2px solid #999;
	padding-top: 10px;
	margin-top: 25px;
}

#editor_mes h3{
	height: 35px;
	margin-top: 10px;
	background: url(image/editor_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

#editor_mes p{
	margin-top: 10px;
}

.copy02 {
	display: block;
	height: 100px;
	background: url(image/editor_copy.jpg) left top no-repeat;
	text-indent: -9999px;
}

#plofile {
	width: 230px;
	margin-top: 10px;
	padding: 5px;
	background: url(image/bg_dotted.gif) left top repeat;
	float: right;
}

.plofile_box {
	background-color: #FFF;
	padding: 15px;
}

h3.plof{
	background: url(image/profile_h.jpg) left top no-repeat;
	height: 35px;
	text-indent: -9999px;
}

h3.works{
	margin-top: 10px;
	background: url(image/works_h.jpg) left top no-repeat;
	height: 35px;
	text-indent: -9999px;
}

#plofile p{
	margin-top: 10px;
	font-size: 10px;
	color: #666;
}

#plofile dl {
	margin-top: 10px;
}

#plofile dt {
	text-align: left;
	width: 75px;
	float: left;
}

#plofile dd {
	text-align: left;
	width: 114px;
	font-size: 11px;
	line-height: 140%;
	float: right;
}

/* review */

#review h2{
	height: 60px;
	background: url(image/review_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

#review dl {
	margin: 10px 0 0 22px;
	padding: 0 20px 30px 0;
	background: url(image/voice_bg.jpg) right bottom no-repeat;	

}

#review dt {
	text-align: left;
	font-weight: bolder;
}

#review dd {
	margin-top: 10px;
	text-align: left;
}


/* voice */

#voice h2{
	height: 60px;
	background: url(image/voice_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

#voice dl {
	margin: 10px 0 0 22px;
	padding: 0 20px 30px 0;
	background: url(image/voice_bg.jpg) right bottom no-repeat;	

}

#voice dt {
	text-align: left;
	width: 110px;
	float: left;
	font-weight: bolder;
}

#voice dd {
	text-align: left;
	width: 470px;
	float: right;
}

/* detail */

#detail {
	padding-bottom: 10px;
	background: url(image/detail_f.jpg) left bottom no-repeat;
	margin-bottom: 10px;
}

.detail_box_h {
	padding-top: 10px;
	background: url(image/detail_h.jpg) left top no-repeat;	
}

.detail_box {
	padding: 0 20px;
	background-color:#333;
}

#detail_cover {
	float: left;
	width: 100px;
}

#detail_info {
	text-align: left;
	float: right;
	width: 520px;
}

#detail_info dl {
	margin: 10px 0;
	color:#CCC;
	width: 250px;
	float: left;
}

#detail_info dt {
	float: left;
	text-align: center;
	width: 6em;
	font-weight: bold;
	border: 1px solid #CCC;

}

#detail_info dd {
	padding: 0 0 5px 7em;
	text-align: left;

}

/* side */

#side {
	margin: 0 auto;
	width: 220px;
	float: right;
}

/* twitter */

#twitter {
	padding: 15px 0 10px 0;
	background: url(image/twitter_bg.jpg) left top no-repeat;
}

/* goethe */

#goethe, #notables {
	background: url(image/sidebox_b.jpg) left top repeat-y;	
}

.sidebox {
	padding-bottom: 25px;
	background: url(image/sidebox_f.jpg) left bottom no-repeat;	
}

/* notables */

#notables h3{
	height: 90px;
	background: url(image/notables_h.jpg) left top no-repeat;	
	text-indent: -9999px;
	padding-bottom: 5px;
}

#notables p, #career p {
	padding: 0 10px;
	font-size: 10px;
	text-align: left;
	margin-top: 3px;
}

#notables .name, #career .name {
	font-weight: bolder;
}

/* career */

h3.career_h{
	height: 80px;
	background: url(image/career_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

h3.major_h{
	height: 50px;
	background: url(image/majorworks_h.jpg) left top no-repeat;	
	text-indent: -9999px;
}

#major_works dl {
	margin-top: 5px;
	padding: 0 10px;
}

#major_works dt {
	text-align: left;
	width: 75px;
	float: left;
}

#major_works dd {
	text-align: left;
	width: 120px;
	font-size: 11px;
	line-height: 140%;
	float: right;
}

/* footer */

#footer {
	margin: 0 auto;
	background: url(image/footer_bg.gif) top left repeat-x;
	background-color: #333;
}

#footer .innerbox {
	margin: 0px auto;
	padding: 15px 0 10px 0;
	width: 900px;
}

#footer .footer_logo a {
	text-indent: -9999px;
	display: block;
	width: 280px;
	height: 20px;
	background: url(image/footer_logo.jpg) left top no-repeat;
	margin-top: -20px;
}

#footer .copyright {
	color: #CCC;
	text-align: right;
}