@charset "shift_jis";


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

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

div#header{
width: 720px;
height: 23px;
background: url("img/main_top.png") no-repeat top;
}

div#header div.minimenu{
position: relative;
}

div.minimenu ul{
position: absolute;
top: 5px;
left: 30px;
}

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

div.minimenu ul li a{
display: block;
width: 115px;
height: 20px;
font-variant: small-caps;
letter-spacing: 0.1em;
text-align: center;
}

div#main{
width: 720px;
padding-bottom: 20px;
color: #ffffff;
background-color: #000000;
font: 14px/120% "ＭＳ Ｐゴシック",sans-serif;
letter-spacing: 0.1em;
}

div#main-visual{
width: 720px;
height: 336px;
background: url("img/main-visual.jpg") no-repeat top;
}

div#main-visual_profile{
width: 720px;
height: 336px;
background: url("img/main-visual_profile.jpg") no-repeat top;
}

div#main-visual_discography{
width: 720px;
height: 336px;
background: url("img/main-visual_discography.jpg") no-repeat top;
}

div#main-visual_schedule{
width: 720px;
height: 336px;
background: url("img/main-visual_schedule.jpg") no-repeat top;
}

div#main-visual_event{
width: 720px;
height: 336px;
background: url("img/main-visual_event.jpg") no-repeat top;
}

div#main-visual_photo{
width: 720px;
height: 336px;
background: url("img/main-visual_photo.jpg") no-repeat top;
}

div#main-visual_other{
width: 720px;
height: 336px;
background: url("img/main-visual_other.jpg") no-repeat top;
}

h1{
width: 720px;
height: 80px;
margin-top: 10px;
overflow: hidden;
float: left;
}

h2{
padding-top: 312px;
padding-left: 30px;
color: #000000;
}

h3{
padding-left: 25px;
}

h3#news{
background: url("img/news.png") no-repeat center left;
}

h3#recruitment{
background: url("img/recruitment.png") no-repeat center left;
}

h3#profile{
background: url("img/profile.png") no-repeat center left;
}

h3#discography{
background: url("img/discography.png") no-repeat center left;
}

h3#mailorder{
background: url("img/mailorder.png") no-repeat center left;
}

h3#schedule{
background: url("img/schedule.png") no-repeat center left;
}

h3#mobile{
background: url("img/mobile.png") no-repeat center left;
}

h3#event{
background: url("img/event.png") no-repeat center left;
}

h3#photo{
background: url("img/photo.png") no-repeat center left;
}

h3#about{
background: url("img/about.png") no-repeat center left;
}

h3#sitemap{
background: url("img/sitemap.png") no-repeat center left;
}

h4{
margin: 1em 0;
}

div#contents{
background-color: #000000;
height: 400px;
margin: 20px 100px 0 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;
}

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

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

div#guide 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: -120px;
bottom: 40px;
z-index: 50;
}


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


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


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


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


/*トップ*/
div#guide{
margin: 10px 0 0 10px;
font: 10px/100% "ＭＳ Ｐゴシック",sans-serif;
}

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

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


/*プロフィール*/
#profile_img{
float: left;
margin: 10px 10px 0px 30px;
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: 250px;
padding: 10px 0 0 35px;
background-position: 0px 5px;
}

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


/*ディスコグラフィー*/
div.song-list{
margin: 0 0 20px 20px;
}

div.song-list li.songtitle{
font-weight: bold;
padding-top: 10px;
}

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: 30px 0;
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;
padding: 2px 0 2px 0;
}


/*フッター*/
div#footer{
background: url("img/footer.png") no-repeat;
width: 720px;
height: 28px;
}

div#footer div.minimenu{
position: relative;
}

div#footer div.minimenu ul{
position: absolute;
top: 2px;
left: 30px;
}

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


div#footer div.minimenu ul li a{
display: block;
width: 115px;
height: 20px;
font-variant: small-caps;
letter-spacing: 0.1em;
text-align: center;
}

div#copyright{
color: #999999;
font-variant: small-caps;
letter-spacing: 0.1em;
text-align: center;
}