@charset "UTF-8";

body{
font-size:75%;
font-family:'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W5', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif;
line-height:1.2em;
text-align:center;
margin:0 auto;
padding:0 auto;
background-position:top center;
background-image:url(images/dee_10.gif);
background-repeat:repeat-y repeat-x;
}

#dee {
width:816px;
text-align:center;
margin:0 auto;
padding:0 auto;
background-image:url(images/dee_body.jpg);
background-repeat:repeat-y;
}

#container{
width:796px;
height:auto;
text-align:center;
margin:0 auto;
padding:0 auto;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
background-color:#FFFFFF;
}

#header{
width:796px;
height:68px;
margin-bottom:0px;
background-image:url(images/dee_header12.jpg);
text-align:left; /* IE 5x bug fix */
}

#header h1{
width:225px;
float:left;
margin:0px;
padding-top:15px;
padding-left:15px;
}

#header ul {
float:right;
height:16px;
margin:15px;
list-style:none;
margin-top:17px;
}

#header li {
margin:0px;
padding-right:0px;
display:inline;
padding-top:0px;
padding-left:15px;
}

#header li img {
border:none;
}

/*float clear*/
#container hr {
clear:both;
visibility:hidden;
display:none;
height:0;
margin:0;
padding:0;
}

#flashphoto {
width:796px;
height:250px;
float:left;
padding-top:0px;
padding-bottom:15px;
margin-top:0px;
/*background-color:#75C65A;*/
background-image:url(images/bar_sep.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#mainnav {
text-align:center;
}

#mainnav h2 {
margin:0;
padding:0;
text-indent:-9999px;
}

#mainnav ul, li, img {
float:left;
margin:0;
padding:0;
border:none;
list-style-type:none;
}

#mainnav ul {
width:796px;
margin-top:0px;
}

/*▼去掉mainnav文字寫法不用-9999px方法 但還是有虛線啊*/
#mainnav ul li a span {
position:absolute;
width:0;
height:0;
overflow:hidden;
} 

/*=======第一排的navi開始==========*/

#mainnav ul.navi {
padding-left:11px;
}

#mainnav ul.navi li {
padding-right:1px;
display:inline;
}

/*=======▼mainnav 1.關於UD <<about>>===========*/
#mainnav ul.navi li#about {
background:url(images/mainnav_about_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navi li#about a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_about.jpg) no-repeat;
}

#mainnav ul.navi li#about a:hover {
background-position:-195px -128px;
}



/*======▼mainnav 2.獨家代理<<onlyinud>>========*/
#mainnav ul.navi li#onlyinud {
background:url(images/mainnav_onlyinud_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navi li#onlyinud a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_onlyinud.jpg) no-repeat;
}

#mainnav ul.navi li#onlyinud a:hover {
background-position:-390px -128px;
}

/*======▼ 3.mainnav UD教學<<teach>>========*/
#mainnav ul.navi li#teach {
background:url(images/mainnav_teach_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navi li#teach a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_teach.jpg) no-repeat;
}

#mainnav ul.navi li#teach a:hover {
background-position:-585px -128px;
}

/*======▼ 4.mainnav 練團室與錄音室<<room>>========*/
#mainnav ul.navi li#room {
background:url(images/mainnav_room_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navi li#room a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_room.jpg) no-repeat;
}

#mainnav ul.navi li#room a:hover {
background-position:-780px -128px;
}



/*======▼第二排navib開始========*/

#mainnav ul.navib {
margin-top:5px;
padding-top:0px;
padding-left:11px;
}

#mainnav ul.navib li {
padding-right:1px;
display:inline;
}

/*=======▼mainnav 5.樂器銷售<<sell>>===========*/
#mainnav ul.navib li#sell {
background:url(images/mainnav_sell_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navib li#sell a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_sell.jpg) no-repeat;
}

#mainnav ul.navib li#sell a:hover {
background-position:-195px -128px;
}

/*=======▼mainnav 6.線上教學<<onlinelesson>>===========*/
#mainnav ul.navib li#onlinelesson {
background:url(images/mainnav_onlineles_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navib li#onlinelesson a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_onlinelesson.jpg) no-repeat;
}

#mainnav ul.navib li#onlinelesson a:hover {
background-position:-390px -128px;
}

/*=======▼mainnav 7.器材選購常識<<choose>>===========*/
#mainnav ul.navib li#choose {
background:url(images/mainnav_choose_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navib li#choose a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_choose.jpg) no-repeat;
}

#mainnav ul.navib li#choose a:hover {
background-position:-585px -128px;
}

/*=======▼mainnav 8.線上購物<<shop>>===========*/
#mainnav ul.navib li#shop {
background:url(images/mainnav_shop_rollover.jpg) no-repeat;
background-position:left bottom;
}

#mainnav ul.navib li#shop a {
width:195px;
height:128px;
display:block;
background:url(images/mainnav_shop.jpg) no-repeat;
}

#mainnav ul.navib li#shop a:hover {
background-position:-780px -128px;
}


/*=====▼ 內文開始=====*/

#content {
clear:left;
overflow:auto;
/*height:950px;*/
margin-top:15px;
margin-bottom:0px;
background-color:#FFF;
border-bottom:solid 1px #ccc;
}

#content #siteLeft {
width:540px;
/*height:940px;*/
float:left;
overflow:auto;
padding-bottom:10px;
margin-top:10px;
margin-left:8px;
margin-right:0px;
margin-bottom:10px;
background-color:#F2F2F2;
/*border-left:dashed 1px #999;
border-right:dashed 1px #999;
border-bottom:dashed 1px #999;*/
}

#content #siteLeft h2{
height:40px;
margin:0px;
margin-top:0px;
margin-left:1px;
margin-right:0px;
padding-bottom:0px;
text-indent:-9999px;
background-image:url(images/banner_news02.jpg);
background-repeat:no-repeat;
}

#content #siteLeft #newsText {
width:520px;
height:auto;
padding:0px;
margin-left:10px;
margin-top:1px;
margin-bottom:10px;
border-bottom:solid 1px #CFCFCF;
background-color:#FFF;
}

#content #siteLeft #newsText p {
width:520px;
overflow:auto;
font-size:1em;
font-family:'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W5', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif;
text-align:left;
color:#1A1A1A;
letter-spacing:0.2em;
line-height:1.2em;
margin:0;
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
border-bottom:solid 1px #CCC;
}

#content #siteLeft #newsText p a {
height:36px;
color:#333;
text-decoration:none;
display:block;
}

#content #siteLeft #newsText p a:hover {
display:block;
text-decoration:underline;
/*background-color:#EDF8E6;*/
}

#content #siteLeft #newsText p ul {
width:520px;
text-align:left;
}

#content #siteLeft #newsText p ul li {
text-align:left;
}

#content #siteLeft #newsText p.newgoods {
font-family: Arial, Helvetica, sans-serif;
width:500px;
height:auto;
float:left;
line-height:1.5em;
margin-top:2px;
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
display:block;
}

#content #siteLeft #newsText p.newgoods span {
font-size:0.8em;
font-weight:bold;
color:#F15A24;
}

#content #siteLeft #newsText img {
padding:2px;
margin-top:0px;
margin-right:10px;
margin-left:0px;
border:solid 1px #CFCFCF;
}

#content #siteRight {
width:228px;
height:auto;
float:left;
text-align:center;
margin-top:10px;
margin-left:8px;
/*border-left:dotted 1px #333;
border-right:dotted 1px #333;
background-color:#F3F3F3;*/
}

#content #siteRight h2{
width:226px;
height:40px;
margin-left:1px;
margin-right:1px;
margin-top:-1px;
margin-bottom:0px;
text-indent:-9999px;
background-image:url(images/banner_info.jpg);
background-repeat:no-repeat;
}

#content #siteRight p {
width:226px;
height:30px;
margin-left:4.5px;
margin-right:1px;
margin-top:2px;
margin-bottom:10px;
}

/*#bottomNav {
width:796px;
height:30px;
text-align:center;
clear:left;
}*/

#bottomNav {
clear:left;
height:auto;
width:796px;
}

#bottomNav ul {
width:680px;
height:13px;
color:#808080;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
padding-left:87px;
/*background-color:#000;*/
}

#bottomNav ul li {
display:inline;
font-size:0.9em;
padding-left:10px;
padding-right:10px;
margin-left:0px;
border-left:solid 1px #ccc;
}

#bottomNav ul li a {
color:#808080;
text-decoration:none;
}

#bottomNav ul li a:hover {
color:#000;
}

#bottomNav ul li.location {
border-right:solid 1px #ccc;
}

#footer {
clear:both;
height:auto;
padding-top:0px;
margin-top:5px;
background-color:#333;
}

#footer address {
width:400px;
height:10px;
font-size:0.8em;
font-style:normal;
letter-spacing:0.2em;
color:#fff;
text-align:left;
padding:20px 0px 0px 10px; 
margin-left:250px;
background-color:#333;
}

#footer address.siteMeter {
width:100px;
height:35px;
padding-top:10px;
padding-bottom:5px;
margin-left:350px;
background-color:#333;
}