@charset "UTF-8";

/* -----------------------------
「館長の部屋」レイアウト（corner-style.css）

----------------------------- */

#main h2 { border-bottom-color: #055b9a;}
#main h4 { margin-top: 1em; margin-bottom: 0.5em; padding-left: 0.5em; border-left: 4px solid #055b9a; color: #333;}

.textbox { clear: both; letter-spacing: .075em; line-height: 1.7;}
.textbox .text { float: right; width: 450px;}
.textbox .image { width: 160px; margin-left: 15px; text-align: center;}
.textbox ul.button { margin: 0; padding: 0; text-align: cener;}
.textbox ul.button li { display: inline; margin: 0; padding: 0; text-align: cener;}
ul.button2 { list-style-type: none;}
ul.button2 li { float: right; margin: 0 5px 5px 0;}

.textbox { position: relative;}
.textbox .backnumber { position: absolute; top: -52px; right: 16px; width: 126px; height: 25px; margin: 0; padding: 0;}
.textbox .date { font-size: 92%; white-space: nowrap;}



/* 会員ログイン */
#main .member-only { margin-top: 3em; padding: 10px; background: #83adcd url(../img/bg_member.jpg) no-repeat left top; border: 1px solid #5493c1;}
#main .member-only h2 { width: 610px;}
#main .member-only h2 .small { font-size: 14px !important;}
#main .member-only .text { float: left; width: 65%; padding: 0 10px; color: #fff;}
#main .member-only .login { float: right; width: 28%; margin-right: 3px; text-align: center; font-size: 92%;}
#main .member-only .login form { padding: 10px; background-color: #acc7dc; border: 1px solid #bfd8eb;}
#main .member-only .login dl { margin-bottom: 5px; text-align: left;}
#main .member-only .login input { margin-top: 2px; margin-bottom: 4px;}
#main .member-only .login p { margin-top: 8px; margin-bottom: 0;}


/* 記事 */
#main .wrapper .imageA { float: left;  width: 274px; margin-left: 30px; _margin-left: 20px; text-align: center;}
#main .wrapper .imageB { float: right; width: 274px; margin-right: 30px; _margin-right: 20px; text-align: center;}
#main .wrapper .imageA p,
#main .wrapper .imageB p { margin-bottom: 5px; padding: 1px; background-color: #b4b4b4;}
#main .wrapper p img {  border: 1px solid #fff;}




/* 会員専用
----------------------------- */
#main .textbox h3.clr { clear: both; margin-top: 3em; margin-bottom: 0;}
#main #comment { margin-top: -1em;}
#main #comment p { margin-left: 17px;}
#main #comment dl { margin: 0 0 0 17px;}
#main #comment dl dt { padding: 3px 15px 3px 3px; background-color: #ededed;}
#main #comment dl dt .date { float: right; font-size: 92%;}
#main #comment dl dd { clear: both; padding: 3px 15px;}
#main #comment dl dd p { margin-left: 0;}
#main #comment dl dd .subject { margin-top: 0.5em; margin-bottom: 0.5em; font-weight: bold;}


/* 投稿フォーム */
.pankuzu .not { color: #aaa;}
#main .commentform fieldset { margin: 0; padding: 0; border: none;}

#main .commentform legend { margin: 5px 0; padding: 3px 0 3px 0.5em; border-left: 4px solid #055b9a; color: #4d4d4d; font-weight: bold;}
#main .commentform form { margin: 2em 0; padding: 2px;}
#main .commentform form dl { margin: 0; padding: 2px 0 0 0;}
#main .commentform form dt { clear: left; float: left; width: 11.5em; padding: 5px 0 5px 0.5em; background: url(../img/point1.gif) no-repeat left top; color: #222;}
#main .commentform form dd { margin-bottom: 2px; padding: 5px 5px 5px 12.5em; background: #c9e0f1 url(../img/bg_form.gif) no-repeat 11.5em top; border: solid 1px #ccc;}
#main .commentform form dd p { margin: 0; padding: 0;}
#main .commentform form dt em { color: #e00; font-style: normal; font-size: 0.93em;}
#main .commentform form p.submit { margin: 0; padding: 10px; background-color: #efefef; border: 1px solid #ccc; text-align: center;}

#main .commentform form dd textarea { width: 400px;}
#main .commentform form dd input { margin-top: 2px; margin-bottom: 2px;}



/* 論文
----------------------------- */
#main h2.ronbun { padding: 0; border: none; background: none;}
#main .ronbun-lead { font-size: 92%; font-weight: bold;}

#main .pagenavi { font-size: 92%; line-height: 1; padding: 5px 0;}
#main .pagenavi a { text-decoration: none;}
#main .pagenavi a:visited { color: #013488;}
#main .pagenavi a:hover { color: #0076ef;}

#main .pagenavi a img { vertical-align: middle;}
#main .pagenavi span,
#main .pagenavi a.pagenum { display: inline-block; padding: 4px 6px; border: 1px solid; text-align:center; vertical-align: middle;}
#main .pagenavi span { background-color: #4e8fbf; border-color: #055b9a; color: #fff; font-weight: bold;}
#main .ronbun-quote { font-size: 92%; color: #666;}
#main .ronbun-next { padding: 5px 0;}
#main .ronbun-next p { padding: 8px; background-color: #e3effc; border: 1px solid #ccc; text-align: center;}



/* clearfix
----------------------------- */
#main #comment dl,
#main .wrapper,
.member-only { display: inline-block;}
#main #comment dl:after,
#main .wrapper:after,
.member-only:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac \*/
* html #main #comment dl,
* html #main .wrapper,
* html .member-only { height: 0.1;}
#main #comment dl,
#main .wrapper,
.member-only { display: block; }
/* End hide from IE-mac */