@charset "UTF-8";
/* CSS Document */

/* reset */
*{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
}

body,h1,h2,h3,h4,h5,ul,li,p,tr,td,th,dl,dt,dd,a{
margin:0;
padding:0;
font-style:normal;
border:0;
text-decoration:none;
color:#f3f3f3;
list-style-type:none;
background:#000000;

}
body#page{
background:#000000;
}

body#index{
background:#000000;
}
a{
text-decoration:none;
}

a:link { color: #ffbb66; }
a:visited { color: #ffbb66; }
a:hover { color: #ff3300; text-decoration:underline;}
a:active { color: #ff3300; }


img{
border:0;
vertical-align:bottom;
}

table{
border-collapse: collapse;
}

.clear{
clear:both;
}
.inline{
display:inline;
}

.left{
float:left;
}

.right{
float:right;
}

.small{
font-size:10px;
line-height:14px !important;
}
.mid{
font-size:12px;
}
a.btnhover:hover img{
filter: alpha(style=0,opacity=80);
opacity: 0.8;
border:0;
}

.imgLeft{
margin:0 8px 0 0;
float:left;
}

/* clearfix */

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}


/*  wrapper */
#wrapper{
width:940px;
margin:0 auto;
} 

h1{
width:446px;
height:56px;
display:block;
background:url(../img/title.gif);
text-indent:-8000px;
float:left;
}
h1 a{
background:url(../img/title.gif);
width:446px;
height:56px;
display:block;
}
#subNaviTop{
width:170px;
float:right;
}
#subNaviTop ul li.s1{
width:101px;
float:left;
}
#subNaviTop ul li.s2{
width:61px;
float:left;
}

ul.gNavi {
clear:both;
width:940px;
height:63px;
}
ul.gNavi li{
text-indent:-9999px;
width:156px;
height:63px;
display:block;
float:left;
}
ul.gNavi li a{
background:url(../img/gnavi.gif);
display:block;
width:156px;
float:left;
height:63px;
}
ul.gNavi li.gnavi1 a{
background-position:0 0;
}
ul.gNavi li.gnavi1 a:hover,ul.gNavi li.gnavi1 a.selected{
background-position:0 -63px;
}

ul.gNavi li.gnavi2 a{
background-position:-156px 0px;
}
ul.gNavi li.gnavi2 a:hover,ul.gNavi li.gnavi2 a.selected{
background-position:-156px -63px;
}
ul.gNavi li.gnavi3 a{
background-position:-312px 0;
}
ul.gNavi li.gnavi3 a:hover,ul.gNavi li.gnavi3 a.selected{
background-position:-312px -63px;
}
ul.gNavi li.gnavi4 a{
background-position:-468px 0;
}
ul.gNavi li.gnavi4 a:hover,ul.gNavi li.gnavi4 a.selected{
background-position:-468px -63px;
}
ul.gNavi li.gnavi5 a{
background-position:-624px 0;
}
ul.gNavi li.gnavi5 a:hover,ul.gNavi li.gnavi5 a.selected{
background-position:-624px -63px;
}
ul.gNavi li.gnavi6 a{
background-position:-780px 0;
}
ul.gNavi li.gnavi6 a:hover,ul.gNavi li.gnavi6 a.selected{
background-position:-780px -63px;
}
#mainVisual{
height:396px;
width:940px;
}
.mainV{
width:742px;
float:left;
}
#supporter{
width:180px;
height:396px;
float:right;
text-align:left;
background:url(../img/supporter_bg.gif);

}
#supporterIn{
padding:30px 0 0 50px;
}

#sideArea{
width:215px;
float:left;
padding:15px 0 0 0;
}

#sideAreaIn{
padding:0 15px 0 0;
}
#mainArea{
float:left;
width:530px;
padding:15px 0 0 0;
}
#mainAreaIn{
padding:0 15px 0 0;
}

#mainWide{
float:left;
width:745px;
padding:15px 0 0 0;
}
#mainWideIn{
padding:0 15px 0 0;
}



#bnrArea{
float:right;
width:180px;
padding:15px 0 0 0;
}
#bnrArea img{
padding:0 0 5px 0;
}
.eventBox,.eventBox a{
float:left;
width:265px;
height:84px;
background:url(../img/event_bg.gif) no-repeat;
display:block;
padding:0 0 10px 0;
}
.h110{
height:90px !important;
}
.h120{
height:120px !important;
}


.eventBox a:link,.eventBox a:visited{
color:#FFFFFF;
}

.eventPh{
width:88px;
float:left;
}
.eventText{
float:left;
width:170px;
padding:0 0 0 5px;
font-size:12px;
line-height:18px;
}

/*  */
#sideInArea ul li{
font-size:12px;
line-height:14px;
padding:0 10px 10px 0;
}
#mainArea p.eventLead{
font-size:14px;
padding:20px 0 25px 0;
line-height:26px;
}

#mainArea p{
font-size:14px;
line-height:26px;
}

.blogDate{
width:200px;
font-size:10px;
padding:0 0 2px 0
}

.bloglist{
width:298px;
font-size:12px;
line-height:17px;
padding:0 0 4px 0;
}
.bloglist a{
color:#FFFFFF;
}


.eventdetailBox{
width:242px;
padding:10px 15px 0 7px;
margin:0 0 20px 0;
float:left;
font-size:12px;
line-height:20px;
border-left:#454545 1px solid;

}
.eventdetailBox h2,.eventdetailWide h2{
font-size:14px;
padding:0;
margin:0;
color:#FFFFFF;
}
#mainArea h3,#mainWide h3{
font-size:12px;
padding:10px 0 2px 0;
color:#FFFFFF;
}
.eventdetailWide{
width:500px;
padding:7px 15px 7px 7px;
float:left;
font-size:12px;
line-height:20px;
border-left:#454545 1px solid;
}
.archiveLead{
padding:30px 0 30px 50px;
}
.archiveLead p{
font-size:14px;
line-height:24px;
}
.archive1{
background:url(../archives/img/bg.gif) top left no-repeat;
clear:both;
margin:10px 0 0 0;
}
.archive1Img{
width:310px;
float:left;
}
.archive1ImgIn{
padding:40px 0 0 50px;
}
.archive1Text{
float:left;
padding:40px 0 0 0px;
font-size:14px;
line-height:23px;

}

.volunteer{
font-size:14px;
line-height:25px;
}
.volunteer strong{
font-weight:bold;
color:#FFFFFF;
}
.volunteer div.s{
margin:2px;
font-size:12px;
line-height:17px;
color:#eaeaea;
}

.volunteer div.ss{
margin:0px 0 10px 15px;
font-size:12px;
line-height:17px;
color:#e3e3ea;
}

.volunteer h3{
font-size:16px !important;
}
.volunteer h4{
color:#FFFFFF;
}
.volunteer sup{
font-size:12px;
color:#FF9900;
font-weight:bold;
}
.vTitle{
margin:5px 0 4px 0;
width:150px;
float:left;
}
.vText{
margin:15px 0 4px 0;
width:580px;
float:left;
}

.asset-meta{
font-size:10px;
text-align:right;
padding:0px 0 7px;
}
.asset-footer{
font-size:10px;
text-align:right;
padding:5px 0 10px 0;
border-top:1px solid #333333;
margin:0 0 15px 0;
}
.liveBox{
padding:20px 0 3px 0;
width:525px;
clear:both;
}
.liveBox div.ph{
width:190px;
float:left;
}
.liveBox div.text h3{
margin:0 !important;
padding:0 !important;
}
.liveBox div.text{
margin:0;
padding:0;
font-size:12px;
width:330px;
float:left;
height:165px;
}
.liveBox div.text p{
font-size:12px !important;
line-height:17px !important;

}
.prof{
padding:6px 0 0 3px;
clear:both;
font-size:10px;
line-height:15px;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka 
}

/* ============================   
メッセージ
============================   */

.messageForm table td,.messageForm table th{
font-size:14px;
font-weight:bold;
padding:8px 0 0 0;
}


/* ============================   
ブログ
============================   */

h3.widget-header{
font-size:12px;
}
h2.trackbacks-header,h2.comments-open-header,h2.comments-header{
padding:20px 0 10px 0;
font-size:14px;
}
.asset-body{
font-size:14px;
}
.blogNaviBody{
padding:0 10px 0 0;
}

/* ============================   
index
============================   */
.indexEventList{
width:440px;
float:left;
}
.indexEventList div.eventBox{
width:210px;
margin:0 5px 10px 0; 
float:left;
}
.indexEventList div.eventBox div.indexEventPh{
width:55px;
height:65px;
}
.indexEventList div.eventBox div.eventContents{
line-height:120% !important;
font-size:12px;
float:left
width:150px;
/*height:60px;
*/}
.indexEventList div.eventBox,.indexEventList div.eventBox a{
float:left;
width:210px;
height:63px;
display:block;
padding:0 0 0px 0;
}

#indexBlog{
width:298px;
float:left;
padding:0px 0 0 0;
}
.indexEventPh{
width:55px;
float:left;
}
.articleHalf{
width:320px;
padding:5px 10px 10px 0px;
font-size:12px;
line-height:18px;
float:left;

}
.articleHalf h3{
padding:10px 0 0 0;
font-size:14px;
font-weight:bold;
}
/* ============================   
Footer
============================   */
#footer{
border-top:#333333 1px solid;
margin:0 auto;
width:940px;
padding:15px 0 15px 0;
text-align:right;
font-size:10px;
letter-spacing:1px;
}
/* ============================   
Blog
============================   */
.commentBox{
width:510px;
background:url(http://www.candle-night-osaka.jp/img/commentBoxBG.gif) repeat-y;
margin:0 0 10px 0;
}
.commentBoxHead{
width:510px;
height:33px;
background:url(http://www.candle-night-osaka.jp/img/commentBoxHead.gif) top no-repeat;
}
.commentBoxName{
width:150px;
padding:0 0 0 17px;
float:left;
font-size:12px;
text-align:left;
}
.commentBoxName a,.commentBoxName p{
font-size:12px;
background:#191919;
}
.commentBoxComment{
width:320px;
float:left;
}
.commentBoxComment,.commentBoxComment p{
text-align:left;
font-size:12px !important;
line-height:18px;
background:#191919;
}
.commentBoxIn{
padding:0 0 19px 0;

width:510px;
background:url(http://www.candle-night-osaka.jp/img/commentBoxBtm.gif) bottom no-repeat;
}

div #kiyaku{
border:1px solid #757575;
padding:10px;
width:505px;
overflow:auto;
height:200px;
font-size:12px;
line-height:16px;
margin:15px 0px 15px 0px
}
div #kiyaku p{
font-size:12px;
}

div #kiyaku h2{
font-size:14px;
font-weight:normal;
}
div #kiyaku h3{
font-size:12px;
font-weight:normal;
margin:30px 5px 5px 3px;
}

div #kiyaku p{
margin:10px 15px 10px 20px;
color:#cccccc;
line-height:19px;
}