@charset "shift_jis";


/*全体*/
body{
background: #333333;
}

div#layout{
position: relative;
width: 760px;
margin: 0 auto;
background: #333333 url("img/whiteback.jpg") no-repeat top;
}

div#tsof{
background: url("img/main_top.png") no-repeat top;;
width: 760px;
height: 50px;
}

div#tsof div#minimenu{
position: relative;
}

div#minimenu ul{
position: absolute;
top: 30px;
left: 530px;
}

div#minimenu ul li{
float: left;
list-style-type: none;
}

div#minimenu ul li a{
display: block;
width: 100px;
height: 20px;
font-variant: small-caps;
letter-spacing: 0.1em;
}

div#main{
width: 700px;
color: #ffffff;
background-color: #000000;
border: solid 1px #ffffff;
font: 14px/150% "ＭＳ Ｐゴシック",sans-serif;
letter-spacing: 0.1em;
margin-left: 30px;
}

div#header{
width: 660px;
height: 100px;
background-color: #000000;
margin: 10px 0px 10px 0px;
}

h1{
width: 260px;
height: 100px;
overflow: hidden;
float: left;
}

h2{
width: 350px;
height: 20px;
background: url("img/h2.jpg") no-repeat top;
text-indent: -9999px;
margin: 0 auto;
margin-bottom: 20px;
}

h3{
height: 35px;
border-left: solid 3px #666666;
}

h4{
margin: 1em 0;
}

div#contents{
background-color: #000000;
height: 500px;
margin: 20px 100px;
overflow: auto;
}

a:link{
color: #333333;
text-decoration: none;
}

a:visited{
color: #333333;
text-decoration: none;
}

a:hover{
color: #999999;
text-decoration: none;
}

div#contents a:link{
color: #99CC33;
text-decoration: none;
}

div#contents a:visited{
color: #99CC33;
text-decoration: none;
}

div#contents a:hover{
color: #333333;
text-decoration: none;
}

p.p{
padding-bottom: 1em;
}


/*ナビゲーション*/
div#gloNav{
width: 400px;
float: left;
}

div#gloNav ul li{
float: left;
list-style-type: none;
text-indent:-9999px;
}

div#gloNav ul li a{
display: block;
width: 80px;
height: 100px;
text-decoration: none;
}

div#gloNav ul li#navProfile a{
background: url("img/nav_profile_off.jpg") no-repeat left top;
outline: 0;
}
div#gloNav ul li#navProfile a:hover{
background: url("img/nav_profile_on.jpg") no-repeat left top;
}

div#gloNav ul li#navDiscography a{
background: url("img/nav_discography_off.jpg") no-repeat left top;
outline: 0;
}
div#gloNav ul li#navDiscography a:hover{
background: url("img/nav_discography_on.jpg") no-repeat left top;
}

div#gloNav ul li#navSchedule a{
background: url("img/nav_schedule_off.jpg") no-repeat left top;
outline: 0;
}
div#gloNav ul li#navSchedule a:hover{
background: url("img/nav_schedule_on.jpg") no-repeat left top;
}

div#gloNav ul li#navEvent a{
background: url("img/nav_event_off.jpg") no-repeat left top;
outline: 0;
}
div#gloNav ul li#navEvent a:hover{
background: url("img/nav_event_on.jpg") no-repeat left top;
}

div#gloNav ul li#navBrog a{
background: url("img/nav_brog_off.jpg") no-repeat left top;
outline: 0;
}
div#gloNav ul li#navBrog a:hover{
background: url("img/nav_brog_on.jpg") no-repeat left top;
}


/*左画像*/
/*
div#hana{
background: url("img/hana.png") no-repeat;
width: 288px;
height: 700px;
position: absolute;
left: -158px;
bottom: 81px;
z-index: 50;
}
*/


/*左画像*/
/*
div#hana{
background: url("img/shimenawa.png") no-repeat;
width: 310px;
height: 650px;
position: absolute;
left: -205px;
bottom: 81px;
z-index: 50;
}
/*


/*overトップ*/
div#over_top{
background: url("img/over_top.png") no-repeat;
width: 220px;
height: 615px;
position: absolute;
right: -110px;
bottom: 20px;
z-index: 50;
}

/*overプロフィール*/
div#over_profile{
background: url("img/over_profile.png") no-repeat;
width: 227px;
height: 600px;
position: absolute;
right: -100px;
bottom: -10px;
z-index: 50;
}

/*overディスコグラフィ*/
div#over_discography{
background: url("img/over_discography.png") no-repeat;
width: 220px;
height: 550px;
position: absolute;
right: -90px;
bottom: 40px;
z-index: 50;
}

/*overスケジュール*/
div#over_schedule{
background: url("img/over_schedule.png") no-repeat;
width: 220px;
height: 680px;
position: absolute;
right: -100px;
bottom: -50px;
z-index: 50;
}

/*overイベント*/
div#over_event{
background: url("img/over_event.png") no-repeat;
width: 220px;
height: 647px;
position: absolute;
right: -100px;
bottom: -10px;
z-index: 50;
}


/*フッター*/
div#footer{
background: url("img/footer.png") no-repeat;
width: 760px;
height: 80px;
text-align: center;
}

div#about{
position: relative;
}

div#about a{
font-variant: small-caps;
letter-spacing: 0.1em;
}


/*トップ*/
div#guide{
width: 350px;
margin: 0 auto;
margin-bottom: 20px;
}

div#banner{
width: 250px;
margin: 0 auto;
margin-top: 20px;
}

div#banner img{
margin-bottom: 20px;
}


/*プロフィール*/
#profile_img{
float: left;
margin: 10px 10px 0px 20px;
padding: 5px;
border: solid 1px #99CC33;
}

ul#profile li span{
display: block;
height: 30px;
background: url("img/hana_icon.jpg") no-repeat center left;
margin-left: 180px;
padding: 10px 0 0 35px;
background-position: 0px 5px;
}

div#profile_comment{
clear: both;
padding-top: 10px;
}


/*ディスコグラフィー*/
p.detail{
margin-left: 2em;
}

div.song-list{
margin: 1em 2em;
}

span.notice{
font-weight: bold;
}

span.cd_subtitle{
color: #ffcc00;
}

div.jacket img{
padding: 5px;
border: solid 1px #99CC33;
}

p.online{
font: 12px/120% "ＭＳ Ｐゴシック",sans-serif;
padding-bottom: 1em;
}


/*CD通販*/
div#hanaki_mailorder{
width: 436px;
margin-top: 10px;
}

#inputForm{
margin-left: 0px;
}
#inputForm fieldset{
margin-bottom: 30px;
border: none;
}
#inputForm th,#inputForm td{
padding: 10px 10px;
text-align: left;
}
#inputForm th{
background: #333333;
color: #ffffff;
width: 130px;
}
#inputForm td{
background: #666666;
width: 306px;
}
.example{
padding-left: 10px;
color: #ffffff;
}
td label{
padding-right: 15px;
color: #666666;
}
.required{
color: #ff0000;
}
/*
#inputForm .text1,
#inputForm .text2,
#inputForm .text3,
#inputForm .text4,
#inputForm .text5,{
border: 1px solid #e1d9ca;
padding: 3px;
}
*/
#inputForm .text1{
width: 120px;
background: #f8f6f2;
}
#inputForm .text2{
width: 160px;
background: #f8f6f2;
}
#inputForm .text3{
width: 100px;
background: #f8f6f2;
}
#inputForm .text4{
width: 200px;
background: #f8f6f2;
}
#inputForm .text5{
width: 30px;
background: #f8f6f2;
}
#inputForm .submit{
margin: 10px;
}
#inputForm .submit input{
padding: 3px;
border: 3px double #99CC33;
background: #f8f6f2;
cursor: pointer;
}
#inputForm .submit input:hover{
padding: 3px;
border: 3px double #99CC33;
background: #f8f6f2;
color: #d94040;
cursor: pointer;
font-weight: bold;
}


/*スケジュール*/
table.schedule{
border: 1px solid #666666;
border-collapse: collapse;
margin: 0 10px 20px 10px;
}

table.schedule caption{
text-align: left;
margin-left: 10px;
}

table.schedule th{
padding: 5px;
vertical-align: top;
border: 1px solid #666666;
background-color: #333333;
color: #ffffff;
}

table.schedule td{
padding: 5px;
vertical-align: top;
border: 1px solid #666666;
}

table.schedule td span{
margin-left: 20px;
}


/*イベント*/
div#event{
margin-left: 20px;
}

div#event img{
padding: 5px;
border: solid 1px #99CC33;
}


/*サイトマップ*/
ul#sitemap li{
border-bottom: dotted 1px #ffffff;
}