@charset "utf-8";
/* CSS Document */

/* =================================================================================

   main
 
=================================================================================== */	
#main .padding{
    border: 1px solid #aaa;
    padding: 20px 240px;
}
#main .txt{
	background-color: #f0f8ff;
	margin: 0 20px 20px;
	padding: 10px;
}

.et {font-size: 10pt;}
.ct {font-size: 10pt;}
.date {font-size: 10pt;}
.yt {text-align: center; margin: 10px;}
.kw {font-size: 10pt;}
.parent {width:283px;}
.children {width:283px;}

section p {text-indent: 0.5em; margin-top: 10px;}
.imgR {overflow: hidden; margin-top: 20px;}
.imgR img {float: right; vertical-align: bottom; margin-left: 15px;}
.imgR p {display: table-cell; vertical-align: middle;}
p.name {border-bottom: 5px double #393E77;}

.contentslist ul li a{
    display: block;
    background: url(../images/arrow1.png) no-repeat 97% 50%;
    background-size: 13px;
    background-color: #F2F2F2;
    border-left: solid 5px #005aac; border-bottom: 1px solid #CBCBCB; background-color: #F2F2F2; padding: 15px 0 15px 15px; margin: 10px;
    font-weight: bold;
}
.contentslist ul li a:hover{
    background: url(../images/arrow2.png) no-repeat 97% 50%;
    background-size: 13px;
    background-color: #669CCD;
    color: #fff;
}
.contentslist ul li ul li a{
    background-color: #FFF;
    border: none;
    border-bottom: 1px solid #CBCBCB;
    font-size: 0.938em;
    padding: 8px 20px 8px 15px;
    font-weight: bold;
}
.contentslist ul li ul li ul li a{
	margin-left: 30px;
    font-weight: normal;
}
.contentslist ul li ul.report li a {
	margin: 0;
	font-weight: bold;
}
.contentslist ul li ul.report li h4.title_link a {
	color: #005aac;
}
.contentslist ul li ul.report li h4.title_link a:hover {
	color: #fff;
}
.contentslist ul li ul li ul li a.contents1 {
	font-weight: bold;
}
.contentslist ul li ul li ul li ul li a{
	margin-left: 50px;
}
.contentslist ul li ul li ul li.riron a,
.contentslist ul li ul li ul li.jissen a{
	background-color: #e6f1ff;
}
.contentslist ul li ul li ul li.riron a:hover,
.contentslist ul li ul li ul li.jissen a:hover{
	color: #000;
}
.contentslist ul li ul li ul li.riron ul li a{
	background-color: #f5f5f5;
}
.contentslist ul li ul li ul li.jissen ul li a{
	background-color: #fff;
}
.contentslist ul li ul li ul li.riron ul li a:hover{
	color: #000;
}
.contentslist ul li ul li ul li.jissen ul li a:hover{
	color: #fff;
	background-color: #669CCD;
}
.contentslist ul li ul li ul li.riron ul li ul li a{
	margin-left: 70px;
	background-color: #fff;
}
.contentslist ul li ul li ul li.riron ul li ul li a:hover{
	color: #fff;
	background-color: #669CCD;
}

.tl {margin: 0 30px; display: none; padding: 20px;}
.mv {width:20px; vertical-align:middle;}

h2 {margin-top: 20px;}
h4 {
    border-bottom: 1px solid #005aac;
    color: #005aac;
    padding: 0 5px;
    margin: 0 auto 20px;
}
h5 {
    border-left: 5px solid #005aac;
    border-bottom: 1px dotted #808080;
    padding: 10px 0 10px 16px;
    font-size: 0.938em;
    font-weight: bold;
    margin: 15px 10px 0;
    color: #1a1a80;
}
.accordion1 .inner {display: none;}
.accordion1 p.accordion {cursor: pointer; padding: 1px 0;}
.accordion1 .inner li{padding: 10px 0; margin: 0 30px;}
.accordion1 .inner li ul li{padding: 0; margin: 0;}
.accordion1 .news p{text-indent: 1.5em;}
.accordion1 .news li {padding:0; margin: 0;}
.accordion1 .news li a{margin: 0 0 0 30px;}
.accordion1 .news p.info{text-indent: 0; margin: 20px 10px 0 20px;}

.mb10 {margin-bottom: 10px;}
.mt30 {margin-top: 30px;}
.pdf {vertical-align:middle;}
.plan {margin: 0 0 0 30px;}
.plan li {list-style-type: disc;}

.btn{
    /* 文字サイズを1.2emに指定 */
    font-size: 1.2em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
    
    /* 角丸 */
    border-radius:5px;
}

.btn:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #1166bb;

    /* 文字色を白色に指定 */
    color: #fff;
}

@media only screen and (max-width: 768px) {	
#main .padding{
    border: 1px solid #aaa;
    padding: 20px;
    }
    
.drop-shadow {
    -webkit-filter: drop-shadow(0px 3px 10px rgba(255,255,255,.8));
        filter: drop-shadow(0px 0px 10px rgba(255,255,255,.8));
        }
.shadow {
	background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.8) 5%, rgba(255,255,255,.8) 95%, rgba(255,255,255,0) 100%);
 }
}
