/*
######################################
▼(右)本文・基本設定▼
######################################
┌     ┏━━┳━━━┓     ┐
│     ┃m　 ┃ m　　┃←col│
│     ┃e　 ┃ a本　┃     │body
│     ┃n　 ┃ i文　┃     │
│     ┃u　 ┃ n　　┃     │
└     ┗━━┻━━━┛     ┘
*/
/*
==============================
▼画像▼
==============================
*/
.header-img { width: 100%;
          background: #eee; }

.news { width: 100%;
        max-width: 210px;
        background: #eee;
        border: 1px #ccc solid; }

.topic-img { width: 100%;
          max-width: 400px;
          background: #eee; }

.news-img { width: 100%;
          max-width: 350px;
          margin-bottom: 1em;
          background: #eee; }


/*
==============================
▲画像▲
==============================
*/
/*
==============================
▼長方形のボックス（本文）▼
==============================
*/
.txtbox { border: 1px #ccc solid;
          margin: 1em 0;
		  padding: 1em;
/*		  font: 0.91em/1.52em sans-serif;
*/		  position: relative; }

.cell   { display: table-cell;
          vertical-align: top; }

.cellM   { display: table-cell;
          border: 1px #888 solid;
          vertical-align: middle;
          padding: 1%;
          margin: 1% 3%;
          width: 40%;
   	 	  float: left; }

.clearB { clear: both; }


/*
==============================
▲長方形のボックス（本文）▲
==============================
*/
/*
==============================
▼見出し（とその中身）▼
==============================
*/
.list-box{ 
          /*border: 2px #8eae79 solid; */
          padding-left: 1.5em; }

.top-box{ border: 1px #ccc solid;
          padding: 1em;
		  background: #ffffee;
/*          font: 0.91em/1.52em sans-serif;  */
		  margin-bottom: 1em;
		   }

.top-box2{ border: none;
           padding: 0 1em;
           font: 1.6em/2.5em serif;
		   margin-bottom: 0.6em; }

.top-box3{ border: 1px #E9609E solid;
           padding: 0 1.4em;
           font: 1.2em/2em serif;
   	       background: #E9609E;
		   margin-bottom: 0.4em; }


h2     { border-left: 0.6em #3983bf solid;
		 font: bold 1.15em/1.15em sans-serif;
		 padding: 0 0.5em;
		 margin-bottom: 0.5em;
		 color: #3983bf; }

.h2    { border-left: 0.6em #ff9900 solid;
		 color: #ff9900; }

h3     { background: #588f34;
         color: #fff;
		 font: 1.2em/1.6em sans-serif;
		 padding: 0 1em;
		 margin: 0 0 0.8em;
		  }

.h3    { background: #3983bf; }

h4       { background: #f5bcd5;
         width: 250px;
		 font: 1.2em/2em serif;
		 padding: 0 1.2em;
		  }

.per70    { width: 70%; padding: 0 0 0 2%; }

.per50    { width: 50%; padding: 1%; }
.per50 img{ background: #eee;
            width: 100%; }

/* listタグの下に余白 */
.bt    { margin-bottom: 1em;
		 text-align: center; }

div#frame	{
	border: none;
/*	padding-left: 10px;
	padding-right: 0px;
	width: 410px;  */
	height: 120px;
	overflow-y: scroll;
/*	margin-top: 5px;
	margin-left: 5px;
	margin-left: auto;
	margin-right: auto;  */
	}

/* *************************** */
/* 吹き出しアイコン付きQ&A */
/* *************************** */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'fantasy', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 1em 0;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 1.0em 2em;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before, .cp_qa dd::before {
	font-size: 1.2em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.cp_qa dt::before {
	padding: 0.1em 0.25em;
	content: 'Q';
	background: #f57c00;
}
.cp_qa dd::before {
	padding: 0.1em 0.25em;
	content: 'A';
	background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
	position: absolute;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
	border-style: solid;
}
.cp_qa dt::after {
	left: 1.5em;
	border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
	left: 3.5em;
	border-color: transparent transparent transparent #0097a7;
}
/* *************************** */

div#shitsugi table{
	border-collapse: collapse;
	margin: 10px 0 0 15px;
/*	font-size: 100%;  */
	line-height: 1.4em;
}

div#shitsugi th{
	padding: 5px 0;
}
div#shitsugi td{
	padding: 8px 0;
	order-bottom: 1px solid #DDD;
}
div#shitsugi table tr {
	padding-top: 8px;
	border-bottom: 1px solid #DDD;
}


/*
==============================
▲見出し（とその中身）▲
==============================
*/
/*
######################################
▲(右)本文・基本設定▲
######################################
*/