@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* common */
html { overflow-y: scroll; }
dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }
dl { display: inline-block; min-height: 1%; }

/* No MAC IE \*/
* html dl { height: 1%; }
dl { display: block; }

div { zoom: 1; }
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background: #ff6; font-size: 0.75em; line-height: 1.5em; text-align: center; text-align: justify; text-justify: inter-ideograph; color: #333; }

#wrapper { 	width: 1000px; text-align: left; margin: 0 auto; }

/* header */
#header { no-repeat; overflow: hidden; background: url(../images/common/header-bg.gif) left top no-repeat; }
h1 { font-size: x-small; font-weight: normal; line-height: 40px; height: 40px; overflow: hidden; padding: 0 5px; color: #f60; }
#logo { margin: 0 360px; }

/* pagebody */
#pagebody { background: url(../images/common/pagebody-bg.gif) left top repeat-y; padding:0 20px;}
.left-side { width: 782px; float: left; }

/* navigation */
#navi { width: 168px; float: left; }
.navi {  }
.ayumi { background: url(../images/common/ayumi-bg.gif) left top no-repeat; padding: 58px 0 8px; }
.ayumi2 { background: url(../images/common/ayumi2-bg.gif) left top no-repeat; padding: 58px 0 8px; }

#main { width: 602px; float: right; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 10px 2em; }
#main p { line-height: 1.75em; }

#ssc { width: 165px; float: right; }
.adb-bn { padding: 0 4px 5px 3px; }



h2 { }
h3 { }
h4 { font-size: 1.0em; line-height: 1.75em; }
h5 { font-size: 1.0em; }
h6 { }

.h2-title { font-size: 150%; padding: 0 0 2px; border-bottom: 5px solid #000; margin: 0 0 15px; }
.h3-title { margin: 0 0 10px; }
.h4-title { border-top: 1px dotted #f93; border-bottom: 1px dotted #f93; font-size: 1.0em; padding: 4px 0; margin: 0 0 10px; color: #f60;}

/* footer */
#textlink { clear: both; line-height: 30px; font-size: x-small; background: url(../images/common/textlink-bg.gif) left top no-repeat; padding: 10px 5px 0; text-align: center; color: #f60; }
#footer { clear: both; line-height: 30px; font-size: x-small; background: url(../images/common/footer-bg.gif) left top no-repeat; padding: 10px 5px 0;}
address { width: 890px; float: left; font-size: x-small; font-style: normal; line-height: 1.5em; color: #930; }
#pagetop { width: 91px; float: right; }


/* index */
#flash { height: 269px; overflow: hidden; background: url(../images/mainimg-bg.jpg) left top no-repeat; }
#mainimg { margin: 0 2px 0 0;  }
#appeal { background: url(../images/appeal-bg.gif) left top repeat-y; }
#appeal p { padding: 0 17px 0 15px; }

#ssc2 { background: url(../images/appeal-btm.gif) left top no-repeat; padding: 20px 0 15px; }
.ssc {}

#wn02 { border: 1px solid #ccc; padding: 1px; margin: 0 2px 0 0; }
.wnpd { padding: 3px; }
#wn02 table { width: 590px; }
#wn02 th { border-bottom: 1px dotted #ccc; padding: 4px 8px; font-weight: normal; width: 6em; }
#wn02 td { border-bottom: 1px dotted #ccc; padding: 4px 8px; }


/* detail */
.detail_h3 {
	font-size:140%;
	font-weight:600;
	background:url(../images/h3_icon.gif) no-repeat left center;
	padding:10px 10px 10px 45px;
	margin-bottom:10px;
	color:#f60;
	margin-bottom:10px;
}
.detail_img{ width:538px; border-top:4px dotted #f60; padding-top:15px; margin-bottom:15px;}
.detail_img img{
	width:164px;
	float:left;
	margin-right:5px;
	border:2px solid #eee;
	padding:3px;
}

/* ayumi */

/* scene */
.scene-photo { margin: 0 0 10px; }
.scene-title { color: #c00; text-align: center; border-top: 2px solid #c00; border-bottom: 2px solid #c00; padding: 3px 0; margin: 0 0 10px; font-size: 1.0em; }

/* schedule */
.bg01 { background: url(../images/bg-01.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg02 { background: url(../images/bg-02.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg03 { background: url(../images/bg-03.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg04 { background: url(../images/bg-04.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg05 { background: url(../images/bg-05.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg06 { background: url(../images/bg-06.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg07 { background: url(../images/bg-07.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg08 { background: url(../images/bg-08.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg09 { background: url(../images/bg-09.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg10 { background: url(../images/bg-10.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg11 { background: url(../images/bg-11.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }
.bg12 { background: url(../images/bg-12.gif) right bottom no-repeat; _height: 150px; min-height: 150px; }

/* invitation */
.column { border-bottom: 1px dotted #ccc; margin: 0 0 15px;}
.column2 { margin: 0 0 15px;}

/* access */
#map { width: 320px; float: left; }
#access { width: 200px; float: right; }

/* contact - form */
.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: text-bottom; }
input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; }

/* link */
a { outline: none; }
a:link { color: #f60; text-decoration: underline; } 
a:visited { color: #f60; text-decoration: underline; } 
a:hover, a:active { color: #f60; text-decoration: none; } 

/* general-purpose */
p { zoom: 1; }
p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.honbun { padding: 0 32px 0 30px; margin: 0 0 10px; }
.honbun1 { padding: 0 1em; margin: 0 0 10px; }
.signature { padding: 0 32px 0 30px; margin: 0 0 20px; text-align: right; }

img { border: none; vertical-align: bottom; }

.clear { clear: both; }
.page-break { page-break-before: always; }

.paging img { vertical-align: middle; }

th, td { font-size: 1.0em; }

/*
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 20px;}
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
*/

.tb1 { width: 100%; margin: 0 0 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

.th1 { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
.td1 { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

.th2 { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
.td2 { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: center; }
.th3 { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; width:30%;}


/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left }
.fr { float: right; }

.l80 { width: 80px; float: left; }

.l190 { width: 190px; float: left; }
.r190 { width: 190px; float: right; }

.l120 { width: 120px; float: left; }
.r120 { width: 120px; float: right; }

.l200 { width: 200px; float: left; }
.r200 { width: 200px; float: right; }

.l260 { width: 260px; float: left; }
.r260 { width: 260px; float: right; }

.l280 { width: 280px; float: left; }
.r240 { width: 240px; float: right; }

.l295 { width: 295px; float: left; }
.r295 { width: 295px; float: right; }

.l320 { width: 320px; float: left; }
.r320 { width: 320px; float: right; }

.l160 { width: 100px; float: left; }
.r360 { width: 420px; float: right; }


/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb05 { margin: 0 0 5px; }
.mb10 { margin: 0 0 10px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }


/*.teacher-table td{border:solid 1px #CCC;}*/
.teacher-table{border-collapse:collapse;  text-align:center;}
.teacher-border{border:solid 1px #CCC;}

/*-------------2010/6/22---------------*/
.center{text-align:center;}

.font-big{font-size:15px; font-weight:bold; color:#F00;}