@charset "utf-8";
/* bel-presente css */

* { margin:0; padding:0; }
body  { 
	font:75%/150% Arial, Helvetica, sans-serif;
	background:#CFEFF5 url(images/bg.jpg) no-repeat 50% 0;
	margin:0;
	padding:0;
	color:#333;
	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; }*/
img{ border:none; vertical-align:baseline;}
li	{ list-style:none; }

.left { float:left; }
.right { float:right; }
.t-left { text-align:left; }
.t-right { text-align:right; }

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

#footer a { text-decoration:none; color:#999; }
#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; background:url(images/bg-mdl.gif) repeat-y; }
#inner { width:950px; min-height:580px; background:url(images/bg-top.jpg) no-repeat 0 0; }

#header { width:950px; height:206px; margin:0 auto; }
#leftcolumn { width:630px; float:left; margin-left:25px; display:inline; }
#rightcolumn { float:right; margin-right:25px; width:250px; display:inline; }
#footer { width:100%; height:210px; clear:both; }

.article { margin-bottom:20px; }
.cell { }
.dotcell { padding:10px; border-bottom:1px dotted #ddd;  }

/* side-box */
.side-box { 
	width:250px;
	background:url(images/side-box_mdl.gif) repeat-y;
	margin-bottom:20px;
}
.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; }


/* header
------------------------------------------------------------------------------------------ */
#header { position:relative; }
#headline {
	position:absolute;
	left:0px;
	top:12px;
}
#logo {
	position:absolute;
	width:360px;
	height:50;
	top:42px;
}

/* top Navigation ---------------------------------------------------------------------- */
#topNav {
	width:285px;
	height:45px;
	background:url(images/box-search.jpg) no-repeat 0 0;
	position:absolute;
	right:9px;
	top:62px;
}
#topNav .search_f {
	width:171px;
	height:21px;
	border:0;
	background:none;
	font-size:1.2em;
	position:absolute;
	left:43px;
	top:14px;

}
#topNav .search_b {	position:absolute; right:0; top:0; }

#topMenu { width:285px; position:absolute; top:30px; right:10px; text-align:right; color:#0cb8e3; }


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

#gNav ul li a.gnav-1 { background:url(images/g-nav.jpg) 0 0; width:110px; }
#gNav ul li a.gnav-2 { background:url(images/g-nav.jpg) 790px 0; width:160px; }
#gNav ul li a.gnav-3 { background:url(images/g-nav.jpg) 630px 0; width:130px; }
#gNav ul li a.gnav-4 { background:url(images/g-nav.jpg) 500px 0; width:130px; }
#gNav ul li a.gnav-5 { background:url(images/g-nav.jpg) 370px 0; width:130px; }
#gNav ul li a.gnav-6 { background:url(images/g-nav.jpg) 240px 0; width:130px; }
#gNav ul li a.gnav-7 { background:url(images/g-nav.jpg) 100% 0; width:110px; } 

#gNav ul li a:hover.gnav-1 { background:url(images/g-nav.jpg) 0 40px; }
#gNav ul li a:hover.gnav-2 { background:url(images/g-nav.jpg) 790px 40px; }
#gNav ul li a:hover.gnav-3 { background:url(images/g-nav.jpg) 630px 40px; }
#gNav ul li a:hover.gnav-4 { background:url(images/g-nav.jpg) 500px 40px; }
#gNav ul li a:hover.gnav-5 { background:url(images/g-nav.jpg) 370px 40px; }
#gNav ul li a:hover.gnav-6 { background:url(images/g-nav.jpg) 240px 40px; }
#gNav ul li a:hover.gnav-7 { background:url(images/g-nav.jpg) 100% 40px; }


/* footer
------------------------------------------------------------------------------------------ */
#footer { 
	position:relative; 
	background:url(images/bg-ftr.jpg) repeat-x 0 0; 
	text-align:center;
}
#footer-inner { 
	width:950px; 
	height:210px; 
	margin:0 auto; 
	background:url(images/ftr.jpg) no-repeat 0 0;
	position:relative;
}
#ftrNav { position:relative; top:60px; left:20px; color:#999; text-align:left; }
#ftrNav a { font-size:0.8em; }
#copy { position:relative; top:130px; color:#999; }
#zala {
	position:absolute;
	right: 25px;
	top: -1px;
}
#zalalink a {
	color:#708e14;
	width:8em;
	text-align:left;
	position:absolute;
	left: 674px;
	top: 58px;
}

/* rightcolumn
------------------------------------------------------------------------------------------ */
/* キャンペーン  ------------------------- */
#campaign img { /*padding-bottom:10px;*/ }

/* 新着情報  ------------------------- */
.more { display:block; text-align:right; float:right; margin-top:15px; }
.more a { text-decoration:underline; font-size:0.8em; }
.date { display:block; color:#999;  margin-top:15px; }


/* Tag Cloud  ------------------------- */
.tagCloud { 
	margin:0 auto;
	padding:10px;
	line-height:1.2em;
	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 { width:250px; text-align:center; }
#link img { margin-bottom:10px; }


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



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

/* コンセプト */
#concept .cell { padding:0; }
#concept .cell p { padding:10px; }

/* レッスンクラスのご案内 */
#menu { width:auto; background:url(images/course-list_over.png) no-repeat -99999px 0;　/* 読み込み用 */}
#menu a { display:block; width:305px; height:106px; background:no-repeat; text-indent:-9999em; overflow:hidden; }
#menu a.menupiano_course { background:url(images/course-list_off.png) 0 0; }
#menu a.menuviolin { background:url(images/course-list_off.png) -325px 0; }
#menu a.menucello { background:url(images/course-list_off.png) 0 -106px; }
#menu a.menuflute { background:url(images/course-list_off.png) -325px -106px; }
#menu a.menujapanese_musical { background:url(images/course-list_off.png) 0 -212px; }
#menu a.menuharp { background:url(images/course-list_off.png) -325px -212px; }
#menu a.menuhorn { background:url(images/course-list_off.png) 0 -318px; }
#menu a.menusaxophone { background:url(images/course-list_off.png) -325px -318px; }
#menu a.menutrumpet { background:url(images/course-list_off.png) 0 -424px; }
#menu a.menuclarinet { background:url(images/course-list_off.png) -325px -424px; }
#menu a.menuoboe { background:url(images/course-list_off.png) 0 -530px; }
#menu a.menutrombone { background:url(images/course-list_off.png) -325px -530px; }
#menu a.menudouble_bass { background:url(images/course-list_off.png) 0 -636px; }

#menu a:hover.menupiano_course { background:url(images/course-list_over.png) 0 0; }
#menu a:hover.menuviolin { background:url(images/course-list_over.png) -325px 0; }
#menu a:hover.menucello { background:url(images/course-list_over.png) 0 -106px; }
#menu a:hover.menuflute { background:url(images/course-list_over.png) -325px -106px; }
#menu a:hover.menujapanese_musical { background:url(images/course-list_over.png) 0 -212px; }
#menu a:hover.menuharp { background:url(images/course-list_over.png) -325px -212px; }
#menu a:hover.menuhorn { background:url(images/course-list_over.png) 0 -318px; }
#menu a:hover.menusaxophone { background:url(images/course-list_over.png) -325px -318px; }
#menu a:hover.menutrumpet { background:url(images/course-list_over.png) 0 -424px; }
#menu a:hover.menuclarinet { background:url(images/course-list_over.png) -325px -424px; }
#menu a:hover.menuoboe { background:url(images/course-list_over.png) 0 -530px; }
#menu a:hover.menutrombone { background:url(images/course-list_over.png) -325px -530px; }
#menu a:hover.menudouble_bass { background:url(images/course-list_over.png) 0 -636px; }


.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; }


/* 特徴から検索 */
#type { width:630px; background:url(images/type-list_over.png) no-repeat -99999px 0;　/* 読み込み用 */}
#type a { display:block; width:305px; height:80px; background:no-repeat; text-indent:-9999em; overflow:hidden; margin-bottom:10px; }
#type a.type1 { background:url(images/type-list_off.png) 0 0; }
#type a.type2 { background:url(images/type-list_off.png) -305px 0; }
#type a.type3 { background:url(images/type-list_off.png) 0 -80px; }
#type a.type4 { background:url(images/type-list_off.png) -305px -80px; }
#type a.type5 { background:url(images/type-list_off.png) 0 -160px; }
#type a.type6 { background:url(images/type-list_off.png) -305px -160px; }

#type a:hover.type1 { background:url(images/type-list_over.png) 0 0; }
#type a:hover.type2 { background:url(images/type-list_over.png) -305px 0; }
#type a:hover.type3 { background:url(images/type-list_over.png) 0 -80px; }
#type a:hover.type4 { background:url(images/type-list_over.png) -305px -80px; }
#type a:hover.type5 { background:url(images/type-list_over.png) 0 -160px; }
#type a:hover.type6 { background:url(images/type-list_over.png) -305px -160px; }


/* --------------------------------------------------------------------------------------
  下層ページ
----------------------------------------------------------------------------------------- */
/* 共通 ------------------------------------------------- */
.clr {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

table ul li { margin-left:20px; list-style: disc; } 

/* breadcrumbs */
#breadcrumbs {font-size:10px; margin-bottom:5px; }

/* pagetop */
.pagetop { text-align:right; margin-bottom: 10px; border-top: solid 1px #ccc; }
/*.pagetop a, .pagetop a:hover { color: #362920; text-decoration:underline; } */
#sitesearch .pagetop { text-align:right; margin-bottom: 10px; border-top: solid 1px #ccc; }


/* entry ----------------------------- */
.article .entry  { padding: 10px; }
.article .entry .entry-content { margin: 10px 0px 10px 0px; }
/* .article .entry .entry-body { margin-top:10px; }  */
.article .entry .entry-more {} 



/* entry title ---------------------------- */
/*#leftcolumn .article .entry h3.entry-header { background: url(images/ttl-icon.gif) no-repeat 0 0; height: 30px; padding-left: 5px; font-size: 14px; border-bottom: dotted 1px #38bdda; } */

#leftcolumn .article .entry h3.entry-header { padding:0; margin-bottom: 10px; background:url(images/ttl-bg.gif) no-repeat; line-height:28px; text-indent:25px; height:30px; } 

#leftcolumn .article .entry h3.entry-header span { line-height: 30px; }

h3.entry-header a { color: #333; text-decoration:none; }
h3.entry-header a:hover { text-decoration:underline; } 


/* entry table ------------------------ */
/* entry table style ------------------------------------------------- */
.article .entry table { margin: 10px 0px 10px 0px; padding:0px; border-collapse: collapse; border: 1px solid #BFB9B7; }
.article .entry table th, 
.article .entry table td { padding:5px;border: 1px solid #BFB9B7; }
.article .entry table th { text-align:left; background: #d8f1f8; white-space: nowrap; }
.article table caption { font-weight:bold;text-align:left; }

.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 td#flownone { border: solid 1px #fff; }


*html .article .entry table { border: none; }
*:first-child+html .article .entry table { border: none; }

table.tbl { margin :10px 0px 5px 0px; border-collapse: collapse; }
table.tbl th { font-weight:bold; background: #d8f1f8; }
table.tbl td, table.tbl th{ padding: 3px 5px; margin: 0; border: 1px solid #BFB9B7; }
/* table.lesson_staff ul li { margin-left:20px; list-style: disc; } */


/* レッスンクラスのご案内 ------------------ */
.article#class .txt { margin: 10px 0px 10px 0px; }
.article#class .tbl a { color: #0CB8E3; text-decoration:none; }
.article#class .tbl a:hover { text-decoration:underline; }
.cat_desc { margin: 10px; }
.article#class .entry-cont { padding: 10px 0px 20px 0px; }
#class .entry-body { margin-top: 10px; }


#class h3 { width:611px; height:38px; background:url(images/bg-cttl.gif) no-repeat; position:relative;}
#class h3 a,
#class h3 span {
	width:auto;
	color:#201217;
	display:block;
	position:absolute;
	left: 40px;
	top: 11px;
}
#class h3 a:hover { text-decoration:underline;}
.class_bnr { text-align: center; margin: 10px 0px 10px 0px; }
.class_bnr img { padding-left: 10px; }


/* ベル・プレゼンテとは -------------------- */
/*.article#about .about_txt { color: #f99202; font-weight: bold; } */
.article#about ul.about_link { border: 2px solid #ccc; padding: 10px; margin: 20px; }
.article#about ul.about_link li { list-style: /*url(images/icon-about.gif);*/disc; margin-left: 20px; }
.article#about ul.about_link a { color: #0cb8e3; text-decoration:none; }
.article#about ul.about_link a:hover { text-decoration:underline; color:#0cb8e3; }


/* スタッフ紹介 -------------------------- */
.article#staff .entry-t-photo { float:left; }
.article#staff .entry-content { }
.article#staff .entry .entry-content .entry-body #staff-body { margin-left: 210px; }


/* ご入会の流れ ------------------------- */
#flow .about_link { 
	font-weight: bold;
	border: 2px solid #FDD98B;
	padding: 20px 10px 20px 15px;
	margin: 20px auto 10px 153px;
	width: 300px;
	background: #FEF4D0;
	color: #473213;
}


/* Q&A -------------------------------- */
#leftcolumn .article#faq .entry h3.entry-header { background: url(images/icon-q.gif) no-repeat 0% 50%; border-bottom: none; }
.article#faq .entry .entry-content .entry-body { padding-left: 30px; background: url(images/icon-a.gif) no-repeat 0% 0%; }


/* アクセスマップ ------------------------ */
body#access #leftcolumn { width: 900px;  margin-left: 25px; text-align:left; }
body#access #leftcolumn #acccess.article .entry { padding: 10px; width: 850px; }
body#access #leftcolumn #acccess.article .entry .entry-content { background: #666; margin: 0px; padding: 0px; }
body#access #leftcolumn #acccess.article .entry .entry-content .entry-body { margin:0px; padding: 0px; }
body#access table, body#access th, body#access td {border:none; margin:0; padding:0; }
body#access td p {font-size:10px; border:1px solid #E1D8BB; padding:5px; line-height:150%; margin-bottom:10px;}
/*body#access td p img {padding:2px; border:1px solid #ccc; margin:2px;}*/
body#access td p img {padding:2px;margin:2px;}
body#access td p a img {background:#fff;border:1px solid #ccc;}
body#access td p a:hover img {background:orange;border:1px solid #fff;}


/* 新着情報 ---------------------------- */
.article#news .date { text-align: right; margin-top: 10px; }


/* お問い合わせ ------------------------ */
.cmxform {margin-top:10px;}
.cmxform span {font-size:10px; color:#FF3333; padding-left:5px; font-weight:normal;}
.cmxform table { border-collapse: collapse; border: 1px solid #BFB9B7; }
.cmxform td, .cmxform th {border:1px solid #BFB9B7; padding:5px; text-align:left;}
.cmxform th{
	width: 140px;
	border-right:1px solid #BFB9B7;
	background-color: #d8f1f8;
}
.cmxform td.acc_lf { border-right: solid 1px #fff; }
.cmxform td.acc_ri { border-left: solid 1px #fff; text-align:right; padding-right: 20px;}
.cmxform label {display:block; line-height: 1.8;vertical-align: top;cursor: hand;}
p.btn {margin:10px; text-align:center;}
p.btn img { margin-right: 10px; }
.cmxform #formbtn {
width: 140px;
height: 40px;
border: none;
background-color: #ffffff;
background:url(http://iplusone.sakura.ne.jp/zala/bel-presente/images/mf_btn_check.jpg) 0 0 no-repeat;
}

/* エラー */
.cmxform label.error, label.error { color:#FF3333; font-size:10px; }
/* input.error { border:1px solid #FF3333; } */


/* 検索結果 ----------------------- */
.article#sitesearch .entry { padding-bottom: 0px; }
.article#sitesearch .entry-content { margin: 10px 0px 10px 0px; }
.article#sitesearch .entry-content form { margin-bottom: 20px; }
.article#sitesearch .entry-content form p { margin: 5px 0px 5px 0px; }
.article#sitesearch .entry-content#entry-search { border-bottom: dotted 1px #BFB9B7; padding-bottom:5px; }
.article#sitesearch h3.entry-header { font-size: 14px; margin: 10px 0px 10px 0px; }
.article#sitesearch h4, .article#sitesearch h5 { font-size: 12px; }
.article#sitesearch h4.search-ttl { margin: 5px 0px 5px 0px; }
.article#sitesearch .entry-tags h4 { font-size: 10px; }
.article#sitesearch .entry-tags { padding-bottom:5px; }
.entry-tags ul li { font-size:10px; float:left; margin-right:10px; }
.entry-tags ul { padding-bottom: 10px; }
/*.article#sitesearch .pagetop { border: none; margin-right: 10px; } */
.article#sitesearch .entry-content form input,
.cmxform input, .cmxform textarea { font-size: 100%; }
.article#sitesearch .entry-content form .search_btn { margin-left: 5px; }


/* サイトマップ ---------------------- */
body#sitemap .entry { margin:10px; }
body#sitemap h3.entry-header { padding:0; margin-bottom: 20px; background:url(images/ttl-bg.gif) no-repeat; line-height:28px; text-indent:25px; height:30px; }
body#sitemap .archives-entry { margin:5px 20px 20px 40px; } 
body#sitemap .archives-entry li { list-style-type: disc; }