@charset "utf-8";

/* レイアウト
--------------------------------------------------*/
/*各校*/
.tenjin {
}
.yashima {
}
.sakurai {
}
.sasaoki {
}
.tushima {
}

#container {
	overflow: hidden;
	display: block;
}

/*--saidmenu--*/
#sidemenu {
	float: left;
	display: block;
	text-align: left;
}
#sidemenu h3 {
	background: url(../img/common/blog_archive_title.gif);
	font-size: 110%;
	padding: 0.2em 0 0.1em 0.5em;
	font-weight: bold;
	margin: 0 auto 1em;
}
#sidemenu .calendar_box h4 {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.2em 0 0.1em;
	margin: 0 auto 1em;
}

/*バナー*/
#sidemenu .bn_area {
	margin: 1.5em auto 0;
	overflow: hidden;
}
#sidemenu .bn_area ul {
	text-align: center;
}
#sidemenu .bn_area ul li {
	margin: 0 auto 1em;
}

/*カレンダー*/
.calendar_box {
	width: 90%;
	margin: 0 auto 2em;
}

/*アーカイブ*/
.archive_box {
	width: 90%;
	margin: 0 auto;
}
.archive_box ul {
	margin-left: 1em;
}
.archive_box ul li {
	margin-bottom: 1em;
}

/*school*/
/*天神*/
.tenjin #sidemenu .calendar_box h4 {
	background: #3380C6;
}
.tenjin #sidemenu .archive_box ul li {
	list-style: url(../blog_tenjin/img/blog_archive_icon.jpg) outside;
}

/*屋島*/
.yashima #sidemenu .calendar_box h4 {
	background: #30A33F;
}
.yashima #sidemenu .archive_box ul li {
	list-style: url(../blog_yashima/img/blog_archive_icon.jpg) outside;
}

/*桜井*/
.sakurai #sidemenu .calendar_box h4 {
	background: #F286AC;
}
.sakurai #sidemenu .archive_box ul li {
	list-style: url(../blog_sakurai/img/blog_archive_icon.jpg) outside;
}

/*笹沖*/
.sasaoki #sidemenu .calendar_box h4 {
	background: #FD7E00;
}
.sasaoki #sidemenu .archive_box ul li {
	list-style: url(../blog_sasaoki/img/blog_archive_icon.jpg) outside;
}

/*津島*/
.tushima #sidemenu .calendar_box h4 {
	background: #6825BA;
}
.tushima #sidemenu .archive_box ul li {
	list-style: url(../blog_tushima/img/blog_archive_icon.jpg) outside;
}

/*--mainarea--*/
#article_area {
	float: right;
	display: block;
	text-align: left;
}



/* visual
--------------------------------------------------*/
#visual {
	margin: 2em auto 5px;
	line-height: 0;
}
#visual img {
	width: 100%;
}





/* 写真
--------------------------------------------------*/
#photo_area {
	margin: 0 auto 2em;
}
#photo_area ul {
	text-align: center;
}
#photo_area ul li {
	width: 12%;
	display: inline-block;
	/zoom: 1;
}
#photo_area ul li img {
	width: 100%;
}


/* 記事本文
--------------------------------------------------*/
.article_box {
}


/*title*/
.article_box h2 {
	padding: 1.5em 0 1em 2.5em;
	margin: 0 auto 2em;
	font-size: 110%;
}

/*天神*/
.tenjin .article_box h2 {
	background: url(../blog_tenjin/img/blog_title.png) no-repeat left top;
}

/*屋島*/
.yashima .article_box h2 {
	background: url(../blog_yashima/img/blog_title.png) no-repeat left top;
}

/*桜井*/
.sakurai .article_box h2 {
	background: url(../blog_sakurai/img/blog_title.png) no-repeat left top;
}

/*笹沖*/
.sasaoki .article_box h2 {
	background: url(../blog_sasaoki/img/blog_title.png) no-repeat left top;
}

/*津島*/
.tushima .article_box h2 {
	background: url(../blog_tushima/img/blog_title.png) no-repeat left top;
}


/* 校舎
--------------------------------------------------*/
#about_area {
	background: #F1E9D3 url(../img/common/blog_footer_back.jpg) repeat-x;
	padding: 1.5em 0;
}

.about_box {
	overflow: hidden;
	margin: 0 auto;
	padding: 1em 0 0.8em;
	text-align: left;
}

/*--住所--*/
.about_left {
	width: 48%;
	float: left;
	display: block;
}
.about_address {
	overflow: hidden;
}

/*写真とテキスト*/
.about_address h3 {
	margin: 0 0 0.2em;
	font-size: 120%;
}
.about_address p {
	margin: 0 0 0.5em;
	font-size: 90%;
}
.about_address img {
	margin: 0 1em 1em 0;
	float: left;
	display: block;
}

/*受付時間*/
.about_address dl {
	margin: 0 0 0.8em;
	font-size: 90%;
}
.about_address dl dt {
    float: left;
    padding: 0.2em 0.3em 0.1em;
    text-align: right;
	background: #CCCCCC;
	border-radius: 4px;
}
.about_address dl dd {
    padding: 0.2em 0 0.1em 7em;
}

/*電話等*/
.about_left ul {
	text-align: center;
}
.about_left ul li {
	margin: 1em 0;
	color: #FFFFFF;
	padding: 0.5em 0 0.4em;
	border-radius: 6px;
}
.about_left ul li span a {
	color: #FFFFFF;
	text-decoration: none;
}

.about_left ul li span.tel {
	background: url(../img/common/blog_icon_tel.png) no-repeat 0 50%;
	text-align: center;
	padding-left: 2em;
	font-size: 170%;
}
.about_left ul li span.mail {
	background: url(../img/common/blog_icon_mail.png) no-repeat 0 50%;
	text-align: center;
	padding-left: 2.5em;
	font-size: 140%;
}

/*school*/
/*天神*/
.tenjin .about_left ul li {
	background: #3380C6;
}
/*屋島*/
.yashima .about_left ul li {
	background: #30A33F;
}
/*桜井*/
.sakurai .about_left ul li {
	background: #F286AC;
}
/*笹沖*/
.sasaoki .about_left ul li {
	background: #FD7E00;
}
/*津島*/
.tushima .about_left ul li {
	background: #6825BA;
}

/*マップ*/
.about_map {
	width: 48%;
	float: right;
	display: block;
	padding: 0;
}
.about_map iframe {
	padding: 0;
	margin: 0;
	border: solid 1px #BBBBBB;
}



/* PC用
------------------------------------------------------------*/
@media screen and (min-width: 649px){

/* レイアウト
--------------------------------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
}

/*--saidmenu--*/
#sidemenu {
	width: 230px;
}

/*--mainarea--*/
#article_area {
	width: 670px;
}


/* visual
--------------------------------------------------*/
.visual_size {
	width: 960px;
}

/* 写真
--------------------------------------------------*/
.photo_area_size {
	width: 960px;
}

/* 記事本文
--------------------------------------------------*/
/*アーカイブ*/
.sp_btn_archive {
	display: none;
}

/* 校舎
--------------------------------------------------*/
.about_box {
	width: 960px;
}

}





/* iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: 959px){


/* レイアウト
--------------------------------------------------*/
#container {
	width: 99%;
	margin: 0 auto;
}

/*--saidmenu--*/
#sidemenu {
	width: 25%;
}

/*--mainarea--*/
#article_area {
	width: 73%;
}

/*バナー*/
#sidemenu .bn_area ul li img {
	width: 100%;
}


/* visual
--------------------------------------------------*/
.visual_size {
	width: 100%;
}
.visual_size img {
	width: 100%;
}


/* 写真
--------------------------------------------------*/
.photo_area_size {
	width: 100%;
}
#photo_area ul li {
	width: 11%;
}

/* 記事本文
--------------------------------------------------*/
/*アーカイブ*/
.sp_btn_archive {
	display: none;
}


/* 校舎
--------------------------------------------------*/
.about_box {
	width: 90%;
}


}



/* 幅648px以下から
------------------------------------------------------------*/
@media screen and (max-width:648px){

/* レイアウト
--------------------------------------------------*/
/*--saidmenu--*/
#sidemenu {
	display: none;
}

/*--mainarea--*/
#article_area {
	width: 99%;
	float: none;
}


/* 記事本文
--------------------------------------------------*/
/*アーカイブ*/
.sp_btn_archive {
	width: 90%;
	text-align: center;
	margin: 0 auto 1em;
}
.sp_btn_archive {
	display: block;
}
.sp_btn_archive a {
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 0.6em 0 0.5em;
	border: solid 1px #999999;
	border-radius: 6px;
}
.sp_btn_archive a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CCCCCC), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #CCCCCC);
	background: -moz-linear-gradient(#fff, #CCCCCC);
	background: -o-linear-gradient(#fff, #CCCCCC);
	background: -ms-linear-gradient(#fff, #CCCCCC);
	background: linear-gradient(#fff, #CCCCCC);
}
.sp_btn_archive a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #CCCCCC));
	background: -webkit-linear-gradient(#CCCCCC, #fff);
	background: -moz-linear-gradient(#CCCCCC, #fff);
	background: -o-linear-gradient(#CCCCCC, #fff);
	background: -ms-linear-gradient(#CCCCCC, #fff);
	background: linear-gradient(#CCCCCC, #fff);
}


/* 校舎
--------------------------------------------------*/
/*--住所--*/
.about_left {
	width: 99%;
	float: none;
}
/*--MAP--*/
.about_map {
	width: 99%;
	float: none;
}

}