/* CSS Document */

@import url(navi.css);
@import url(common.css);

#container,
#contents {
	width:1000px;
	margin:0 auto;
}

#main {
	width:728px;
	height:311px;
	float:left;
	padding:34px 0 0 0;
}

#main .pager {display:none;}


#right {
	width:249px;
	height:360px;
	float:right;
	position:relative;
}



	#right p {margin:0; padding:0; position:absolute; text-indent:100%; white-space:nowrap; overflow:hidden;} 
	
	#right p.t1 {width:35px; height:242px; top:44px; left:209px; background:url(../img/common/t1.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
	#right p.t2 {width:30px; height:274px; top:44px; left:160px; background:url(../img/common/t2.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
	#right p.t3 {
	width: 32px;
	height: 188px;
	top: 44px;
	left: 106px;
	 text-indent:100%; white-space:nowrap; overflow:hidden;
	background: url(../img/common/t3.png) no-repeat;
}
	#right p.t4 {
	width: 45px;
	height: 282px;
	top: 41px;
	left: 33px;
	 text-indent:100%; white-space:nowrap; overflow:hidden;
	background: url(../img/common/t4.png) no-repeat;
}
	#right p.sakura {
	width: 377px;
	height: 167px;
	top: 230px;
	left: -131px;
	 text-indent:100%; white-space:nowrap; overflow:hidden;
	background: url(../img/common/sakura.png) no-repeat;
}

#rsakura {
	width:100%;
	height:30px;
	clear:both;
	position:relative;
}

#rsakura .sakuraa{
	width: 385px;
	height: 150px;
	top: -100px;
	left: 0px;
	position: absolute;
}


#left {
	width:720px;
	float:left;
}

#left .bnr {
	margin:10px 0 0 0;
}

#leftin {
	width:658px;
	padding:20px 30px;
	border:1px solid #d6d6d6;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background-color:#FFFFFF;
		margin:0 0 20px 0;
}

			
		#leftin dl {
			padding:0 23px;
			margin:0;
			line-height:160%;
		}

		#leftin dt {
	 		float:left;  
	 		width:100px;  
			 padding:0 0 5px 0;  
	 		clear:both;  
	 		color:#789F11;
			font-weight:bold;
		}

		#leftin dd {  
	 		margin-left:100px;  
	 		padding:0 0 5px 5px;  
		}
			


	#left h3 {
		width:660px;
		height:27px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/common/info.png) no-repeat;
		margin:0 0 20px 0;
	}

#greeting {
	width:720px;
	background:url(../img/common/aisatu.png) no-repeat left top;
}

#greetingin {
	background:url(../img/common/aisatuu.gif) no-repeat bottom left;
	width:720px;
	padding:0 0 30px 0;
}

#greeting p {
	width:570px;	
	padding:30px 40px 0 110px;
	margin:0;
}
#greeting .rtxt {
	padding:5px 40px 0 110px;
	margin:0;
	width:570px; text-align:right;}
	

	

	

#blog {
	width:240px;
	float:right;
}

	#blog h1 {
		width:240px; height:27px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/common/blog.png) no-repeat;
		margin-bottom:10px;
	}
	
	#blog p {
		margin:0;
		padding:5px 0 5px 5px;
		line-height:160%;
	}
	
	#blog p strong {
		color:#D06372;
	}


#blog .youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 0 20px 0;
}
#blog .youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 768px) {
	
#container,
#contents {
	width:100%;	
}

#main {
	width:100%;
	height:auto;
	float:left;
	padding:5px 0;
}

#main img {
	width:100%;
	height:auto;}


#right {
	width:100%;
	height:auto;
	float:none;
	position:static;
	padding:80px 0 30px 0;
}

	#right p {margin:0; padding:0 5%; position:static; text-indent:0;} 
	
	#right p.t1 {width:90%; padding:5px 5%; margin:40px 0 0 0; height:auto;background:none; text-indent:0; white-space:nowrap; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:24px;}
	#right p.t2 {width:90%; padding:5px 5%; height:auto; background:none; text-indent:0; white-space:nowrap; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:24px;}
	#right p.t3 {width:90%; padding:5px 5%; height:auto; background:none; text-indent:0; white-space:nowrap; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:24px;}
	#right p.t4 {width:90%; padding:5px 5%; height:auto; background:none; text-indent:0; white-space:pre-wrap; margin-bottom:30px;}
	#right p.sakura {display:none;}

#rsakura {
	width:100%;
	height:30px;
	clear:both;
	position:relative;
}

#rsakura .sakuraa{
	width: 250px;
	height: 80px;
	top:-60px;
	left:0;
	position:relative;
}

#rsakura .sakuraa img {width:250px; height:auto;}


#left {
	width:100%;
	float:none;
	clear:both;
}

#left .bnr img {
	width:90%;
	margin:10px 5% 0 5%;
}

#leftin {
	width:80%;
	padding:20px 5%;
	border:1px solid #d6d6d6;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background-color:#FFFFFF;
		margin:0 auto 20px auto;
}

	#left h3 {
		width:100%;
		height:auto;
		background:url(../img/common/info.png) no-repeat;
		margin:0 0 20px 0;
	}			
		#leftin dl {
			padding:0 5px;
			margin:0;
			line-height:160%;
		}

		#leftin dt {
	 		float:none;  
	 		width:100px;  
			 padding:0 0 5px 0;  
	 		clear:both;  
	 		color:#789F11;
			font-weight:bold;
		}

		#leftin dd {  
	 		margin-left:0;  
	 		padding:0 0 5px 0;  
		}
			



#greeting {
	width:90%;
	margin:20px 5%;
	float:none;
	background:url(../img/common/ai.png) no-repeat top center #fff;
	border:1px dotted #ccc;
	padding:50px 0 0 0;
}

#greetingin {
	background:none;
	width:100%;
	padding:0 0 0 0;
}

#greeting p {
	width:90%;	
	padding:0 5%;
	margin:0;
}
#greeting .rtxt {
	padding:0 5% 5px 5%;
	margin:0;
	width:90%; text-align:right;}
	

	

	

#blog {
	width:90%;
	padding:0 5%;
	float:none;
}

	#blog h1 {
		width:100%; height:30px;
		text-indent:0;
		background:none;
		margin-bottom:10px;
		border-bottom:1px dotted #ccc;
	}
	
	#blog p {
		margin:0;
		padding:5px 0 5px 5px;
		line-height:160%;
	}
	
	#blog p strong {
		color:#D06372;
	}

}