@charset "utf-8";

/* CSS Document */

/* ========================================
	
	* 説明: 学校生活カテゴリ用CSS

======================================== */


/* 年間スケジュール
======================================== */

#schedule .gakki_data_box {
	width: 650px;
	border-top: solid 1px #cccccc;
  padding: 20px 0 0 0;
  margin: 10px 0 0 0;
}

#schedule .left_box{
	float:left;
	width: 60px;
}

#schedule .right_box {
	float:right;
	width: 580px;
}

#schedule .month_data_box {
	width: 580px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}

#schedule .month_data_box_last {
	width: 580px;
  padding: 0 0 10px 0;
  margin: 0 0 0 0;
}


#schedule .right_box_1{
	float:left;
	width: 50px;
}

#schedule .right_box_2{
	float:left;
	width: 120px;
}

#schedule .right_box_3{
	float:left;
	width: 390px;
}

#schedule .img_box_L1{
	float:left;
	width: 190px;
}

#schedule .img_box_L2{
	float:right;
	width: 190px;
}

#schedule p.caption{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	text-align:center;
  margin-top: 10px;
}


#schedule .right_box_1_2_wap{
	float:left;
	width: 170px;
}

#schedule .blog_link{
  padding-top: 30px;
	clear:both;
}


#schedule p.ttl01{
	font-weight: bold;
	color: #766b63;
}

#schedule p.ttl02{
	font-weight: bold;
	color: #766b63;
}

#schedule ul.ttl03{
  margin: 0;
}

#schedule ul.ttl03 li{
  margin: 0 0 0.5em 0;
  padding: 0 0 0 10px;
	background: #ffffff url(../../common/images/list_01.gif) no-repeat 0 0.5em;
}



/* 小学校の1日
======================================== */

#day .data_box {
	width: 650px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 20px 0 10px 0;
}

#day .left_box{
	float:left;
	width: 100px;
}

#day .right_box {
	float:right;
	width: 550px;
}


#day p.ttl01{
	font-size:115%;
	font-weight:bold;
}

#day p.ttl02{
	font-size:105%;
	font-weight:bold;
  margin: 0 0 5px 0;
	color: #766b63;
}

#day p.ttl{
	font-weight: bold;
	color: #766b63;
}


#day .img_box{
	margin-top: 10px;
}



#day .img_box_L1{
	float:left;
	margin-top: 10px;
	width: 231px;
}

#day .img_box_L2{
	float:left;
	margin-top: 10px;
	margin-left: 20px;
	width: 231px;
}

#day p.caption{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	text-align:center;

}

#day .img_box_L01{
	float:left;
	margin-top: 10px;
	width: 170px;
}

#day .img_box_L02{
	float:left;
	margin-top: 10px;
	margin-left: 15px;
	width: 170px;
}

#day .img_box_L03{
	float:left;
	margin-top: 10px;
	margin-left: 15px;
	width: 170px;
}


/* 給食紹介
======================================== */

#lunch .data_box {
	width: 650px;
	border-bottom: solid 1px #cccccc;
	padding: 0 0 20px 0;
	margin: 20px 0 10px 0;
	overflow:hidden;
	zoom:1;
}

#lunch .left_box{
	float:left;
	width: 99px;
}

#lunch .right_box {
	float:right;
	width: 550px;
}

#lunch .lunch_data_box {
	width: 550px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;	
	border-bottom: solid 1px #cccccc;
	overflow:hidden;
	zoom:1;
}

#lunch .right_box_1{
	float:left;
	width: 250px;
}

#lunch .right_box_2{
	float:left;
	margin-left: 20px;
	width: 280px;
}

#lunch .img_box {
	position:relative;
	margin-top:10px;
	width:480px;
	height:364px;
	zoom:1;
}
#img01 {
	position:absolute;
	top:26px;
	left:0px;
}
#img02 {
	position:absolute;
	top:0px;
	left:268px;
}
#img03 {
	position:absolute;
	top:200px;
	left:0px;
}
#lunch p.caption{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	text-align:center;

}


#lunch p.ttl{
	font-weight: bold;
	color: #766b63;
}

#lunch dl.ttl01 dt{
	font-size:105%;
	font-weight:bold;
  margin: 0 0 10px 0;
	color: #766b63;
}


#lunch ul{
  margin: 0;
}

#lunch li{
  margin: 0 0 0.5em 0;
  padding: 0 0 0 10px;
	background: #ffffff url(../../common/images/list_01.gif) no-repeat 0 0.5em;
}


/* 制服紹介
======================================== */

#seihuku .data_box {
	width: 650px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 20px 0 10px 0;
}

#seihuku .img_box_L1{
	float:left;
	margin-top: 10px;
	width: 319px;
}

#seihuku .img_box_L2{
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	width: 319px;
}



#seihuku .img_box_L01{
	float:left;
	margin-top: 10px;
	width: 210px;
}

#seihuku .img_box_L02{
	float:left;
	margin-top: 10px;
	margin-left: 2px;
	width: 210px;
}

#seihuku .img_box_L03{
	float:left;
	margin-top: 10px;
	margin-left: 2px;
	width: 210px;
}




#seihuku .img_box_4{
	float:left;
	width: 154px;	
	margin-top: 10px;
	margin-right: 10px;	
	margin-bottom: 10px;
}

#seihuku .img_box_4_last{
	float:left;
	width: 154px;	
	margin-top: 10px;
	margin-bottom: 10px;	
}


#seihuku p.ttl{
	font-size:105%;
	font-weight:bold;
	color: #766b63;
	padding-left: 20px;		
}


#seihuku p.caption01{
	color: #666666;
	padding-left:40px;

}

#seihuku p.caption{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	text-align:center;
	padding-top:5px;
}

#seihuku p.caption02{
	font-size:12px;
	text-align:center;
	padding-top:5px;
}



/* クラブ・同好会活動
======================================== */

#club .data_box {
	width: 650px;
	border-bottom: solid 1px #cccccc;
  padding: 0 0 20px 0;
  margin: 20px 0 10px 0;
}

#club .data_box_last {
	width: 650px;
  padding: 0 0 20px 0;
  margin: 20px 0 10px 0;
}

#club .data_box_last p.ttl{
	font-weight: bold;
	color: #766b63;
}


#club .club_data_box {
	width: 550px;
  padding: 0 0 20px 0;
  margin: 20px 0 20px 70px;	
	border-bottom: solid 1px #cccccc;
}

#club .club_data_box .left_box{
	float:left;
	width: 251px;
}

#club .club_data_box .right_box{
	float:left;
	width: 289px;
  margin-top: 10px;	
}


#club .club_data_box p.ttl{
	font-weight: bold;
	color: #766b63;
}


#club .club_data_box dl.ttl01 dt{
	font-weight:bold;
  margin: 0 0 10px 0;
	color: #766b63;
}



#club .data_list {
	width: 550px;
  padding: 10px 0 0 0;
  margin: 20px 0 20px 70px;	
	border-top: solid 1px #cccccc;
}

#club .data_list .left_box{
	float: left;
	width: 100px;
	margin-right: 20px;
}

#club .data_list .right_box{
	float: left;
	width: 100px;
	margin-right: 0;
}

#club .data_list p.ttl{
	color: #766b63;
  padding: 4px;
}

#club .data_list ul{
}

#club .data_list li{
  padding: 4px;
	border-bottom:dashed 1px #cccccc;
}