@charset "utf-8";
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

body {
	background-image: url(http://www.mary-school.com/images/back.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 16px;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#wrap {
	padding: 0px;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 820px;
}
#header .header-hidari {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 105px;
	width: 480px;
}
#header .header-title {
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 82px;
	width: 480px;
	background-image: url(http://www.mary-school.com/images/title.jpg);
}
#header .header-title-shita {
	margin: 0px;
	padding: 0px;
	height: 23px;
	text-align: left;
	width: 480px;
	background-image: url(http://www.mary-school.com/images/title-shita.jpg);
}
#header .header-title-shita-p {
	margin: 0px;
	padding: 0px;
	text-indent: 150px;
}

#header .header-migi {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 105px;
	width: 340px;
}
#header .header-tel {
	margin: 0px;
	padding: 0px;
	height: 82px;
	width: 340px;
}
#header .header-link {
	text-align: right;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 340px;
	background-image: url(http://www.mary-school.com/images/link.jpg);
	background-repeat: no-repeat;
}
#header h1 {
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 90pt;
}
#header h2 {
	font-size: 11px;
	line-height: 23px;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 100pt;
}
#header .link {
	font-size: 8px;
	color: #FFFFFF;
	line-height: 23px;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 290px;
}
#header .header-menu {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 820px;
}
#header a:link {
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
#header a:visited {
	font-size: 11px;
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: none;
}
#header a:hover {
	font-size: 11px;
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: underline;
}
#header a:active {
	font-size: 11px;
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: underline;
}

#header p {
	margin: 0px;
	padding: 0px;
}
#sub-menu {
	background-image: url(http://www.mary-school.com/images/sub-back.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}
#sub-menu .list {
	background-image: url(http://www.mary-school.com/images/sub-back02.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#sub-menu p {
	width: 150px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
}

#sub-menu .icon {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#sub-menu ul{
	margin: 0 0 0 4em;
	padding: 0;

}
#sub-menu li {
	line-height: 30px;
}


#sub-menu  a:link {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
}
#sub-menu  a:visited {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
}
#sub-menu  a:hover {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#sub-menu  a:active {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}

#main {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 570px;
}
#main h2 {
	font-size: 16px;
	line-height: 50px;
	text-indent: 10pt;
	padding: 0px;
	margin-top: 10px;
	border: none;
	margin-left: 10px;
	color: #666666;

}
#main .page-title-about {
	background-image: url(http://www.mary-school.com/images/pt-about.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-english {
	background-image: url(http://www.mary-school.com/images/pt-english.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-cooking {
	background-image: url(http://www.mary-school.com/images/pt-cooking.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-portuges {
	background-image: url(http://www.mary-school.com/images/pt-portuges.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-contact {
	background-image: url(http://www.mary-school.com/images/pt-contact.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-normal {
	background-image: url(http://www.mary-school.com/images/pt-normal.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#main .page-title-shop {
	background-image: url(http://www.mary-school.com/images/pt-shop.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-cafebrasil{
	background-image: url(http://www.mary-school.com/images/pt-cafebrasil.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-title-lesson{
	background-image: url(http://www.mary-school.com/images/pt-lesson.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main .page-contents {
	padding: 0px;
	width: 530px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#main h3 {
	text-indent: 5px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-bottom-style: dotted;
	border-left-style: solid;
	clear: both;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 15px;
	line-height: 20px;
	color: #666666;
}
#main p {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#main h4 {
	background-color: #999999;
	font-size: 13px;
	color: #FFFFFF;
	text-indent: 10px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	line-height: 20px;
	clear: both;
}

#main h5 {
	font-size: 13px;
	text-indent: 10px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 13px;
	clear: both;
	font-weight: normal;
}


#main a:link {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
}
#main a:visited {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
}
#main a:hover {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#main a:active {
	line-height: 23px;
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}

#main img {
	margin: 7px;
	padding: 0px;
}
#main ul{
	margin: 0 0 0 2em;
	padding: 0;

}
#main li {
	line-height: 20px;
}#main .catch {
	font-size: 15px;
	font-weight: bold;
	color: #669900;
	line-height: 26px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
#contents {
	margin: 0px;
	padding: 0px;
	width: 820px;
}

#contents .top-main {
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;

}
#contents .top-event {
	padding: 0px;
	float: left;
	width: 372px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(http://www.mary-school.com/images/event-back.jpg);
	background-repeat: repeat-y;


}
#contents .top-report {
	padding: 0px;
	float: right;
	width: 372px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(http://www.mary-school.com/images/report-back.jpg);
	background-repeat: repeat-y;
	text-align: left;


}
#contents .top-banner {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 820px;
}
#contents .top-main ul{
	margin: 0 0 0 2em;
	padding: 0;
	list-style-type: none;

}
#contents .top-main li {
	line-height: 20px;
}
#f-contents {
	margin: 0px;
	padding: 0px;
	width: 820px;
	background-image: url(http://www.mary-school.com/images/sub-back.jpg);
	background-repeat: repeat-y;
	text-align: left;


}
#f-contents ol{margin:10px 10px 10px 50px;}
#f-contents ul{margin:10px 10px 10px 50px;}
#f-contents p{line-height:160%;}

#f-contents table{margin:20px;}
#f-contents td{padding:10px;white-space:nowrap;border-bottom:dotted 1px #cccccc;line-height:140%;}
#f-contents th{padding:10px;background-color:#eeeeee;border-bottom:dotted 1px #cccccc;line-height:140%;}

#f-contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #f-contents {
    height: 1em;
    overflow: visible;
}
/**/

#footer {
	text-align: right;
	padding: 0px;
	width: 820px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	line-height: 20px;
	font-size: 11px;

}
#copyright {
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 820px;
	line-height: 20px;
}
#contents a:link {
	color: #666666;
	text-decoration: none;
}
#contents a:visited {
	color: #666666;
	text-decoration: none;
}
#contents a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#contents a:active {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
body.f-body {
	background-image: url(http://www.mary-school.com/images/f-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#g-navi {
	margin: 0px;
	padding: 0px;
	width: 820px;
	clear: both;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
#footer a:link {
	font-size: 11px;
	line-height: 23px;
	color: #666666;
	text-decoration: none;
}

#footer a:visited {
	font-size: 11px;
	line-height: 23px;
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	font-size: 11px;
	line-height: 23px;
	color: #666666;
	text-decoration: underline;
}
#footer a:active {
	font-size: 11px;
	line-height: 23px;
	color: #666666;
	text-decoration: underline;
}


/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */