@charset "utf-8";

/* top */
#wrapper #top {
	clear: both;
	background-color: #ffffff;
	width: 940px;
	height: 200px;
	border: 1px solid rgba(173,174,173,1.00);
}


/* contents */
#contents {
	width: 681px;
	padding-top: 40px;
	background-color: #FFFFFF;
	float: right;
	font-size: small;
}
#contents .title {
	font-size: 1.5em;
	padding-bottom: 10px;
}

#wrapper #contents #lesson {
	clear: both;
	height: 200px;
	background-color: rgba(255,254,242,0.50);

}
#wrapper #contents #lesson table {
	border-spacing: 0px 0px;
	border-collapse: collapse;
	margin-left: 10px;
	margin-bottom: 10px;
}
#wrapper #contents #lesson p.midasi {
	font-size: 1.2em;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E3F0DC;	
}
#wrapper #contents #text {
	background-color: rgba(243,209,229,0.10);
}

#wrapper #contents #text p.midasi {
	clear: both;
	font-size: 1.2em;
	background-color: #E3F0DC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#wrapper #contents #text  p.naiyou {
	padding-left: 20px;
	line-height: 2em;
	padding-top: 10px;
	padding-bottom: 10px;

}

#wrapper #contents #paper p.midasi {
	font-size: 1.2em;
	background-color: #E3F0DC;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;

}
#wrapper #contents #paper {
	background-color: rgba(222,223,239,0.20);
}
#wrapper #contents #paper p.komidasi{
	font-size: small;
	border-bottom: 1px solid #6FB242;
	border-left: 5px solid #6FB242;
	margin-left: 20px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

	
}
#wrapper #contents #other p.ekomidasi{
	font-size: 1.1em;
	border-bottom: 1px solid #6FB242;
	border-left: 5px solid #6FB242;
	margin-left: 20px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

	
}
#wrapper #contents #paper p.naiyou {
	margin-left: 30px;

}

#wrapper #contents #other {
	background-color: rgba(246,250,233,0.50);
}



#wrapper #contents #other p.midasi {
	font-size: 1.2em;
	background-color: #E3F0DC;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;

}
#wrapper #contents #other p.komidasi {
	clear:both;
	font-size: small;
	border-bottom: 1px solid #6FB242;
	border-left: 5px solid #6FB242;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}

#wrapper #contents #other p.naiyou {
	padding-left: 30px;
	padding-right: 5px;
	text-indent: 1em;
	padding-top: 10px;
	padding-bottom: 10px;

}


#wrapper #contents #other p.e_naiyou_top {
	font-size: 1.1em;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 10px;
	text-indent: 1em;
}
#wrapper #contents #other p.naiyou_top {
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 10px;
	text-indent: 1em;
}
#wrapper #contents #other p.naiyou_middle {
	padding-left: 30px;
	padding-right: 5px;
	text-indent: 1em;
}
#wrapper #contents #other p.naiyou_bottom {
	padding-left: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-indent: 1em;
}
#wrapper #contents #other p.naiyou.lead {
	padding-top: 10px;
}



#wrapper #contents #other #photo_top {
	margin-top: 10px;
	margin-bottom: 10px;

}
#wrapper #contents #other #photo_top .left_photo {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:30px;
}


#wrapper #contents #other #photo_top .right_photo {
	float: right;
	width: 320px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	

}
#wrapper #contents #other #photo_top .wide_photo {
	clear: both;
	margin-left: 30px;
}




#wrapper #contents #other #photo2 {
	height:550px;
}
#wrapper #contents #other #photo2 .left_photo {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}


#wrapper #contents #other #photo2 .right_photo {
	float: right;
	width: 310px;
	margin-top: 10px;
	margin-right: 10px;


}


#wrapper #contents #other #photo2 .right_photo #otemae {
	padding-bottom: 0px;
}
#wrapper #contents #other #photo .right_photo #kituke {
	padding-top: 10px;
}


#wrapper #contents #other .furisodekougi {
	text-align: center;
	padding-top: 10px;
}
#wrapper #contents #other p.komidasi_fclear {
	clear: both;
	font-size: small;
	border-bottom: 1px solid #6FB242;
	border-left: 10px solid #6FB242;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding-left: 5px;
}
#wrapper #contents #other  #kituke_tyuugaku {
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 300px;
	float: left;
}
#wrapper #contents #other #kougi_koukou {
	margin-top: 10px;
	margin-right:20px;
	margin-bottom: 10px;
	width: 300px;
	float: right;
	text-align: center;
}
#wrapper #contents #other #sanfrancisco {
	clear: both;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}


#wrapper #contents #other .imageleft {
	margin-left: 30px;
	margin-right: 20px;
	margin-top: 10px;
	width: 300px;
	float: left;
}
#wrapper #contents #other .imageright {
	margin-top: 10px;
	margin-right:20px;
	width: 300px;
	float: right;
	text-align: center;
}
#wrapper #contents #other .image {
	clear: both;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}
#wrapper #contents #other .image_textwide {
	clear: both;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: center;
}


body div footer {
	clear: both;
	text-align: center;
	margin-top: 20px;
	font-size: small;
	width: 100%
}

/* submenu */
#wrapper #contents #submenu {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 40px;
}
#wrapper #contents #submenu ul {
	list-style: none;
}
#wrapper #contents #submenu ul li {
	float: left;
	width: 121px;
	height: 40px;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
	color: #333333;
	border-radius: 10px;
	box-shadow: 1px 1px 2px 2px rgba(173,174,173,0.40);
	list-style-type: none;
	background-color: #ffffff;
}

#wrapper #contents #submenu ul .lesson {
	list-style-type: none;
	background: url(images/yellow_stech.png) no-repeat;
	margin-right: 11px;
	padding-left: 40px;
	box-align: center;
	letter-spacing: 1.5em;
}
#wrapper #contents #submenu ul .text {
	list-style-type: none;
	background: url(images/blue_stech.png) no-repeat;
	margin-right: 11px;
	padding-left: 40px;
	box-align: center;
	letter-spacing: 0.75em;

}
#wrapper #contents #submenu ul .paper {
	list-style-type: none;
	background: url(images/violet_stech.png) no-repeat;
	margin-right: 11px;	
	padding-left: 40px;
	box-align: center;
}
#wrapper #contents #submenu ul .other {
	list-style-type: none;
	background: url(images/red_stech.png) no-repeat;
	margin-right: 0px;
	padding-left: 40px;
	box-align: center;
	letter-spacing: 0.75em;
	
}


#wrapper #contents #submenu ul li.lesson a {
	display: block;
	color: #333333;
	background-color: rgba(255,252,225,1.00);
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 30px;
	height: 40px;
	width: 112px;
}
#wrapper #contents #submenu ul li.text a {
	display: block;
	color: #333333;
	background-color: rgba(243,209,229,0.20);
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 25px;
	height: 40px;
	width: 112px;
}
#wrapper #contents #submenu ul li.paper a {
	display: block;
	color: #333333;
	background-color: rgba(222,223,239,0.30);
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 28px;
	height: 40px;
	width: 112px;
}
#wrapper #contents #submenu ul li.other a {
	display: block;
	color: #333333;
	background-color: rgba(246,250,233,1.00);
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 25px;
	height: 40px;
	width: 112px;
}


#wrapper #contents #submenu ul li  a:hover{

	background-color: #ffffff;
	text-decoration: none;
	box-align: center;
	border-radius: 10px;

}
/*　#wrapper #contents #text #atext .pagetop {
	float: right;
	font-size: x-small;
	padding: 5px;
}
*/
.image_left {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.clear {
	clear: both;
}
.xsmall {
	font-size: x-small;
}