* {
margin:0;
padding:0;
}

html {
height:100%;
}

body {
background:#789;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size:14px;
line-height:150%;
color:#555;
list-style:none;
text-align:center;
margin:0;
padding:0;
}

img {
border:0;
}

#img1 {
float:right;
margin-left:10px;
}

#img2 {
float:left;
both:clear;
margin:0 15px 10px 0;
}

a:link,a:visited,a:active {
color:#369;
text-decoration:none;
}

a:hover {
color:#F30;
text-decoration:underline;
}

#wrapper {
width:740px;
text-align:center;
background:url("http://www.satokei.com/img/back.gif") repeat-y;
margin:0 auto;
}

#container {
width:720px;
background:url("http://www.satokei.com/img/header.gif") no-repeat;
text-align:left;
position:relative;
margin:0 auto;
}

#header {
height:150px;
margin:0;
padding:0;
}

#header h1 {
margin-top:0;
margin-bottom:0;
text-indent:-1000px;
}

#header h1 a {
width:400px;
height:100px;
background-image:url("http://www.satokei.com/img/header.gif") no-repeat;
display:block;
}

#header h1 a:hover {
background:url("http://www.satokei.com/img/header.gif");
}

.navi1 {
position:absolute;
top:5px;
right:10px;
font-family:"Century Gothic", Helvetica, serif;
font-size:100%;
text-align:right;
}

.navi1 a:link,.navi1 a:visited,.navi1 a:active {
color:#5C6E83;
text-decoration:none;
}

.navi1 a:hover {
color:#F66;
text-decoration:underline;
}

#content {
width:510px;
float:right;
margin:0;
padding:0 10px 10px;
}

#content h2 {
width:auto;
border:1px solid #CCC;
border-left:5px solid #369;
color:#369;
font-size:14px;
font-weight:700;
line-height:130%;
background:#FFF url("http://www.satokei.com/img/h2_back.gif") no-repeat right top;
padding:3px 5px 3px 10px;
}

#content h2.rank {
width:auto;
border:1px solid #CCC;
border-left:5px solid red;
color:#369;
font-family:"HGP創英角ｺﾞｼｯｸUB";
font-size:20px;
font-weight:400;
line-height:130%;
background:#FFF url("img/h2_back_rank.gif") no-repeat right top;
padding:3px 5px 3px 10px;
}

.ranking {
font-size:15px;
font-weight:700;
list-style-type:none;
}

div #campaign {
margin-bottom:15px;
font-size:15px;
background:url("img/camp.gif") no-repeat;
padding:50px 5px 53px 30px;
}

#content h3 {
border-bottom:1px solid #CCC;
color:#666;
font-size:100%;
font-weight:700;
line-height:120%;
display:block;
text-align:left;
padding:10px 0 0 5px;
}

#content h4 {
border-bottom:1px solid #DDD;
color:#176782;
font-size:100%;
font-weight:700;
line-height:120%;
display:block;
text-align:left;
margin:20px 0 0;
padding:0 10px;
}

#content h5 {
color:#666;
font-size:85%;
line-height:120%;
display:block;
text-align:left;
padding:0 10px;
}

#content .doc {
text-align:left;
font-size:100%;
line-height:150%;
padding:10px 0 10px 10px;
}

#content p {
margin:10px 0;
}

#content .info {
width:auto;
text-align:left;
margin:0;
}

#content .info h2 {
width:auto;
border:1px solid #CCC;
border-left:5px solid #FF6680;
color:#369;
font-size:117%;
font-weight:700;
line-height:130%;
background:#FFF url("http://www.satokei.com/img/h2_back2.gif") no-repeat right top;
padding:3px 5px 3px 10px;
}

#content .info .info_doc {
font-size:100%;
color:#0F3357;
line-height:150%;
padding:10px 0 10px 10px;
}

#content ol {
margin:0 0 20px;
}

#content li {
margin:10px 0 0 20px;
}

#content a:hover.c1 {
color:#F63;
}

#content .next a:link,#content .next a:visited,#content .next a:active {
float:right;
color:#F27900;
background-image:url("http://www.satokei.com/img/more01.gif");
background-repeat:no-repeat;
width:100px;
height:18px;
display:block;
font-size:84%;
text-align:center;
text-decoration:none;
margin:0 5px 10px 0;
}

#content .next a:hover {
color:#F27900;
background-image:url("http://www.satokei.com/img/more02.gif");
background-repeat:no-repeat;
}

.rss {
clear:both;
text-align:right;
font-size:84%;
margin:0;
padding:5px;
}

.rss img {
vertical-align:middle;
border-style:none;
}

#sidebar {
float:left;
width:185px;
background:#FFF;
overflow-x:hidden;
margin:0;
}

#sidebar .search {
border-left:1px solid #DDD;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
margin:0 5px 0 10px;
}

#sidebar .search div {
text-align:left;
padding:10px;
}

#sidebar .cat {
margin:0;
}

#sidebar ul.menu {
list-style-type:none;
margin:0 5px 0 10px;
padding:0;
}

#sidebar ul.menu li {
border-left:1px solid #DDD;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}

#sidebar ul.menu li.tc1 a {
display:block;
background:#f5f5f5 url("http://www.satokei.com/img/menu01.gif") no-repeat;
color:#666;
font-size:100%;
text-decoration:none;
text-align:left;
margin:0;
padding:5px 0 5px 20px;
}

#sidebar ul.menu li.tc1 a .des {
background:#f5f5f;
color:#3D7A8F;
font:normal 85%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
padding:5px;
}

#sidebar ul.menu li.tc1 a:hover {
background:#FFF url("http://www.satokei.com/img/menu02.gif") no-repeat;
color:#333;
}

#sidebar ul.menu li a {
display:block;
background:#f5f5f5 url("http://www.satokei.com/img/menu03.gif") no-repeat;
color:#60F;
font-size:100%;
text-decoration:none;
text-align:left;
margin:0;
padding:5px 0 5px 30px;
}

#sidebar ul.menu li a .des {
background:#f5f5f5;
color:#3D7A8F;
font:normal 85%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
text-align:left;
padding:5px;
}

#sidebar ul.menu li a:hover {
background:#FFF url("http://www.satokei.com/img/menu04.gif") no-repeat;
color:#333;
}

#sidebar ul.menu li a:hover .des {
background:#FFF;
}

.new_index {
height:30px;
background-color:#0066ca;
background:url("http://www.satokei.com/img/new.gif");
background-repeat:no-repeat;
border-bottom:1px solid #888;
}

.new {
margin:5px 5px 0;
}

.new a {
color:#FFF;
text-decoration:none;
font-size:10px;
line-height:130%;
background:url("http://www.satokei.com/img/new_list.gif");
background-repeat:no-repeat;
margin:0;
padding:0 0 0 15px;
}

.new a:hover {
color:#FC0;
}

#footer {
clear:both;
width:auto;
height:40px;
background:#0F3357;
margin:0;
}

#footer div {
float:right;
color:#CCC;
font-size:100%;
line-height:120%;
text-align:right;
margin:0;
padding:5px 10px 0 0;
}

#footer a:link,#footer a:visited,#footer a:active {
color:#FFF;
text-decoration:none;
}

#footer a:hover {
color:#FF6060;
text-decoration:underline;
}

#footer img {
border:0;
vertical-align:middle;
}

#footer .banner {
background-color:#FFF;
float:left;
margin:0;
padding:15px 5px 10px;
}

.navi2 {
font-size:10px;
line-height:130%;
color:#666;
margin:0 0 5px;
}

.navi2 a:link,.navi2 a:visited,.navi2 a:active {
color:#39C;
text-decoration:none;
}

.b {
font-weight:700;
}

.red {
color:red;
}

.blue {
color:#039;
}

.green {
color:#390;
}

.orange {
color:#f90;
}

.line {
background:#ff0;
}

.br {
color:#dc0000;
font-weight:700;
}

.bb /* 大・太字 */ {
font-size:1.3em;
font-family:"HGP創英角ｺﾞｼｯｸUB";
font-weight:400;
}

.pr {
position:relative;
top:-30px;
left:-50px;
}

table {
border-bottom:solid 1px #7d9be3;
border-right:solid 1px #7d9be3;
border-left:solid 1px #7d9be3;
}

th {
color:#0f3357;
font-size:18px;
background:url(img/th-bg.gif) repeat-x bottom;
border-top:solid 1px #7d9be3;
border-bottom:solid 1px #7d9be3;
padding:5px 0 5px 10px;
}

td {
font-size:12px;
padding:8px 15px 30px;
}

#fx_cat th,td,table {
border:1px solid #7d9be3;
border-collapse:collapse;
}

#fx_cat table {
width:480px;
}

#fx_cat th {
color:#333;
font-size:15px;
width:120px;
text-align:center;
font-weight:400;
padding:1px;
background: #d3d3d3;
}

#fx_cat td {
width:360px;
text-align:center;
padding:1px;
}

.shiryo {
clear:both;

}

.shiryo a {
float:left;
display:block;
height:50px;
width:200px;
_margin:10px 0 10px 0;
background:url(http://www.satokei.com/img/shiryo.jpg) no-repeat;
text-decoration:none;
text-indent:-9999px;
overflow: hidden;
margin:10px auto;
}

.shiryo a:hover {
display:block;
height:50px;
width:200px;
background:url(http://www.satokei.com/img/shiryoa.jpg) no-repeat;
text-decoration:none;
}

.kouza {

}

.kouza a {
float:left;
display:block;
height:50px;
width:200px;
background:url(http://www.satokei.com/img/kouza.jpg) no-repeat;
text-decoration:none;
text-indent:-9999px;
overflow: hidden;
margin:10px 0 10px 20px;
}

.kouza a:hover {
display:block;
height:50px;
width:200px;
background:url(http://www.satokei.com/img/kouzaa.jpg) no-repeat;
text-decoration:none;
}

#content a:link.c1,#content a:visited.c1,#content a:active.c1,#content a:link,#content a:visited,#content a:active {
color:#7195f4;
text-decoration:none;
}

#content a:hover,.navi2 a:hover {
color:#F63;
text-decoration:underline;
}

#sidebar h2,#sidebar .cat h2 {
border:1px solid #555;
background:#0F3357;
font:bold 117%/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
color:#FFF;
text-align:left;
text-indent:5px;
margin:5px 5px 0 10px;
}

.pr li,.pr li a {
font-size: 8pt;
display:inline;
list-style:none;
color:#dbdbdb;
}