/* cluster view area */
   /* for common area */

    #clusterMain{
        width:720px;
        float:left;
    }

    #clusterTitle h1{
        border-bottom:1px solid #6BB300;
        margin-bottom:0px;
    }
    span#editClusterIcon{
        text-align:right;
        font-weight:normal;
        font-size:0.7em;
        padding-left:0.5em;
    }

    #clusterTag p{
        padding:5px;
        background-color:#E6FFBF;
    }
    #joinPr p{
        padding:5px;
        background-color:#EEE;
    }
    #clusterStory p{
        clear:both;
        color:#000;
        padding:0.5em;
    }
    #clusterRate{
        padding-left:20px;
        padding-bottom:20px;
    }

    .clusterModeContent{
        padding-top:4em;
    }
   /* common for incident,reaction */

   /* for default */
    #easyChronicle h2,#easyReaction h2,#easyRatingUsers h2{
       /* padding:0 20px 0 20px; */
        padding:0.25em;
        font-size:120%;
        border-bottom:1px solid #aaa;
    }

#easyChronicle{
    float:left;
    width:500px;
    padding:0.25em;
}
#easyRatingUsers{
    float:right;
    margin-right:70px;
    width:300px;
}

.cornerBoxContent h3{
    font-size:1em;
    margin-top:0;
    border-bottom:1px solid #aaa;
}

ul.userList{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:3em;
    margin-left:0pt;
    margin-top:0pt;
    padding-left:10px;
    width:95%;
}

ul.userList li{
    vertical-align:bottom;
    float:left;
    margin-left:0.5em;
    padding-bottom:0.1em;

}

#easyReaction{
    float:;
    clear:both;
    width:500px;
    padding:0.25em;
}

p#contentExplain{
    width:450px;
    float:left;
    padding:0.3em;
    margin:0.3em;
}
p#addContent{
    width:200px;
    text-align:center;
    float:right;
    padding:0.3em;
    margin:0.3em;
    border:1px solid #888;
}

span.editPenIcon{
    margin-left:0.3em;
    margin-right:0.3em;
    vertical-align:-0.15em; 
}


    p.allow{
        padding:0 0 0 100px;
    }


   /* for incident */
    .incidentContent{
        clear:both;
    }

    .incidentContent pre{
        border:1px solid #555;
        padding:0.5em;
        /* preの折り返し */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: pre-wrap;      /* CSS3 */
        word-wrap: break-word;      /* IE 5.5+ */
    }
    .contentArea{
        clear:both;
    }
    .contentBlock{
        border-top:1px dashed #888;
    }
    .contentBlock table,tr,td{
        padding-left:0.7em;
        margin:0;
        border:none;
        font-size:1em;
    }
    td.incidentDate{
        width:100px;
    }
    td.incidentTitle{
        width:650px;
    }
    .contentArea h4{
        margin-top:0.7em;
    	font-size:1em;
        float:left;
    }
    
    span.incidentDate {
        padding:0;
        margin:0;
        font-weight:none;
        color:#888;
    }
    span.incidentTitleString{
        float:left;
    }
    p.contentEdit{
        font-weight:normal;
        float:right;
    }

    span.incidentMenu{
        font-size:75%;
    }
    
    .incidentContent p{
        line-height:1.5;
    }
    
    .incidentSources{
        padding-bottom:0.5em;

    }
    .incidentSources h5{
        color:#555;
        font-size:1em;
    }
    .incidentSources li{
        color:#444;
    }
    .incidentSources a{
    }
    .incidentSources a:hover{
        background:none;
        border-bottom:1px solid #000;
    }

    p.allowIncident{
        margin:0 0 0 100px;
    }
    
  /*for reaction */
    .reactionContent{
        width:680px;
        float:left;
        font-size:1em;
    }
    .reactionEdit{
        float:right;
        font-size:1em;
    }
    p.reactionLink{
        margin:15px 0px 10px 10px;
        font-size:120%;
    }

    .reactionIncident{
        clear:both;
        border-top:1px dashed #888;
        padding-top:0.7em;
        margin:15px 0px 10px 10px;
        color:#666666;
        font-size:120%;
    }

/* for ehsitory */
    .ehistoryBlock{
    	font-family:Arial, sans-serif;
    	color: #333333;
    	font-size:100%;
    	padding:0px 0px 0px 10px;
    	margin:0px 0px 0px 10px;
        /* background-color:#FFEEEE;*/
    }

/* for tab */
#sub-nav{
    background: url("/img/tab-line.png") bottom repeat-x;
    float: left;
    width: 100%;
} /*IE6*/

#sub-nav {
    margin-bottom: 1.5em;
    font-size: 125%;
    font-weight: bold;
}



#sub-nav ul {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 85%;
}


#sub-nav li{
    margin: 0 1px 0 0;
    padding: 0 25px 0 0;
    background: url("/img/tab3.jpg") 100% -100px;
    float: left;
    border-bottom: 1px solid #4c4c4c;
    text-align: center;
}

#sub-nav li.active {
    /* border-bottom: 1px solid #fff;  */
    border-bottom: 1px solid #fff;  /*これ0pxにしないと謎の1px出現 */
    background: url("/img/tab3.jpg") 100% 0px;
}



#sub-nav li a, #sub-nav li a:visited, #sub-nav li span{
    display: block;
    float: left;
    padding: 8px 5px 5px 20px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    min-height: 17px; /* fixes FX/Mac issue */
    color: #444;
}


/* IE7ではここonにすると-100px部分が表示 */
/*
#sub-nav li.active a, #sub-nav li.active span, {
    background: url("/img/tab3.jpg") 0 100px; 
} /*IE6*/

#sub-nav li.noactive a,#sub-nav li.noactive span{
    border-bottom: 0px solid #fff;
    background: url("/img/tab3.jpg") 0 -100px;
}

#sub-nav li.active a,#sub-nav li.active span{
    border-bottom: 0px solid #fff;
    background: url("/img/tab3.jpg") 0 0px;
}

#sub-nav li:hover{
    background-position: 100% -200px;
}

#sub-nav li:hover a{
    background-position: 0 -200px;
}

#sub-nav li.active:hover{
    background-position: 100% 0;
}

#sub-nav li.active:hover a{
    background-position: 0 0;
    text-decoration: underline;
}

#noContent{
    text-align:center;
    padding:2em;
    margin:1em;
    border:1px solid #888;
    clear:both;
}

span.hatena a:hover {
    border:none;
}

#clusterSide{
    width:220px;
    float:right;
}

.clusterSideBox{
    margin:1em 0em 1em 2em;
}

.clusterSideBox h4{
    margin:0;
    padding-left:1em;
}

.clusterSideBoxHead{
    background: transparent url(/img/connerHead200.png)
    repeat-x scroll center bottom;
    color:#555;
    width:200px;
    height:13px;
    padding:0px 0 0 0px; /* padding + width(height) = image size */
    margin:0;
}

.clusterSideBoxContent{
    width:198px; /* border で 1pxづつずれるので200-2=198px */
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
}

.clusterSideBoxContent p{
   margin:0px;
   padding:0.3em 1em;
   font-size:0.9em;
}
.clusterSideBoxContent ul{
}
.clusterSideBoxContent li{
    color:#6BB300;
}
p#sideLogin{
    text-align:center;
}
p.more{
    text-align:left;
    margin:0px;
    padding-left:2em;
}

.clusterSideBoxFoot{
    background: transparent url(/img/connerFoot200.png)
    repeat-x scroll center bottom;
    color:#555;
    width:200px;
    height:13px;
    padding:0px 0 0 0px; /* padding + width(height) = image size */
    margin:0;
}