/* ■メイン */
body,a,h1,h2,th,td,strong,em,small,p,div,img{
font-size:small;
font-style:normal;
font-family:"ＭＳ Ｐゴシック",sans-serif;
line-height:130%;
padding:0px;
border:0px;
margin:0px;
}

body{
color:#222222;
background-color:#cccccc;
text-align:center;
}

a:link   {color:#0000aa;}
a:visited{color:#aa0000;}
a:active {color:#aa0000;}
a:hover  {color:#222222;}

h1{
color:#e0e0e0;
background-color:#1e1e1e;
padding:0px 0px 0px 1%;
width:99%;
height:18px;
text-align:left;
}

h2{
color:#ffffff;
background:#222222 url(http://sdin.jp/img/other/h2.png);
padding:1px 1px 1px 13px;
height:18px;
}

table{
border:solid 1px #aaaaaa;
border-collapse:collapse;
width:100%;
margin:0px 0px 10px 0px;
}

th{
color:#333333;
background:#eeeeee url(http://sdin.jp/img/other/menu0.gif) repeat-x;
border:solid 1px #aaaaaa;
height:18px;
text-align:center;
}

td{
border:solid 1px #aaaaaa;
padding:2px;
}

em{color:#aa0000;}
.r{color:#aa0000;}
.g{color:#008800;}
.b{color:#0000aa;}

small{
font-size:80%;
line-height:110%;
}

p{
margin:5px 5px 8px 5px;
}

div.center{
margin:0px 5px 8px 5px;
text-align:center;
}

pre{
font-size:100%;
font-family:"ＭＳ ゴシック",monospace;
white-space:pre;
padding:0px;
margin:0px;
}

/* ■レイアウト */
#outline{
background-color:#ffffff;
margin:0px auto;
width:900px;
text-align:left;
border-left:solid 1px #808080;
border-right:solid 1px #808080;
}

#panel{
background:#eeeeee url(http://sdin.jp/img/other/title.gif) repeat-x;
width:200px;
height:40px;
float:left;
}

#title{
background:#eeeeee url(http://sdin.jp/img/other/title.gif) repeat-x;
padding:3px 5px 3px 5px;
line-height:100%;
width:690px;
height:34px;
text-align:right;
float:left;
}

#label{
background-image:url(http://sdin.jp/img/other/label.png);
margin:0px 350px 0px 350px;
width:200px;
height:18px;
top:18px;
position:absolute;
text-align:center;
}

#label a:link   {font-size:medium; color:#9999ff; line-height:100%;}
#label a:visited{font-size:medium; color:#ff9999; line-height:100%;}
#label a:active {font-size:medium; color:#ff9999; line-height:100%;}
#label a:hover  {font-size:medium; color:#aaaaaa; line-height:100%;}

#lang{
color:#222222;
background-color:#dddddd;
border-top:solid 1px #808080;
padding:2px 4px 3px 2px;
width:894px;
height:16px;
text-align:right;
clear:both;
}

#lang img{
vertical-align:-3px;
}

#dir{
padding:4px 0px 2px 10px;
width:740px;
height:16px;
top:58px;
position:absolute;
text-align:left;
}

#left{
text-align:center;
padding:10px 0px 10px 10px;
width:190px;
}

#right{
padding:10px;
width:680px;
float:right;
}

#foot{
font-size:90%;
color:#c0c0c0;
background-color:#1e1e1e;
padding:15px;
width:870px;
text-align:center;
clear:both;
}

#foot table{
border:solid 1px #2e2e2e;
}

#foot th{
color:#c0c0c0;
background-color:#1e1e1e;
background-image:none;
border:solid 1px #2e2e2e;
padding:5px;
}

#foot td{
font-size:90%;
color:#777777;
background-color:#1e1e1e;
border:solid 1px #2e2e2e;
padding:5px;
width:21%;
text-align:left;
vertical-align:top;
}

#foot a:link   {color:#9999ff; line-height:150%;}
#foot a:visited{color:#ff9999; line-height:150%;}
#foot a:active {color:#ff9999; line-height:150%;}
#foot a:hover  {color:#aaaaaa; line-height:150%;}

#info{color:#aaaaaa; margin:-90px auto 0px 30px; text-align:left;  width:270px; height:90px;}
#need{color:#aaaaaa; margin:-96px 30px 0px auto; text-align:right; width:350px; height:96px;}

#info a:link   ,#need a:link   {color:#44aaff;}
#info a:visited,#need a:visited{color:#ffaa44;}
#info a:active ,#need a:active {color:#ffaa44;}
#info a:hover  ,#need a:hover  {color:#222222;}

#object{
margin:0px auto 10px auto;
text-align:center;
clear:both;
}

/* ■バナー */
#black{
background:#000000 url(http://sdin.jp/img/other/black.png) no-repeat;
padding:15px 0px 0px 0px;
margin:0px auto;
width:640px;
height:210px;
text-align:center;
}

#black2{
background:#000000 url(http://sdin.jp/img/other/black2.png) no-repeat;
padding:15px 0px 0px 0px;
margin:0px auto;
width:680px;
height:210px;
text-align:center;
}

#gray{
background:#f8f8f8 url(http://sdin.jp/img/other/gray.png) no-repeat 180px 10px;
border:solid 1px #808080;
padding:10px;
margin:10px 0px 10px -121px;
width:289px;
text-align:left;
}

/* ■リンク */
.link{
width:670px;
margin:10px 5px 15px 5px;
}

.link th{
background-image:none;
text-align:left;
padding:2px;
width:200px;
}

.link td{
text-align:left;
padding:2px;
}

/* ■アウトサイド */
.outside{
background-color:#333333;
border:solid 3px #000000;
margin:10px 10px 10px 0px;
padding:45px 10px 60px 10px;
width:120px;
height:90px;
float:left;
}

.manual{
width:670px;
margin:10px 5px 15px 5px;
}

.manual th{
width:50%;
}

.manual td{
text-align:center;
padding:10px;
width:50%;
}

/* ■レフト */
#left table{
border:solid 1px #808080;
width:190px;
}

#left th{border:solid 1px #808080;}
#left td{border:solid 1px #808080; background-color:#f8f8f8;}

#random{
padding:0px 2px 2px 0px;
}

#random img{
margin:2px 0px 0px 2px;
width:91px;
height:50px;
}