@charset "utf-8";

/*--- mixi application forum 2009 ---*/

/*---- default ----*/
body{
color:#333333;
background:#FFFFFF;
letter-spacing:0.05em;
border-top:4px solid #ff9900;
font-size:12px;
*font-size:78%;
overflow-y:scroll;
}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote{
margin:0;
padding:0;
}

br{
letter-spacing:0;
}

fieldset,img{
border:0;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6,th{
font-size:100%;
font-weight:normal;
font-style:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
}

select{
background-color:#ffffff !important;
}

address,caption,cite,code,dfn,var{
font-style:normal;
font-weight:normal;
}

abbr,acronym{
border:0;
font-variant:normal;
}

del,u{
text-decoration:none;
}

/*---- text ----*/
body{
line-height:1.5;
}

.userInput{
line-height:1.2;
word-break:break-all;
}

/* clearFix */
.clearfix{
zoom:1;
}

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

a:link{
color:#258fb8;
}

a:visited{
color:#258fb8;
}

a:hover{
color:#996600;
}
a:active{
color:#996600;
}
a:focus{
color:#996600;
}

dl.contentsList01 dd a:visited,
#mixiNewsArea #mixiNews ul li a:visited,
ul.entryList01 li dl dd a:visited,
div.show_log div.logListCenter a:visited{
color:#996699;
}

/*formSettin*/

input,
textarea{
padding:2px;
border:1px solid #bbbbbb;
}

/*safari setting*/
html[xmlns*=""] body:last-child input[type="file"]{
background-color:transparent;
border:none;
}
*input[type="file"]{
padding:2px;
background-color:#fdf9f2;
border:1px solid #f1deb4;
}


html*input[type="file"]{
background-color:transparent;
}

form input.focus,
form textarea.focus{
background-color: #f7f0e6;
}

div.searchForm01 input{
padding:0;
border:0;
background:transparent;
}

.formBt01.focus{
background:#5B524D;
}

.formBt02.focus{
background:#E5E4E2;
}




/*---- page ----*/
#container{
width:920px;
margin:0 auto;
line-height:1.5;
}

#container hr{
display:none;
}

#container hr.devide{
display:block;
}

#header01{
height:60px;
background:url(mixi002.gif) no-repeat 0 0;
text-indent:-9999px;
}

#header02{
border-bottom:4px solid #cfcfcf;
background:url(date001.gif) no-repeat 680px 43px;
text-indent:-9999px;
height:60px;
}

#header03{
height:60px;
background:url(mixi001.gif) no-repeat 0 0;
text-indent:-9999px;
}

#header04{
border-bottom:4px solid #cfcfcf;
height:60px;
background:url(mixi001.gif) no-repeat 0 0;
text-indent:-9999px;
}

#header02 h1 a{
background:url(mixi001.gif) no-repeat 0 0;
display:block;
height:60px;
width:470px;
overflow:hidden;
}

#header02 p{
position:absolute;
}

#header03 h1 a{
background:url(mixi001.gif) no-repeat 0 0;
display:block;
height:60px;
width:470px;
overflow:hidden;
}

#content{
margin-bottom:40px;
}

#content h2.event, #content h2.top{
text-indent:-9999px;
height:280px;
}

#content h2.top02{
text-indent:-9999px;
height:310px;
}

#content h2.event, 
#content h2.entryForm,
#content h2.movie{
text-indent:-9999px;
height:20px;
margin:20px 7px;
}

#content h2.top{background:url(mainimage001.jpg) no-repeat 0 0;}
#content h2.top02{background:url(mainimage002.jpg) no-repeat 0 0;}
#content h2.event{background:url(ttl_event001.gif) no-repeat 0 0;}
#content h2.entryForm{background:url(ttl_form001.gif) no-repeat 0 0;}
#content h2.movie{background:url(ttl_reportmovie001.gif) no-repeat 0 0;}

#sideA{
width:170px;
float:left;
margin-right:30px;
display:inline;
}

#sideA  div.naviBox{
margin-bottom:20px;
}

#sideA  div.naviBox h3{
height:36px;
text-indent:-9999px;
}

#sideA  div.naviBox ul{
border:1px solid #d7d7d7;
background:#efefef;
}

#sideA  div.naviBox li{
padding:8px 5px 7px 19px;
border:1px solid #fff;
border-bottom:none;
}

#sideA  div.naviBox li.last{
border:1px solid #fff;
}

#sideA  div.naviBox li img{
vertical-align:text-bottom;
}

#sideA div#menu h3{background:url(head_menu001.gif) no-repeat 0 0;}

#sideA div#menu li{
background:url(icon_off001.gif) no-repeat 5px 1em;
}

#sideA div#menu li.on{
background:url(icon_on001.gif) no-repeat 5px 1em #ccc;
font-weight:bold;
}

#sideA div#info h3{background:url(head_info001.gif) no-repeat 0 0;}

#sideA div#info li{
background:url(icon_tri001.gif) no-repeat 7px 1.1em;
}

#sideA div#info li span{
display:block;
color:#666;
}


#sideB{
width:515px;
float:left;
}

#sideB .red{
color:#ff0000;
}

#sideB .gray{
color:#666;
}

#sideB div#summaryArea{
margin-bottom:20px;
}

#sideB div.entryArea h3.summary{
text-indent:-9999px;
background:url(head_eventgaiyou001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.detail{
text-indent:-9999px;
background:url(head_eventshousai001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.mousikomi{
text-indent:-9999px;
background:url(head_evententry001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.entry{
text-indent:-9999px;
background:url(head_form001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.entryconfirm{
text-indent:-9999px;
background:url(head_form002.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.report{
text-indent:-9999px;
background:url(head_eventreport001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryArea h3.movies{
text-indent:-9999px;
background:url(head_eventmovie001.gif) no-repeat 0 0;
height:36px;
}

#sideB div.entryTable{
border:1px solid #d7d7d7;
}

#sideB div.entryTable div.alertArea{
background:#efefef;
border:1px solid #fff;
border-bottom:none;
color:#FF0000;
font-weight:bold;
}

#sideB div.entryTable div.confirmation{
background:#efefef;
border:1px solid #fff;
border-bottom:none;
color:#666;
font-weight:bold;
padding:6px 10px 4px;
}

#sideB div.entryTable div.information{
background:#efefef;
border:1px solid #fff;
border-bottom:none;
padding:30px 30px 10px;
}

#sideB div.entryTable div.information02{
background:#efefef;
border:1px solid #fff;
padding:20px 16px 10px;
}

#sideB div.entryTable div.information p,
#sideB div.entryTable div.information02 p{
margin-bottom:20px;
}

#sideB div.entryTable div.reportPhotos01,
#sideB div.entryTable div.reportPhotos02,
#sideB div.entryTable div.reportPhotos03{
background:url(line.gif) repeat-x 0 0 #efefef;
margin-top:30px;
padding-top:30px;
}

#sideB div.entryTable div.reportPhotos01 img,
#sideB div.entryTable div.reportPhotos02 img,
#sideB div.entryTable div.reportPhotos03 img{
margin:5px 0;
vertical-align:bottom;
}

#sideB div.entryTable div.reportPhotos01 p.thanks{
text-indent:-9999px;
background:url(thanks.gif) no-repeat 0 0;
height:28px;
margin-bottom:15px;
}

#sideB div.entryTable div.eventMovieArea{
background:#efefef;
border:1px solid #fff;
padding:0 95px 40px;
}

#sideB div.entryTable div.eventMovieArea p{
margin:40px 0 5px;
}

#sideB div.entryTable div.eventMovieArea p.top{
margin-top:20px;
}

#sideB div.entryTable div.entry{
background:#efefef;
border:1px solid #fff;
border-bottom:none;
text-align:center;
padding:20px 20px 15px;
}

#sideB div.entryTable div.entry p{
margin-bottom:5px;
}

#sideB div.entryTable div.entry p.entryLink{
text-indent:-9999px;
width:222px;
margin:10px auto 20px;
}

#sideB div.entryTable div.entry p.entryLink a{
display:block;
background:url(btn_toform001.gif) no-repeat 0 0;
width:222px;
height:53px;
overflow:hidden;
}

#sideB div.entryTable div.entry p.entryLink a:hover{
background:url(btn_toform001.gif) no-repeat 0 -53px;
}

#sideB div.entryTable div.entry p.add{
color:#666;
}

#sideB div.entryTable div.alertArea div{
background:url(alert001.gif) no-repeat 70px 50%;
padding:20px 30px 20px 135px;
}

#sideB div.entryTable div.alertArea div p{
}

#sideB div.entryTable table{
width:100%;
table-layout:fixed;
}

#sideB div.entryTable table th{
background:#dfdfdf;
width:106px;
padding:10px;
vertical-align:top;
}

#sideB div.entryTable table th span{
margin-left:2px;
color:#ff0000;
}

#sideB div.entryTable table td{
background:#efefef;
width:366px;
padding:10px 7px;
}

#sideB div.entryTable table td p{
margin-bottom:15px;
}

#sideB div.entryTable table td span.map{
display:block;
text-align:center;
margin:20px 0 10px;
}

#sideB div.entryTable table td span.map img{
margin-bottom:10px;
}

#sideB div.entryTable table td input{
width:310px;
}

#sideB div.entryTable table ul.konshinkai li{
display:inline;
margin-right:30px;
}

#sideB div.entryTable table ul.konshinkai input{
width:auto;
margin-right:3px;
vertical-align:middle;
border:none;
padding:0;
}

#sideB div.entryTable div.infoArea{
border:1px solid#fff;
border-bottom:none;
padding:20px 40px 0;
background:#efefef;
}

#sideB div.entryTable div.infoArea p.notice{
padding:20px 0 35px;
text-align:center;
font-weight:bold;
font-size:116%;
}

#sideB div.entryTable div.infoArea p.notice em{
color:#FF0000;
font-style:normal;
}

#sideB div.entryTable div.infoArea p.endinfo{
padding-bottom:30px;
}

#sideB div.entryTable div.formButtonArea{
background:#efefef;
padding:20px 40px;
border:1px solid #fff;
border-top:none;
color:#666;
}

#sideB div.entryTable div.formButtonArea p{
margin-bottom:5px;
}

#sideB div.entryTable div.formButtonArea ul{
margin-top:20px;
text-align:center;
}

#sideB div.entryTable div.formButtonArea ul li{
display:inline;
}

#sideB div.entryTable div.formButtonArea ul li input{
border:none;
padding:0;
}

#sideB .tohomeLink{
text-indent:-9999px;
}

#sideB .tohomeLink a{
background:url(btn_top001.gif) no-repeat 0 0;
display:inline-block;
_display:block;
width:162px;
height:33px;
overflow:hidden;
}

#sideB .tohomeLink a:hover{
background-position:0 -33px;
}

#sideB p.totop{
text-indent:-9999px;
position:relative;
height:10px;
margin-top:10px;
}

#sideB p.totop a{
display:block;
height:10px;
width:84px;
background:url(totop.gif) no-repeat right top;
overflow:hidden;
position:absolute;
right:0;
bottom:0;
}

#sideB p.note{
margin:5px 3px 25px;
color:#666;
}

#sideB p.note02{
margin:35px 3px 10px !important;
color:#666;
}

#sideB p.note03{
margin:25px 3px 10px !important;
color:#666;
}

#sideB ul.links{
padding:0 30px 20px;
}

#sideB ul.links li{
display:inline;
}


#sideC{
width:175px;
float:right;
}

#sideC ul li{
margin-bottom:15px;
}

#sideC ul li a{
display:block;
width:175px;
height:69px;
text-indent:-9999px;
overflow:hidden;
}

#sideC ul li.devmixi a{background:url(bnr_mixi_developer_center0011.gif) no-repeat 0 0;}
#sideC ul li.devmixi a:hover{background-position:0 -69px;}

#sideC ul li.mixijp a{background:url(bnr_mixi001.gif) no-repeat 0 0;}
#sideC ul li.mixijp a:hover{background-position:0 -69px;}

#footer{
clear:both;
text-indent:-9999px;
border-top:7px solid #cfcfcf;
background:url(copyright001.gif) no-repeat right bottom;
margin-bottom:40px;
}

body.zoomMap{
margin:20px;
border:none;
overflow:hidden;
}