body{ 
  background-color:#ffffff;
  max-width:900px;
  margin-right: auto;
  margin-left : auto;

}

html {
	overflow: auto;
/*	background-color:#888888;*/
	max-width:100%;
}

#page
{
	/*background-color: #ff0000;*/
	/*padding-left: 10px;
	padding-right: 10px;*/
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}


	.rsp{
		width:100%;
		max-width:100%;
		height:auto;
		/*display:none ;*/
	}




.honbun{
	width:95%;
	overflow:auto;
	word-wrap: break-word;
	/*padding-left: 25px;*/
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12pt;
	line-height: 180%;
	background-color:#ffffff;
}

.honbun_img{
	text-align:center;
}




@media screen and (min-width: 481px){
/*
	.rsp_sashie{
		height:auto;
		max-width:auto;
	}
*/

	.honbun_blk{
		width:900px;
		overflow:auto;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		/*background-color:#ffee11;*/
		background-color:transparent;
	}

	.honbun_lin2{
		float: left;
		width:430px;
		overflow:auto;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;

	}

	.honbun_rin2{
		float: right;
		width:430px;
		overflow:auto;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}



	.honbun_lin3{
		float: left;
		width:580px;
		overflow:auto;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;

	}

	.honbun_rin3{
		float: right;
		width:280px;
		overflow:auto;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}


}



@media screen and (max-width: 950px){


	.honbun_blk{
		width:100%;
		overflow:hidden;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}




	.honbun_lin2{
		float: none;
		width:100%;
		overflow:auto;
		word-wrap: break-word;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_rin2{
		float: none;
		width:100%;
		max-width:430px;
		overflow:auto;
		word-wrap: break-word;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}


	.honbun_lin3{
		float: none;
		width:100%;
		overflow:auto;
		word-wrap: break-word;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_rin3{
		float: none;
		width:100%;
		max-width:280px;
		overflow:auto;
		word-wrap: break-word;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;

	}

}





@media screen and (max-width: 480px){

	.honbun_blk{
		width:100%;
		overflow:hidden;
		word-wrap: break-word;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_lin2{
		float: none;
		width:100%;
		overflow:auto;
		word-wrap: break-word;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_rin2{
		float: none;
		width:100%;
		max-width:430px;
		overflow:auto;
		word-wrap: break-word;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_lin3{
		float: none;
		width:100%;
		overflow:auto;
		word-wrap: break-word;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}

	.honbun_rin3{
		float: none;
		width:100%;
		max-width:280px;
		overflow:auto;
		word-wrap: break-word;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12pt;
		line-height: 180%;
		background-color:transparent;
	}



}


#header1
{
	width: 950px;
	background-color: #ffffff;
}



.img_wrap{
  overflow: hidden;
}
.img_wrap img{
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



.chkblk{
list-style:none; #通常のlist-styleは使わない
}

.chk{
background-image: url("img/img_chk.jpg"); #背景画像を設定
background-repeat: no-repeat;
background-position: left 2px;  #ずれを調整
line-height: 30px;
padding-left: 30px;
}


#chk li{
	position: relative;
	margin-left:15px;
	padding-left: 25px;
	}
 
#chk li:before {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #ccccbb;
	border-radius: 2px;
}
#chk li:after {
	content: "";
	position: absolute;
	top: -0.15em;
	left: 8px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 5px;
	height: 17px;
	border-right: 3px solid #ff2211;
	border-bottom: 3px solid #ff2211;
}


/*
#li{
	position: relative;
	margin-left:15px;
	padding-left: 25px;
	}
 
#li:before {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #ccccbb;
	border-radius: 2px;
}
#li:after {
	content: "";
	position: absolute;
	top: -0.15em;
	left: 8px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 5px;
	height: 17px;
	border-right: 3px solid #ff2211;
	border-bottom: 3px solid #ff2211;
}
*/
 



.honbun_halfl {
	float: left;
	width: 330px;
	margin-top: 00px;
	margin-left: 25px;
}

.honbun_halfr {
	float: right;
	width: 330px;
	margin-top: 00px;
	margin-right: 10px;
}







	h1{
		font-size: 6pt;
		color:#eeeeee;
	}

	#menu {
		background-color:#ffffff;
		padding-left:0px;
	}
	#menu ul {
		width:950px;
		height:45px;
		margin-left:-40px;
		border-left:1px solid #eeeeee;
	}
	#menu li {
		width:190px;
		float:left;
		list-style-type:none;
	}
	#menu a {
		border-right:1px solid #ffffff;
		padding:1px;
		display:block;
		line-height:40px;
		text-align:center;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		text-decoration: underline;
		color:#ffffff;
		background-color:#444466;
		//background-color:#66ccff;
	}
	#menu a:hover {
		color:#444466;
		background-color:#eeeeff;
	}
	
	#viewer{
		margin: 200 auto;
		width: 950px;
		height: 200px;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	
//		#viewer img{
//			top: 0;
//			left: 0;
//			position: absolute;
//		}

	#header_logo{
		padding-top: 10px;
		padding-bottom: 10px;
		width: 457px;
		float: left;
		background-color: #ffffff;
	}

	#header_spc1{
		padding-top: 10px;
		width: 100px;
		float: left;
		background-color: #ffffff;
	}

	#header_sns{
		padding-top: 22px;
		padding-bottom: 10px;
		padding-left: 10px;
		width: 34px;
		float: left;
		background-color: #ffffff;
	}

	#header_contact{
		padding-top: 2px;
		padding-bottom: 10px;
		padding-left: 10px;
		width: 227px;
		float: right;
		background-color: #ffffff;
	}

	#header_slideshow
	{
		width: 600px;
		height: 200px;
		float: left;
	}

	#header_slideshow2
	{
		width: 950px;
		height: 200px;
		float: left;
	}

	#header_gaiyo
	{
		width: 330px;
		height: 200px;
		float: right;
		background-color: #99aabb;
	}
		#header_gaiyo_title
		{

			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			float: left;
			font-size: 11pt;
			font-weight:bold;
			color:#ffffff;
			background-color: #99aabb;
		}
		#header_gaiyo_contents
		{
			padding-top: 0px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			line-height:140%;
			float: left;
			font-size: 10pt;
			color:#ffffff;
			background-color: #99aabb;
		}




	#main
	{
		/*width: 100%;*/
		/*float: left;*/
		/*border: solid 1px #cccccc;*/
		background-color: #ffffff;
		/*font-size: 10pt;*/
		/*margin-top: 30px;*/
	}



	.honbun_none
	{
		margin-left: 25px;
		margin-right: 10px;
		font-size: 10pt;
		line-height: 180%;
	}

	.honbun_none_c
	{
		margin-left: 25px;
		margin-right: 10px;
		font-size: 10pt;
		line-height: 180%;
		text-align:center;
	}



			.course_l {
				float: left;
				border: solid 3px #333333;
				background: #66ccff;
				width: 330px;
				min-height: 220px;
				margin-top: 10px;
				margin-left: 10px;
			}
			.course_l .inner {
				width: 318px;
				min-height: 208px;
				background: #ffffff;
				margin: 6px auto;
				overflow: hidden;
			}

			.course_l .inner .course{
				width: 300px;
				margin-top: 0px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				background-color: #ffffff;
			}
			.course_l .inner .sts{
				width: 300px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				color:#66ccff;
				background-color: #ffffff;
			}
			.course_l .inner .date{
				font-size:12px;
				width: 300px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				color:#333333;
				background-color: #ffffff;
			}

			.course_l a {
			    border-right:1px solid #ffffff;
			    text-align:left;
			    font-size:16px;
			    font-weight:bold;
			    text-decoration: underline;
			    color:#333333;
			}
			.course_l a:hover {
			    color:#4444ff;
			    background-color:#eeeeff;
			}

			 
			.course_r {
				float: right;
				border: solid 3px #333333;
				background: #66ccff;
				width: 330px;
				min-height: 220px;
				margin-top: 10px;
				margin-right: 10px;
			}
			 
			.course_r .inner {
				width: 318px;
				min-height: 208px;
				background: #ffffff;
				margin: 6px auto;
				overflow: hidden;
			}

			.course_r .inner .course{
				width: 300px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				background-color: #ffffff;
			}
			.course_r .inner .sts{
				font-size:12px;
				width: 300px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				color:#66ccff;
				background-color: #ffffff;
			}

			.course_r .inner .date{
				font-size:12px;
				width: 300px;
				margin-top: 2px;
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 0px;
				color:#333333;
				background-color: #ffffff;
			}

			.course_r a {
				border-right:1px solid #ffffff;
				text-align:left;
				font-size:16px;
				font-weight:bold;
				text-decoration: underline;
				color:#333333;
			}
			.course_r a:hover {
				color:#4444ff;
				background-color:#eeeeff;
			}

			.imgchar_r{
				display: table-cell;
				width: 330px;
				height: 220px;
				text-align: center;
				vertical-align: middle;
			}

			.imgchar_l{
				display: table-cell;
				width: 330px;
				height: 220px;
				text-align: center;
				vertical-align: middle;
			}

			.spc6{
				clear: both;
				width: auto;
				height: 6px;
			}
		
			h2{
				/*border-left: 10px solid #444466;*/
				border-left: 10px solid #334488;  
				border-bottom: 1px solid #334488;  
				font-size: 16pt;
				color: #ffffff;
				margin-left: 10px;
				margin-right: 10px;
			        padding-left: 4px;
				background-color: #1f7fbc;
			}

			.half_txt{
				width: 328px;
				overflow: hidden;
			}

			.half_imgc{
				width: 328px;
				margin-top: 0px;
				text-align:center;
				overflow: hidden;
				word-wrap:break-word;
				line-height: 100%;
				font-size: 9pt;
			}
			.half_imgl{
				width: 328px;
				margin-top: 0px;
				text-align:left;
				overflow: hidden;
				word-wrap:break-word;
				line-height: 100%;
				font-size: 9pt;
			}

			.honbun_none .img_r{
				float: right;
				margin-left: 2em;
				margin-bottom: 1em;
			}

			.honbun_none .img_l{
				float: left;
				margin-left: 2em;
				margin-bottom: 1em;
			}

			.blog_list {
				float: left;
				width: 300px;
				margin-top: 00px;
				margin-left: 15px;
			}

			.blog_honbun {
				float: right;
				width: 360px;
				margin-top: 00px;
				margin-right: 10px;
			}


			.list
			{
				background-image: url(../img/komidashi.gif);
				background-repeat: no-repeat;
				font-size: 10pt;
			        padding-left: 10px;
			}

			.listb
			{
				background-image: url(../img/komidashi.gif);
				background-repeat: no-repeat;
				font-size: 10pt;
			        padding-left: 10px;
				font-weight:bold;
			}

			ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
		
			.order_title
			{
				color:#ffffff;
				font-size: 24pt;
				text-align:center;
				margin-top:10px;
				margin-bottom:10px;
			}
			.order_title2
			{
				color:#ffffff;
				font-size: 12pt;
				text-align:center;
				margin-top:5px;
				margin-bottom:5px;
			}

		#side
		{
			width: 220px;
			float: right;
			margin-top: 30px;
			border: solid 1px #ffffff;
			background-color: #ffffff;
			text-align:center;
		}

			.side_sub_til
			{
				width: 218px;
				float: left;
				text-align:left;
				font-size: 9pt;
			}


	#footer
	{
		width: 950px;
		color: #eeeeee;
		background-color: #444466;
		text-align:center;
		font-size: 10pt;
		line-height:180%
	}

		#footer a {
		    text-decoration: underline;
		    color:#eeeeee;
		}
		#footer a:hover {
		    color:#ff8888;
		}



.semi_title{
	margin: 0;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	background-color: #ffffff;
}

.semi_form {
	margin: 0;
	font-size: 10pt;
	color: #333333;
	text-align: center;
	background-color: #ffffff;

}

table.semi_form, tr, td {
	height:20px;
}

#footerCopy {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: center;
	color:#ffffff;
	background-color: #444466;
	font-size: 10pt;
}