@charset 'UTF-8';

@media screen and (min-width:641px), print {
	/*==============================================================*/
	/* とっぷぺーじ
	/*==============================================================*/
	#suk_top{
		background:url(./images/bk_top.jpg) no-repeat 0 0;
		position: relative;
		height:610px;
		width:100%;
		margin: 0 auto;
	}

	#suk_top .btn01{
		position: absolute;
		padding:0;
		top: 75px;
		right: 36px;
	}

	#suk_top .btn02{
		position: absolute;
		padding:0;
		top:217px;
		left: 75px;
	}

	#suk_top .btn03{
		position: absolute;
		padding:0;
		top: 241px;
		left: 258px;
	}

	#suk_top .btn04{
		position: absolute;
		padding:0;
		top: 230px;
		left: 422px;
	}

	#suk_top .btn05{
		position: absolute;
		padding:0;
		top: 406px;
		left: 52px;
	}

	#suk_top .btn06{
		position: absolute;
		padding:0;
		top: 419px;
		left: 246px;
	}

	#suk_top .btn07{
		position: absolute;
		padding:0;
		top: 427px;
		left: 432px;
	}

	.sukuNewsList{
		margin:10px auto 20px;
		border:5px solid #dbe000;
		text-align: left;
		width: 578px;
	}
	
	.sukuNewsInsideWk {
		margin: 10px;
	}

	.sukuNewsInsideWk dl {
		line-height: 130%;
		margin: 0;
		padding:4px 0 4px 4px;
	}

	.sukuNewsInsideWk dt{
		float:left;
		width:130px;
		font-weight: normal;
		font-size: 80%;
	}

	.sukuNewsInsideWk dd{
		font-size: 80%;
		margin: 0 0 0 135px;
		padding: 0;

	}

	/*==============================================================*/
	/* こんてんつ
	/*==============================================================*/
	#sukuContents{
		background: url(./images/bk.jpg) repeat-x #dbe000 center top;
		padding-bottom:20px;
		position: relative;
		margin-bottom: 50px;
		text-align: left;
	}

	#sukuContents .sukuHeadArea{
		position: relative;
		height:172px;
	}

	#sukuContents .sukuHeadArea p.btn01{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:225px;
	}

	#sukuContents .sukuHeadArea p.btn02{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:318px;
	}

	#sukuContents .sukuHeadArea p.btn03{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:407px;
	}

	#sukuContents .sukuHeadArea p.btn04{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:415px;
	}

	#sukuContents .sukuHeadArea p.btn05{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:225px;
	}

	#sukuContents .sukuHeadArea p.btn06{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:323px;
	}

	#sukuContents .sukuHeadArea p.btn07{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left: 507px;
	}

	#sukuContents .sukuH1{
		position: absolute;
		padding:0;
		top: 17px;
		left: 40px;
	}

	#sukuContents .sukuH2{
		background:none;
		margin:0;
		padding:0;
	}

	#sukuContents .sukuH3{
		margin:10px 0;
		text-align:center;
	}

	#sukuContents .sukuH4{
		background:url(./images/icon_01.gif) left 0.1em no-repeat;
		color:#eb95b7;
		font-weight:bold;
		font-size:120%;
		padding: 0 0 0 25px;
		margin:30px 0 0 0;
		text-align:left;
		border:none;
	}

	#sukuContents .sukuH5{
		font-weight:bold;
		padding: 0 0 0 10px;
		text-align:left;
		border:none;
	}

	#sukuContents .kadomaru{
		-moz-border-radius: 10px;		/* Firefox */
		-webkit-border-radius: 10px;	/* Safari,Chrome */
		border-radius: 10px;			/* CSS3 */
		background-color: #fcfcee;		/* 背景色 */
		margin:5px 15px 0 15px;
		padding:10px;
		font-size:90%;
	}

	/* てーぶる */
	#sukuContents .commonTbl{
		margin: 10px 10px 20px 10px;
	}
	#sukuContents .commonTbl tr{
		vertical-align: top;
	}
	#sukuContents .commonTbl td{
		padding: 0;
	}

	/* りすと */
	#sukuContents .commonList{
		margin: 10px 10px 20px 20px;
	}

	/* れいあうと */
	.fl{
		float: left;
		margin-left:10px;
	}

	.fr{
		float: right;
		margin-right:10px;
	}

	/*==============================================================*/
	/* いべんとぎゃらりー
	/*==============================================================*/
	#sukuContents .gallery_box{
		height:auto;
		margin-top:5px;
		margin-bottom:10px;
	}

	#sukuContents .gallery_box .sukuH4{
		margin-top:10px;
		margin-bottom:10px;
	}

	#sukuContents .gallery_box img{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	#sukuContents .gallery_box p{
		margin: 0;
		padding: 10px;
	}

	#sukuContents .galleryL{
		float:left;
	}

	#sukuContents .galleryR{
		float:right;
	}

	#sukuContents .galleryTitle{
		height:44px;
		margin: 20px 0 0 0;
		background:url(./images/title_gallery.gif) left no-repeat;
	}

	#sukuContents .galleryTitle div{
		text-align:right;
		padding: 17px 20px 0 0;
		font-size: 80%;
	}

	#sukuContents #event_gallery{
		background:url(./images/gallery_back.gif) no-repeat;
		height:233px;
		margin-top:10px;
	}

	#sukuContents ul.event_gallery{
		width:283px;
		height:174px;
		float:left;
		margin-top:34px;
		padding-left:40px;
	}

	#sukuContents ul.event_gallery li{
		float:left;
		list-style-type:none;
	}

	#sukuContents ul.kisetu_gallery{
		width:186px;
		height:174px;
		float:right;
		margin-top:35px;
		padding-right:40px;
	}

	#sukuContents ul.kisetu_gallery li{
		float:left;
		list-style-type:none;
	}

	/*==============================================================*/
	/* かれんだー
	/*==============================================================*/
	#sukuContents .calTitle{
		height:44px;
		margin: 20px 0 0 0;
		background:url(./images/title_calendar.gif) left no-repeat;
	}

	#sukuContents .calTitle div{
		text-align:right;
		padding: 12px 15px 0 0;
		font-size: 80%;
	}

	#sukuContents #calTable .calRed{
		font-weight:bold;
		color: #ff7d21;
	}

	#sukuContents #calTable th{
		color:#746721;
		text-align:center;
		background:#f8fae6;
		font-size:120%;
	}

	#sukuContents #calTable td{
		text-align:center;
	}

	#sukuContents #calTable td.calDate{
		background:#f0f0f0;
		font-weight: bold;
	}

	#sukuContents #calTable td.calDateSun{
		background:#f4c3bf;
		font-weight: bold;
	}

	#sukuContents #calTable td.calDateSat{
		background:#90a7ef;
		font-weight: bold;
	}

	#sukuContents #calTable .calCont {
		background-color:#f8fae6;
		font-size:80%;
	}

	/*==============================================================*/
	/* いべんとあんない
	/*==============================================================*/
	#sukuContents .event_L, 
	#sukuContents .event_R {
		width:280px;
		margin: 0 0 20px 0;
	}

	#sukuContents .event_L{
		float:left;
	}

	#sukuContents .event_R{
		float:right;
	}

	#sukuContents .event_L dt, 
	#sukuContents .event_R dt {
		font-weight:bold;
	}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
	/*==============================================================*/
	/* とっぷぺーじ
	/*==============================================================*/
	#suk_top{
		background:url(./images/bk_top.jpg) no-repeat -31px 0;
		position: relative;
		height:610px;
		width:578px;
		margin: 0 auto;
	}

	#suk_top .btn01{
		position: absolute;
		padding:0;
		top: 75px;
		right: 5px;
	}

	#suk_top .btn02{
		position: absolute;
		padding:0;
		top:217px;
		left: 44px;
	}

	#suk_top .btn03{
		position: absolute;
		padding:0;
		top: 241px;
		left: 227px;
	}

	#suk_top .btn04{
		position: absolute;
		padding:0;
		top: 230px;
		left: 391px;
	}

	#suk_top .btn05{
		position: absolute;
		padding:0;
		top: 406px;
		left: 21px;
	}

	#suk_top .btn06{
		position: absolute;
		padding:0;
		top: 419px;
		left: 215px;
	}

	#suk_top .btn07{
		position: absolute;
		padding:0;
		top: 427px;
		left: 401px;
	}

	.sukuNewsList{
		margin:10px auto 20px;
		border:5px solid #dbe000;
		text-align: left;
		width: 578px;
	}
	
	.sukuNewsInsideWk {
		margin: 10px;
	}

	.sukuNewsInsideWk dl {
		line-height: 130%;
		margin: 0;
		padding:4px 0 4px 4px;
	}

	.sukuNewsInsideWk dt{
		float:left;
		width:130px;
		font-weight: normal;
		font-size: 80%;
	}

	.sukuNewsInsideWk dd{
		font-size: 80%;
		margin: 0 0 0 135px;
		padding: 0;

	}

	/*==============================================================*/
	/* こんてんつ
	/*==============================================================*/
	#sukuContents{
		background: url(./images/bk.jpg) repeat-x #dbe000 center top;
		padding-bottom:20px;
		position: relative;
		margin-bottom: 50px;
		text-align: left;
	}

	#sukuContents .sukuHeadArea{
		position: relative;
		height:172px;
	}

	#sukuContents .sukuHeadArea p.btn01{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:225px;
	}

	#sukuContents .sukuHeadArea p.btn02{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:318px;
	}

	#sukuContents .sukuHeadArea p.btn03{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left:407px;
	}

	#sukuContents .sukuHeadArea p.btn04{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:415px;
	}

	#sukuContents .sukuHeadArea p.btn05{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:225px;
	}

	#sukuContents .sukuHeadArea p.btn06{
		position: absolute;
		margin:0;
		padding:0;
		top: 100px;
		left:323px;
	}

	#sukuContents .sukuHeadArea p.btn07{
		position: absolute;
		margin:0;
		padding:0;
		top: 8px;
		left: 507px;
	}

	#sukuContents .sukuH1{
		position: absolute;
		padding:0;
		top: 17px;
		left: 40px;
	}

	#sukuContents .sukuH2{
		background:none;
		margin:0;
		padding:0;
	}

	#sukuContents .sukuH3{
		margin:10px 0;
		text-align:center;
	}

	#sukuContents .sukuH4{
		background:url(./images/icon_01.gif) left 0.1em no-repeat;
		color:#eb95b7;
		font-weight:bold;
		font-size:120%;
		padding: 0 0 0 25px;
		margin:30px 0 0 0;
		text-align:left;
		border:none;
	}

	#sukuContents .sukuH5{
		font-weight:bold;
		padding: 0 0 0 10px;
		text-align:left;
		border:none;
	}

	#sukuContents .kadomaru{
		-moz-border-radius: 10px;		/* Firefox */
		-webkit-border-radius: 10px;	/* Safari,Chrome */
		border-radius: 10px;			/* CSS3 */
		background-color: #fcfcee;		/* 背景色 */
		margin:5px 15px 0 15px;
		padding:10px;
		font-size:90%;
	}

	/* てーぶる */
	#sukuContents .commonTbl{
		margin: 10px 10px 20px 10px;
	}
	#sukuContents .commonTbl tr{
		vertical-align: top;
	}
	#sukuContents .commonTbl td{
		padding: 0;
	}

	/* りすと */
	#sukuContents .commonList{
		margin: 10px 10px 20px 20px;
	}

	/* れいあうと */
	.fl{
		float: left;
		margin-left:10px;
	}

	.fr{
		float: right;
		margin-right:10px;
	}

	/*==============================================================*/
	/* いべんとぎゃらりー
	/*==============================================================*/
	#sukuContents .gallery_box{
		height:auto;
		margin-top:5px;
		margin-bottom:10px;
	}

	#sukuContents .gallery_box .sukuH4{
		margin-top:10px;
		margin-bottom:10px;
	}

	#sukuContents .gallery_box img{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	#sukuContents .gallery_box p{
		margin: 0;
		padding: 10px;
	}

	#sukuContents .galleryL{
		float:left;
	}

	#sukuContents .galleryR{
		float:right;
	}

	#sukuContents .spFN{
		float:none !important;
	}

	#sukuContents .galleryTitle{
		height:44px;
		margin: 20px 0 0 0;
		background:url(./images/title_gallery.gif) left no-repeat;
	}

	#sukuContents .galleryTitle div{
/*
		text-align:right;
		padding: 17px 20px 0 0;
		font-size: 80%;
*/
		display: none;
	}

	#sukuContents #event_gallery{
		background:url(./images/gallery_back.gif) no-repeat;
		height:233px;
		margin-top:10px;
	}

	#sukuContents ul.event_gallery{
		width:283px;
		height:174px;
		float:left;
		margin-top:34px;
		padding-left:40px;
	}

	#sukuContents ul.event_gallery li{
		float:left;
		list-style-type:none;
	}

	#sukuContents ul.kisetu_gallery{
		width:186px;
		height:174px;
		float:right;
		margin-top:35px;
		padding-right:40px;
	}

	#sukuContents ul.kisetu_gallery li{
		float:left;
		list-style-type:none;
	}

	/*==============================================================*/
	/* かれんだー
	/*==============================================================*/
	#sukuContents .calTitle{
		height:44px;
		margin: 20px 0 0 0;
		background:url(./images/title_calendar.gif) left no-repeat;
	}

	#sukuContents .calTitle div{
		text-align:right;
		padding: 12px 15px 0 0;
		font-size: 80%;
	}

	#sukuContents #calTable .calRed{
		font-weight:bold;
		color: #ff7d21;
	}

	#sukuContents #calTable th{
		color:#746721;
		text-align:center;
		background:#f8fae6;
		font-size:120%;
	}

	#sukuContents #calTable td{
		text-align:center;
	}

	#sukuContents #calTable td.calDate{
		background:#f0f0f0;
		font-weight: bold;
	}

	#sukuContents #calTable td.calDateSun{
		background:#f4c3bf;
		font-weight: bold;
	}

	#sukuContents #calTable td.calDateSat{
		background:#90a7ef;
		font-weight: bold;
	}

	#sukuContents #calTable .calCont {
		background-color:#f8fae6;
		font-size:80%;
	}

	/*==============================================================*/
	/* いべんとあんない
	/*==============================================================*/
	#sukuContents .event_L, 
	#sukuContents .event_R {
/*		width:280px;*/
		margin: 0 0 20px 0;
	}

	#sukuContents .event_L{
/*		float:left;*/
	}

	#sukuContents .event_R{
/*		float:right;*/
	}

	#sukuContents .event_L dt, 
	#sukuContents .event_R dt {
		font-weight:bold;
	}
}