/* CSS Document */

/*ul,
ol{
margin-left:30px;
}
li{
padding:5px;
}*/

/*パンくずリスト*/
#path{
border-bottom:1px dotted #009900;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
margin-bottom:5px;
}

.box{
padding:5px 10px;
margin-bottom:5px;
}


/*//////////////////////////////////////////////////////////////////////
/////////////           メインレイアウト        ////////////////////////
//////////////////////////////////////////////////////////////////////*/

/*1.トップページ用*/
.box_top{
margin:0px;
}
/*2.通常コンテンツページ用*/
.box_contents{
width:560px;
padding:5px;
margin-left:5px;
margin-top:10px;
}
/*3.商品ページ用*/
.box_contents_item{
width:560px;
padding:5px;
margin-left:5px;
margin-top:10px;
}
.box_contents_item ul{
list-style:none;
margin-left:30px;
margin-bottom:15px;
}
.box_contents_item ul li{
line-height:28px;
padding:0px 0px 0px 15px;
background:url("../images/icon_itemlist.gif") no-repeat left center;
font-size:14px;
}

/*////////////////////////////////////////////*/
/*           トップページ用パーツ             */
/*////////////////////////////////////////////*/

/*セールアイテム*/
#salenavi{
border-bottom:1px dotted #009900;
background:url("../images/bg_h2_top.gif") no-repeat 5px 2px;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
margin-bottom:5px;
}
#salenavi h2{
width:250px;
float:left;
background:none;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:0px;
border:none;
}

#saleitem{
}
#saleitem div{
float:left;
width:195px;
margin:0px 0px 5px;
}
#saleitem dl{
/*background-color:#eeffff;*/
background:url("../images/icon_new.gif") no-repeat right top;
padding:5px 25px 5px 0px;
}
#saleitem dt{
text-align:center;
font-weight:bold;
padding:5px 0px;
line-height:1.4em;
}
#saleitem dt img{
border:1px solid #99cc99;
}
#saleitem dd{
text-align:left;
padding:0px 0px;
line-height:1.4em;
color:#666666;
}

/*メインカタログ部分*/
table.catalog{
width:650px;
padding:5px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
}
table.catalog th{
font-size:13px;
text-align:left;
vertical-align:top;
width:auto;
padding:5px;
line-height:1.8em;
color:#CC6666;
}
table.catalog td{
padding:5px;
}
table.catalog ul{
list-style:none;
margin:0px;
padding:0px;
}
table.catalog ul li{
float:left;
margin:0px;
padding-right:10px;
white-space:nowrap;
}
table.catalog ul li a{
line-height:1.8em;
}

/*/////////////////////////////////////////////////////////
//////////             内部各ページ用            //////////
/////////////////////////////////////////////////////////*/

/*大特価ページナビ*/
#bargainnavi{
border-bottom:1px dotted #009900;
background:;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
margin-bottom:5px;
}


/*店舗情報などインフォメーション表記用の定義リスト*/

dl#info{
border:1px solid #75B986;
margin-bottom:5px;
}
dl#info dt{
padding:5px;
background:#9BCEA0;
}
dl#info dd{
padding:5px;
margin-left:20px;
}

/*お問い合わせページフォームのテーブル*/
table.formtable{
	width:640px;
	border-collapse:collapse;
	border:3px double #ffcc99;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
table.formtable caption{
background-color:#ffffcc;
border-top:1px solid #ffcc99;
border-left:1px solid #ffcc99;
border-right:1px solid #ffcc99;
margin:0px auto;
padding:5px;
text-align:left;
}
table.formtable th{
padding:5px;
border:1px solid #dddddd;
background:#eeffcc;
width:140px;
color:#336633;
text-align:left;
}
table.formtable td{
padding:5px;
border:1px solid #dddddd;
}

table.formtable td.caption{
background:#ffffcc;
font-weight:bold;
color:#660000;
}
table.formtable td textarea,
table.formtable td input{
font-size:12px;
}




/*サイトマップ用定義リスト*/

dl#sitemap{
border-right:1px solid #ffcc33;
border-left:1px solid #ffcc33;
border-bottom:1px solid #ffcc33;
margin-bottom:5px;
}
dl#sitemap dt{
padding:5px 5px 5px 20px;
font-size:14px;
font-weight:bold;
border-bottom:1px dashed #dddddd;
border-top:1px solid #ffcc33;
background:url("../images/bg_h2.gif") no-repeat left center;
}
dl#sitemap dd{
padding:5px;
margin-left:20px;
border-right:10px double #ff9900;
}
dl#sitemap dd ul{
list-style-position:inside;
}
dl#sitemap dd ul li{
font-size:14px;
padding:5px;
}


/*商品ページ用レイアウト-----------------------*/

/*大特価サービスページ*/

/*サービス背景表示*/
dd.service{
background:url("../bargain/images/bg_service.gif") center no-repeat;
height:35px;
text-align:center;
line-height:30px;
}
/*画像左寄せレイアウトの解説表示（画像サイズ幅200px以下）*/
dl.item_note_r{
width:280px;
margin-left:240px;
margin-bottom:10px;
font-size:12px;
border:1px solid #006600;
}
dl.item_note_r dt{
background-color:#eeffee;
color:#006600;
font-weight:bold;
padding:5px;
border-bottom:1px dashed #006600;
}
dl.item_note_r dd{
padding:5px;
}

table.feature{
border-collapse:collapse;
border:1px solid #006600;
margin-bottom:15px;
}
table.feature th{
padding:5px;
border:1px solid #dddddd;
width:100px;
color:#006600;
background:#eeffee;
}
table.feature td{
border:1px solid #dddddd;
padding:5px;
}
.orderform table{
border-collapse:collapse;
border:1px solid #006600;
margin:0px 10px 15px;
background:#ffffff;
}
.orderform table th{
padding:5px;
border:1px solid #dddddd;
width:100px;
color:#006600;
background:#eeffee;
}
.orderform table td{
border:1px solid #dddddd;
padding:5px;
}

/*メーカーページ*/
.thumbnail_display{
width:550px;
}
.thumbnail_display li{
float:left;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
width:175px;
height:72px;
overflow:hidden;
}
.thumbnail_display li h3{
font-size:11px;
font-weight:normal;
color:#cc6600;
padding:0px;
margin:0px;
border-bottom:none;
border-left:none;
background:none;
}
.thumbnail_display li p{
margin-right:5px;
padding:0px;
font-size:10px;
line-height:1.2em;
}
.thumbnail_display li a img{
margin-right:5px;
float:left;
border:1px solid #666666;
}
.thumbnail_display li a:hover img,
.thumbnail_display li a:active img{
border:1px solid #ff9900;
}

/*商品一覧*/

.description{
border:1px outset #ffffcc;
margin:0px 5px 20px;
}

.tbl_itemlist{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.tbl_itemlist th{
padding:5px;
width:180px;
text-align:left;
border-bottom:1px solid #cccccc;
}
.tbl_itemlist th img{
border:1px solid #666666;
}
.tbl_itemlist td{
padding:5px;
border-bottom:1px solid #cccccc;
vertical-align:top;
}
.tbl_itemlist td  dl{
margin:0px;
padding:0px;
border:1px solid #666666;
}
.tbl_itemlist td dl dt{
padding:5px;
margin:0px;
font-size:14px;
font-weight:bold;
background:#eeffcc;
}
.tbl_itemlist td dl dd{
padding:5px;
margin:0px;
}
/*.itemlist{
clear:left;
border-bottom:dashed 1px #ff9900;
width:520px;
height:auto;
padding:5px;
margin-bottom:5px;
margin-left:5px;
}
.thumbnail{
padding:5px;
border:1px solid #cccccc;
float:left;
margin-right:5px;
}
.description h3{
color:#006600;
border:1px solid #cccccc;
margin-bottom:5px;
background:#eeffee;
}
.description dl{
border:1px solid #cccccc;
margin-bottom:2px;
}
.description dl dt{
padding:5px;
background:#eeeeee;
border-bottom:1px dashed #cccccc;
}
.description dl dd{
padding:5px;
}*/

/*商品詳細*/
.item_price{
margin:0px 5px 10px;
font-size:16px;
border:1px solid #006600;
}
.item_price dt{
	padding:5px;
	background-color: #eeffcc;
}
.item_price dd{
padding:5px;
}
.item_note{
	font-size:12px;
	border:1px solid #CCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.item_note dt{
text-align:center;
padding:5px;
border-bottom:1px dashed #006600;
}
.item_note dt img{
border:1px solid #666666;
}
.item_note dd{
padding:5px;
text-align:center;
}
.item_note dd h3{
text-align:left;
}
.item_note dd p{
margin-left:20px;
text-align:left;
}
table.spec{
border-collapse:collapse;
border:1px solid #cccccc;
margin:0px 5px 30px;
width:540px;
}
table.spec caption{
padding:5px;
margin:0px 5px;
background:#cccccc;
}
table.spec th{
width:150px;
border:1px dashed #cccccc;
padding:5px;
background:#eeeeee;
}
table.spec td{
padding:5px;
border:1px dashed #cccccc;
}

table.spec_2{
border-collapse:collapse;
border:1px solid #cccccc;
margin:0px 5px 30px;
}
table.spec_2 caption{
padding:5px;
margin:0px 5px;
background:#cccccc;
}
table.spec_2 th{
width:150px;
border:1px dashed #cccccc;
padding:5px;
background:#eeeeee;
}
table.spec_2 td{
padding:5px;
border:1px dashed #cccccc;
}


.orderform{
height:30px;
line-height:30px;
font-size:16px;
font-weight:bold;
background-color:#ffeecc;
color:#FF6600;
text-align:center;
width:540px;
margin:0px 5px 30px;
border:1px dashed #ffcc66;
}
.orderform input{
}

table.carriage{
	border-collapse:collapse;
	border:1px solid #cccccc;
	width:700px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
table.carriage td{
width:150px;
border:1px dashed #cccccc;
padding:5px;
text-align:right;
color:#cc0000;
font-weight:bold;
}
table.carriage th{
padding:5px;
border:1px dashed #cccccc;
background:#eeeeee;
text-align:left;
font-weight:normal;
}

.process{
background:#eeffcc;
padding:5px;
border:1px dashed #006600;
list-style:inside decimal;
margin:0px 20px 30px;
}
.process li{
margin-bottom:20px;
}
.payment{
margin:0px 5px 10px;
border-left:1px solid #006600;
border-right:1px solid #006600;
border-top:1px solid #006600;
}
.payment ol{
margin-left:35px;
}
.payment dt{
padding:5px;
background:#eeffee;
border-bottom:1px dashed #006600;
font-weight:bold;
font-size:16px;
color:#006600;
}
.payment dd{
padding:5px;
border-bottom:1px solid #006600;
}
table.commission{
border-collapse:collapse;
border:1px solid #cccccc;
margin:0px 100px 15px;
width:300px;
}
table.commission caption{
border:1px solid #cccccc;
padding:5px;
margin:0px 100px;
width:300px;
}
table.commission th{
padding:5px;
border:1px solid #cccccc;
background:#eeeeee;
text-align:center;
}
table.commission td{
padding:5px;
border:1px solid #cccccc;
}
/*#focus_path{
text-align:right;
padding:5px;
margin-bottom:10px;
}
.img_item{
padding:5px;
}
.img_item img{
padding:5px;
border:1px solid #cccccc;
margin-bottom:5px;
}
.itemdetail{
border:1px solid #cccccc;
margin-bottom:5px;
}
.itemdetail dl{
margin-bottom:2px;
}
.itemdetail dl dt{
padding:5px;
background:#eeeeee;
border-bottom:1px dashed #cccccc;
}
.itemdetail dl dd{
padding:5px;
}*/

/*会社概要,特商法テーブル*/
table.info{
width:640px;
padding:5px;
margin-left:5px;
margin-bottom:20px;
border:1px solid #cccccc;
}
table.info th{
font-size:13px;
text-align:left;
vertical-align:top;
width:90px;
padding:5px;
background-color:#FFee88;
border:1px solid #cccccc;
color:#cc6600;
}
table.info td{
border:1px solid #cccccc;
padding:5px;
}
table.info ul{
list-style:url("../images/icon_list.gif");
margin:0px;
padding:0px;
}
table.info ul li{
margin-left:15px;
line-height:15px;
height:15px;
}

ul#policy{
list-style:url("../images/icon_list.gif");
margin:0px 0px 0px 10px;
padding:0px;
}
ul#policy li{
margin-left:15px;
line-height:15px;
height:15px;
}

/*料金一覧テーブル*/
table.pricelist{
width:500px;
padding:5px;
margin-left:5px;
margin-bottom:20px;
border:1px solid #cccccc;
}
table.pricelist th{
font-size:13px;
text-align:left;
vertical-align:top;
width:90px;
padding:5px;
background-color:#FFee88;
border:1px solid #cccccc;
color:#cc6600;
}
table.pricelist td{
border:1px solid #cccccc;
padding:5px;
}
td.price{
text-align:right;
}

/*演奏サービス*/
.performancemenu{
clear:left;
}
.performancemenu img{
margin-right:5px;
float:left;
}
.performancemenu dl{
border:1px solid #ffee88;
margin-left:140px;
}
.performancemenu dl dt{
padding:5px 5px 5px 25px;
background:#ffffdd url("../images/bg_dt.gif") no-repeat left center;
}
.performancemenu dl dd{
padding:5px;
text-align:right;
}

/*輸送サービス*/

.transport_area{
}
.transport_area dt{
padding:5px;
margin-left:20px;
border-bottom:1px dashed #cccccc;
border-left:10px solid #66cc66;
background:url("../images/bg_dt_transport.gif") no-repeat;
}
.transport_area dd{
padding:5px;
text-align:right;
}

/*調律サービス・音楽教室*/
dl.tune{
border:1px solid #ffee88;
margin:0px 10px 10px;
}
dl.lesson,
dl.lesson_course{
border:1px solid #ffee88;
margin-bottom:10px;
margin-left:40px;
}
dl.tune dt,
dl.lesson dt{
padding:5px 5px 5px 30px;
background:#ffffdd url("../images/bg_dt.gif") no-repeat left center;
}
dl.lesson_course dt{
padding:5px 5px 5px 30px;
margin-bottom:15px;
background:#ffffdd url("../images/bg_dt.gif") no-repeat left center;
}
dl.tune dd,
dl.lesson dd{
padding:5px;
text-align:right;
}
dl.lesson_contact{
width:300px;
margin-left:150px;
margin-bottom:20px;
text-align:center;
border:1px dashed #ff9966;
background:url("../lesson/images/bg_lesson_contact.gif") no-repeat center bottom;
}
dl.lesson_contact dt{
padding:5px;
background:#ffffdd;
color:#FF6633;
font-size:16px;
font-weight:bold;
border-bottom:1px dashed #ff9966;
}
dl.lesson_contact dd{
padding:10px 5px;
font-size:14px;
}

ol.lesson{
list-style:inside decimal;
}
ol.lesson li{
padding:5px;
margin-left:20px;
margin-bottom:30px;
background:url("../images/bg_dt_transport.gif") no-repeat;
line-height:24px;
}
ul.lessoncontents{
list-style:none;
}
ul.lessoncontents li{
float:left;
white-space:nowrap;
}
ul.lessoncontents li a,
ul.lessoncontents li a:link,
ul.lessoncontents li a:visited{
display:block;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width:160px;
border:1px dashed #cccccc;
background-color:#FFeecc;
}
ul.lessoncontents li a:hover,
ul.lessoncontents li a:active{
border:1px solid #cccccc;
background-color:#ffffff;
}

h3.lesson{
font-size:14px;
font-weight:normal;
color:#003300;
padding:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
border-bottom:1px dashed ffcc33;
border-left:5px solid #ff9966;
background:none;
}
p.lesson{
margin-left:50px;
margin-bottom:30px;
width:420px;
}
/*グレードテスト*/
table.gradetest{
border-collapse:collapse;
border:1px solid #ff9966;
margin-left:20px;
width:480px;
}
table.gradetest th{
padding:5px;
border:1px solid #dddddd;
background:#ffee99;
color:#003300;
}
table.gradetest td{
padding:5px;
border:1px solid #dddddd;
}
table.gradetest caption{
text-align:left;
padding:5px;
margin-left:20px;
}
/*オリジナル教材　サウンドツリー*/
.flash_soundtree{
margin-bottom:10px;
margin-left:40px;
text-align:center;
border:1px solid #ccc;
width:480px;
}
	/*レッスンコースcgi*/
table.lesson_form{
border-collapse:collapse;
border:1px solid #cccccc;
margin-left:40px;
margin-bottom:5px;
}
table.lesson_form th{
width:50px;
padding:5px;
background-color:#FFFFCC;
border:1px solid #dddddd;
}
table.lesson_form td{
padding:5px;
border:1px solid #dddddd;
}
table.lesson_form td input,
table.lesson_form td textarea{
font-size:12px;
}

.lesson_mode{
margin-left:40px;
margin-bottom:5px;
}
	/*背景*/
.pc_campaign{
background:url("../lesson/images/img_pc.gif") no-repeat right top;
}	
.bg_soundtree{
background:url("../lesson/images/bg_soundtree.gif") no-repeat right top;
/*height:160px;*/
}
.tbl_itemlist2{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.tbl_itemlist2 th{
padding:5px;
text-align:left;
border-bottom:1px solid #cccccc;
}
.tbl_itemlist2 th img{
margin:5px;
border:1px solid #666666;
}
.tbl_itemlist2 td{
border-bottom:1px solid #cccccc;
vertical-align:top;
}
.tbl_itemlist2 td  dl{
margin:0px;
padding:0px;
}
.tbl_itemlist2 td dl dt{
padding:5px;
margin:0px;
background:#eeffcc;
}
.tbl_itemlist2 td dl dd{
padding:5px;
margin:0px;
}

.tbl_itemlist_all{
border-collapse:collapse;
border:1px solid #cccccc;
margin:0px 20px 20px;
}
.tbl_itemlist_all th{
padding:5px;
text-align:center;
border-bottom:1px solid #cccccc;
}
.tbl_itemlist_all th img{
border:1px solid #666666;
}
.tbl_itemlist_all td{
padding:5px;
border-bottom:1px solid #cccccc;
vertical-align:top;
}
.tbl_itemlist_all td  dl{
margin:0px;
padding:0px;
border:1px solid #666666;
}
.tbl_itemlist_all td dl dt{
	padding:5px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	background:#eeffcc;
	text-align: left;
}
.tbl_itemlist_all td dl dd{
padding:5px;
margin:0px;
}