@charset "utf-8";
/*
=======================================================

2016.11.26
file name  : common.css
style info : 全ページ共通用

=======================================================
*/

body {
}
/*
---------------------------------------------
ホームページのみ適用
---------------------------------------------
*/
* html body {
	font-size:72%;
}
/*
================================================

table

================================================
*/
table.line {
}
table.line th, table.line td {
	border-bottom:1px dotted #666;
}
/*
================================================

Layout

================================================
*/
#wrap {
	width:100%;
}
#contentsWrap {
	height:auto;
	margin:10px auto;
	padding:0;
	text-align:center;
	/*overflow:hidden;*/
	background-color:#fff;
}
#contents {
	width:950px;
	height:auto;
	min-height:500px;
	margin:20px auto 0;
	padding:0 0 20px;
	text-align:left;
	/*overflow:hidden;*/
	background:url(../img/bg_contents.png) repeat-y 0 0;
}
#contents .leftColum {
	float:left;
	width:215px;
	height:auto;
}
#contents .rightColum {
	float:right;
	width:710px;
	height:auto;
}
body#home #contents .leftColum {
	float:left;
	width:715px;
	height:auto;
}
body#home #contents .leftColum p {
	margin-left:0
}
body#home #contents .rightColum {
	float:right;
	width:215px;
	height:auto;
}
/* コンテンツ内2カラム */
body#home .twoColum {
	clear:both;
	width:950px;
	height:auto;
}
body#home .twoColum .left {
	float:left;
	width:470px;
	height:auto;
}
body#home .twoColum .right {
	float:right;
	width:470px;
	height:auto;
}
/* コンテンツ内2カラム */
.twoColum {
	clear:both;
	width:715px;
	height:auto;
}
.twoColum .left {
	float:left;
	width:355px;
	height:auto;
}
.twoColum .right {
	float:right;
	width:355px;
	height:auto;
}
#contents #main {
	float:right;
	width:710px;
	height:auto;
}
/*
================================================

TEXT

================================================
*/
.hideText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
h2 {
	margin:0 0 1.5em 0;
}
#leftColum h2, .leftColum h2 {
	font-size:13px;
	text-align:center;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:14px 0;
	margin:0 0 1.0em 0;
	background-color:#f3f0e9;
}
h3 {
	border-top:4px solid #9c2100;
	border-bottom:1px solid #9c2100;
	padding:6px 12px;
	color:#9c2100;
}
h4 {
	border-left:5px solid #3a2403;
	padding:2px 8px;
	color:#3a2403;
}
h5 {
	border-left:5px solid #937439;
	padding:2px 8px;
	color:#937439;
}
/* 囲みテキスト 枠線+背景色 */
.txtBox {
	padding:10px;
	margin:10px 0;
	border:1px dotted #9c2100;
	background-color:#ececec;
}
/* 上部に点線付き */
.txtBox1 {
	padding:10px;
	margin:10px 0;
	border:3px solid #937439;
	border-radius:5px;
}
/* 囲みテキスト背景色 */
.txtBox2 {
	padding:10px;
	margin:0 0 10px;
	background-color:#E7D8BE;
}
.txtBox p, .txtBox1 p, .txtBox2 p {
	margin:0;
}
#lead {
	padding:1.5em 4.5em;
	margin:0;
	text-align:justify;
}
#lead p {
	line-height:2.0;
}
.midashi {
	font-size:1.1em;
	color:#9c2100;
	font-weight:bold;
	margin-top:0.5em;
}
.catchCopy {
	line-height:1.6;
	font-size:1.4em;
	color:#3a2403;
	font-weight:bold;
}
#contents p{
	line-height:2.0;
}
p.pdf {
	padding:0.25em 2.0em;
	margin:1.0em 2.0em;
	background:url(../img/icon/ic_pdf.png) no-repeat 0 center;
}
p.word {
	padding:0.25em 2.0em;
	margin:1.0em 2.0em;
	background:url(../img/icon/ic_word.png) no-repeat 0 center;
}
p.excel {
	padding:0.25em 2.0em;
	margin:1.0em 2.0em;
	background:url(../img/icon/ic_excel.png) no-repeat 0 center;
}
p.mail {
	padding:0.25em 2.0em;
	margin:1.0em 2.0em;
	background:url(../img/icon/ic_mail.png) no-repeat 0 center;
}
/* Glyph, by Harry Roberts */ 
hr.style-eight {
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}
hr.style-eight:after {
	content: "§";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}
hr.rest {
	clear:both;
	display: block;
	border: 0;
	width: 100%;
	height: 14px;
	margin:1.0em 0;
	background:transparent url(../img/common/rest.png) no-repeat top center;/*-webkit-background-size: 512px 28px;*/
}
/*
================================================

header

================================================
*/
#header {
	width:auto;
	height:160px;
	margin:0 auto;
	overflow:hidden;
	background:transparent url(../img/common/bg_header.png) repeat-x 0 0;
}
#header h1 {
	display:block;
	height:100px;
	width:950px;
	background: url(../img/common/h1.png) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	/*テキストを非表示*/
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
#headerWrap {
	display:block;
	height:100px;
	width:950px;
	margin:0 auto;
	position:relative;
}
#headerWrap #social{
	position:absolute;
	top:10px;
	right:0px;
}
#headerWrap #social ul {
	list-style-type:none;
}
#headerWrap #social ul li {
	float:left;
	margin:0 0 0 5px;
}
#contents iframe {
	width:690px;
}
#header #searchBooks input.search-text {
	width:240px;
}
/*
---------------------------------------------
音声認識
---------------------------------------------
*/
#header ul#navskip {
	height: 0;
	overflow: hidden;
}
/*
================================================

mainImage

================================================
*/
/*
---------------------------------------------
ホームページのみ適用
---------------------------------------------
*/
#mainImageWrap {
	clear:both;
	width:100%;
	height:320px;
	background:transparent;
	padding:0;
	margin:0 auto;
}
#mainImage {
	display:block;
	width:950px;
	height:320px;
	padding:0;
	margin:0 auto;
}
#mainImage p {
	margin-bottom:0;
	padding:0;
	text-indent:0;
}
#mainImage #section {
	position:absolute;
	bottom:0;
	right:0;
}
.bx-wrapper {
	margin:0 auto;
	padding:0;
	text-align:center;
}
/*
================================================

LIST

================================================
*/
#contents ul, #contents ol {
	margin:0 0 1.0em 1.5em;
}
/* 定義リスト -----------------------------------*/
dl.list dt {
	width:8.0em;
	float:left;
	text-align:right;
	padding:0.5em 0;
}
dl.list dd {
	padding-left:9.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#contents ul.link, #contents ul.bullet, #contents ul.pdf, #contents ul.word, #contents ul.excel {
	margin:0 0 1.0em 2.0em;
}
#contents ul.list {
	margin:0 0 1.0em 0;
}
#contents ul.list li, #contents ul.link li, #contents ul.bullet li, #contents ul.pdf li, #contents ul.word li, #contents ul.excel li, #contents #bnlist ul li, #contents #bn ul li {
	list-style-type:none;
	margin:0;
}
#contents ul.list li {
	background:url(../img/icon/arrow.png) no-repeat 0 4px;
	padding-left:8px;
	margin-bottom:0.5em;
}
#contents ul.link li {
	background:url(../img/icon/arrow.gif) no-repeat 0 center;
	padding-left:15px;
}
#contents ul.bullet li {
	background:url(../img/icon/bullet.gif) no-repeat 0 0.35em;
	padding-left:15px;
}
#contents ul.pdf li {
	background:url(../img/icon/ic_pdf.png) no-repeat 0 center;
	padding-left:2.0em;
}
#contents ul.word li {
	background:url(../img/icon/ic_word.png) no-repeat 0 center;
	padding-left:2.0em;
}
#contents ul.excel li {
	background:url(../img/icon/ic_excel.png) no-repeat 0 center;
	padding-left:2.0em;
}
/* BANNER -----------------------------------*/
#banner {
	padding:20px 10px 10px;
}
/* 特出しバナー（スライドモーション）*/
#contents #specialBnr {
	width:200px;
	height:240px;
	overflow:hidden;
	margin-bottom:5px;
	/* for IE */
	position:relative;
}
#contents #specialBnr ul {
	list-style:none;
	width:600px;
	margin:0;
	padding:0;
}
#contents #specialBnr ul li {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}
#contents #specialBnr ul li img {
	vertical-align: bottom;
}
/* メッセージバナー*/
#contents #messageBnr {
	margin:0;
	padding:0;
	height:85px;
}
#contents #messageBnr ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents #messageBnr ul li {
	float:left;
	width:200px;
	height:85px;
	overflow:hidden;
	margin:10px 0 0;
	padding:0;
	text-indent:0;
}
/* 水平バナー1*/
#contents .verticalBnr1 {
	margin:0;
	padding:0;
	height:90px;
}
#contents .verticalBnr1 ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents .verticalBnr1 ul li {
	float:left;
	width:170px;
	height:90px;
	overflow:hidden;
	margin:0 0 0 10px;
	padding:0;
	text-indent:0;
}
#contents .verticalBnr1 ul li.first {
	margin:0;
}
/* 水平バナー2*/
#contents .verticalBnr2 {
	margin:20px 0 0 20px;
	padding:0;
	height:80px;
}
#contents .verticalBnr2 ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents .verticalBnr2 ul li {
	float:left;
	width:220px;
	height:80px;
	overflow:hidden;
	margin:0 0 0 15px;
	padding:0;
	text-indent:0;
}
#contents .verticalBnr2 ul li.first {
	margin:0;
}
/*
---------------------------------------------
新着情報
--------------------------------------------- */
#contents #news {
	margin:20px 0 0;
	padding:0;
}
#contents #news dl {
	position:relative;
	margin:10px 0 0 20px;
	padding:0;
	width:690px;
}
#contents #news dl dt {
	font-weight:normal;
	position:absolute;
	clear:both;
	float:clear;
	left:0;
	width:7.0em;
	background:transparent url(none) no-repeat left center;
	margin:0;
	padding:0.5em 0;
}
#contents #news dl dd {
	margin:0;
	padding:0.5em 0;
	padding-left:11em;
	border-bottom:1px dotted #1279d5;
}
/*
================================================

footer

================================================
*/

/*
---------------------------------------------
先頭へ戻るボタン（スクロールで表示）
--------------------------------------------- */
#toPageTop {
	position:fixed;
	bottom:30px;
	right:30px;
}
#toPageTop a {
	display:block;
	width:67px;
	background:url(../img/common/pagetop_on.png) no-repeat;
}
#toPageTop a:hover img {
	visibility:hidden;
}
#footerWrap {
	clear:both;
	background:url(../img/common/bg_footer.png) repeat-x 0 0;
}
#footer {
	clear:both;
	width:950px;
	height:176px;
	margin:0 auto;
}
/* Footer Navigation */
ul#footerNav {
	margin:10px 0;
	float:right;
}
ul#footerNav li {
	display:inline;
	margin:0;
	padding:0;
}
#footer p {
	clear:both;
	color:#888;
	font-size:0.9em;
	line-height:1.4;
	margin-bottom:0;
}
#footer address {
	clear:both;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	font-style:normal;
	text-align:center;
	padding:0 0 10px 0;
	margin:0 auto;
}
/* Return To The Pagetop */
#footer p.link_pagetop {
	position:absolute;
	top:-28px;
	right:10px;
}
/*
==========================================

__table

==========================================
*/
table.photo {
	margin:0;
	padding:0;
}
table.photo th, table.photo td {
	padding:0.2em;
}
table.photo img {
	margin-bottom:2em;
}
/* 下線（点線あり） */
table.line {
	width:100%;
}
table.line p {
	margin:0.75em 0;
}
table.line th, tabel.line td {
	border-bottom:1px dotted #999;
}
table.line th {
	background-color:#ececec;
}
/* リスト */
table.list {
	width:100%;
	border:2px solid #999;
}
table.list th, table.list td {
	border:1px solid #999;
	padding:.5em;
}
table.list th {
	background-color:#E7D8BE;
}
#map {
	text-align:center;
	margin:0 auto;
}

p#button {
	background:url(../img/icon/arrow.gif) no-repeat 0 center;
	padding-left:1.4em;
	text-decoration:underline;
	color:#666;
	cursor:pointer;
}

.em1 {
	text-emphasis-style: filled sesame;
	-webkit-text-emphasis-style: filled sesame;
}
.em {
	text-emphasis-style: filled dot;
	-webkit-text-emphasis-style: filled dot;
}