/*
******************************************************************************************
印刷対応
******************************************************************************************
*/
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}
/*SBS*/
div.social_btns{float: right;}
div.social_btns div.social_items{display: inline-block;vertical-align: top;margin-right: .2em;margin-bottom: 5px;position: relative;}


.textbanner-group-resp{background-color:#fcfcfc;border-radius:5px;padding:10px;margin:10px 5px;}
.textbanner-group-resp .textbanner-title .textbanner-adsigin img{vertical-align:middle;margin-right:5px;}
.textbanner-group-resp .textbanner-title .textbanner-title-anchor{font-size:14px;}
.textbanner-group-resp .textbanner-text{margin:5px 5px 3px 5px;font-size:12px;}
.textbanner-group-resp .textbanner-url{margin:3px 5px 5px 5px;font-size:9px;}

.textbanner-group{background-color:#fcfcfc;border-radius:5px;padding:10px;}
.textbanner-group .textbanner-title .textbanner-adsigin img{vertical-align:middle;margin-right:5px;}
.textbanner-group .textbanner-title .textbanner-title-anchor{font-size:14px;}
.textbanner-group .textbanner-text{margin:5px 5px 3px 5px;font-size:12px;}
.textbanner-group .textbanner-url{margin:3px 5px 5px 5px;font-size:9px;}
.textbanner-bookdetail{width:280px;margin:10px 15px 10px 0px;display:inline-block;}
.textbanner-bookdetail .textbanner-text{height:3em;;}
.textbanner-booksearch{margin:20px 30px;}
.textbanner-toppage{width:150px;margin:0px auto 10px auto;}


#tp_ttl{font-size:x-large;background-image: url("/jikkenigaku/images/line_arrivel_resp.gif");background-repeat: repeat-x;background-position:bottom;padding-bottom:5px;}
#tp_ttl span{font-size:xx-large;color:#ffa400;}
#topics_ul{background-image: url("/jikkenigaku/images/line_arrivel_resp.gif");background-repeat: repeat-x;background-position:bottom;padding-bottom:15px;}

ul.tilemenu li{margin:10px;}
ul.tilemenu li img{border:1px solid #eee;border-radius:20px;}

ul.txt_arrange{margin:0px;padding:0px;list-style-type:none;}
ul.txt_arrange li{margin:0px 0px 2px 0px;padding:0px;border-bottom:1px dotted silver;}

div#topimages{margin:30px 5px;}
div#topimages div{padding-left:3px;padding-right:3px;}
div#topimages div img{opacity:0.6;}
div#topimages div.slick-active img{opacity:1;}
/*  nav
/*--------------------------------- */

.navbar {
	border-radius: 0;
}

.navbar-default .navbar-brand{
	padding:0px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
	color: #fff;
}

.navbar-default {
	background-color: #999;
	border:none;
	margin:0;
	color:#fff;
}

.navbar-rn{
	background-color: #65b62a;
}

.navbar-em{
	background-color: #43AB9E;
}

.navbar-default .navbar-toggle {
	border-color: #666;
	background-color: #666;
}

.navbar-rn .navbar-toggle-rn {
	border-color: #84d287;
	background-color: #84d287;
}

.navbar-em .navbar-toggle-em {
	border-color: #94D4CC;
	background-color: #94D4CC;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background-color: #999;
	color: #fff;
}

.navbar-rn .navbar-toggle-rn:hover,
.navbar-rn .navbar-toggle-rn:focus{
	background-color: #b5e5df;
}

.navbar-em .navbar-toggle-em:hover,
.navbar-em .navbar-toggle-em:focus{
	background-color: #b5e5df;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-default .navbar-nav a:hover{
	background-color: #b5e5df;
	color: #fff;
}

.navbar-default .navbar-nav > li{
	border-right: 1px solid #b5e5df;
	padding:3px 5px;
}

/*
.navbar-default .navbar-nav > li.first{
	border-left: 1px solid #fff;
}
*/

.navbar-default .navbar-nav > li >a {
	color: #fff;
	padding:5px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #b5e5df;
	color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu{
	background-color: #f3fcfb;
	color: #555;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #555;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #b5e5df;
	color: #fff;
}



.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: #b5e5df;
	color: #666;
}

ul.sidebanner li{margin-top:7px;}

div.responsive_menu div{margin:0px 10px 0px 0px;}
div.responsive_booklist div{margin:0px 10px 0px 0px;}
div.booklist ul li.title{font-size:medium;font-weight:bold;}



div.osusume div{margin:0px 10px 0px 0px;}
div.osusume_small div{margin:0px 10px 0px 0px;}

div.book_base_info{margin-top:20px;}

.book_info_menu{margin-top:20px;}

hgroup h1.maintitle{font-size:xx-large;margin:5px 0px;padding:0px;line-height:120%;font-weight:bold;}
hgroup h2.subtitle{margin:5px 0px 10px 0px;padding:0px;line-height:120%;}


div#book_detail_action_box{margin-top:10px;}
div#book_detail_action_box ul.mag_prev_next li{padding-left:15px;padding-right:15px;}

div.bookdetaildata{padding:10px 20px;}
div.bookdetaildata h3{font-size:medium;border-bottom:1px dotted silver;margin-top:2em;}
div.bookdetaildata h4{font-size:medium;margin-left:0.5em;}
div.bookdetaildata h5{font-size:medium;font-weight:normal;margin-left:2em;text-indent:-1em;}

div.bookdetaildata div.buttonimages img{margin:5px 10px;}

div.booktocart{margin:10px 0px;text-align:center;}
div.booktoebookcart{margin:10px 0px;text-align:center;}
div.ebook_pr{margin:20px 0px;text-align:center;}


div#ebook{border:1px solid silver;border-radius:5px;padding:0px;margin:20px 10px;}
div#ebook h3{margin:0px 0px 10px 0px;background-color:silver;padding:5px;font-size:large;border-radius:5px 5px 0px 0px;}
div#ebook p{margin:0px;padding:0px 10px 10px 10px;}
div#ebook ul.comp{margin:0px 10px;font-size:small;}
div#ebook ul.ebookstore{margin:10px 20px;}
div#ebook ul.ebookstore li{padding-bottom:20px;}

ul#pdfdownload{text-align:center;margin-top:20px;}
ul#pdfdownload li{display:inline;padding:0 0 0 22px;background-image:url("/jikkenigaku/images/pdficon_small.gif");background-repeat:no-repeat;padding-right:2em;}
ul#pdfdownload2{text-align:center;}
ul#pdfdownload2 li{display:inline;padding-left:21px;padding-top:2px;background-image:url("/jikkenigaku/images/pdficon_small.gif");background-repeat:no-repeat;padding-right:2em;}



/* twitter & facebook */
ul.twfb{list-style:none;margin:0;padding:0;font-size:small;}
ul.twfb li{display:inline;margin:0;padding:0;vertical-align:top;}
ul.twfb li.twfb_li0{color:#696969;}
ul.twfb li.twfb_li1{margin:0 2px 0 0;}
ul.twfb li.twfb_li1 img{cursor:pointer;vertical-align:top;margin-bottom:1px;}
ul.twfb li#twfb_lig ,ul.twfb li.twfb_lig{vertical-align:bottom;}
ul.twfb li.twfb_li1 img.hatena{margin:4px 0 0 0;}

div.book_copy{margin:10px 5px 5px 5px;background-color:#efefef;padding:10px;border-radius:5px;}
div.book_copy p{font-size:medium;}


/*▼▼山口追加（2015/9/10）▼▼*/
/*------------------------------------------------------------------------------
 リンク（全体に適応）
------------------------------------------------------------------------------*/
a:link{text-decoration:none;}
a:visited{color: purple;text-decoration:none;}
a:hover{text-decoration:underline;}

/*------------------------------------------------------------------------------
 実験医学Online TOPの新着コンテンツ更新日時
------------------------------------------------------------------------------*/
div.em_update{color:#399; font-size:medium; background-color:#eee; padding-left:0.5em;}

/*------------------------------------------------------------------------------
 英語＆和訳掲載　※今後、デフォルト化を予定（2015/9 現状、コメントアウト）
------------------------------------------------------------------------------*/
/*p英文
div.maintext p.eng{font-size:120%; font-weight:bold; text-indent:0; margin-left:2em; margin-top:0.7em; margin-bottom:0.5em;}*/

/*span和訳
div.maintext p.eng span{font-size:90%; color:#999; font-weight:normal;}*/

/*------------------------------------------------------------------------------
 ヘッダー部分（実験医学Onlineリニューアル後作成のものに適応）
------------------------------------------------------------------------------*/
div.maintext div.header-bottom{margin-bottom:18px;}

/*------------------------------------------------------------------------------
 コンテンツ部テキスト（実験医学Onlineリニューアル後作成のものに適応）
------------------------------------------------------------------------------*/
div.maintext h2{font-weight:bold; margin-top:30px; margin-left:10px; border-bottom:1px dotted #666;}
div.maintext h3{font-weight:bold; margin-left:10px;}
div.maintext p{text-indent:1em; margin-top:0.5em; margin-left:1em; margin-right:1em; font-size:medium; line-height:160%;}

/*h2見出しの飾り（ボックス）*/
div.maintext h2.borderboxh2{border-left:20px solid #999; padding-top:7px; padding-bottom:5px; padding-left:12px;}

/*h3見出しの飾り（ボックス）*/
div.maintext h3.borderboxh3{border-left:10px solid #ccc; padding-left:11px; padding-bottom:3px; padding-top:5px; padding-bottom:5px; margin-left:20px;}

/*------------------------------------------------------------------------------
 コンテンツ部ボックス（実験医学Onlineリニューアル後作成のものに適応）
------------------------------------------------------------------------------*/
/*ボックス1 （丸角）*/
div.maintext div.box1{border:1px solid #333; margin:1em 16px 1em 16px;border-radius:10px;padding:2px 1em 2px 1em;}

/*ボックス2 （長方形 p文字サイズ小）*/
div.maintext div.box2{border:1px solid #666; margin-top:5px; padding:10px 8px 8px 8px; border-radius:5px;}
div.maintext div.box2 p{text-indent:0;}

/*------------------------------------------------------------------------------
 コンテンツ部内容枠（NHPDなど、実験医学Onlineリニューアル前からあるものに適応）
------------------------------------------------------------------------------*/
div#contentsBox{margin-left:10px;}

/*------------------------------------------------------------------------------
 Web連載ベース（NHPDなど、実験医学Onlineリニューアル前からあるものに適応）
------------------------------------------------------------------------------*/
div.webcontents h1{line-height:120%;}
div.webcontents p{font-size:medium; line-height:160%;}
div.webcontents ul{margin-left:-1em;}
div.webcontents ul li{font-size:11pt;}

/*個別対応（実験医学Onlineの「Drキタノのシステム〜」/「エボラ出血〜」用）*/
div.webcontents ul.bunken{margin-left:2em; list-style:none;}

/*個別対応（実験医学Onlineの「NHPD」の文面1文字目）*/
div#nhpd span.frst{font-size:3em;font-weight:bold;display:block;float:left;margin-top:0.21em;color:#0081a3;}

/*個別対応（実験医学Onlineの「Opinion」）*/
div.eng_para h1{line-height:120%;}
div.eng_para p{font-size:medium; line-height:160%;}
div.eng_para ul{margin-left:-1em;}
div.eng_para ul li{font-size:11pt;}
div.eng_para p.listener{font-size:small;}
div.eng_para p.opi_bottom_txt{font-size:small;}

/*------------------------------------------------------------------------------
コンテンツ各回へのナビゲーション〜中央Ver〜（NHPDなど、実験医学Onlineリニューアル前からあるものに適応）
------------------------------------------------------------------------------*/
p.page_switch_center{text-align:center;margin:0;padding:20px 0 15px 0;}
p.page_switch_center span.pre_page{margin:2px;padding:2px 3px;width:30px;height:10px;background-color: #646464;color:#FFF;text-align:center;}
p.page_switch_center span.pre_page a{color:#ffffff;text-decoration: none; }
p.page_switch_center span.pre_page a:link{color:#ffffff;text-decoration: none; }
p.page_switch_center span.pre_page a:visited{color:#ffffff;text-decoration: none; }
p.page_switch_center span.pre_page a:hover{color:#ffffff;text-decoration: none; }
p.page_switch_center span.flw_page{margin:2px;padding:2px 3px;width:30px;height:10px;background-color: #ffffff;color:#ff9900;border:1px solid #c8c8c8;text-align:center;}
p.page_switch_center span.flw_page a{color:#ff9900;text-decoration: none; }
p.page_switch_center span.flw_page a:link{color: #ff9900;text-decoration: none; }
p.page_switch_center span.flw_page a:visited{color: #ff9900;text-decoration: none; }
p.page_switch_center span.flw_page a:hover{color: #ff9900;text-decoration: none; }
p.page_switch_center span.flw_hidden{margin:2px;padding:2px 3px;width:30px;height:10px;text-align:center;visibility:hidden;}
p.page_switch_center span.rgh_arrow{margin:2px;padding:2px 3px;width:30px;height:10px;background-color: #c8c8c8;color:#646464;text-align:center;}
p.page_switch_center span.rgh_arrow a{color: #ffffff;text-decoration: none; }
p.page_switch_center span.rgh_arrow a:link{color: #ffffff;text-decoration: none; }
p.page_switch_center span.rgh_arrow a:visited{color: #ffffff;text-decoration: none; }
p.page_switch_center span.rgh_arrow a:hover{color: #ffffff;text-decoration: none; }


/*------------------------------------------------------------------------------
テキスト標準書式
------------------------------------------------------------------------------*/
span.italic{font-style:italic;}
span.sup{font-size:60%;vertical-align:super;}
span.sub{font-size:70%;}


/* 実験医学月刊 連載一覧 各連載のページ（/jikkenigaku/css/other.cssより改変）
------------------------------------------------------------*/
div.series_volume{margin:15px 0;padding:0 10px 0 10px;}
div.series_volume div.series_date{font-size:small;}
div.series_volume div.series_title_title{font-size:medium;}
div.series_volume div.series_title_subtitle{font-size:small;}
div.series_volume div.series_title_auth{font-size:small; margin-bottom:0.5em; margin-left:0.5em; margin-top:0.5em;}
//span.series_period{font-size:small;margin-left:5px;}

div.series_title_block div.series_title_title{font-size:medium;}
div.series_title_block div.series_title_auth{font-size:small; margin-bottom:0.5em; margin-left:0.5em; margin-top:0.5em;}

.series-section{
	max-width: 600px;
	margin-inline: auto;
}

.series_detail {
	text-decoration: none;/*下線消す*/
	padding:3px 6px;/*内側の余白*/
	border-radius: 6px;/*角を丸くする*/
	font-family: 'Avenir','Arial';/*フォントをいい感じに*/
	font-size: small;
	font-weight: bold;
}
  /*以下カーソルを当てたとき*/
  .series_detail:hover {
	text-decoration: none;/*下線を消す*/
}

a:visited {
		color: #428bca;
}

.series-section .series_volume+.series_volume{
		margin: 2.4em 0 0;
}

.series-section div.series_volume{
	margin: 0;
	padding: 0;
}
.series-section div.series_volume div.series_date {
	margin-bottom: .5em;
	font-size: max(12px, min(1.5vw, 14px));
}
.series-section .series_date a{
	color: #777 !important;
	padding-bottom: 0.5em;
	font-weight: 700;
}

.series-section .series_date+ul{
	padding-left: 0;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	list-style: none;
}
.series-section .series_date+ul li:not(:last-child){
	border-bottom: 1px solid #ccc;
}
.series-section .series_date+ul li a{
	padding: 1em max(2.5em, min(4vw, 3em)) 1em 0;
	display: block;
	color: inherit !important;
	position: relative;
	font-weight: 700;
	font-size: max(14px, min(2vw, 16px));
}
.series-section .series_date+ul li a::before,
.series-section .series_date+ul li a::after{
	content: "";
	position: absolute;
	top: 50%;
	border: 2px solid;
	z-index: 2;
	transition: all 0.25s;
	transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
}
.series-section .series_date+ul li a::before{
	width: max(6px, min(1.5vw, 8px));
	height: max(6px, min(1.5vw, 8px));
	right: max(11px, min(1.5vw, 13px));
	border-color: #fff #fff transparent transparent;
}
.series-section .series_date+ul li a::after{
	border-color: transparent;
	border-radius: 100%;
	width: max(24px, min(3.5vw, 30px));
	height: max(24px, min(3.5vw, 30px));
	right: 0;
	z-index: 1;
	background: #fbc601;
}
.series_volume.old li{
	padding: 1em 0 1em 0;
	font-weight: 700;
	font-size: max(14px, min(2vw, 16px));
}
.series-section .series_date+ul li .title{
	background: linear-gradient(transparent 60%, #ffdd5e 60%);
	padding-bottom: 0;
	color: #111;
	line-height: 1.4;
	background: -webkit-linear-gradient(transparent 60%, #ffff8e 60%);
}
.series-section .series_date+ul li a:hover{
	text-decoration: none;
}
.series-section .series_date+ul li a:hover::after{
	border: #ddd 1px solid;
	border: #777 1px solid;
	background: #fff;
}
.series-section .series_date+ul li a:hover::before{
	border-color: #777 #777 transparent transparent;
}

.series-section .text-muted{
	display: block;
	font-size: 80%;
	margin-top: .4em;
	font-weight: 400;
}

.series-section .pagenation{
	margin-top: 6px;
	font-weight: 700;
	display: block;
}



/*▲▲山口追加（2015/9/10）▲▲*/


/* 掲載広告
------------------------------------------------------------*/
table.jad_table{margin:5px auto 25px auto;padding:0 20px;text-align:left;width:100%;}
table.jad_table tr th{padding:25px 10px 10px 10px;border-bottom:1px solid gray;font-weight:normal;text-align:left;}
table.jad_table tr td{padding:25px 10px 10px 0;border-bottom:1px solid gray;}
table.emad_substitute{border:1px solid #646464;margin:10px 0 0 30px;}
th.emad_substitute{background:#646464;color:white;font-size:12px;}
td.emad_substitute{background:#e5e5e5;font-size:12px;margin:0;padding:0 10px;}
td.emad_substitute_corp{background:#e5e5e5;font-size:16px;font-weight:bold;padding:5px 7px;}
ul.icon_pdf_ul{margin:20px 25px;padding:0;list-style:none;}
ul.icon_pdf_ul li{background:url("/jikkenigaku/images/pdficon_small.gif") no-repeat 0 5px;padding:5px 0 0 25px;margin:10px 0;}


/* 実験医学月間 */
h2.magazines{font-size:medium;margin:20px 10px 5px 10px;padding:5px;background-color:gray;color:white;}
div.h3div{font-size:medium;margin:5px 15px 5px 15px;font-weight:bold;}
div.h3div span.subtitle{font-size:small;}
div.plannerc{font-size:medium;margin:0px 15px 5px 15px;border-left:18px solid silver;padding-left:5px;}
div.h4titles{font-size:medium;margin:5px 15px 5px 40px;font-weight:normal;display:list-item;list-style-type:circle;}
div.summary{margin:5px 15px 10px 50px;display:none;}
div#summaryviewer{text-align:right;margin:10px;}
a#summaryviewerclick{text-decoration:underline;color:blue;}

div.cdetail{margin:5px 15px 5px 50px;display:none;}
div.cdetail ul{margin:0px;padding:0px;}


/*立ち読み*/
div.bookdetaildata img.page{display:block;margin:35px auto 35px auto;padding:10px 0 10px 0;}



/*実験医学修正*/
div.dwn_podcast ul.ul_movies{list-style-type:none;border-top:1px dashed #cecece;padding:10px 0 0 5px;margin:15px 15px 0 15px;}
div.dwn_podcast ul.ul_movies li.ttl_movies{text-indent:-2em;margin:5px 15px 5px 35px;font-size:large;font-weight:bold;color:#0e00b0;}
div.dwn_podcast ul.ul_movies li.movies{margin-top:10px;margin-left:15px;}


/*BOOK LIST*/
div.booklist{margin:0px 10px 20px 10px;border-bottom:1px dotted silver;}
div.bookcover{text-align:center;margin-bottom:15px;}
div.bookinfo{margin-bottom:15px;}
div.bookinfo ul{list-style-type:none;margin-left:1em;padding-left:0px;}
div.bookinfo ul li{padding-left:0px;margin-left:0px;margin-bottom:3px;}


div.sampletitles{margin:2em 0 5px 0;border-radius:3px;background-color:#efefef;padding:3px;font-weight:normal;font-size:small;}



div.bookgroup{background-color:#eee;padding:5px;}
div.bookgroup div.bookgroup_title{font-size:large;}
div.bookgroup div.bookgroup_list{background-color:#fff;padding:5px;}

ul.booklist_common_menu{text-align:center;}
ul.booklist_common_menu li{border-left:1px solid silver;padding-left:10px;padding-right:10px;;}
ul.booklist_common_menu li.to_em_monthly{border-left:0px solid white;}

ul.booklist_menu{margin:10px 10px 20px 10px;border-bottom:1px solid gray;padding-bottom:5px;}


table.book_respect{table-layout:fixed}
table.book_respect td{text-align:center;}


ul.contentslist li{padding:10px;}
ul.contentslist li img{border-radius:10px;box-shadow: 2px 2px 2px 2px gray;}

div.book_intro h2{margin:30px 0px 20px 0px;border-radius:5px;background-color:#cfeeea;padding:5px;}
div.book_intro h3{margin:30px 10px 20px 10px;border-bottom:1px solid gray;border-left:30px solid gray;padding:5px;}
div.book_intro h4{margin:20px 15px 5px 15px;border-bottom:1px dotted silver;}

div.book_intro  ul.book_recommend{margin:5px 20px;10px 20px;}
div.book_intro  ul.book_recommend li{padding:10px;}

ul.book_category_menu{font-size:small;}
div.categorydetaildata{padding:10px 20px;}
div.categorybox{border-right:1px solid silver;border-bottom:1px solid silver;border-left:1px solid #ddd;margin-bottom:20px;}
ul.categorylist li{padding:3px 7px;}






/*colorbox*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*colorbox done*/


/* articles */

h1.articletitle{margin-top:5px;}
h1.articletitle div.resource{margin-bottom:5px;}
div.authors{font-size:large;padding-left:3em;text-indent:-3em;}

.maintext .articlecontents p{font-size:small;}

.maintext .topcomment{margin:1em 2em;border-radius:10px;background-color:#f9f9f9;padding:10px;overflow-y:auto;}
.maintext .lightblue{background-color:#f3ffff;}
.maintext .topcomment p{margin:0;padding:0px;font-size:small;text-indent:0;}

.bookpr_bottom{margin:2em 0 1em 0;}


#cboxLoadedContent img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

ul.voice p span {color: gray;display: block;text-align: right;}

ul.voice p {
    margin: 0 0 10px 0;
}

/* 臨時用 */
div.booktocart{margin:25px calc(50% - 80px);text-align:center;}
div.booktocart a.tocart img{display: block;margin-right: auto;margin-left: auto;max-width: 100%;height: auto;}
div.booktocart + div.booktocart {margin:-10px calc(50% - 70px) 25px;}