CSSサンプル赤黒１ - 日本スペード協会 トランプゲーム JSA2005

[注意]

いま使っている　メニューの見出し画像　は使いません

タイトル部分の画像はダミーです。タイトルがちがう色合だと一番外の背景色も変える必要があるかも

---

@charset "utf-8";

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

body{
color:#000;
width:100%;
height:100%;
font-family: "?l?r ?o?S?V?b?N" ,"?q???M?m?ۃS Pro W4" ,"Osaka",verdana,arial,sans-serif;
margin: 0px 0px 50px 0px;
background: #2D3336 url("") ;
text-align: center;
}

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

A　　　　　　　 { color: #29412C; text-decoration: none;background:none;}
A:link　　　　　 { color: #AC1924; text-decoration: none;background:none;}
A:link:hover　　 { color: #FB4515; text-decoration: none;background:none;}
A:link:active　 { color: #AC1924; text-decoration: none; background:none;}

A:visited　　　 { color: #AC1924; text-decoration: none;background:none;}
A:visited:hover { color: #FB4515; text-decoration: none; background: none;}
A:visited:active { color: #AC1924; text-decoration: none; background:none;}

h1, h2, h3 {
margin: 0px;
padding: 5px;
font-color: #262D26;
}

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

#wrapper{
line-height: 280%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
background-color: #FFFFF3;
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
width: 800px; /* IE5 */
voice-family: ""}"";
voice-family:inherit;
/* width: 800px; */
}
#wrapper2{
background-color:#FFFFF3;
height:100%;
background-image:url(http://www6.atwiki.jp/japanspades/?cmd=upload&act=open&page=%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8&file=kouji.gif);
background-repeat:no-repeat;height:100px;
}
#head_editmenu,#foot_edit_menu{
text-align:right;
background-color:#2D3336;
}

#header{
margin:0;

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

}

.sitename{
margin-top:32px;
padding-top:0px;
padding-left:650px;
padding-bottom:0px;
font-size:8px;
margin-bottom:0px;
border-left:0px;
}
.pagename{
font-size:0px;
}

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

#left {
float: left;
width: 148px;
overflow: hidden;
}

#right {
float: left;
width: 148px;

overflow: hidden;
}

#center {
float: left;
width: 500px;
}

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

background:#FFFFF3;
text-align:left;
margin:0 5px 0 5px;
margin-top:0px;
/* border:solid 1px #cccccc
*/
}

.pageinfo {
text-align:right;
margin-right:15px;
height:1px;

}

#main{
background-color:#FFFFF3;
}

#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:#FFFFF3;
margin-left:10px;
margin-right:5px;
padding:5px;
}

#ad{
clear:both;
text-align:center;
}
#content{

}

#footer,#ad{
text-align:center;
}

#footer{
clear:both;

}
#foot_editmenu{
clear:both;
margin-left:10px;
margin-right:10px;
margin-bottom:7px;
text-align:center;
}

.menu h2{
text-align:center;
text-color:#992A1F;
border-left:none;
padding:1;
margin:0;
/* background-color:#cccccc;
*/ border-bottom:dotted 2px #EFB143;
　}

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

h1{
font-size:22px;
　　　 font-color:#B31701;
border-bottom:dotted 2px #cccccc;
border-left:solid 7px #cccccc;
padding:5px;
margin-left:5px;
}
h2{
font-size:18px;
padding:2px;
margin-left:8px;

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

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

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

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

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

hr{
margin: 0px;
}

ul,ol{
padding:0;
margin:0;
margin-left: 10px;
}
ul li {
margin: 0 0px 0 10px;
padding: 0;
line-height: 100%;
}

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

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:3px;
margin:1px;
text-align:center;
color:inherit;
background-color:#EEEEEE;
}
#main td
{
font-size:12px;
padding:3px;
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 5px 0px 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: #F24040;
}
.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; }