/***************************************
	トップイメージ
***************************************/
#top_image {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	width:940px;
	height:272px;
	background:url('../images/index/top_image.jpg') no-repeat 0 0;
	position:relative;
}

#twitter {
	position:absolute;
	top:146px;
	left:16px;
	width:436px;
	height:113px;
	overflow:auto;
	margin:10px;
}
#twitter ul {
	margin:10px;
}
#twitter li {
	color:#fff;
	border-bottom:1px dashed #fff;
	clear: both;
	margin-left:0;
}
#twitter li span.date {
	width:130px;
	display:block;
	float:left;
	text-align:center;
}
#twitter li span.desc {
	display:block;
	float:left;
	width:296px;
}

/***************************************
	更新リスト
***************************************/
h2 {
	width:694px;
	height:32px;
	margin:0 0 20px;
	text-indent:-999em;
}
h2#news_title {
	background:url('../images/index/news_title.gif') no-repeat 0 0;
}
h2#blog_title {
	background:url('../images/index/blog_title.gif') no-repeat 0 0;
}
h2#service_title {
	background:url('../images/index/service_title.gif') no-repeat 0 0;
}
h2#column_title {
	background:url('../images/index/column_title.gif') no-repeat 0 0;
}
@media (max-width:767px){
	h2#news_title {
		background:url('../images/index/news_title_s.gif') no-repeat 0 0;
	}
	h2#blog_title {
		background:url('../images/index/blog_title_s.gif') no-repeat 0 0;
	}
	h2#service_title {
		background:url('../images/index/service_title_s.gif') no-repeat 0 0;
	}
	h2#column_title {
		background:url('../images/index/column_title_s.gif') no-repeat 0 0;
	}
}
#news_list li, #blog_list li, #service_list li {
	list-style-position:inside;
	border-bottom:1px dotted #333;
	clear:both;
	margin-top:5px;
}
#contents li span.date {
	width:80px;
	display:block;
	float:left;
	text-align:center;
}
#contents li span.desc {
	display:block;
	float:left;
	width:560px;
}

/***************************************
	記念写真
***************************************/
#photo_offer {
	width:646px;
	height:172px;
	margin:0 auto;
	background:url('../images/index/comm_photo.gif') no-repeat 0 0;
}
#photo_offer h3, #photo_offer p {
	text-indent:-999em;
	margin:0;
	width:0;
	height:0;
}
#photo_address {
	text-indent:0 !important;
	width:auto !important;
	height:auto !important;
	margin-top:126px !important;
}
#photo_address a {
	width:14em;
	height:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	color:#90AC52;
	font-weight:bold;
}
#photo_address a:hover {
	background-color:#90AC52;
	color:#fff;
}

/***************************************
	右バナー
***************************************/
#service_banner, #about_banner, #photo_banner, #reception_banner, #qr_banner, #bur_img01, #bur_img02 {
	width:220px;
	height:134px;
	margin:0 0 20px;
	text-indent:-999em;
}
#service_banner a, #about_banner a, #photo_banner a, #reception_banner a, #qr_banner a, #bur_img01 a, #bur_img02 a {
	width:100%;
	height:100%;
	display:block;
}
#service_banner a:hover, #about_banner a:hover, #photo_banner a:hover, #reception_banner a:hover, #qr_banner a:hover, #bur_img01 a:hover, #bur_img02 a:hover {
	background-position:0 -134px !important;
}
#service_banner a {
	background:url('../images/index/exam_banner.jpg') no-repeat 0 0;
}
#about_banner a {
	background:url('../images/index/about_banner.jpg') no-repeat 0 0;
}
#photo_banner a {
	background:url('../images/index/photo_banner.jpg') no-repeat 0 0;
}
#reception_banner a {
	background:url('../images/index/reception_banner.jpg') no-repeat 0 0;
}
#qr_banner a {
	background:url('../images/index/qr_banner.jpg') no-repeat 0 0;
}
#bur_img01 a {
	background:url('../images/index/bur_img01.jpg') no-repeat 0 0;
}
#bur_img02 a {
	background:url('../images/index/bur_img02.jpg') no-repeat 0 0;
}


@media screen and (max-width: 768px) {
	#top_image {
		display: none;
	}

	h2 {
		width: auto;
		background-size: contain !important;
		margin-bottom: 10px;
	}

	#contents ul {
		margin-top: 0;
		margin-left: 2%;
		margin-right: 2%;
	}

	#contents ul li {
		margin-bottom: 10px;
	}

	#photo_offer {
		display: none;
	}

	#photo_address {
		margin-top: 106px !important;
	}

	#sidebar .inner>p {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#contents li span.desc {
		width: auto;
		padding-left: 10px;
		clear: both;
	}
}

@media screen and (max-width: 480px) {
	#photo_address {
		margin-top: 96px !important;
	}
}

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