@charset "UTF-8";
/* CSS Document */

.topics .shosai-btn{ margin-bottom:10px;}
.topics .shosai-btn a{display:block; width:100%; padding:0.5em; margin:auto; margin-bottom:10px; line-height:1.3em;}

.topics .shosai-btn a.moushikomi{ width:60%;}

.topics .shosai-btn a.shosai{ width:30%;}

.topics .module-01{ margin-bottom:20px;}

.topics .module-01 h3{ background-color:#001c4e; font-size:16px; color:#FFF; padding:6px;}
.topics .module-01 h3 i{ font-size:120%;}

.topics .module-01 h4{ font-size:18px; line-height:1.3em; margin-bottom:10px;}

.topics .module-01 p{ margin:20px 0;}

.topics .bold{ font-weight:bold;}

.topics .red{ color:#ff0000;}
.topics .red span{ font-weight:bold; }

.topics .module-01 img,
.topics .muryou img,
.topics .module-03 img {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    padding: 5px;
}

.topics .page-top{ float:right;}


.topics .wrp-set{}
.topics .wrp-txt{ padding-right: 12px;}
.topics .wrp-set .wrp-img { padding-left: 17px; }

.topics .meta{ margin-top:60px; margin-bottom:30px;}
.topics .meta span {
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    font-size: 14px;
    padding: 0 15px;
	color:#001c4e;
	font-weight:bold;
}
.topics .meta span {
    margin-left: 10px;
}


.topics .muryou{ margin:40px 0;}

.topics .muryou h3 {
    background-color: #2fa6ee;
    border: 1px solid #2fa6ee;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 120%;
    margin-bottom: 15px;
    padding: 5px 10px;
    width: 100%;
	line-height:1.5em;
}
.topics .muryou h3 i{ margin-right:4px;}

.topics .muryou img{ margin-bottom:20px;}

.topics .muryou p{ margin:0 0 20px 0;}

.topics .link i{ color:#2fa6ee;}


.topics .nitei ul li{ margin-bottom:30px;}

.topics .nitei a{ color:#1160cc; text-decoration:underline;}


.topics .nitei .txt-variation h3{ font-size:14px; margin-bottom:10px;}
.topics .nitei .txt-variation ol,
.topics .nitei .txt-variation ul{ padding-left:20px;}
.topics .nitei .txt-variation li{ list-style:outside; list-style:inherit; line-height:1.3em; margin-bottom:12px;}
.topics .nitei .txt-variation ul li{ margin-bottom:2px;}
.txt-variation .txt-set{ margin-bottom:40px;}

.topics .bana01{ padding:0 5px; margin:30px 0;}
.topics .bana01 li{ margin-bottom:10px;}

.topics .bana02 ul li {
    padding-left: 5px;
    padding-right: 5px;
}

.topics .bana03{ margin:20px 0 0 0;}

.module-02{
	padding:15px;
	background: url("../img/common/main_tit_bg.jpg") repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #001c4e;
}
.module-02 h3{ font-size:14px; margin-bottom:10px;}


.module-03{ 
	background: url("../img/common/main_tit_bg.jpg") repeat scroll 0 center rgba(0, 0, 0, 0);
	padding:20px 15px;
	margin:60px 0 30px 0;
}

.topics .module-03 h3{ font-size:14px; margin-bottom:12px;}
.topics .module-03 .wrp-txt{ padding:0; padding-left: 30px;}

.topics .module-03 .wrp-txt .detail{ background-color:#dedede; padding:6px 12px; font-size:11px; margin-top:10px;}
.topics .module-03 .wrp-set .wrp-img { padding:0; }

.topics .module-03 .btn-more a{ float:right; width:45%; display:block;padding:0.5em; margin-top:20px;}


.topics .module-04{ background-color:#fff2dc;  border-radius:10px; padding: 20px; margin-bottom:20px;} 
.topics .module-04 h3{ font-size:14px; margin-bottom:10px;}

.topics .img{ margin-bottom:20px;}

.topics .module-05{ margin:30px 0;}
.topics .module-05 dt{ background-color:#e6e6e6; margin-bottom:-1px;}
.topics .module-05 dt, .topics .module-05 dd{ border:1px solid #c4c4c4; padding:14px;}

.topics .module-05.row{ margin-left:-10px; margin-right:-10px;}

.topics .module-05 img{ margin-bottom:10px;}

@media screen and (max-width : 767px){
	.topics .module-01 h3{ font-size:14px;}
	.topics .module-01 h4{ font-size:14px;}
	
	.topics .module-04 h3,
	.topics .module-01 h4,
	.topics .module-03 h3,
	.module-02 h3,
	.topics .nitei .txt-variation h3{ font-size:12px;}
	.topics .shosai-btn a.moushikomi{ width:100%;}
	.topics .shosai-btn a.shosai{ width:100%;}
	.topics .module-03 .btn-more a{ width:100%;}
	
	.topics .meta{ margin-top:30px;}
	.topics .meta span{ font-size:10px;}
	
	.topics .wrp-set .wrp-img { padding-left:0px; }
	.topics .muryou{ margin:20px 0;}
	.topics .muryou img{ margin-top:20px;}
	
	.topics .module-03 .wrp-txt{ padding:0; margin-top:20px;}
	
	.topics .module-05 dt, .topics .module-05 dd,
	.topics .module-04,
	.module-02,
	.module-03{ padding:7px;}
	.topics .module-03 .wrp-txt .detail{ font-size:10px;}
	.topics .module-05{ margin:0;}
	.topics .module-05 dl{ margin-bottom:20px;}
}

/****************************************/
/*　table */
/****************************************/


#table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom:4px;
}
.nitei p ,#table{line-height:1.5em;}

#table.table-01{table-layout: fixed;}

#table td,
#table th{
	padding: 3px;
	border: 1px solid #c4c4c4;
}
#table th{
	background-color:#FFFFFF;
}
#table thead th{
	background:#e6e6e6;
	font-weight:bold;
}

#table .bg{ background-color:#e6e6e6;}
#table .bg2{ background-color:#d7d7d7;}

#table.table-01 th,
#table.table-01 td{ text-align:center;}

.topics #table .bold{ font-size:12px;}

#table .twidth-45{ width:45%; }
#table .twidth-20{ width:20%;}
#table .twidth-15{ width:15%; }

#table.table-02 td,
#table.table-02 th{
	padding: 4px 8px;
}

#table .tb-th{ display:none;}

@media screen and (max-width : 767px){
	#table{
		display: block;
		border: none;
	}
		#table thead{
			display: none;
		}
		#table tbody{
			display: block;
			
		}
			#table tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom:1px solid #c4c4c4;
				padding-bottom:1.5em;
				
			}
			#table tbody th,
			#table tbody td{
				display: list-item;
				border: none;
			}
			#table tbody th, #table .bg{
				margin-bottom: 5px;
				list-style-type: none;
				background: #eeeeee;
				font-weight: bold;
				text-align:center;
				padding:5px;
			}
			#table tbody th{background: #d7d7d7;}
			
			#table tbody td{
				margin-left:0px;
				padding: 0;
			}
			
			#table .twidth-45{ width:100%; }
			#table .twidth-20{ width:100%;}
			#table .twidth-15{ width:100%; }
			
			#table .tb-th{ display:inline;}

}