@charset "utf-8";
/* chor-ensemble css */

* { margin:0; padding:0; }
body  { 
	font:75%/150% Arial, Helvetica, sans-serif;
	background:#fdf8e7 url(images/bg.jpg) no-repeat 50% 0;
	margin:0;
	padding:0;
	color:#110800;
	position:relative;
	min-height:100%;
	height:100%;
}
html { height:100%; }

h1, h2, h3, h4, h5, p, ul, ol, dl, li, dd, address, form, input { margin:0px; padding:0px; }
input, textarea { font:75%/160% Arial, Helvetica, sans-serif; }
img { border:none; vertical-align:top; }
li	{ list-style:none; }

/* link -----------------------------  */
a { color:#663300; text-decoration:none; }
a:hover { color:#663300; text-decoration:underline; }

#footer a { text-decoration:none; color:#d8b364; }
#footer a:hover { text-decoration:underline; }

/* clear ------------------------- */
.clear { clear:both; font-size:0%; line-height:0%; }

.clearfix:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/* block
------------------------------------------------------------------------------------------ */
#wrapper { margin:0 auto; width:950px; }
#header { width:950px; height:220px; }
#leftcolumn { margin:0; width:720px; float:left; }
#rightcolumn { float:right; margin:0px; width:220px; display:inline; }
#footer { width:100%; height:135px; clear:both; }

/* header
------------------------------------------------------------------------------------------ */
#header { position:relative; }
#headline { 
	color:#6e5642;
	position:absolute;
	left:-1px;
	top:79px;
}
#logo { position:absolute; width:360px; height:50; top:100px; }

/* top Navigation ---------------------------------------------------------------------- */
#topNav { 
	width:300px; height:50px;
	background:url(images/box-search.gif) no-repeat 85px 0;

	position:absolute;
	right:0;
	top:100px;
}
#topNav .search_f { 
	width:125px; height:1em;
	border:0;
	font-size:12px;

	position:absolute;
	left:93px;
	top:4px;
}
#topNav .search_b {	position:absolute; right:0; top:0; }

#topNav ul { width:300px; position:absolute; top:30px; }
#topNav li { float:right; text-align:left; margin-left:1em; padding-left:20px; background:url(images/icon-black.gif) no-repeat 3px 50%; }


/* Global Navigation ---------------------------------------------------------------------- */
#gNav { width:950px; height:50px; position:absolute; top:160px; }
#gNav ul li { float:left; }
#gNav ul li a { height:50px; display:block; text-indent:-99999px; background-repeat:no-repeat; overflow:hidden; }

#gNav ul li a.gnav-aboutus { background:url(images/g-nav.png) 0 0; width:201px; }
#gNav ul li a.gnav-lessons { background:url(images/g-nav.png) 749px 0; width:185px; }
#gNav ul li a.gnav-tuition { background:url(images/g-nav.png) 564px 0; width:133px; }
#gNav ul li a.gnav-trial { background:url(images/g-nav.png) 431px 0; width:183px; }
#gNav ul li a.gnav-instructors { background:url(images/g-nav.png) 248px 0; width:111px; }
#gNav ul li a.gnav-access { background:url(images/g-nav.png) 100% 0; width:137px; }

#gNav ul li a:hover.gnav-aboutus { background:url(images/g-nav.png) 0 50px; }
#gNav ul li a:hover.gnav-lessons { background:url(images/g-nav.png) 749px 50px; }
#gNav ul li a:hover.gnav-tuition { background:url(images/g-nav.png) 564px 50px; }
#gNav ul li a:hover.gnav-trial { background:url(images/g-nav.png) 431px 50px; }
#gNav ul li a:hover.gnav-instructors { background:url(images/g-nav.png) 248px 50px; }
#gNav ul li a:hover.gnav-access { background:url(images/g-nav.png) 100% 50px; }


/* footer
------------------------------------------------------------------------------------------ */
#footer { 
	position:relative; 
	background:url(images/bg-ftr.jpg) repeat-x top; 
	text-align:center;
}

#ftrNav { position:relative; top:35px; color:#d8b364; }
#copy { position:relative; top:40px; }




/* leftcolumn
------------------------------------------------------------------------------------------ */

/* lesson ---------------------------------- */
.lesson { 
	width:690px;
	margin-top:20px;
	background:url(images/box-black_mdl.gif) repeat-y; 
	position:relative;
}
.lesson-inner { background:url(images/ttl-black.gif) no-repeat 0 0; padding-top:50px; }
.lesson-inner .title {
	position:absolute;
	left:-33px;
	top:-21px;
}
.lesson-btm { height:5px; background:url(images/box-black_btm.gif) no-repeat 0 100%; }


.course-warp { width:652px; margin-left:20px; margin-bottom:20px; }
.course { margin-bottom:10px; }
.course p { margin-top:5px; margin-left:180px; }
.course .pic { float:left; margin:5px; }
.course .more { text-align:right; clear:both; margin:5px 0 0 0; }

.course h3 { height:37px; }
.course h3 a { display:block; margin-left:50px; padding-top:13px; font-size:13px; }

.course h3#ensemble { background:url(images/sttl-ensemble.gif) no-repeat 0 0; }
.course h3#chorus { background:url(images/sttl-chorus.gif) no-repeat 0 0; }
.course h3#vocal { background:url(images/sttl-vocal.gif) no-repeat 0 0; }
.course h3#japanese { background:url(images/sttl-japanese.gif) no-repeat 0 0; }
.course h3#solfeggio { background:url(images/sttl-solfeggio.gif) no-repeat 0 0; }


/* topics & concert ------------------------- */
.green_box {
	width:690px;
	margin-top:20px;
	background:url(images/box-green_mdl.gif) repeat-y;
	position:relative;
}
.green_box-inner { background:url(images/box-green_btm.gif) no-repeat 0 100%; }


.green_box ul { width:652px; margin:auto; padding:10px; }
.green_box li { 
	background:url(images/icon-green.gif) no-repeat 0 1px;
	line-height:1.5em;
}
.green_box li a { display:block; margin-left:20px; }
.green_box li .data { color:#666; font-size:small; text-align:right; } 

/* --------------------------------------------------------------------------------------
  下層ページ
----------------------------------------------------------------------------------------- */
/* 共通 ------------------------------------------------- */
/* breadcrumbs */
#breadcrumbs {font-size:10px; margin-bottom:5px; }

/* pagetop */
.pagetop { text-align:right; width:680px; margin:10px; 0}

/* entry_box */
.entry_box  {
	width:690px;
	background:url(images/box-black_mdl.gif) repeat-y;
	position:relative;
}
.entry_box-inner { background:url(images/ttl-black2.gif) no-repeat 0 0; }
.entry_box-btm { height:5px; background:url(images/box-black_btm.gif) no-repeat 0 100%; }
.entry_box h2 { display:block; height:52px; color:#fff; text-indent:20px; font-size:20px; line-height:52px; }
.entry_box h2 img { vertical-align:middle; margin-right:10px; }

/* entry */
.entry { margin:20px auto; width:652px; }
.entry .entry-titles { height:30px; background:url(images/entry-ttls.gif) no-repeat 0 0; margin-bottom:10px; }
.entry .entry-titles a { display:block; padding:6px; float:left; text-indent:25px; background:url(images/icon-bkaroow.gif) no-repeat 10px 50%; }
.entry .entry-header { background:url(images/sttle-other.gif) no-repeat 0 0; height:26px; padding-top:3px; text-indent:25px; font-size:13px; }
.entry .entry-content { margin-bottom:20px; }
.entry .entry-content p { margin:5px; }

/* entry table style ------------------------------------------------- */
.entry table {margin:5px auto; padding:0px; border-collapse:collapse; border:1px solid #BFB9B7; }
.entry table th, .entry table td {padding:5px;border:1px solid #ccc; }
.entry table th {text-align:left; background:#eee url(images/bk-th.gif) no-repeat 0 0; white-space:nowrap; }

.entry table td.arrow {
	border-width:0 1px;
	border-color:#fff;
	border-style:solid;
	text-align:center;
	background:url(images/arrow.gif) no-repeat 50% 50%;
}
.entry table td.arrownone {border-width:0 1px; border-color:#fff; border-style:solid; }

.entry table thead th{text-align:center; font-weight:normal; }
.entry table tbody td.lesson{background:#FFF0AC; text-align:center; font-size:10px; }

.entry table th ul {margin:0px; padding:0 0 0 15px; }
.entry table th ul li {margin:0; padding:0; }

.entry table caption {font-weight:bold;text-align:left; }

/* instractors */
#instructors .entry-content { border-bottom:#ccc 1px dashed;}
#instructors .entry-content img { padding:5px; float:left; border:#ccc 1px solid;}
/*#instructors .entry-content p { padding-left:195px;}*/

/* faq ----------------------------------------------------- */
/*
#faq .entry-header { background:url(images/icon-q.gif) no-repeat 0 0; padding:0 0 0 30px; font-size:medium; text-indent:0; }
#faq .entry-header a { display:block; }
#faq .entry-content { margin:10px 0 20px 0; padding-left:30px; background:url(images/icon-a.gif) no-repeat 0 0 ; border-bottom:#ccc 1px dashed; } 
*/

/* sitemap ------------------------------------------------- */
#sitemap { margin:20px auto; width:650px;  }
#sitemap h3 { 
	height:45px; 
	font-size:14px;
	background:url(images/sitemap.gif) no-repeat 0 0; 
}
#sitemap h3 a { color:#614534; text-decoration:none; padding-left:30px; padding-top:13px; display:block; }
#sitemap h3 a:hover { text-decoration:underline; }
#sitemap ul.archives-entry { margin:5px 20px 10px 50px; }
#sitemap ul.archives-entry li { list-style:disc; line-height:2.0em;  }
#sitemap ul.archives-entry li a{ padding-left:5px; }

/* access ------------------------------------------------- */
#access #leftcolumn { margin:0; width:950px; }
#access .entry_box { width:950px; background:url(images/box-black_mdl950.gif) repeat-y; }
#access .entry_box-inner { background:url(images/ttl-black950.gif) no-repeat 0 0; }
#access .entry_box-btm { height:5px; background:url(images/box-black_btm950.gif) no-repeat 0 100%; }
#access .entry { width:910px; }
#access .entry-header { background:url(images/sttl-other910.gif) no-repeat 0 0; }
#access .entry-content h4 { clear:both;}

#access table, #access th, #access td {border:none; margin:0; padding:0;}
#access td p {font-size:10px; border:1px solid #E1D8BB; padding:5px; line-height:150%; margin-bottom:10px;}
#access td p img {padding:2px;margin:2px;}
#access td p a img {background:#fff;border:1px solid #ccc;}
#access td p a:hover img {background:orange;border:1px solid #fff;}

#access .pagetop { width:940px; }


/* rightcolumn
------------------------------------------------------------------------------------------ */

/* side-box  -------------------------- */
.side-box { 
	width:220px;
	margin-top:15px;
	background:url(images/side-box_mdl.gif) repeat-y; 
}
.side-box-inner { background:url(images/side-box_btm.gif) no-repeat 0 100%; padding-bottom:5px; }
.side-box-inner .top  { height:5px; background:url(images/side-box_top.gif) no-repeat 0 0; }

/* Tag Cloud  ------------------------- */
.tagCloud { 
	margin:0 auto;
	padding:5px 20px;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif;
}
.tagCloud li { margin:0; padding:0; display:inline; font-size:100%; }
.tagCloud li a { text-decoration:none; }
.tagCloud li a:hover { color:#000; }

/* taglevel 1～6 */
.tagCloud li.level1 a { font-size:150%; color:#dc5f1f; font-weight:bold; text-decoration:none; }
.tagCloud li.level2 a { font-size:130%; color:#d0a722; font-weight:bold; text-decoration:none; }
.tagCloud li.level3 a { font-size:118%; color:#c7bd24; text-decoration:none; }
.tagCloud li.level4 a { font-size:104%; color:#a6bf28; text-decoration:none; }
.tagCloud li.level5 a { font-size:85%; color:#75b52c; text-decoration:none; }
.tagCloud li.level6 a { font-size:70%; color:#75b52c; text-decoration:none; }



/* link ---------------------------------- */
.link a { width:200px; margin:0 auto; display:block; text-indent:-99999px;overflow:hidden; padding-bottom:5px; }

.link a.link-1 { background:url(images/link-clema.gif) no-repeat 0 0; height:35px; }
.link a.link-2 { background:url(images/link-little.gif) no-repeat 0 0; height:35px; }
.link a.link-3 { background:url(images/link-flower.gif) no-repeat 0 0; height:20px; }
.link a.link-4 { background:url(images/link-rentalsalon.gif) no-repeat 0 0; height:20px; }

.link a:hover.link-1 { background:url(images/link-clema.gif) no-repeat 100% 0; }
.link a:hover.link-2 { background:url(images/link-little.gif) no-repeat 100% 0; }
.link a:hover.link-3 { background:url(images/link-flower.gif) no-repeat 100% 0; }
.link a:hover.link-4 { background:url(images/link-rentalsalon.gif) no-repeat 100% 0; }


/* area ---------------------------------- */
.area p { margin:0 auto; padding:5px 15px; }


/* mail_form ------------------------------------------------- */

#mail_form table { margin:auto; width:590px; border:none; }
#mail_form table th { background:none; border:none; width:150px; vertical-align:top;  color:#433523;  }
#mail_form table td { background:url(images/form-line.jpg) no-repeat 0 100%; border:none; vertical-align:middle; padding-bottom:10px; font-size:small; color:#433523; }

#mail_form .form-warp { width:650px; background:url(images/bk-form_mdl.jpg) repeat-y; }
#mail_form #leftcolumn form { width:650px; background:url(images/bk-form_top.jpg) no-repeat 0 0;}
#mail_form .form-inner { width:650px; background:url(images/bk-form_btm.jpg) no-repeat 0 100%; padding-top:50px; padding-bottom:50px; }

#mail_form #leftcolumn form input { margin:0 10px 5px 5px; border:0; line-height:2em; padding:2px; font-size:small; vertical-align:middle; }
#mail_form #leftcolumn form .required { background:#fceed1; }
#mail_form #leftcolumn form span { font-weight:bold; color:#990000; }
#mail_form #leftcolumn form p.txt {
	position:absolute;
	left: 47px;
	top: 235px;
	color: #663300;
} 

#mail_form #leftcolumn form textarea { width:98%; padding:5px; border:none; background:#fceed1; margin:10px 0; font-size: small;  }
#mail_form #leftcolumn form .btn {
	width:420px;
	position: relative;
	left: 190px;
}
#mail_form #formbtn { width:125px; height:40px; background:url(images/bk-form_btn.png) no-repeat; font-size:small; font-weight:bold; color: #433523; }

#mail_form label.error, label.error, .must { 
	color:#990000;
	font-weight:bold;
	padding-left: 5px;
} 


/* error,post,preview */

#mail_form.errorpage .form-warp, #mail_form.post .form-warp { background: none; }
#mail_form.errorpage #leftcolumn form, #mail_form.post #leftcolumn form { background: #F2D59D; width: 400px; margin: 10px auto 10px; border: solid 2px #E6B66C; color: #433523; font-weight: bold; padding-left: 5px; }
#mail_form.errorpage .form-inner, #mail_form.post .form-inner { background: none; }

#mail_form #leftcolumn form p.txt#preview {
	position:absolute;
	left: 43px;
	top: 169px;
	color: #663300;
}

#mail_form.errorpage #leftcolumn form .btn, #mail_form.post #leftcolumn form .btn {
	width:420px;
	position: relative;
	left: -20px;
	text-align: center;
}
#mail_form.post #leftcolumn form .btn, #mail_form.error #leftcolumn form .btn { margin-top: 20px; }

#mail_form.errorpage #formbtn, #mail_form.post #formbtn { width:125px; height:40px;/* background: none;*/ background:url(images/bk-form_btn.png) no-repeat; font-size:small; font-weight:bold;/* color: #996600;*/ }


/* search --------------------------------------------------- */
.entry-tags-header { font-size: 10px; }
.entry-tags ul li { font-size:10px; float:left; margin-right:10px; }
.entry-tags ul { padding-bottom: 10px; }