/* ==================== common ==================== */
/* <?php header('Content-Type: text/css; charset=utf-8'); ?> */
@charset "UTF-8";


/* ==================== table ==================== */
#table{
	width: 100%;
	border-collapse: collapse;
}
#table td, #table th{
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}
#table .lbl {
	background: #dddddd;
}
@media only screen and (max-width:599px){
	#table{
		display: block;
	}
	#table thead{
		display: none;
	}
	#table tbody{
		display: block;
	}
	#table tbody tr{
		display: block;
	}
	#table tbody .lbl{
		display: none;
	}
	#table tbody th{
		width: 100%;
		display: list-item;
		list-style-type: none;
		border: none;
		background: #dddddd;
		
	}
	#table tbody td{
		width: 100%;
		display: list-item;
		list-style-type: none;
		border: none;
	}
	
	#table tbody td:nth-of-type(1):before { content: attr(data-label); }
	#table tbody td:nth-of-type(2):before { content: attr(data-label); }
	#table tbody td:nth-of-type(3):before { content: attr(data-label); }
}

/* ==================== form ==================== */
	.form {
		padding: 0px;
		background: #eeeeee;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.form dt {
		float: left;
		/* background: #cccccc; 横並びの場合、dtは文字部分のみ着色されるので*/
		padding: 10px 10px 0px 10px;
		border-top: 1px solid #ccc;
		width: 30%;
		text-align: right;
	}
	.form dd {
		margin-left: 30%;
		padding: 10px 10px 10px 10px;
		background: #ffffff;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.form dd:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.form dd input[type="text"], .form dd input[type="password"] {
		width: 95%;
		padding:5px;
		border: solid 1px #dddddd;
	}
	.form dd input[type="checkbox"] {
		padding:5px;
		border: solid 1px #dddddd;
		margin-right: 5px;
	}
	.form label {
		padding:5px;
	}
	.form dd select {
		padding:5px;
		border: solid 1px #dddddd;
	}
	.form dd textarea {
		width: 95%;
		padding:5px;
		border: solid 1px #dddddd;
		overflow:scroll;
		resize: none;
	}
	.form dt img {
		float: right;
		padding: 0px 0px 0px 3px;
		width: auto;
		height: auto;
	}
	.form a {
	text-decoration: underline; /* 下線の非表示 */
	}
	
	@media (max-width: 767px) {
		
		.form dt {
			clear: both;
			width: 100%;
			padding: 10px 10px 10px 10px;
			text-align: left;
		}
		.form dd {
			margin-left: 0%;
			border-left: 0px solid #ccc;
		}
		.form dt img {
			float: left;
			padding: 0px 3px 0px 0px;
			width: auto;
			height: auto;
		}

	}

/* ==================== main_block ==================== */
.main_block {
	padding: 10px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	border-top: solid 1px #aaaaaa;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.main_block h1	{
	padding: 10px;
	font-size: 25px;
	border-left: solid 15px #000099;
	border-left: solid 10px #aaaaaa;
}
.main_block img {
	float: left;
	padding: 5px;
	max-width:120px; max-height:120px;
}
.main_block p {
	padding: 10px;
}
.main_block p:after {
	content: "";
	display: block;
	clear: both;
}

.main_block ol {
	padding: 10px;
}

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

.bxslider img {
	clear: both;
	padding: 0px;
	max-width:none; max-height:none;
}
	
}
/* ==================== main_block2 ==================== */
.main_block2 {
	padding: 10px;
	background-color: #ffffff;
	border: solid 0px #dddddd;
	border-top: solid 1px #aaaaaa;
	/* box-shadow: 1px 1px 2px rgba(0,0,0,0.1); */
}
.main_block2 h1	{
	padding: 10px;
	font-size: 25px;
	border-left: solid 15px #000099;
	border-left: solid 5px #aaaaaa;
}
.main_block2 time {
	display: block;
	padding: 3px;
	width: 100%;
	color: #888888;
	background-color: none;
}
.main_block2 img {
	float: left;
	padding: 5px;
/*	width:10px;*/
}
.main_block2 p {
	padding: 10px;
}
.main_block2 p:after {
	content: "";
	display: block;
	clear: both;
}

.main_block2 ul {
	padding: 10px;
	font-size: 0px;
}
.main_block2 .photo_list li {
/*	float:left; */
	display: inline-block;
	vertical-align: top;
	background-color: #dddddd;
}
.main_block2 ul:after {
	content: "";
	display: block;
	clear: both;
}

.main_block2 ol {
	padding: 10px;
}
.main_block2 ol:after {
	content: "";
	display: block;
	clear: both;
}

.main_block2 i {
	padding: 2px;
}

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