@charset "UTF-8";


.jmoss_ttl{
	background-color:#090;
	font-size:18px;
	color:#FFF;
	padding:4px;
	margin-bottom:10px;
}

h3 {
	font-size:18px;
	margin-top:10px;
}


#jmoss {
	max-width:800px;
	width:100%;
	margin:0 auto 10px auto;
    box-sizing: border-box;
}

#expText {
	float: left;
	width:100%;
	padding-left:10px;
    box-sizing: border-box;
}

#expImg {
	float:right;
	width:225px;
}




table {
	margin:10px 0;
	border-collapse:collapse;
	margin-left:1em;
	width:96%;
}

th {
	border-collapse:collapse;
	border:1px #666 solid;
	padding:4px;
	background-color:#D1FFA4;
	font-size:13px;
	font-weight:bold;
}

th.subCol {
	background-color:#CEF3FF;
}
th.subRow {
	background-color:#CEF3FF;
	text-align:left;
}




td {
	border-collapse:collapse;
	border:1px #666 solid;
	padding:4px;
	width:10%;
	text-align:center;
	font-size:12px;
}

td.wide {
	width:70%;
}

.kome {
	text-align:left;
	background-color:#EEE;
}

.jis {
	float:right;
}



.copyright {
	font-size:12px;
	text-align:center;
}




/* こっからしたはclearfix */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------
	ボックスが伸びるおまじない
---------------------------------------*/

.cl {
	display: inline-block;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}




@media screen and (max-width: 767px) {
#expImg {
	float:none;
    margin: 0 auto;
	width:225px;
}
    
#jmoss {
	width:100%;
	margin:0 auto;
    box-sizing: border-box;
}

}