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

/*------------------------------------------------------------
top
-------------------------------------------------------------*/
.top520{
	width: 520px;
	float: left;
	}
.top160r{
	width: 160px;
	float: right;
	}
@media only screen and (max-width : 640px){
.top520{
	width: 100%;
	float: left;
	}
.top160r{
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align:center;
	}

}

/*member
-------------------------------------------------------------*/
.member{
	width: 150px;
	float: left;
	margin-top: 10px;
}
.member-bun{
	width: 500px;
	float: right;
	margin-top: 10px;
	line-height: 175%;
	font-size: 13px;
}
@media only screen and (max-width : 959px){	
.member{
	width: 150px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
member-bun{
	width: 100%;
	float: left;
	margin-top: 10px;
	
}
}


*テーブル
-------------------------------------------------------------*/
table.table01 {
	width:100%;
	border-right:#737069 solid 1px;
	border-collapse: collapse;
	border-top:#737069 solid 1px;
}
table.table01 tbody th {
	/*text-align: center;*/
	background:#F0F0F0;
	padding:10px 15px;
	border-bottom:#737069 solid 1px;
	vertical-align:top;
	border-left:#737069 solid 1px;
}
table.table01 tbody tr:last-child th {
	border-bottom:#737069 solid 1px;
}
table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#737069 solid 1px;
	border-bottom:#737069 solid 1px;
	vertical-align:top;
}
/*テーブル
-------------------------------------------------------------*/
table.table02 {
	width:100%;
	border-collapse: collapse;
}
table.table02 tbody th {
	background: #F0F0F0;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	padding-left: 10px;
	border-bottom: 1px dotted #737069;
	padding-right: 10px;
}
/*table.table02 tbody tr:last-child th {
	border-bottom:none;
}*/

table.table02 tbody td {
	background: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #737069;
}
/*table.table02 tbody tr:last-child td {
	border-bottom:none;
}*/

table.table03{
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}

table.table03 tbody {
	width: 100%;
	display:table;
}

/*tableにスクロールバーを追加*/
table.table03::-webkit-scrollbar {
	height: 5px;
}

/*tableにスクロールバーを追加*/
table.table03::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
table.table03:-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

/*テーブル
-------------------------------------------------------------*/
table.table04{
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}

table.table04 tbody {
	width: 100%;
	display:table;
}
/**/
table.table04 {
	width: 100%;
	border-right: #737069 solid 1px;
	border-collapse: collapse;
	border-top: #737069 solid 1px;
	font-size: 90%;
}
table.table04 tbody th {
	text-align: center;
	background:#F0F0F0;
	padding:10px 15px;
	border-bottom:#737069 solid 1px;
	vertical-align:top;
	border-left:#737069 solid 1px;
}
table.table04 tbody tr:last-child th {
	border-bottom:#737069 solid 1px;
}
table.table04 tbody td {
	/*background:#FFF;*/
	/*text-align: center;*/
	padding:10px 15px;
	border-left:#737069 solid 1px;
	border-bottom:#737069 solid 1px;
	vertical-align:top;
}

/*tableにスクロールバーを追加*/
table.table04::-webkit-scrollbar {
	height: 15px;
}

/*tableにスクロールバーを追加*/
table.table04::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
table.table04:-webkit-scrollbar-thumb {
	background: #BCBCBC;
}


/*モバイルテーブル
-------------------------------------------------------------*/
@media screen and (max-width: 640px) {
.tablewidth{
	width: auto;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
	padding-left:6em;
}
/**/
table.table02 tbody th {
	display:block;
}
table.table02 tbody td {
	display:block;
}
table.table02 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table02 tbody td p {
	padding-left:6em;
}

}

/*------------------------------------------------------------
style
-------------------------------------------------------------*/
.h-c{vertical-align: middle;
text-align: center;}
.al-c{
	text-align: center;
}
.al-r{ text-align: right; }
.al-l{ text-align: left; }
.fl-r{ float: right; }
.fl-l{ float: left; }
.fl-c{ clear: both; }

.m5-t{ margin-top: 5px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-l{ margin-left: 20px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-l{ margin-left: 80px!important; }
.m90-t{ margin-top: 90px!important; }
.m100-t{ margin-top: 100px!important; }

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{
	font-size: 110%;!important;
}
.big1{ font-size: 1.3em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }
.small-b{ font-size: 0.9em!important; }
.red{ color: #ff0000!important; }/*赤*/

.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #7070ba!important;
	line-height: 2.1em!important;
}

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.underline{ text-decoration: underline!important; }
.line{
	border-bottom: 1px dashed #000000;
	margin-bottom: 20px;
	margin-top: 20px;
}
.tti{
	font-size: 120%;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 20px;
 }
 
.ti{font-size: 110%;
 font-weight: bold;
 border-bottom: 1px dashed #000000;
 margin-top: 10px;
 margin-bottom: 10px;
 }

/*640px以下では回り込み解除*/
@media
only screen and (max-width : 640px){
.fl-r,
.fl-l{ float: none; }
}
	
/* clear関係 */
.clear {
	clear: both;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 ¥*/
* html .clearfix {
  height: 1%;
}
.clearfix {
	display: block;
	width: auto;
}
/* clear関係 */
