/* 画像と背景の設定 */

html {
    padding: 0;
    margin: 0;
}

body {
    background-image: url(../images/site/background.jpg);
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', "ＭＳ Ｐゴシック", sans-serif;
    color:#333;
    line-height: 1.4em;
}

img {
    border-style: none;
}

a img {
    border-style: none;
}


/* 全体の文字の設定 */

a:link { color: #D49659 }
a:visited { color: #D49659 } 
a:hover { color: #EFAF6F; }

p{
font-size: 10px; 
color: #3f3f3f;
line-height: 15px;
letter-spacing: 1.8px;
margin: 0px;
padding: 6px 0px;
text-align: left;
}

h1{
font-size: 15px;
color: #3f3f3f;
line-height: 20px;
margin: 0px;
padding: 4px 1px 4px 1px;
text-align: left;
}


h2{
font-size: 23px;
color: #3f3f3f;
line-height: 23px;
margin: 0px;
padding: 0px 1px 4px 2px;
text-align: left;
}

h3{
font-size: 18px;
color: #3f3f3f;
line-height: 23px;
margin: 0px;
padding: 4px 1px 4px 2px;
text-align: left;
}

h1 a,
h2 a,
h3 a,
h4 a {
color: #333333 !important;
text-decoration: none !important;
}

h3 a:hover,
h4 a:hover {
color: #999999 !important;
text-decoration: none !important;
}

h4{
font-size: 10px;
color: #3f3f3f;
line-height: 13px;
margin: 0px;
padding: 2px 1px 4px 2px;
text-align: left;
}


/* 部分の文字の設定 */

.pickupdate{
color: #D49659;
font-size: 16px; 
line-height: 18px;
margin: 0 0 10px 0;
padding: 6px 0px 0px 2px;
text-align: left;
}

.pickupdate2{
color: #ffffff;
font-size: 10px; 
line-height: 18px;
margin: 0px;
padding: 0px 0px 3px 6px;
text-align: left;
}

.righttext{
margin: 0px;
padding: 2px 0px 4px 8px;
}

.rightbannar{
margin: 0px;
padding: 2px 0px 4px 4px;
}

.alignright{
margin: 0px;
padding: 10px 0px 2px 0px; 
text-align: right;
}

.dotted{
border-top: dotted 1px #b2b2b2 ;
margin: 5px 0px;
padding: 2px 0px 4px 8px;
text-align: left;
}

.yellow{
color: #ffff00;
}

.middlefont{
font-size: 12px; 
line-height: 18px;
margin: 0px;
padding: 5px 0px 20px 18px;
text-align: left;

}

.event a:link{ color: #3f3f3f }
.event a:visited { color: #3f3f3f } 


/* ヘッドのdivの設定 */


.lunar{
width: 900px;
background: #ffffff;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
margin: 0 auto;
padding: 0px 6px;
    min-height: 1em;
    display: inline-table;
}


.lunar:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html .lunar {
    height: 1em;
}


.lunar {
    display: block;
}




.head {
width: 900px;
margin: auto;
padding: 0;
}


.logo{
width: 900px;
height: 60px;
margin: 0;
padding: 0;
}

.lunarlogo{
width: 720px;
height: 60px;
margin: 0;
padding: 0;
text-align: left;
float: left;
}

.cyder{
width: 180px;
height: 60px;
margin: 0;
padding: 0;
float: right;
}


.menu{
width: 900px;
height: 28px;
background: #8a8a8a;
margin: 0;
padding: 0;
}


.frash{
width: 900px;
height: 250px;
margin: 0;
padding: 0;
}

/* メインメニュー */
#MainMenu 
{
border:0;
margin:0;
}

#tab 
{
top:0;
height:0;
background:repeat-x top;
margin:0;
}

#tab ul 
{
list-style:none;
float:left;
margin:0;
padding:0;
}

#tab li 
{
display:inline;
float:left;
margin:0;
padding:0;
width: 100px;
}



/* ヘッドのメニューのdiv ※旧式 */
/*
#home{
width: 73px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}


#about{
width: 76px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}


#schedule{
width: 107px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}


#information{
width: 139px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}

#report{
width: 90px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}


#artists{
width: 92px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}

#lunarstaff{
width: 135px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}

#access{
width: 89px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}


#contact{
width: 99px;
height: 28px;
margin: 0;
padding: 0;
float: left;
}

#dummy{
width: 1px;
height: 28px;
margin: 0;
padding: 0;
float: right;
}
*/


/* ひだりのdivの設定 */

.mainleft{
width: 600px;
margin: auto;
padding: 0;
float: left;
padding-bottom: 100px;
}


.pickup1{
width: 600px;
margin: auto;
padding: 0px 0px 7px 0px;
border-bottom: solid 1px #b2b2b2;
min-height: 1em;
display: inline-table;

}

div.sptext {
width: 375px;
border-left:5px solid #BBBBBB;
float: right;
text-align: left;
padding: 0 10px;
}

div.sptext div.spdate {
font-size: 12px;
letter-spacing: 0.2em;
margin-bottom: 6px;
}

div.sptext h2 {
border-bottom: 2px dotted #999999 !important;
padding: 0 0 4px 0;
margin-bottom: 2px;
}


div.sptext h3 {
font-size: 12px;
font-weight: normal;
padding: 0 0 2px 0;
margin-bottom: 2px;
}

div.spimage {
width: 180px;
float: left;
padding: 0 10px;
}

.pickup1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html .pickup1 {
    height: 1em;
}


.pickup1 {
    display: block;
}

.pickup23 {
width: 600px;
margin: auto;
padding: 0px 0px 7px 0px;
min-height: 1em;
display: inline-table;

}

.pickup23:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html .pickup23 {
    height: 1em;
}


.pickup23 {
    display: block;
}






.pickup2{
width: 295px;
margin: 0;
padding: 15px 2px 8px 2px;
float: left;
}



.pickup3{
width: 295px;
margin: 0;
padding: 15px 0px 8px 2px;
float: right;
}


.pickup4{
width: 295px;
margin: 0;
padding: 5px 2px 8px 0px;
float: left;
}



.pickup5{
width: 295px;
margin: 0;
padding: 5px 0px 8px 2px;
float: right;
}

/* Pickup小の中身 */

.pickuptop{
width: 295px;
height: 20px;
margin: 0;
padding: 0px 0px 0px 0px;
background: #8c8c8c;
}

.pickupimage{
width: 80px;
margin: 0;
padding: 5px 5px 5px 0px;
float: left;
}

.pickupimage img{ 
width:80px;
}

.pickuptext{
width: 200px;
margin: 0;
padding: 3px 0px 0px 3px;
float: right;
word-break: break-all;
}


/* みぎのdivの設定 */

.mainright{
width: 295px;
margin: auto;
padding: 0px 0px 0px 2px;
float: right;
}

.mainright .module {
/* margin-bottom: 10px; */
}

.mainright form {
display:inline;
}

.news{
width: 295px;
margin: 0;
padding: 0px 0px 3px 0px;
}


.members{
width: 295px;
margin: 0 0 10px 0;
padding: 3px 0px;
}

.members div.comment {
text-align: left;
clear: left;
font-size: 10px;
line-height: 1.4em;
padding: 3px 0 0 10px;
}

.membersform{
width: 200px;
height: 30px;
background: url(../images/site/form.jpg) no-repeat;
margin: 0;
padding: 3px 0 0 0;
float: left;
}

.membersform input{
font-size: 10px;
width: 170px;
height: 10px;
}

.membersform2{
width: 92px;
height: 30px;
margin: 0;
padding: 0px 0px;
float: right;
}


.blog{
width: 295px;
margin: 0 0 15px 0;
padding: 3px 0px;
}

.recruit{
width: 295px;
margin: 0;
padding: 3px 0px;
}


.party{
width: 295px;
margin: 0;
padding: 3px 0px;
}


.top{
width: 295px;
margin: 0;
padding: 3px 0px;
border-top: solid 1px #b2b2b2;
}




/* コンテンツ時のheadとの間隔用 */

.contents{
width: 900px;
background: #ffffff;
margin: auto;
padding: 12px 0px;
}




/* aboutのdiv */


.floorphotoall{
width: 590px;
margin: 0;
padding: 8px 0px 8px 10px;
text-align: left;
}

.floorphoto{
width: 100px;
height: 100px;
margin: 0;
padding: 0;
float: left;
}

.floorphotoend{
width: 100px;
height: 100px;
margin: 0;
padding: 0;
float: left;
}

.notice{
width: 580px;
margin: 0;
padding: 8px 0px 8px 10px;
float: right;
border-top: dotted 1px #b2b2b2 ;
}



/* accessのdiv */

.mapadd{
width: 310px;
margin: 0;
padding: 2px 0px 0px 10px;
float: left;
}

.mapadd2{
width: 260px;
height: 30px;
margin: 0;
padding: 0px 15px 0px 0px;
float: right;
}


/* scheduleのdiv */

.month{
width: 150px;
height: 35px;
margin: 13px 0px 2px 0px;
padding: 0px 0px 3px 0px;
float: left;
}

.event{
width: 450px;
height: 35px;
margin: 13px 0px 2px 0px;
padding: 0px 0px 3px 0px;
float: right;
}

.days {
width: 600px;
margin: 0 0 5px 0;
padding: 4px 0px;
border-top: dotted 1px #b2b2b2 ;
float: left;
}

.day{
width: 80px;
height: 150px;
margin: 0;
padding: 0;
float: left;
}

.daytitle{
width: 380px;
margin: 0;
padding: 0 0 30px 0;
float: left;
border-right: solid 2px #CCC ;
}

.dayphoto{
margin: 0;
padding: 5px 5px 0 5px;
float: right;
}

.dayphoto img {
width:120px;
}

.to_detail {
font-size: 80%;
width: 515px;
text-align: right;
}

.daymore{
width: 520px;
margin: 0;
padding: 0;
float: right;
}

.daymore2{
width: 520px;;
margin: 10px 0 50px 0;
padding: 10px 0 0 0;
border-top: dotted 1px #b2b2b2 ;
}

.daymore2 table {
margin: 10px 0;
}

.daymore2 table td {
width: 120px;
line-height: 1.2em;
padding:0 5px 0 0;
text-align:left;
font-size:75%;
}

.daysmore{
width: 600px;
margin: 0;
padding: 0;
float: left;
border-top: dotted 1px #b2b2b2 ;
}

.daysmore h3 {
padding: 0 !important;
margin: 7px 0 3px 0;
}

.daysmore h4 {
padding: 0 !important;
margin: 0 0 10px 0;
}

.flier {
text-align: left;
}

.flier div.f-btn{
font-size:12px;
text-align: right;
padding: 3px 15px 0 0;
}

/* artists */

.artist_data {
    clear: both;
    width: 600px;
    font-size: 10px;
    margin-bottom: 30px;
}

.artist_data h3,
.artist_data h4 {
    font-weight: normal;
    padding: 0;
    margin: 0 0 3px 0;
}

.artist_data .artist_left {
    width: 80px;
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
}

.artist_data .artist_name {
    margin: 3px 0;
}

.artist_data .artist_past {
    margin-bottom: 5px;
}

.artist_data .artist_right {
    float: left;
    text-align: left;
    width: 500px;
    border-bottom: dotted 2px #DDD;
    margin-bottom: 30px;
    padding: 0 0 10px 0;
}

.artist_data .artist_index {
    border-bottom: dotted 2px #DDD ;
    margin-bottom: 3px;
}

.artists-detail {
margin-bottom:20px;
}

.artists-detail span.name {
display: block;
margin-bottom:10px;
}

.artists-detail span.name strong {
font-size:110%;
}

.other-detail {
width: 500px;
margin: 30px 0 20px 0;
padding: 4px 0px;
border-top: dotted 1px #b2b2b2 ;
float: left;
}

.sch-photo {
text-align: left;
margin: 10px 0;
}

/* calendarのdiv */

.calendar{
width: 295px;
margin: 0;
padding: 0px 0px 3px 0px;
}

div.calendar2 a:visited,
div.calendar2 a:hover,
div.calendar2 a:active,
div.calendar2 a:link {
color: #FFFFFF;
}

.calendar div.this_month {
text-align: right;
margin-top:5px;
}

.calendar2{
width: 295px;
margin: 0 0 15px 0;
padding: 0px 0px 3px 0px;
float: right;
}

.calendar2 div.month_button {
float: right;
padding-top: 3px;
width: 90px;
}

.calendar2 div.month_button ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.calendar2 div.month_button li {
height: 24px;
}

.cyear{
width: 180px;
float: left;
margin: 0px 3px 0px 0px;
}
.ceng{
width: 90px;
float: left;
margin: 0;
}
.cjap{
width: 17px;
float: right;
}

.ctable{
margin: 1px;
color: #666666;
}

.ctable td.eventday{
background-color: #666666;
color: #ffffff;
}

.ctable td.today{
border: 1px solid #CC0000;
}

.ctable td{
font-size: 14px;
height: 20px;
}

.ctable td a{
color: #FFFFFF;
text-decoration: none;
}


/* soundsystemのdiv */

p table.tbl {
	margin: 5px 0 20px !important;
	width: 100%;
    color: #333;
    border: 0px solid #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;

}
table.tbl thead th {
	background-color: #BBB;
    font-weight: bold;
    font-size: 10px;
    color: #3f3f3f;
    line-height: 15px;
    letter-spacing: 1.8px;
    text-align: left; 
}
table.tbl th {
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E1E2E6;
    font-size: 10px;
    color: #3f3f3f;
    line-height: 15px;
    letter-spacing: 1.8px;
    text-align: left;
}
table.tbl td {
    padding: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #EFF2F3;
    font-size: 10px;
    color: #3f3f3f;
    line-height: 15px;
    letter-spacing: 1.8px;
    text-align: left;
}
table.tbl th.stripe {
    background-color: #F3F4F8 !important;
}
table.tbl td.stripe {
    background-color: #FFF !important;
}

table.tbl td ul {
    padding-left:15px;
}


/* フォーム */
div.mainleft form .input_conf {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
}

div.mainleft form {
    font-size: 10px; 
    color: #3f3f3f;
    line-height: 15px;
    letter-spacing: 1.8px;
    margin: 0px;
    padding: 6px 0px;
    text-align: left;
}

div.mainleft label {
    font-weight:bold;
    display: block;
}

div.mainleft fieldset {
    width: 80%;
    padding:0.4em 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
    border:1px solid #ccc;
}

div.mainleft legend {
    font-weight:bold;
    font-size:1.2em;
}

div.mainleft input,
div.mainleft textarea,
div.mainleft select {
    border:1px solid #bbb;
}

div.mainleft input:focus,
div.mainleft textarea:focus,
div.mainleft select:focus {
    border:1px solid #666;
}

div.mainleft input[type="text"] {
    width:60%;
    padding:5px;
}

div.mainleft input[type="submit"] {
    padding: 3px;
}

div.mainleft textarea {
    font-size: 1.2em;
    width: 95%;
    height: 10em;
    padding:5px;
}

.err_box {
    padding: 10px;
    margin: 0px 0px 10px 0px;
    border:2px solid #ddd;
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

.form_err {
    font-weight: bold;
    color: #FF0033;
}

.message {
    font-size: 12px;
    border:2px solid #ddd;
    background-color:#f8f8f8;
    margin: 10px 0;
    padding: 10px;
    text-align: left;
}

div.mainleft .contact_tel {
    font-size: 1.2em;
}

/* インフォメーション */
div.mainleft .info_record {
    border-top: dotted 1px #b2b2b2;
    margin-bottom: 30px;
    font-size: 12px;
}

div.mainleft .info_record p {
    text-align: left;
    padding: 3px 10px;
}

div.mainleft .info_record div.info_date {
    text-align: right;
    padding: 3px 20px 0 0;
}

div.mainleft .info_record h3 {
    margin: 3px 0 !important;
    font-size: 1.2em;
}


legend { margin: 14px 4px; 
 color: #3f3f3f; }



/* ページャー */
.pager {
    margin: 5px 0;
    text-align: left;
}

.pager a:link,
.pager a:visited {
    color:#333;
}

.pager a:hover {
    background-color: #EEE;
}

.pager a.pages {
    padding: 1px 4px;
    border: 1px solid #999;
}

.pager a.pages,
.pager a.pageprev,
.pager a.pagenext {
    font-size: 70%;
    text-decoration: none;
}

.pager a.pagesel {
    background: #DDDDDD;
}

/* パーティーレポート */
.report_list {
width: 600px;
margin-bottom: 30px;
padding: 7px 0px;
border-top: solid 1px #b2b2b2;
min-height: 1em;
display: inline-table;
}

/* ブログ */
#blog-contents h2 {
font-size: 16px;
text-align: left;
padding: 11px;
margin-bottom: 6px;
background: #CCC;
}

.blog-entry {
margin-bottom: 100px;
padding: 0 10px;
font-size: 12px;
}

#blog-contents .blog-entry h3,
#blog-contents-solo .blog-entry h2 {
clear: both;
font-size: 14px;
padding: 5px 0 0 0;
margin: 0;
border-bottom: dotted 2px #b2b2b2;
}

#blog-contents .blog-entry h4 {
padding-left: 0;
font-size: 12px;
}

.entry-head {
text-align: left;
font-size: 11px;
padding-left: 2px;
margin-bottom: 10px;
}

.entry-img {
margin-bottom: 10px;
text-align: left;
}

.entry-body p {
text-align: left;
font-size: 11px;
margin-bottom: 50px;
width: 450px;
}

.entry-side {
text-align: left;
font-size: 13px;
margin: 10px 0 0 0;
width: 80px;
float: right;
}

.entry-side img {
display: block;
margin-bottom: 5px;
}

.move-entry,
.blog-archive {
font-size: 12px;
text-align: left;
padding: 10px;
margin-bottom:1em;
border:2px solid #ddd;
}

.entry-non {
font-size: 12px;
text-align: center;
padding: 50px 0;
margin-bottom:1em;

color:#514721;

}

.move-entry ul li {
list-style-type :none;
}

.blog-archive ul {
display: inline;
}

.blog-archive li {
padding: 0;
list-style: none;
margin: 0 10px 0 0;
display: inline;
}

.blog-staff {
width: 600px;
margin-bottom: 30px;
padding: 7px 0px;
min-height: 1em;
display: inline-table;
}

.blog-staff div.bl-right {
width: 400px;
float: right;
text-align: left;
padding: 0 0 0 10px;
border-left: 2px #AAA solid;
}

.blog-staff div.bl-left {
width: 180px;
float: left;
padding: 0;
margin: 0;
}

.bl-right h3 {
margin: 0;
padding: 0;
border-bottom: dotted 1px #b2b2b2 ;
}

.blog-staff-entry {
padding-top: 20px;
text-align: left;
font-size: 10px;
}

.blog-staff-entry strong {
font-size: 12px;
}

.blog-staff-entry li {
list-style: none;
}

/* 特別コンテンツ */
.special {
}

.special div.sp-banner {
margin-top: 5px;
width: 270px;
margin: 0 auto 5px auto;
padding: 3px;
border: 2px solid #AAA;
}


/* テキストコンテンツ */
div#text-content {
}

    div#text-content h1 {
        
    }