@import url(./base.css);



.fontred {
color:red;
}

.fontblue {
color:blue;
}

h2#syupdate{
margin:0 6px 5px 0;
padding:5px;
font-size:14px;
font-weight:normal;
color:#fff;
background-color:#69f;
}

ul#sycaution {
margin:0;
padding:0;
list-style:none outside;
}

li.sycli {
margin:0;
padding:0;
}

div#sytel {
margin:5px 0;
padding:0;
}

div#sydgshops {
margin:5px 0;
}

div#sybwh {
margin:5px 6px 5px 0;
padding:5px 0;
border-top:solid 1px #000;
}

div#sydaylink {
float:left;
width:200px;
font-size:14px;
margin:0;
padding:0;
}


div#sybottomlink {
float:left;
width:100px;
margin:0;
}

div.clear {
margin:0;
padding:0;
width:0;
height:0;
clear:both;
}

h2.syshifthead{
margin:10px 16px 0 10px;
padding:5px;
font-size:12px;
font-weight:normal;
color:#000;
background-color:#fff;
border:solid 2px #69f;
}

div.syshiftcomment {
margin:0 16px 5px 10px;
padding:5px;
color:#fff;
background-color:#69f;
}

div.sygirlarea {
width:560px;
padding:0 0 0 10px;
margin:0;
}

div.sygirl {
float:left;
width:122px;
height:100px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #69f;
background-color:#eff;
}

div.sygirlnew {
float:left;
width:122px;
height:100px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #f66;
background-color:#ffc;
}

div.sygirlmove {
float:left;
width:122px;
height:100px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #060;
background-color:#f6fff6;
}

div.sygirlimg {
float:left;
margin:0 3px 0 0;
padding:0;
width:63px;
height:80px;
}

div.sygirlimg img{
border:0;
margin:0;
padding:0;
width:60px;
}

div.sygirldata {
float:right;
padding:0;
margin:0;
width:54px;
color:#f60;
}

div.sygirlname {
clear:both;
margin:3px 0 0 0;
padding:0;
}

div.systuff {
margin:5px 0 20px 10px;
padding:0;
clear:both;
}

div#syheader {
margin:10px;
padding:0;
}

div#syinfo {
margin:10px;
padding:0;
}

h2#syinfotitle{
margin:0 6px 5px 0;
padding:5px;
font-size:14px;
font-weight:normal;
color:#fff;
background-color:#69f;
}


div.sygirl2 {
float:left;
width:122px;
height:115px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #69f;
background-color:#eff;
}

div.sygirlnew2 {
float:left;
width:122px;
height:115px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #f66;
background-color:#ffc;
}

div.sygirlmove2 {
float:left;
width:122px;
height:115px;
margin:0 8px 10px 0;
padding:2px;
border:solid 2px #060;
background-color:#f6fff6;
}

.splshift {
margin:12px;
padding:0;
}

.splshift h2{
clear:both;
font-size:14px;
margin:0;
padding:12px 0 0 0;
border-top:dotted 1px #999;
}

.splshift h3 {
clear:both;
font-size:12px;
font-weight:normal;
margin:0 0 0 12px;
padding:8px 0 0 0;
}

.splshift ul {
clear:both;
margin:8px 0 0 24px;
padding:0 0 5px 0;
list-style-type:none;
}

.splshift li {
float:left;
width:100px;
margin:0 0 5px 0;
}

#etclink {
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	padding-right:5px;
}

.sanp {
background-image:url("http://www.sp-matto.com/zaiseki/images/sanp2.gif");
}

.newsanp {
background-image:url("http://www.sp-matto.com/zaiseki/images/newsanp2.gif");
}

.movesanp {
background-image:url("http://www.sp-matto.com/zaiseki/images/movesanp2.gif");
}

h3.helptitle{
margin:0 16px 5px 10px;
padding:5px;
color:#36f;
border-bottom:solid 1px #36f;
font-size:14px;
font-weight:normal;
text-indent:22px;
}

h3.gohelptitle{
margin:0 16px 5px 10px;
padding:5px;
color:#f66;
border-bottom:solid 1px #f66;
font-size:14px;
font-weight:normal;
text-indent:22px;
}

div.gohelplink {
height:12px;
margin:0 16px 5px 10px;
padding:0 5px;
font-size:10px;
}