BODY
{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	background-color:#f3f3ff;
	margin:0px;
	background-image:url('/images/bg.jpg');
}

BODY img,embed,object,video
{
	max-width: 100%;
	height:auto;
}

.root_div
{
	width:100%;
	max-width:800px;
	background-color:#ffffff;
	margin:0px auto;
	padding:3px 0px;
}

.root_div >h2
{
	margin:0px;
	padding:3px 10px;
}

.root_div .header
{
	background-color:#f3f3ff;
}

.root_div .header >.div_col
{
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.root_div .header >.div_col >div
{
	font-weight:bold;
	margin:0px 3px;
	font-size:90%;
}

#id_HeaderFrame
{
	margin:5px auto;
	width:100%;
	max-width:800px;
	height:25vw;
	max-height:200px;
	position:relative;
}

#id_HeaderFrame >.box
{
	position:absolute;
}

#id_HeaderFrame >.box img
{
	display:block;
}

#id_HeaderFrame >.panel
{
	position:absolute;
}

#id_HeaderFrame >.panel img
{
	display:block;
}

#id_TopFrame
{
	margin:5px auto;
	position:relative;
	width:100%;
	max-width:800px;
	height:18.2vw;
	max-height:150px;
	background-color:#ffffff;
	border-width:1px 0px;
	border-style:solid;
	border-color:#afaff0;
	overflow:hidden;
	/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	 */
}

#id_TopFrame .slider
{
	position:absolute;
	background-color:#aa00ff;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	min-height:1%;
	cursor: move;
	z-index:0;
}

#id_TopFrame .slider .box
{
	background-color:#ffa0a0;
}

#id_TopFrame .slider .box >img
{
	display:block;
}

#id_TopFrame .slider_4
{
	width:100%;
}

#id_TopFrame .slider_5
{
	width:125%;
}

#id_TopFrame .slider_6
{
	width:150%;
}

#id_TopFrame .slider_8
{
	width:200%;
}

#id_TopFrame .slider_10
{
	width:250%;
}

#id_TopFrame .slider_12
{
	width:300%;
}

#id_TopFrame .panel
{
	position:absolute;
	width:100%;
	height:18.2vw;
	max-height:150px;
}

#id_TopFrame .title
{
	position:absolute;
	opacity:0;
}

.img_div_col
{
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.img_div_col >a
{
}

.img_div_col >a >img
{
	display:block;
}

.img_div
{
	margin:auto;
	float:left;
	width:33%;
}

.root_div .sec0
{
	clear:both;
	margin:0px 6px;
	padding:10px 0px 6px 0px;
}

.root_div .footer
{
	background-color:#f3f3ff;
	width:100%;
	margin:15px auto 0px auto;
	padding:10px 0px;
	border-style:solid;
	border-color:#8080ff;
	border-width:1px 0px 0px 0px;
	font-size:95%;
}

.root_div .footer >.content
{
	word-break:normal;
	text-align:center;
}

.root_div .footer >.copyright
{
	margin:10px 0px 0px 0px;
	font-size:90%;
	text-align:center;
}

.root_div .sec0 >h1
{
	font-size:120%;
	margin:0px;
	padding:3px 10px;
}

.root_div .sec0 >.content
{
	margin:0px 0px 0px 0px;
	padding:3px 6px;
	word-break:break-all;
	color:#202020;
	font-size:100%;
}

.root_div .sec0 >.content >p
{
	margin:0px;
}

.root_div .sec0 >.sec1
{
	margin:15px 10px 10px 15px;
	padding-bottom:10px;
	border-style:solid;
	border-color:#808080;
	border-width:0px 0px 1px 0px;
}

.root_div .sec0 >.sec1:last-child
{
	border-width:0px;
}

.root_div .sec0 >.map
{
}

.root_div .sec0 >.pics
{
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	flex-wrap: wrap;
}

.root_div .sec0 >p
{
}

.root_div .sec0 >p >a.back
{
	margin:0px 10px;
}

.root_div .sec0 >.content >ol
{
	margin:0px 5px 0px 20px;
	padding:0px;
	font-size:95%;
}

.root_div .sec0 >.content >ul
{
	margin:0px 5px 0px 20px;
	padding:0px;
	font-size:95%;
}

.root_div .sec0 >.pics >.box
{
	margin:2px auto;
	width:33%;
	max-width:200px;
}

.root_div .sec0 >.pics >.box img
{
	display:block;
}

.root_div .sec0 >.pics >.box >.name
{
	font-size:90%;
	width:100%;
	text-align:center;
}

.root_div .sec0 >.map >img
{
	display:block;
	margin:0px auto;
}

.root_div .sec0 >.map >.right
{
	font-size:90%;
	margin-right:5px;
	text-align:right;
}

.root_div .sec0 >.sec1 >h2
{
	margin:0px;
	font-size:90%;
}

.root_div .sec0 >.sec1 >.content
{
	margin:3px 0px 0px 0px;
	font-size:95%;
	word-break:break-word;
}

.root_div .sec0 >.sec1 >.content >span
{
	display: inline-block;
}

BODY a:link
{
	text-decoration:none;
}

BODY a:active
{
	text-decoration:none;
}

BODY a:visited
{
	text-decoration:none;
}

BODY a:hover
{
	text-decoration:none;
}

BODY a.link
{
	font-weight:bold;
}

BODY textarea
{
	font-size:100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}

#id_info
{
	border:1px solid #ffaa00;
	margin:5px 5px 5px 10px;
}

#id_info >.comment
{
	font-weight:bold;
	background-color:#ffa0a0;
}

#id_calender
{
	width:50%;
}

.calender
{
	border:2px solid #ffaa00;
}

FORM
{
	margin:5px 10px;
	padding:3px 5px;
	border:1px solid #808080;
	background-color:#eaeaff;
}

FORM >p
{
}

FORM >ul
{
}

FORM >ul >li input[type=radio]:disabled
{
	color: -internal-light-dark(rgb(255,0,0),rgb(170,170,170));
}

FORM >ul >li
{
	display:block;
}

FORM >.error
{
	color:red;
}

FORM >p+ul
{
}

FORM >button[type=submit]
{
	width:150px;
}

FORM >button.submit
{
	font-size:100%;
	font-weight:bold;
}

FORM >button.back
{
	color:#303030;
}

FORM >p >label
{
	display:block;
	font-size:90%;
}

FORM >p >input[type="text"]
{
	font-size:100%;
	width:calc(100% - 10px);
	max-width:320px;
	padding:2px;
	height:25px;
}

FORM >p >label.required::after
{
	font-size:90%;
	content: '(*)';
	color: red;
}

FORM >p >span.helptext
{
	display:block;
	font-size:90%;
}

FORM >p >select
{
	font-size:100%;
	padding:2px;
	height:25px;
	min-width:60px;
}

FORM >p >textarea
{
	width:calc(100% - 10px);
	height:120px;
}

FORM >p >input[type=text]:disabled
{
	color:#303030;
	background-color:#ffffff;
	border:1px solid #ffffff;
}

FORM >p >select:disabled
{
	font-size:100%;
	opacity:1.0;
	color:#303030;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px;
	appearance: none;
}

FORM >p >textarea:disabled
{
	color:#303030;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px;
}

FORM >p >button.submit
{
	font-size:100%;
	font-weight:bold;
	width:150px;
}

FORM >p >button.back
{
	font-size:90%;
	width:150px;
}

FORM >p >.class2
{
}

ul.errorlist
{
	color:red;
}

@media all and (max-width: 600px)
{
	.root_div
	{
		margin:0px;
	}

	.root_div .header >.div_col
	{
		display:block;
	}

	.root_div .header >.div_col >div
	{
		font-size:80%;
	}

	#id_TopFrame
	{
		height:25vw;
	}

	#id_TopFrame .slider_4
	{
		width:133%;
	}

	#id_TopFrame .slider_5
	{
		width:166%;
	}

	#id_TopFrame .slider_6
	{
		width:200%;
	}

	#id_TopFrame .slider_8
	{
		width:266%;
	}

	#id_TopFrame .slider_10
	{
		width:333%;
	}

	#id_TopFrame .slider_12
	{
		width:400%;
	}

	#id_TopFrame .panel
	{
		height:25vw;
	}

	.img_div_col
	{
		clear:both;
	}

	.root_div .footer >.content
	{
		font-size:90%;
	}

	.root_div .sec0 >h1
	{
		margin:0px 0px 0px 1px;
	}

	.root_div .sec0 >.content
	{
		margin:0px 0px 0px 3px;
		padding:3px 3px;
		font-size:95%;
	}

	.root_div .sec0 >.sec1 >.content
	{
		font-size:90%;
	}
}

@media all and (max-width: 400px)
{
	#id_TopFrame
	{
		height:37.5vw;
	}

	#id_TopFrame .slider_4
	{
		width:200%;
	}

	#id_TopFrame .slider_5
	{
		width:250%;
	}

	#id_TopFrame .slider_6
	{
		width:300%;
	}

	#id_TopFrame .slider_8
	{
		width:400%;
	}

	#id_TopFrame .slider_10
	{
		width:500%;
	}

	#id_TopFrame .slider_12
	{
		width:600%;
	}

	#id_TopFrame .panel
	{
		height:37.5vw;
	}

	.root_div .footer >.content
	{
		font-size:90%;
	}

	.root_div .sec0 >.sec1 >.content
	{
		font-size:90%;
	}
}