/************************************************************************************
CONTENT
*************************************************************************************/
.com_photo { display:block; margin:auto; padding: 0; }
.com_photo1 { float: left; margin: 0 0 10px; padding: 0; }
.com_photo2 { float: right; margin: 0 0 10px; padding: 0; }
.com_tit_s{ color: #fff; font-size: 1em; font-weight: 600; background-image: url(../com/images/tit_bg.gif); background-repeat: repeat-x; text-align: left; text-indent: 1em; letter-spacing: 1px; width: 99.8%; padding-top: 7px; padding-bottom: 7px; border: solid 1px #ccc; }
.post {
	margin-bottom: 20px;
}
@media only screen and (min-width:500px){
	#demo{ width: 100%; display: table; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
		#demo p{
			display: none;
		}	
		#demo #ex{ display: table-header-group; }
		#demo ol{ display: table-row; margin: 0; }
		#demo ol li{ display: table-cell; padding: 5px; font-weight: bold; text-align: center; background: #e6e6e6; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
		#demo #words{
			display: table-row-group;
		}
		#demo dl{ display: table-row; margin: 0; }
			#demo dl dt,
			#demo dl dd{ text-align: center; display: table-cell; padding: 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
			#demo dl ddd{ width: 60%; display: table-cell; padding: 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }

}

		#demo ol{
	margin: 0 0 1em 20px;
}
#demo dl{
	margin-bottom: 1em;
}
	#demo dl dt{
		font-weight: bold;
	}

.com_mes { color: #222; font-size: 18px; font-weight: 600; line-height: 1.5em; background: #fff; padding: 20px; width: 85%;
	/* rounded corner */
	margin: 0; border: solid 5px #ffe883; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.image-left{ float:left; margin-right:15px; margin-bottom:15px;}
.text-margin {line-height:29px;}