@import"common/css/ie_style.css";

/* リセット
============================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
fieldset, img{
	border:0;
}
table{
	border-collapse:collapse; 
	border-spacing:0;
}
caption, th{
	text-align:left;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}

/* 基本設定
============================================================*/
html{
	margin:0px auto;
}

body{
	text-align:center;
	margin:0px auto;
	color:#231815;
	line-height:1;
	font-family:Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}

div#base_container{
	width:918px;
	margin:0 auto;
	font-size:75%;
	position:relative;
}

img{
   behavior:url("common/js/pngbehavior.htc");
   border:none;
}

.clear{
	clear:both;
}

a:link,a:active,a:visited{
	color:#6699cc;
	text-decoration:none;
}

a:hover{
	color:#231815;
	text-decoration:underline;
}

/* レイアウト
============================================================*/
div#container{
	width:892px;
	margin:10px 0;
	background:url(common/images/bg.gif) 0 0 repeat-y;
	position:relative;
	z-index:1;
	float:right;
}

div#container .topLine{
	width:892px;
	background:url(common/images/bg_top.gif) 0 0 no-repeat;
	position:absolute;
	top:-5px;
	left:0;
}

/* メニュー
============================================================*/
ul#globalmenu{
	width:43px;
	height:564px;
	margin:0;
	position:absolute;
	top:-5px;
	right:-26px;
	list-style:none;
	z-index:50;
}

ul#globalmenu li a{
	display:block;
	width:43px;
	background:url(common/images/menu.gif) 0 0 no-repeat;
}

ul#globalmenu li span{
	display:none;
}

ul#globalmenu a.home{
	height:90px;
	background-position:-43px 0;
}

ul#globalmenu a.kaido_news{
	height:102px;
	background-position:0 -90px;
}

ul#globalmenu a:hover.kaido_news{
	height:112px;
	background-position:-301px -80px;
	margin-top:-10px;
}

ul#globalmenu a.profile{
	height:78px;
	background-position:0 -192px;
}

ul#globalmenu a:hover.profile{
	height:88px;
	background-position:-344px -182px;
	margin-top:-10px;
}

ul#globalmenu a.interview{
	height:102px;
	background-position:0 -270px;
}

ul#globalmenu a:hover.interview{
	height:114px;
	background-position:-387px -258px;
	margin-top:-12px;
}

ul#globalmenu a.charactors{
	height:189px;
	background-position:0 -372px;
}

ul#globalmenu a:hover.charactors{
	height:202px;
	background-position:-430px -359px;
	margin-top:-13px;
}


/* フッター
============================================================*/
#footer{
	clear:both;
	padding:26px;
	background:url(common/images/bg_bottom.gif) 0 bottom no-repeat;
	text-align:right;
	font-size:11px;
	font-weight:bold;
}

#footer .banner_area{
	text-align:left;
	background:#eaeaea;
	border:1px solid #a2a1a1;
	border-width:1px 0;
	padding:8px 9px 10px 9px;
	margin:0 0 10px 0;
}

#footer .banner_area img{
	margin-right:9px;
}

#footer a{
	color:#3a948f;
	font-weight:normal;
}

/*flashplayerに関する告知
===========================================================*/
.announcement{
	margin:15px 0 0 0;
	line-height:130%;
	font-size:11px;
	color:#838181;
}

.announcement img{
	margin:8px 0 0 0;
}

/*インデックスページ
===========================================================*/
.indexFrame a:link,.indexFrame a:active,.indexFrame a:visited,
.book_index a:link,.book_index a:active,.book_index a:visited{
	color:#231815;
	text-decoration:none;
}

.indexFrame a:hover,
.book_index a:hover{
	color:#6699cc;
	text-decoration:none;
}

#headerFlash{
	text-align:left;
	z-index:1;
}

.indexFrame{
	width:876px;
	margin:0 8px;
	border-bottom:1px solid #c9c6c5;
	float:right;
}

.indexFrame h1{
	width:134px;
	float:right;
	text-align:left;
	margin:29px 0 0 0;
}

.recent_news{
	width:205px;
	float:right;
	text-align:left;
	padding:0 19px;
}

.recent_news h2{
	margin:31px 0 15px 0;
}

.recent_news .news_index{
	margin:0 5px 10px 0;
	border-bottom:2px dotted #838181;
}

.recent_news .news_index span{
	color:#595757;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1pt;
	font-family:Times,'Times New Roman';
}

.recent_news .news_index h3{
	margin:3px 0 0 0;
}

.infomation{
	float:right;
	width:499px;
	height:394px;
	margin:10px 0 11px 0;
	position:relative;
	background:url(images/mainimage.jpg) right 0 no-repeat;
}

.infomation .button img{
	position:absolute;
	left:0;
	bottom:7px;
	z-index:100;
}

/*書誌API*/
.book_index,
.other_books{
	clear:both;
	width:819px;
	margin:0 0 0 8px;
	padding:21px 27px 11px 30px;
	text-align:left;
}

.book_index h4,
.other_books h4{
	margin:0 0 14px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #acabab;
}

.book_index ul{
	float:left;
	width:819px;
	list-style:none;
	position:relative;
}

.book_index ul li{
	width:156px;
	height:159px;
	position:relative;
	float:left;
	margin:0 7px 10px 0;
}

.book_index ul li dl dt{
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:1.2;
	height:33px;
	position:relative;
	border-bottom:1px dashed #b3b3b3;
}

.book_index ul li dl dt a{
	position:absolute;
	bottom:0;
	padding:0 0 4px 0;
}

.book_index ul li dl dd{
	height:115px;
	position:relative;
	line-height:120%;
}

.book_index ul li dl dd p{
	width:75px;
	position:absolute;
	bottom:2px;
	left:77px;
}
 
.book_index ul li dl dd p span.price{
	font-size:10px;
	padding:12px 0 0 0;
	margin:0 0 8px 0;
	display:block;
}
 
.book_index ul li dl dd p span.isbn{
	font-size:9px;
	padding:6px 0 0 0;
	display:block;
	border-top:1px solid #b3b3b3;
}

.book_index ul li dl dd img{
	width:72px;
	height:110px;
	float:left;
	margin-right:5px;
}

.other_books ul{
	float:left;
	width:819px;
	list-style:none;
}

.other_books ul li{
	width:186px;
	float:left;
	padding:0 15px 0 0;
	margin:0 0 10px 0;
}

.other_books ul li dt{
	margin:0 0 8px 0;
}

.other_books ul dd ul{
	float:none;
	width:186px;
}

.other_books ul dd ul li{
	list-style:square;
	list-style-position:inside;
	font-weight:bold;
	line-height:1.1;
}

/*スライドショー・スクロールバー*/
.infomation ul.slideArea{
	width:350px;
	height:168px;
	position:absolute;
	left:0;
	bottom:0;
	overflow:hidden;
	list-style:none;
}

.infomation ul.slideArea li{
	width:296px;
	height:154px;
	padding:7px 31px 7px 23px;
	background:url(images/infomation_bg.png) 0 0 no-repeat;
}
	
.infomation ul.slideArea li .scrollArea{
	width:245px;
	height:133px;
	overflow:hidden;
	padding-right:30px;
	position:absolute;
	top:19px;
	left:36px;
}

.infomation ul.slideArea li .scrollArea #scroll{
	position:absolute;
}

.infomation ul.slideArea li .scrollArea dl.Scroller-Container{
	line-height:120%;
	text-align:left;
	margin-right:30px;
}

.infomation ul.slideArea li .scrollArea dl.Scroller-Container dt span{
	background:#dcdddd;
	padding:0 1px;
	font-weight:bold;
}

.infomation ul.slideArea li .scrollArea dl.Scroller-Container dd{
	padding:0 0 8px 0;
	margin:8px 0;
	border-bottom:1px dashed #696969;
}

.infomation ul.slideArea li .scrollArea dl.Scroller-Container dd a{
	color:#ffffff;
}

.infomation ul.slideArea li .scrollArea dl.Scroller-Container dd a:hover{
	color:#6699cc;
}

.Scrollbar-Track{
	width:15px;
	height:130px;
	position:absolute;
	tpp:0;
	left:255px;
	background:url(common/images/scrollBar.gif);
}

.Scrollbar-Handle{
	position:absolute;
	top:0px;
	left:0px;
	width:15px;
	height:25px;
	cursor:pointer;
	background:url(common/images/scroll.gif);
}

/*中ページ共通
===========================================================*/
.contentsFrame{
	width:876px;
	float:right;
	margin:0 8px;
	border-bottom:1px solid #c9c6c5;
	background:url(common/images/contents_header.gif) right 0 repeat-y;
}

.contentsFrame h1{
	width:93px;
	float:right;
	padding-top:16px;
}

.contents{
	width:782px;
	float:right;
}

.contents h2{
	width:107px;
	padding:79px 0 15px 0;
	text-align:center;
	float:right;
}

.main_txt{
	width:641px;
	padding:35px 2px 15px 29px;
	float:right;
	text-align:left;
}

.main_noPadding{
	padding:0 2px 15px 29px;
}

.entry{
	margin:28px 0 0 0;
	line-height:1.8;
}

/*インフォメーション
===========================================================*/
.infomation_article{
	background:url(common/images/information_symbol.jpg) right 0 no-repeat;
}

/*海堂ニュース共通
===========================================================*/
.news{
	background:url(common/images/news_symbol.gif) right 0 no-repeat;
}

.entry_category .new,
.entry_body .new{
	padding-left:9px;
    display: none;
}


/*海堂ニュース-index
===========================================================*/
.news_pagenation{
	width:auto;
	float:left;
	margin:0 0 20px 0;
	font-size:12px;
	text-align:center;
}

.news_pagenation .read_more{
	text-align:right;
	display:block;
	padding:0 0 2px 0;
	margin:0 0 4px 0;
	font-size:10px;
	border-bottom:1px solid #c9c6c5;
}

.news_pagenation .current_page{
	display:block;
	width:29px;
	height:20px;
	float:left;
	padding:8px 0 0 0;
	margin:0 7px 0 0;
	color:#ffffff;
	background:url(common/images/pagenation_bg_ovr.gif) 0 0 no-repeat;
}

.news_pagenation a.link_page{
	display:block;
	width:29px;
	height:20px;
	float:left;
	padding:8px 0 0 0;
	margin:0 7px 0 0;
	color:#231815;
	background:url(common/images/pagenation_bg.gif) 0 0 no-repeat;
}

.news_pagenation a:hover.link_page{
	color:#ffffff;
	text-decoration:none;
	background:url(common/images/pagenation_bg_ovr.gif) 0 0 no-repeat;
}

.entry_category{
	clear:both;
	width:631px;
	margin:0 0 24px 0;
}

.entry_category .date{
	padding:2px 6px;
	border:1px solid #918c8a;
	background:url(common/images/date_bg.gif) 0 bottom repeat-x #221815;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1pt;
	font-family:Times,'Times New Roman';
}

.entry_category h3{
	margin:6px 0 0 0;
	font-size:20px;
	height:26px;
}


/*海堂ニュース-contents
===========================================================*/
.top_pagenation{
	width:631px;
	float:left;
	margin:0 0 20px 0;
}

.top_pagenation .prev{
	float:left;
	text-align:left;
}

.top_pagenation .next{
	float:right;
	text-align:right;
}

.bottom_pagenation{
	width:auto;
	float:right;
	margin:19px 0 15px 0;
	font-size:12px;
}

.bottom_pagenation .read_more{
	text-align:left;
	display:block;
	padding:0 0 2px 0;
	margin:0 0 4px 0;
	font-size:10px;
	border-bottom:1px solid #c9c6c5;
}

.bottom_pagenation .link_page{
	display:block;
	width:29px;
	height:20px;
	float:left;
	text-align:center;
	padding:8px 0 0 0;
	margin:0 7px 0 0;
	color:#ffffff;
	background:url(common/images/pagenation_bg_ovr.gif) 0 0 no-repeat;
}

.bottom_pagenation .link_page a{
	display:block;
	width:29px;
	height:20px;
	padding:8px 0 0 0;
	margin-top:-8px;
	color:#231815;
	background:url(common/images/pagenation_bg.gif) 0 0 no-repeat;
}

.bottom_pagenation .link_page a:hover{
	color:#ffffff;
	text-decoration:none;
	background:url(common/images/pagenation_bg_ovr.gif) 0 0 no-repeat;
}

.entry_body{
	clear:both;
	width:631px;
}

.entry_body .entry,
.entry_body .entry span,
.entry_body .entry p,
.entry_body .entry font,
.entry_body .entry div {
	font-size:12.5pt !important;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
.entry_body .date{
	padding:2px 6px;
	border:1px solid #918c8a;
	background:url(common/images/date_bg.gif) 0 bottom repeat-x #221815;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1pt;
	font-family:Times,'Times New Roman';
}

.entry_body h3{
	padding:21px 0 4px 0;
	font-size:20px;
	border-bottom:1px dashed #c9c6c5;
}

blockquote{
	background:#ededed;
	padding:3px 8px;
}

blockquote blockquote{
	border:1px solid #ccc;
}

/*ウェブページ共通
===========================================================*/
.page_entry{
	margin:0;
	line-height:1.8;
}

/*自己紹介
===========================================================*/
.profile{
	background:url(profile/images/profile_symbol.jpg) right 0 no-repeat;
}
.profile_body{
	clear:both;
	width:400px;
}

.profile_body img.mt-image-left{
	margin:10px 10px 30px 0 !important;
}

.profile_body p{
	margin-top:20px;
}

.profile_body #title_box{
	padding:10px 0 4px 0;
	height:28px;
	border-bottom:1px dashed #c9c6c5;
}

#title_box #titel_b{
	float: left;
	margin-top:-19px;
}
#title_box #titel_s{
	float: left;
	margin-top:0;
}
#subtitle01{
	padding-bottom:10px;
}
#subtitle02{
	padding-bottom:5px;
}

/*インタビュー共通
===========================================================*/
.interviewArea{
	background:url(interview/images/interview_symbol.gif) right 0 no-repeat;
}

.interviewArea .header{
	width:631px;
	padding:35px 0 0 0;
	min-height:144px;
	line-height:1.5;
	border-bottom:1px solid #c9c6c5;
	clear:both;
}

.interviewArea .header p{
	margin-bottom:10px;
}

.interviewArea .page_top{
	clear:both;
	text-align:right;
	width:622px;
	margin:20px 0 0 0;
}

.interviewArea .page_top img{
	border-bottom:1px solid #c9c6c5;
	padding:0 5px 3px 5px;
}

.interviewArea .page_last{
	margin-bottom:30px;
}

ul.monthly_achive{
	margin:10px 0 0 0;
	list-style:none;
}

ul.monthly_achive li{
	margin:6px 0;
}

/*旧インタビュー
===========================================================*/
.interviewArea .header .old_interview{
	margin:0 0 13px 0;
}

.interviewArea .sub_title{
	clear:both;
	width:631px;
	padding:30px 0 10px;
	margin:0;
	border-bottom:1px dashed #c9c6c5;
}

.interviewArea h4.q{
	clear:both;
	padding:25px 0 0 52px;
	border:none;
	width:580px;
	background:url(interview/images/q.gif) 22px 27px no-repeat;
}

.interviewArea .interview_qa{
	float:left;
	width:590px;
	margin:15px 0 20px 0;
	padding:30px 20px 10px;
	border:1px solid #c9c6c5;
	background:url(interview/images/a.gif) 20px 28px no-repeat;
}
	
.interviewArea .interview_qa dl{
	width:530px;
	margin-bottom:15px;
	float:right;
}

.interviewArea .interview_qa dt{
	float:left;
	padding:0 20px 0 0;
}

.interviewArea .interview_qa dd{
	width:481px;
	margin-top:-5px;
	float:left;
	line-height:1.8;
}

.interviewArea .interview_qa ul li{
	margin-left:15px;
}

.interviewArea .interview_qa ol li{
	margin-left:23px;
}

.interviewArea .interview_box{
	width:629px;
	float:right;
	margin:30px 10px 20px 0;
	border:1px double #c9c6c5;
}
.interviewArea .interview_box dl{
	margin:2px;
	padding:0 20px 20px;
	border:1px double #c9c6c5;
}
.interviewArea .interview_box dt{
	padding:20px 0 5px;
	border-bottom:1px dashed #c9c6c5;
}
.interviewArea .interview_box dd{
	padding-top:10px;
	line-height:1.8;
}

.interviewArea .interview_qa img{
	float:left;
}

/*新インタビュー
===========================================================*/
.interviewArea .header h3{
	margin:15px 0 0 0;
}

.interviewArea #note{
	list-style:none;
	border:3px double #c8c6c5;
	padding:5px;
	width:280px;
	background:#f1f1f1;
}

.interviewArea h4{
	width:620px;
	padding:35px 0 7px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #c8c6c5;
	float:left;
}

.interviewArea .interview_a{
	clear:both;
	width:620px;
	line-height:1.8;
	}

.interviewArea .last_note{
	text-align:right;
	width:620px;
	padding:20px 0 0 0;
}