新シンプル３段ちょっと改変.css - how @Wiki

@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


body{
font-size:small;
color:#000;
width:100%;
height:100%;


text-align: center;
}

div, span, form, h1, h2, h3, h4, ul, ol { margin: 0; padding: 0}



A                { color: #003399; text-decoration: none; background: none;}
A:link           { color: #003399; text-decoration: none; background: none;}
A:link:hover     { color: #CCCCCC; text-decoration: none; background: none;}
A:link:active    { color: #000000; text-decoration: none; background: none;}

A:visited        { color: #0066CC; text-decoration: none; background: none;}
A:visited:hover  { color: #CCCCCC; text-decoration: none; background: none;}
A:visited:active { color: #000000; text-decoration: none; background: none;}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}



/*#wrapper,#header,#content{
width: 802px;
width: 800px;
}*/



#wrapper{

margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
background-color: #FFFFFF;
/*width: 802px; IE5 */
voice-family: "\"}\"";
voice-family:inherit;
/* width: 800px; */
}
#wrapper2{
background-color:#ffffff;
height:100%;
}

#head_editmenu{
}



#foot_edit_menu{
text-align:left;
background-color:#ffffff;
}




#header{
margin:0;
}

#header2{
margin-left:40px;
margin-right:40px;
vertical-align: middle;
text-align:left;
margin-top:0px;
padding-top:5px;


}


h1{
font-size:24px;
border-bottom:dotted 2px #cccccc;
margin-left:5px;
}


.sitename{
margin-bottom:35px;
padding-left:10px;
font-size:25px;
border-left:0px;
}


.pagename{
font-size:20px;
}



#content{
margin:0;
padding:0;
}



#left {
position:absolute;
top:8em;
left:5px;
width:15%;
overflow: hidden;
}

#right {
position:absolute;
top:8em;
right:2em;

width:15%;
overflow:hidden;
}

#center {
margin-left:20%;

width: 55%;
}





.menu{
overflow:visible;
word-break:break-all;

background:#ffffff;
text-align:left;
margin:0 8px 0 8px;
margin-top:10px;
/*border:solid 1px #cccccc*/

}


.pageinfo {


margin-left:20%;
height:20px;

}

#main{
background-color:#ffffff;
}

#attach{
margin-left:20px;
margin-right:20px;

clear:both;
}
#footnote{
margin-left:20px;
margin-right:20px;

float:both;
}
#mainbody{
border:solid #cccccc 1px;
overflow:auto;
word-break:break-all;
background-color:#ffffff;
margin-left:5px;
margin-right:5px;
padding:5px;
}

#ad{
margin-left:18%;
width:50%;
margin-top:10em;
clear:both;
text-align:center;
}
#content{

}

#footer,#ad{

text-align:center;
}

#footer{
margin-left:18%;
width:50%;

}
#foot_editmenu{
position:absolute;
top:6em;
left:1em;

}



.menu h2{
text-align:center;
border-left:none;
padding:0;
margin:0;
/*background-color:#cccccc;*/
border-bottom:dotted 2px #0066CC;
border-top:dotted 2px #0066CC;
border-left:solid 7px #0066CC;
border-right:solid 7px #0066CC;
}

.menu h3{
text-align:center;
border-left:none;
border-bottom:dotted 2px #003399;
padding:0;
margin:0;
}




h2{
font-size:20px;
padding:5px;
margin-left:8px;

border-left:solid 7px #cccccc;
border-bottom:dotted 2px #cccccc;
}
h3{
border-left:solid 3px #cccccc;
border-bottom:dotted 1px #cccccc;

font-size:18px;
padding:5px;
margin-left:12px;
}
h4{
border-bottom:dotted 1px #cccccc;

font-size:16px;
padding:5px;
margin-left:15px;
}
h5{
border-bottom:dotted 1px #cccccc;

font-size:14px;
padding:5px;
margin-left:20px;
}
h6{
font-size:12px;
padding:5px;
margin-left:20;x
}

img {
border: none;
vertical-align: middle;
}



hr{
margin: 5px;
}

ul,ol{
padding:0;
margin:0;
margin-left: 10px;
}

ul li {

padding: 0;
line-height: 150%;
}

ol li {
margin: 0 0px 0 10px;
padding: 0;
line-height: 150%;
}

dt {
font-weight: bold;
margin-top: 1em;
margin-left: 1em;
}
/*
#main table{
padding:0px;
border:0px;
margin:auto;
text-align:left;
color:inherit;
background-color:#ccd5dd;
}


#main th
{
padding:5px;
margin:1px;
text-align:center;
color:inherit;
background-color:#EEEEEE;
}
#main td
{
font-size:12px;
padding:5px;
margin:1px;
color:inherit;
background-color:#EEF5FF;
}
*/
pre {
border: #cccccc 1px solid;
padding: 5px;
margin: 5px 0px 5px 5px;
white-space: pre;
color: #666;
}

blockquote {
margin: 5px 0px 5px 5px;
padding: 5px;
border: #cccccc 1px dotted;
color:#666;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

address {
font-style:normal;
}


.warning,
span.warning{
color: #FCC;
}
.hidden{
display: none;
}

span.diff_add{
color: red;
background-color:#FFF;
}

span.diff_del{
color: blue;
background-color:#FFF;
}

span.word1{ color: black; background-color: #ffff66; }
span.word2{ color: black; background-color: #a0ffff; }
span.word3{ color: black; background-color: #99ff99; }
span.word4{ color: black; background-color: #ff9999; }
span.word5{ color: black; background-color: #ff66ff; }
span.word6{ color: white; background-color: #880000; }
span.word7{ color: white; background-color: #00aa00; }
span.word8{ color: white; background-color: #886800; }
span.word9{ color: white; background-color: #004699; }
span.word10{ color: white; background-color: #990099; }