@charset "utf-8";
/* CSS Document */
.linkout { margin: 0 0 0 4px;}
#header{margin-bottom:10px;}
.scroll-menu{position:relative;}
#contents_area{margin-bottom:10px;}
#pageheader{ padding-bottom:10px; background-color:#f3f2e8; }
#pageheader a { display: block; background: #fff400 url(../img/tabline_dark.gif) no-repeat 10px 0px; padding: 20px 10px; font-size: 14px; height: 1%;}
#pageheader a:hover { text-decoration: none; color: #333;}

/*fukidashi 20110204*/　
p.absolute { position: absolute; top: 10px; left: 650px; }
.relative {  position: relative; }
/**/

#contents_left{
	width:180px;
	float:left;
	background-color:#fff;
	padding:0 10px;
	margin:0 10px;
	display:inline;
}
.contents_left_box{
	width:180px;
	background-image:url(../img/tabline_yellow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px 0 30px;
	color:#333;
	}
.contents_left_box dt{font-weight:bold;}
.contents_left_box dt,
.contents_left_box dd,
.contents_left_box li{font-size:12px;line-height:1.5;}
.contents_left_box a{
	color:#333;
	text-decoration:none;
	}
.contents_left_box a:hover{
	color:#6c6500;
	text-decoration:underline;
}
.contents_left_box h3{
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	}

.article_bottom{
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px dotted #ccc;
}

#contents_right{
	float:right;
	width:475px;
	background:#fff url(../img/tabline_yellow.gif) no-repeat 15px 0px;
	padding:15px 10px 15px 15px;
	line-height:1.7;
	display:inline;
	position: relative;
	}
#contents_right p,
#contents_right h3 { margin-bottom:1em; }
#contents_right #entryTitle { margin: 0 0 1em 0; }
#contents_right p a{color:#6c6500;}
.caption{line-height:1.5;font-size:10px!important;}

#contents_right_header{
	width:470px;
	min-height:100px;
	height:auto!important;
	height:100px;
	position:relative;
	margin-bottom:1em;
	}
#contents_right_header p{margin-bottom:0;}
#contents_right_header dl{
	position:absolute;
	right:0;
	bottom:5px;
	}
#contents_right_header dt,
#contents_right_header dd{font-size:12px;line-height:1.2;text-align:right;}
#contents_right_header dt{margin-top:0.2em;}

#contents_right_header dt a,
#contents_right_header dd a{color:#6c6500;}

.content_single_box{
	background-image:url(../img/tabline_yellow.gif);
	width:710px;
	background-repeat:no-repeat;
	background-position:10px 0;
	background-color:#fff;
	padding:20px 0 0px;
	margin-left:10px;
	color:#333;
	clear:both;
}
.content_single_box h3{
	margin:0 10px 20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	}

.singlebox_textarea{
	width:490px;
	float:right;
	font-size:12px;
	line-height:1.8;
	margin-right:10px;
	}
.singlebox_textarea dt,
.singlebox_textarea h4{font-size:14px;font-weight:bold;}
.singlebox_textarea p,
.singlebox_textarea dt,
.singlebox_textarea li{
	margin-bottom:1em;
	}
.singlebox_textarea.topagetop{margin-top:3em;}

.img_left{text-align:left;}
.img_right{text-align:center;}
.img_center{text-align:right;}

.img_left_float{float:left;margin-right:1em;margin-top:0.2em;margin-bottom:-0.5em!important;}
.img_right_float{float:right;margin-left:1em;margin-top:0.2em;margin-bottom:-0.5em!important;}

.topagetop{text-align:right;color:#666;clear:both;}
.topagetop a{color:#6c6500;text-decoration:none;}

#article_nav{margin-top:0.5em;padding-top:0.5em;border-top:1px solid #ccc;}
#article_prev{float:left;}
#article_prev img{margin-right:0.5em;}
#article_next{float:right;}
#article_next img{margin-left:0.5em;}
#article_nav li a{text-decoration:none;color:#333;}
#article_nav li a:hover{text-decoration:underline;color:#6c6500;}

.entryList { border-top: 1px dotted #ccc; padding: 10px 0;}
.entryList p.date { margin: 0 !important; color: #888;}
.entryList h2 { margin: 0; font-size: 12px;}

.resultList { border-top: 1px dotted #ccc; padding: 5px 0; line-height: 1.5;}
.resultList dt { font-size: 12px;}
.resultList p.date { margin: 0 !important; font-size: 12px; }
.resultList p.author { margin: 0 !important; font-size: 12px; }
.resultList p.title { margin: 0 !important; font-size: 12px; font-weight: normal; }
.resultList a:link { color: #333 !important;}
.resultList a:hover { color: #6c6500 !important;}

.column3 { background: url(../img/bg_column3.gif) repeat-y; margin-bottom: 10px; }
.column4 { background: url(../img/bg_column4.gif) repeat-y; margin-bottom: 10px; }
.iconNew { margin: 1px 0 -1px 10px; }
.iconPDF { margin: 3px 0 -3px 15px; }

#relatedEntries li { padding: 10px 0; border-bottom: 1px dotted #ccc; }
#resentEntries dd { padding: 0 0 10px 0; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }

#blogHeader { margin: 0 0 40px; }
#blogHeader.sh { margin: 0 0 20px; }
#blogHeader h1 { font-size: 14px; margin: 0 0 12px; }

.socialwrap { margin: 0 0 1em; }
.socialbutton { float: right; }
.socialbutton td { vertical-align: middle; }

#sideSearch p { margin: 0 0 8px; }
#sideSearch td { vertical-align: middle; }
#sideSearch img { display: block; }
#sideSearch h3 { border: none; margin: 0; padding-bottom: 8px;}
#sideSearch table { margin: 0 0 20px;}


/* をちこちSearch */
#searchIndex { background: #fff; margin: 0 0 -10px 10px; padding: 15px 10px 15px 15px;}
#searchField { width: 126px; height: 14px; margin: 0 5px 0 0;}

#searchArea { margin: 0 0 20px;}
.searchHead { position: relative; padding: 0 10px 25px 15px;}
.searchHead h2 { font-size: 14px;}
.exp { line-height: 1.6; clear: both;}
.searchHead2 { margin: 0 -10px; padding: 10px; background: #fff229; position: relative; }
.searchHead2 h2 { font-size: 14px; }
.searchHead2 .btnS { position: absolute; top:7px; right: 10px;}

.searchHeader { margin: 0 0 0; }
.searchHeader h1 { margin: -15px -10px 20px -15px; background: #565656 url(../img/tabline_yellow.gif) no-repeat 15px 0px; padding: 20px 15px 20px; color: #fff331; font-size: 14px; position: relative; }
.searchHeader h1 span { font-weight: normal; font-size: 12px; }
.searchHeader .lead { line-height: 1.6; margin: 0 0 20px; }
.resultHeader h1 { margin: -15px -10px 0 -15px; zoom:1;}
.resultHeader h1 span { font-weight: normal; font-size: 10px; }

.ballonYellow { float: left; zoom:1; background: #fff229 url(../img/bg_balloon_yellow.gif) no-repeat left bottom; padding: 10px 10px 20px; display: inline; display: inline-table; }
.ballonGray {  float: left; zoom:1; background: #565656 url(../img/bg_balloon_gray.gif) no-repeat left bottom; padding: 10px 10px 20px; display: inline-table; color: #fff229; margin: 0 0 5px; }

.subheader {}
.subheader .btn { background: #fff229; padding: 10px 40px 10px 10px; width: 200px; float: right; position: relative; font-weight: bold; font-size: 14px; margin: 0 0 8px; line-height: 1; }
.subheader .btn input { position: absolute; top: 7px; right: 10px; }
.subheader .note { clear: both; font-size: 11px; text-align: right; }

.searchContentBox { padding: 20px 0 0; margin: 0 0 30px;}
.searchContentBox h3 { font-size: 14px; margin: 0 0 12px; }

.searchContentBox dt { font-size: 12px; font-weight: bold;}
.searchContentBox p { line-height: 1.6; }

#searchArea { margin: 0 -10px 20px -15px; position: relative; padding: 15px 0 0; border-top: 20px solid #f3f2e8; }
#searchArea .area { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin: 0 0 -1px 0; position: relative;}
#searchArea .area h3 { font-size: 12px !important; line-height: 1; margin: 0 !important; font-weight: normal !important;}
#searchArea .area h3 a { zoom: 1; background: #fff url(../img/bg_search_hdr.gif) no-repeat 0px center; display: block; padding: 5px 10px 4px 15px; }
#searchArea .area h3.current a {background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#searchArea .area h3 a:hover { text-decoration: none; background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#searchArea .area .inner { padding: 0 10px 0 15px; display: none;}
#searchArea .area dl { position: relative; border-bottom: 1px solid #cfcfcf; margin: 0 0 -1px; zoom: 1;}
#searchArea .area dt { position: absolute; top: 0; left: 0; font-size: 12px; padding: 8px 0 3px;}
#searchArea .area dd { padding: 0 0 0 14em;}
#searchArea .area dd ul {}
#searchArea .area dd ul li { width: 33%; float: left; border-bottom: 1px dotted #cfcfcf; margin: 0 0 -1px; padding: 4px 0 3px;}
#searchArea .area dd ul li label { display: block; padding: 0 0 0 20px; text-indent: -20px;}

#searchGenre { margin: 0 -10px 15px -15px; padding: 20px 0 0; zoom:1;  border-bottom: 20px solid #f3f2e8;}
#searchGenre .area { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin: 0 0 -1px 0; position: relative;}
#searchGenre .area h3 { font-size: 12px !important; line-height: 1; margin: 0 !important; font-weight: normal !important;}
#searchGenre .area h3 a { zoom: 1; background: #fff url(../img/bg_search_hdr.gif) no-repeat 0px center; display: block; padding: 5px 10px 4px 15px; }
#searchGenre .area h3.current a {background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#searchGenre .area h3 a:hover { text-decoration: none; background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#searchGenre .area .inner { padding: 0 10px 0 15px; display: none;}
#searchGenre li { width: 25%; float: left;border-bottom: 1px dotted #cfcfcf; margin: 0 0 -1px; padding: 4px 0 3px;}
#searchGenre li label { display: block; padding: 0 0 0 20px; text-indent: -20px;}
#searchGenre ul { border-top: 1px solid #cfcfcf; padding: 0 10px 0 15px; position: relative; margin: 0 -10px 0 -15px;}

#contents_left p#sideBtnSearch { padding: 20px 0 !important; text-align: center;}
#contents_left #sidesearchArea { padding: 20px 0 30px; zoom:1;}
#contents_left #sidesearchArea .area { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin: 0 -10px -1px -10px; position: relative;}
#contents_left #sidesearchArea .area h3 { font-size: 12px !important; line-height: 1; margin: 0 !important; font-weight: normal !important;}
#contents_left #sidesearchArea .area h3 a { zoom: 1; background: #fff url(../img/bg_search_hdr.gif) no-repeat 0px center; display: block; padding: 5px 10px 4px 15px; }
#contents_left #sidesearchArea .area h3.current a {background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#contents_left #sidesearchArea .area h3 a:hover { text-decoration: none; background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#contents_left #sidesearchArea .area .inner { padding: 0 10px 0 15px; display: none;}
#contents_left #sidesearchArea .area dl { border-bottom: 1px solid #cfcfcf; margin: 0 0 -1px; zoom: 1;}
#contents_left #sidesearchArea .area dt { font-size: 12px; padding: 6px 0 3px; border-bottom: 1px solid #cfcfcf;}
#contents_left #sidesearchArea .area dd { padding: 0 0 0 0;}
#contents_left #sidesearchArea .area dd ul {}
#contents_left #sidesearchArea .area dd ul li { border-bottom: 1px dotted #cfcfcf; margin: 0 0 -1px; padding: 4px 0 3px;}
#contents_left #sidesearchArea .area dd ul li label { display: block; padding: 0 0 0 20px; text-indent: -20px;}



#contents_left #sidesearchGenre { padding: 20px 0 30px; zoom:1;}
#contents_left #sidesearchGenre .area { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin: 0 -10px -1px -10px; position: relative;}
#contents_left #sidesearchGenre .area h3 { font-size: 12px !important; line-height: 1; margin: 0 !important; font-weight: normal !important;}
#contents_left #sidesearchGenre .area h3 a { zoom: 1; background: #fff url(../img/bg_search_hdr.gif) no-repeat 0px center; display: block; padding: 5px 10px 4px 15px; }
#contents_left #sidesearchGenre .area h3.current a {background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#contents_left #sidesearchGenre .area h3 a:hover { text-decoration: none; background: #fff331 url(../img/bg_search_hdr.gif) no-repeat -710px center;}
#contents_left #sidesearchGenre .area .inner { padding: 0 10px 0 15px; display: none; }
#contents_left #sidesearchGenre ul {}
#contents_left #sidesearchGenre li { border-bottom: 1px dotted #cfcfcf; margin: 0 0 -1px; padding: 4px 0 3px;}
#contents_left #sidesearchGenre li label { display: block; padding: 0 0 0 20px; text-indent: -20px;}

#contents_left #sidesearchGenre *,
#contents_left #sidesearchArea * { zoom:1;}

#searchIndex #btnEnd { margin: 30px 10px 20px 0; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }

#PDFbackNumberH { margin: 0 0 30px; position: relative; zoom: 1;}
#PDFbackNumberH #carousel { margin: 0 0 0 10px; clear: both; height: 100px; width: 644px; overflow: hidden; padding: 0 10px 0 10px; position: relative;}
#PDFbackNumberH #carousel #carCont { padding: 0 0; width: 5480px; position: absolute; top:10px; left: 0; }
#PDFbackNumberH #carousel #carCont li { float: left; width: 166px; padding: 0; }
#PDFbackNumberH #carousel #carCont li a { display: block; }
#PDFbackNumberH #carousel #carCont li a:hover,
#PDFbackNumberH #carousel #carCont li a:active { text-decoration: none;}
#PDFbackNumberH #carousel #carCont li img { display: block; width: 56px; float: left; }
#PDFbackNumberH #carousel #carCont li span { display: block; width: 100px; float: right; }
#PDFbackNumberH .btn {}
#PDFbackNumberH .next { position: absolute; top: 80px; right: -10px; }
#PDFbackNumberH .prev { position: absolute; top: 80px; left: -15px; }

#feewords { background:url(../img/tabline_yellow.gif) no-repeat 0px 0px; position: relative; zoom:1; }
#feewords h3 { margin: 0 0 20px;}
#feewords dt { margin: 0 0 8px;}
#feewords table { position: absolute; top: 17px; left: 160px;}

#resultInfo { background: #fff331; margin: 0 -10px 20px -15px; padding: 5px 10px 5px 15px; }
#resultInfo .words { float: left; margin: 0; }
#resultInfo .num { float: right; margin: 0; }
#searchAgain { text-align: center; }

.whyHere { margin: 0 -10px 0px; text-align: center; position: relative; }

#howToSearch { display: none; line-height: 1.6;}
#howToSearch p { margin: 0 0 12px; }

#searchside { margin: 0 0 10px; }
#searchside td { vertical-align: middle; }

/* PDF バックナンバー */
#pdfIndex { padding: 0 0; }
#pdfIndex li { float: left; width: 156px; padding: 0 0 10px; }
#pdfIndex li a { display: block; }
#pdfIndex li a:hover,
#pdfIndex li a:active { text-decoration: none;}
#pdfIndex li img { display: block; width: 56px; float: left; }
#pdfIndex li span { display: block; width: 95px; float: right; font-size: 10px; }



#pdfEntryList .entryList { padding: 8px 0 5px; }
#pdfEntryList .entryList h2 { font-size: 12px; line-height: 16px;}

#pdfentry { padding: 0 0 30px;}
#pdfentry .left { width: 156px; float: left; }
#pdfentry .right { width: 294px; float: right; }
#pdfentry .pdfshoulder { text-align: right; border-bottom: 1px dotted #ccc;}
#pdfentry .pdfDL { margin: 0 0 6px;}
#pdfentry .category { margin: 0;}
#pdfentry .pages { margin: 0;}
#pdfentry .pdfRelatedEntry h3 { clear: both; font-size: 12px; font-weight: normal; margin: 0 0 5px; color: #666; padding: 20px 0 0; }
#pdfentry #relatedEntries li { padding: 4px 0;  }

.magNumber select { width: 100%;}
.aboutBox li { background: url(../img/bullet_gray.gif) no-repeat top left; padding: 8px 0 20px; }
.aboutBox.inlineTB ul { text-align: right; float: right;}
.aboutBox.inlineTB li { background: url(../img/bullet_gray.gif) no-repeat top left; padding: 8px 0 20px; margin: 0 0 0 10px; float: left; }



#sepSlider { position: absolute; top: 100px; right: -28px;}
#sepSlider li { font-size: 1px; width: 28px; height: 64px; background: #333;}
#sepSlider li.up { border-bottom: 1px dotted #666 !important;}
#sepSlider li.up a { display: none;}