@charset "UTF-8";
body {margin:0px;color:#333333;background-color:#faf8f5;font-size:100%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ",sans-serif;-webkit-text-size-adjust:100%;}
header,article,footer,section,h1,h2,h3,hr{clear:both;}/*-clear-*/
article ,section ,nav ,dl,ul,div{padding:0px 0px 5px;overflow:auto;}/*-hasLayout-*/
h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0px;}
ul,ol{padding-left:30px;}
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
#TOP{min-width:1024px;padding:0px;}
textarea {max-width:95%;}
a{color:#00476a;text-decoration:underline;}
a:visited{color:#61848b;}
a:hover{color:#14205f;}
a:active{color:#5d0000;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
div.left{float:left;}
div.right{float:right;}
p.left{text-align:left;}
p.right{text-align:right;}
p.center{text-align:center;}
header{border-bottom:1px solid #CBBAA3;background:#ffffff;}
header .wrap,
header nav,
.locus{width:1024px;margin:0px auto;}
header .wrap .title,header h1 {width:360px;margin-top:25px;float:left;}
header .wrap .title a,header h1 {display:block;height:68px;}
header .wrap .title img,header h1 img{max-width:100%;height:auto;}
header .page_control{width:660px;margin-top:20px;float:right;}
#UD{width:398px;float:left;}
#UD dl,#UD dl dt,#UD dl dd {min-height:44px;margin:2px 0px;padding:0px;float:left;list-style:none;}
#UD dl.color_change ,#UD dl.textsize_change{width:214px;margin:0px;padding:0px;float:right;}
#UD dl.color_change{width:184px;}
#UD dl dt,
header .page_control form.search label.search_txt{min-height:0px;padding:16px 0px;background:no-repeat center center;text-align:center;color:rgba(0,0,0,0);font-size:0.8em;}
#UD dl.color_change dt {width:50px;background-image:url(http://www.yatomi-library.com/img/control_color_title.png);}
#UD dl.textsize_change dt {width:80px;background-image:url(http://www.yatomi-library.com/img/control_font_title.png);}
#UD dl dd a{display:block;width:44px;height:44px;}
header .page_control form.search {width:260px;margin:0px;float:right;text-align:center;}
header .page_control form.search label.search_txt{display:block;width:96px;background-image:url(http://www.yatomi-library.com/img/control_search_title.png);float:left;}
header .page_control form.search .input_area{width:160px;box-sizing:border-box;margin:0px;padding:3px;border:3px solid #E1D7CA;float:right;}
header .page_control form.search input#search_txt {display:block;width:75%;padding:6px 0px;margin:0px;border:none;background-color:#fafafa;float:left;}
header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:1px solid #dddddd;}
header .page_control form.search input.search_bt {width:25%;color:#ffffff;padding:4px 0px;margin:0px;font-weight:bold;background-color:#444444;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ",sans-serif;-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:2){.header .page_control form.search input{font-size:16px;}}
header nav{}
header nav .menu_button{display:none;}
header nav .menu_button a{display:block;height:44px;background:url(http://www.yatomi-library.com/img/menu_open.png) no-repeat center center;text-indent:-100em;}
header nav ul {padding:0px;list-style:none;}
header nav ul li{width:20%;margin:0;text-align:center;float:left;}
header nav ul li:before{top:15px;bottom:15px;left:0px;border-right:1px dotted #AAAAAA;}
header nav ul li:last-child:after{top:15px;bottom:15px;right:0px;border-right:1px dotted #AAAAAA;}
header nav ul li a{display:block;}
.locus{padding:0.5em;}
.contents {width:1024px;margin:0px auto;padding-bottom:25px;}
.contents article {width:700px;box-sizing:border-box;padding:20px;background:#ffffff;float:left;}
.no_nav .contents article {width:auto;float:none;}
.contents article h2,
.contents article h3,
.contents article h4,
.contents article h5{margin:0px 0px 20px;padding:10px 20px;}
.contents article h1{margin:0px 0px 20px;padding:0.5em;background:#ffebc8;border-bottom:4px solid #ffc768;color:#2c2212;font-size:1.6em;}
.contents article h1.sub{border-color:#E1D7CA;background:transparent;}
.contents article h2{background:#ffc768;color:#2c2212;font-size:1.5em;}
.contents article h3{border-bottom:2px dotted #CCCCCC;font-size:1.4em;}
.contents article h4{border-color:rgba(255,199,104,0.3);font-size:1.2em;}
.contents article h5{padding:0.3em 20px 1em;border-color:rgba(255,199,104,0.1);font-size:1em;}
.contents article h2:before,
.contents article h4:before{top:5px;bottom:5px;left:5px;border-left:5px solid;}
.contents article h2:before{border-color:#ffebc8;}
.contents article h4:before{border-color:#ffc768;}
.contents article img {max-width:100%;height:auto;}
.contents article ol {padding-left:2em;}
.contents article ul{list-style:none;padding-left:0px;}
.contents article ol > li,.contents article ul > li{margin-bottom:0.3em;}
.contents article ul > li{padding-left:2em;}
.contents article ul > li:before{top:0.3em;left:8px;width:0.7em;height:0.7em;background:#ffc768;border-radius:50%;}
.contents article ul.link_list > li:before{width:0px;height:0px;border:0.4em solid transparent;border-left:0.6em solid #4D3E33;background:transparent;border-radius:0px;}
.contents article ul.file_list > li:before{top:0.2em;width:16px;height:16px;border:none;background:url(http://www.yatomi-library.com/img/file_list_mark.gif) no-repeat;border-radius:0px;}
.contents article ul.file_list > li.pdf:before{background-image:url(http://www.yatomi-library.com/img/file_list_mark_pdf.png);}
.contents article ul.file_list > li.doc:before{background-image:url(http://www.yatomi-library.com/img/file_list_mark_doc.gif);}
.contents article ul.file_list > li.xls:before{background-image:url(http://www.yatomi-library.com/img/file_list_mark_xls.gif);}
.contents article table{border-collapse: collapse;margin-bottom:15px;}
.contents article table caption{padding:4px 0px;}
.contents article table table,.contents article table ul,.contents article table ol,.contents article table table dl{margin-bottom:0px;}
.contents article table th,.contents article table td{padding:0.5em;border:1px solid #666666;}
.contents article table th {background:#eeeeee;}
.contents article table.wide_table{display:block;width:100%;overflow:auto;}
.contents article table.wide_table caption{display:block;}
.contents article table.wide_table tbody{display:table;}
.contents article .form_section{padding:20px 20px 10px;border:1px solid #CCCCCC;}
.contents article .form_section dl dt{margin:8px 0px 0px;}
.contents article .form_section dl dd{margin:0px;padding:8px 0px;}
.contents article .form_section input[type="radio"]{width:16px;height:16px;}
.contents article .image_box {width:100%;margin:0px 0px 10px;}
.contents article .image_box figure {max-width:31%;margin:5px 1%;padding:0px;float:left;background:#ffebc8;}
.contents article .image_box figure img {margin:1%;max-width:98%;height:auto;}
.contents article .image_box figcaption {position:static;width:auto;margin:0px;padding:3px;text-align:center;}
.contents article .imagetable table{max-width:50%;float:left;}
.contents article .imagetable table th{min-width:6em;}
.contents article .imagetable figure{max-width:50%;margin:0px;float:right;}
.contents article .acrobat {margin:8px 15px 8px;padding:8px;border:3px solid #EFEFEF;}
.contents article .acrobat .icon {margin:0px 8px 0px 0px;border:none;float:left;}
.contents article .acrobat p{margin:0px;font-size:0.9em;}
.contents article fieldset{padding:0px 0px 15px;border:none;}
.contents dl.news dt{width:9em;padding:1em 0px;float:left;}
.contents dl.news dd{margin:0px;padding:1em 0px;padding-left:10em;border-bottom:1px dotted #494949;}
.contents ul.news{padding-left:0px;}
.contents ul.news li{margin:0px;padding:1em 0px;border-bottom:1px dotted #494949;}
.contents ul.news li:before{background:none;}
.contents article .news .left a,
.contents article .news .right a{display:block;padding:8px 20px;background:no-repeat left center;}
.contents article .news .left a{background-image:url(http://www.yatomi-library.com/img/bt_prev.png);}
.contents article .news .right a{background-position:right center;background-image:url(http://www.yatomi-library.com/img/bt_next.png);}
.contents nav {width:300px;float:right;}
.contents nav ul,
.contents nav dl{padding:0px;list-style:none;}
.contents nav dl{background:#ffffff;}
.contents nav dl dt{padding:16px;color:#2c2212;background:#ffc768;}
.contents nav dl dd{margin:6px;border-bottom:1px solid #CDCDCD;}
.contents nav dl dd a{display:block;padding:1em 10px 1em 40px;background:url(http://www.yatomi-library.com/img/menu_list_mark.png) no-repeat 10px 1em;color:#333333;text-decoration:none;transition-duration:0.5s;}
.contents nav dl dd a:hover,
.contents nav ul.menu li a:hover{background-color:#fff4e1;}
.contents nav ul.menu{padding:6px 6px 0px;background:#FFEBC8;}
.contents nav ul.menu li{margin:0px;padding:0px 0px 6px;}
.contents nav ul.menu li a{display:block;padding:5px 5px 5px 30px;border:3px solid #FFB944;background:#ffffff url(http://www.yatomi-library.com/img/menu_list_mark2.png) no-repeat 10px center;color:#333333;border-radius:4px;text-decoration:none;transition-duration:0.5s;}
.contents nav ul.banner{margin:0px;}
.contents nav ul.banner li{margin:0px 0px 20px;text-align:center;}

header nav ul li img,
.contents nav img{max-width:100%;height:auto;}
footer {padding:20px 0px 0px;background:#ffebc8;color:#2c2212;font-size:0.9em;}
footer a{color:#2c2212;}
footer a:visited{color:#574322;}
footer .wrap{width:1024px;margin:0px auto;padding:0px;}
footer .left,
footer .right{max-width:50%;}
footer h2{font-size:1.4em;}
footer ul{margin:0px 5px 20px;list-style:none;padding:2px;}
footer ul li{padding:0px 13px 0px 17px;background:url(http://www.yatomi-library.com/img/link_list_mark.png) no-repeat left center;float:left;}
footer dl{padding:5px;}
footer dl dt{width:7em;padding:4px 0px;float:left;}
footer dl dd{margin:0px;padding:4px 0px;padding-left:7em;}
footer .qr{width:114px;margin:0px 8px 10px;padding:14px;background:#ffffff;float:left;}
footer .qr img{position:relative;z-index:100;}
footer .copyright{margin:0px;padding:10px 0px;text-align:center;font-size:0.8em;background:#ffc768;font-weight:bold;clear:both;}
footer .reread_link{width:74px;position:fixed;bottom:0px;right:0px;}
footer .reread_link a{display:block;height:154px;overflow:hidden;opacity:0.9;}
footer .reread_link a:hover{opacity:1;}


header nav ul li,
.contents article h2,
.contents article h3,
.contents article h4,
.contents article h5,
.contents article ul > li{position:relative;}
header nav ul li:before,
header nav ul li:after,
.contents article h2:before,
.contents article h3:before,
.contents article h4:before,
.contents article h5:before,
.contents article ul > li:before{display:block;content:" ";position:absolute;}
.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#dd0000;}
@media screen and (min-width: 0px) and (max-width: 1024px) {
#TOP,
textarea ,
header .wrap,
header nav,
.locus,
header .wrap .title,header h1 ,
header .page_control,
#UD,
header .page_control form.search ,
.contents ,
.contents article ,
.contents article .form_section input[type="radio"],
.contents article .image_box figure ,
.contents article .image_box figure img ,
.contents article .imagetable table,
.contents article .imagetable table th,
.contents article .imagetable figure,
.contents nav ,
footer .wrap{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

header .page_control form.search label.search_txt{width:30%;}
header .page_control form.search .input_area{width:70%;}
.list_link{position:static;margin:0px 20px;}
.list_link a{padding:16px;text-align:center;float:none;}

}
@media screen and (min-width: 0px) and (max-width:640px) {
.contents dl.news dt,
footer .left,
footer .right{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
header .page_control ul,header nav ul{display:none;}
header nav .menu_button{display:block;}
header nav ul li{width:33.33%;}
header nav ul li:nth-child(n+4){width:50%;}
header nav ul li:first-child:before,
header nav ul li:nth-child(4):before,
header nav ul li:last-child:after{display:none;}
.contents dl.news dd{padding-left:0px;}

}
@media screen and (min-width:641px) {html body #menu{display:block !important;}}
@media print{#TOP{width:1024px;}}