@charset "utf-8";

/* 中ページ共通
----------------------------------------------- */
.pankuzu{ padding:0px 0px 5px 0px;}
#service{ border:#CCC 1px dotted; background-image:url(../img/submenu_bd.gif); background-repeat:repeat-y;}

#service .left{ width:148px; float:left;}
#service .left ul{ margin:0px; padding:0px; line-height:170%;
list-style-type:none;}
#service .left li{ margin:0px; padding:3px; border-bottom: dotted 1px #ccc;}
#service .left a{
	display: block;
	padding:8px 8px 8px 12px;
	margin-left:3px;
	background: url(../service/img/arrow.gif) 0 1.3em no-repeat;
	/* ■画像周りの余白を消す zoom:1;はIE6の余白回避 */
}

#service .left a:hover{ display: block;background-color:#f0f0f0;padding:8px 8px 8px 12px; 	/* ■画像周りの余白を消す zoom:1;はIE6の余白回避 */}
#service .on a{ display: block;background-color:#f0f0f0;padding:8px; text-decoration:none; color:#666;	 	/* ■画像周りの余白を消す zoom:1;はIE6の余白回避 */}

#service .main{ width:510px; float:right; padding:20px;}
#main h3{ padding:0; margin:0px 0px 15px 0px;}
#main h4{ padding:0; margin:20px 0px 10px 0px; font-size:16px;}
#main h5{ padding:0; margin:0px 0px 10px 0px; font-size:12px;}

#other{ border:#CCC 1px dotted; padding:20px;}


/*#service .main h3 {
	padding:12px 0 0 20px;
	margin:0px 0px 15px 0px;
	background:url(../service/img/ttl_bg.jpg) left top no-repeat;
	text-align:left;
	height:42px;
	font-size:14px;
}*/

#main .sv_ttl{
	padding:3px 0px 3px 5px;
	margin:20px 0px 10px 0px;
	font-size:14px;
	color:#333333;
	background-color:#FFFFFF;
	border-left:4px solid #444444;
}

#main .mbl_table {
    width: 510px;
	margin-top:20px;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#main .mbl_table th {
    padding: 5px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#main .mbl_table td {
    padding: 5px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	vertical-align:top;
}


/* 製作事例
----------------------------------------------- */

.jireiBox{ width:510px; border-bottom:dotted 1px #CCC; margin-bottom:10px; padding-bottom:10px; clear:both;}
.jireiL{ width:140px;float:left;}
.jireiR{ width:370px;float:right;}

/* 沿革
----------------------------------------------- */
.history dl { border-bottom:#CCC 1px dotted;
	margin: 0px 0px 0px 0px; 
	padding: 8px 0px 8px 0px; width:660px;
}
.history dt {
	margin: 0;
	padding: 0px 0px 2px 10px;
	width: 8em;
}
.history dd{
	padding: 5px 0px 0px 10px;
	margin-left: 8em;
	margin-top: -2.0em;
	line-height: 1.4em;
}

/* FAQ
----------------------------------------------- */

.faqQ{ width:500px; background-color:#666; color:#FFF; padding:5px;}
.faqA{ width:498px;border:solid 1px #CCC;margin-bottom:20px;padding:5px;}

/* ニュース
----------------------------------------------- */
.news ul {
	margin:0px 0px 20px 10px; 
	padding:0px 0px 0px 0px ;
	}
.news li{
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	list-style-type: none; border-bottom:dotted 1px #CCC;
	}

/* お問い合わせ
----------------------------------------------- */
.contactT{ background-color:#CDCEA3; padding:5px;}
.contactBox{ width:636px; padding:10px; border:solid 1px #CEC9B3; margin:10px 0px 10px 0px;}


/* サイトマップ
----------------------------------------------- */
.sitmapBox{ width:300px; float:left; padding:0px 20px 0px 5px;}
.sitmapBox ul{
	margin:0px 0px 10px 15px; 
	padding:0px 0px 0px 0px ;
	}
.sitmapBox li{
	margin:5px 0px 0px 0px;
	padding:0px 0px 5px 0px;list-style-type: none; 
	}	
.sitmapT1{ border-left:solid 5px #2A6988; font-size:12px; padding:3px 0px 3px 10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}
.sitmapT2{ border-left:solid 5px #4D1035; font-size:12px; padding:3px 0px 3px 10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}
.sitmapT3{ border-left:solid 5px #669933; font-size:12px; padding:3px 0px 3px 10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}
.sitmapT4{ border-left:solid 5px #ff9900; font-size:12px; padding:3px 0px 3px 10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}
.sitmapT5{ border-left:solid 5px #A49A77; font-size:12px; padding:3px 0px 3px 10px; border-bottom:1px dotted #CCC; margin-bottom:10px;}




/* ページ送り
----------------------------------------------- */
div.page { 
              text-align:center;
              padding: 5px;}

div.page a {
              padding: 4px 8px 4px 8px; 
              margin: 2px; background-color:#FFF;
              border: 1px solid #ccc;color: #666;
              text-decoration: none; /* no underline */ }
			  
div.page a:hover, div.page a:active {
              border: 1px solid #ccc;
              background-color:#ccc;
              color: #fff;}
			  
div.page span.current {
              padding: 4px 8px 4px 8px;
              margin: 2px; 
              border: 1px solid #ccc;
              font-weight: bold;
              background-color: #ccc;
              color: #FFF;} 
			  
div.page span.disabled {
              padding: 4px 8px 4px 8px;
              margin: 2px; background-color:#FFF;
              border: 1px solid #ddd;
              color: #ddd; }

/* ミュージックスクールページ
----------------------------------------------- */
.school h2{margin:0px 0px 20px 0px; padding:20px 0px 0px 0px; background-image: url(../img/school_title.gif); background-repeat:no-repeat; text-align:right; font-size:22px; height:20px;}
.schoolBox{ width:678px; border:#CCC 1px solid; background-color:#FFF; font-size:10px; margin-bottom:20px; padding:10px; }
.schoolBox p{padding:0px;margin:0px 0px 10px 0px;}
.school_l{ width:370px;float:left; padding:0px 0px 0px 0px;}
.school_r{ width:305px;float:right; padding:0px 0px 0px 0px; text-align:right;}

/* その他
----------------------------------------------- */