@charset "UTF-8";
.title{width: 95%; max-width: 800px; margin: 0 auto; text-align: center; background: url(/nol/img/cms/library/contents_head.jpg) top center no-repeat; padding-top: 17.5%;  -moz-background-size:100% auto; background-size:100% auto; margin-top: 2%;}
.title img{width: 100%;}
.library-box{width: 95%; max-width: 800px; margin: 0 auto; text-align: center; padding-bottom: 20px; color: #2c2c2c; font-size: 16px;}

.h1_title{font-size: 24px; text-align: left; border-bottom: solid 3px #952a26; padding-top: 15px; font-weight: bold; color: #952a26; margin-bottom: 10px;}

.library-list1{text-align: left; margin-bottom: 5px;}
.library-list1 dt{width: 10%; text-align: center; float: left;}
.library-list1 dt img{width: 100%;}
.library-list1 dd.library-list1-day{width: 60%; padding: 0 3% 0.5% 0; text-align: left; float: left; line-height: 1.2;}
.library-list1 dd.library-list1-day a{text-decoration: none;}
.library-list1 dd.library-list1-day .daylist{font-size: 14px; padding-top: 3px; padding-left:10px; color: #b5322f; font-weight: bold;}
.library-list1 dd.library-list1-btn{width: 22%; padding: 0.75% 0 0.75% 0; text-align: center; float: right;}
.ss-img img{width: 100%;}
.library-lead-box{text-align: left; font-weight: bold; padding: 2% 0 0 0; font-size: 20px;}
.library-text-box{text-align: left; padding: 2% 0 2% 0; font-size: 16px;}

hr.library-line{
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


a.data-btn{width: 100%; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
background: rgb(254,25,0);
background: -moz-linear-gradient(top, rgba(254,25,0,1) 0%, rgba(210,3,0,1) 96%, rgba(158,1,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,25,0,1) 0%,rgba(210,3,0,1) 96%,rgba(158,1,0,1) 100%);
background: linear-gradient(to bottom, rgba(254,25,0,1) 0%,rgba(210,3,0,1) 96%,rgba(158,1,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1900', endColorstr='#9e0100',GradientType=0 );
color: #fff !important;
text-decoration: none;
margin: 0 auto;
}
a.data-btn:hover{background: #9e0100;}

.library-list2{text-align: left; margin-bottom: 5px;}
.library-list2 dt{width: 10%; text-align: center; float: left;}
.library-list2 dt img{width: 100%;}
.library-list2 dd{width: 87%; padding: 1% 2% 1% 0; text-align: left; float: right;}

.library-list3{text-align: left; margin-bottom: 5px;}
.library-list3 dt{width: 10%; text-align: center; float: left;}
.library-list3 dt img{width: 100%;}
.library-list3 dd{width: 88%; padding: 0 2% 0 0; text-align: left; float: right;}
.library-list3 .daylist{text-align: left; line-height: 1.2; font-size: 14px; color: #b5322f; font-weight: bold; padding-bottom: 2px; padding-left:10px;}
.library-list3 a{text-decoration: none;}



.library-icon-box{width: 20%; max-width: 75px; padding-top: 5%; max-height: 0px;}
.library-icon1{background: url(/nol/img/cms/library/icon1.png)top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.library-icon2{background: url(/nol/img/cms/library/icon2.png)top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.library-icon3{background: url(/nol/img/cms/library/icon3.png)top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

.old_page{text-align: right;}
.old_page a{color: #99213e !important;}

@media screen and (max-width: 640px) {
.library-list1 dt{width: 20%; max-width: 75px; margin-bottom: 5px;}
.library-list1 dd.library-list1-day{width: 100%; padding: 0.7% 2% 0.5% 1%; text-align: left; float: none; margin-bottom: 10px;}
.library-list1 dd.library-list1-btn{width: 100%; padding: 0.75% 0 0.75% 0; text-align: center; float: none; margin-bottom: 20px;}
.library-list1 dd.library-list1-day .daylist{padding-left:50px; width: calc(90% - 50px); margin-left: 30px;}
a.data-btn{padding: 3% 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}



.library-list2 dt{width: 20%; max-width: 75px;}
.library-list2 dd{width: 75%; padding: 0 2% 1% 2%; text-align: left; float: left; line-height: 1.2;}

.library-list3 dt{width: 20%; max-width: 75px;}
.library-list3 dd{width: 75%; padding: 0 2% 1% 2%; text-align: left; float: left; line-height: 1.2;}
.ss-img{margin-top: -20px;}
.library-icon-box{padding-top: 7%;}
}

@media screen and (max-width: 540px) {
.library-icon-box{padding-top: 10%;}
.library-list1 dd.library-list1-day .daylist{padding-left:20px; width: calc(90% - 20px); margin-left: 30px;}
}