* {
margin: 0;
padding:0;

}


a {
color: blue;
text-decoration: underline;
}

a:link,a:visited,a:active {
color: #0000ff;
}

a:hover {
color: #ff0000;
}

a img {
border: 0px;
}

body {
width: 862px;
margin: 0px 0px 0px 0px;
text-align: center;
background:url() repeat #f0f0f0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

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

#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
width: 862px;
background: url(img/cont-bg.jpg) repeat-y #fff;
border-top: none;
border-bottom: none;
position:relative;
}

#banner-top {
background: url(img/bana-top.jpg) no-repeat left top #fff;
margin-right: auto;
margin-left: auto;
width: 838px;
height: 276px;
}

#banner h1, 
#banner-top h1 {
font-size: 12px;
text-align: right;
padding: 5px 10px 0px 0px;
color: #666;
}


#banner {
background: url(img/bana.jpg) no-repeat left top #005db7;
margin-right: auto;
margin-left: auto;
width: 838px;
height: 102px;
}


#banner p {
text-align: center;
color: #fff;
background: #555;
height: 30px;
line-height: 30px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
font-size: 14px;
}



#content {
float: left;
width: 600px;
text-align: left;
margin-right: 0px;
padding-left:20px;
padding-right:0px;
padding-bottom: 10px;
overflow: hidden;
margin-top: 5px;
display: inline;
}

#content h2 {
background: url(img/h3-bg.jpg) no-repeat left #fff;
height: 34px;
line-height: 34px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 10px;
color: #555;
font-size: 16px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

#content h3 {
background: url(img/h3-bg.jpg) no-repeat left #fff;
height: 34px;
line-height: 34px;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
color: #555;
font-size: 16px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

#content h3#h3-top {
background: url(img/h2-top.jpg) no-repeat #376eaf;
height: 36px;
line-height: 36px;
margin-bottom: 15px;
margin-left: 0px;
text-indent: -8888px;
overflow: hidden;
}

#content h3#h3-step {
background: url(img/h3-step.jpg) no-repeat #376eaf;
height: 36px;
line-height: 36px;
margin-bottom: 15px;
margin-left: 0px;
text-indent: -8888px;
overflow: hidden;
}


#content p {
font-family: Verdana, Arial, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(img/note_line.gif);
margin-right: 15px;
margin-left: 15px;
line-height: 20px;
padding-right: 10px;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 12px;
color: #333;
}

#content p.chu {
background: none;
line-height: 100%;
padding: 0px;
margin: 0px;
color:#fa374b;
font-size: 12px;
margin-bottom: 10px;
}

ul {
border: solid 1px #ccc;
margin: 25px;
padding: 10px 5px 5px 0px;
}

ul li {
font-size: 12px;
list-style-type: circle;
margin-left: 30px;
margin-bottom: 10px;
padding-left: 0px;
color: #333;
}


#right{
float: right;
width: 201px;
text-align: left;
margin-right: 21px;
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
display: inline;
}

#gohome {
background: url(img/gohome.gif) repeat-y left top;
height: 40px;
margin-bottom: 10px;
text-indent: -8888px;
display: block;
overflow: hidden;
}

#gohome a {
background: url(img/gohome.gif) repeat-y left top;
display: block;
height: 41px;
}

#gohome a:hover {
background-position: 0 -41px;

}



#right dl {
margin-bottom: 15px;
width: 201px;
border-bottom: solid 1px #c2c2c2;
}

#right dt {

}

#right dt#dt-rank {
background: url(img/side-rank.gif) no-repeat left #376eaf;
color: #fff;
height: 54px;
text-indent: -8888px;
overflow: hidden;
}

#right dt#dt-info {
background: url(img/side-info.gif) no-repeat left #376eaf;
color: #fff;
height: 55px;
text-indent: -8888px;
overflow: hidden;
}


#right dt#dt-side {
background: url(img/side-column.gif) no-repeat left #376eaf;
color: #fff;
height: 55px;
text-indent: -8888px;
overflow: hidden;
}



#right dt#dt-main {
background: url(img/main-column.gif) no-repeat left #376eaf;
color: #fff;
height: 55px;
text-indent: -8888px;
overflow: hidden;
}
#right dd {

height: 40px;
line-height: 40px;
font-size: 14px;
}

#right dd a {
background: url(img/side-dd.gif) repeat-y #fff;
color: #333;
text-decoration: none;
padding-left: 35px;
height: 40px;
line-height: 40px;
width: 166px;
display: block;
}

#right dd a:hover {
background-position: 0 -40px;
text-decoration: underline;
color: #376eaf;
}

#right dd#rank1 a {
background: url(img/rank1.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank2 a {
background: url(img/rank2.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank3 a {
background: url(img/rank3.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank4 a {
background: url(img/rank4.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank5 a {
background: url(img/rank5.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank6 a {
background: url(img/rank6.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank7 a {
background: url(img/rank7.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank8 a {
background: url(img/rank8.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank9 a {
background: url(img/rank9.jpg) repeat-y #fff;
padding-left:45px;
width: 156px;
}

#right dd#rank1 a:hover, 
#right dd#rank2 a:hover, 
#right dd#rank3 a:hover, 
#right dd#rank4 a:hover, 
#right dd#rank5 a:hover, 
#right dd#rank6 a:hover, 
#right dd#rank7 a:hover, 
#right dd#rank8 a:hover, 
#right dd#rank9 a:hover {
background-position: 0 -40px;
}




#foot{
width: 838px;
margin-right: auto;
margin-left: auto;
height: 80px;
font-size:12px;
color: #555;
background: url(img/foot.jpg) no-repeat left bottom #fff;
clear:both;

}

#foot p {
padding-top: 60px;
padding-right: 10px;
text-align: right;
margin:0px;


}

#foot p a{
text-decoration: none;
font-style:normal;
color: #555;
}

.clear {
clear:both;
}


p#pankuzu {
position: absolute;
top: 125px;
left: 20px;
font-size: 13px;

}



/*-----------------------*/
.kotira {
width: 182px;
height: 20px;
overflow: hidden;
text-indent: -8888px;

position: absolute;
top: 273px;
right: 0px;
}

.kotira a {
display: block;
background: url(img/kotira.gif) repeat-y left top;
height: 20px;
width: 182px;
}

.kotira a:hover {
background-position: 0px -20px;
}

#top-keizai {
position: relative;
clear: both;
margin-left: 5px;
margin-bottom: 15px;
background: url(img/top-keizai.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-jyuyou{
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-jyuyou.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-seisaku {
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-seisaku.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-news {
position: relative;
clear: both;
margin-left: 5px;
margin-bottom: 15px;
background: url(img/top-news.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-srate {
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-srate.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-schart {
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-schart.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-ratechart {
position: relative;
clear: both;
margin-left: 5px;
margin-bottom: 15px;
background: url(img/top-ratechart.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}

#top-mainrate {
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-mainrate.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}


#top-mainchart {
position: relative;
margin-left: 10px;
margin-bottom: 15px;
background: url(img/top-mainchart.jpg) no-repeat left top;
height: 118px;
width: 170px;
padding-top: 182px;
padding-left: 10px;
padding-right: 10px;
float: left;
display: inline;
font-size: 12px;
color: #333;
line-height: 1.5em;
}



/*----------------------*/

#keizai-kobetu {
background:url(img/keizai-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#jyuuyou-kobetu {
background:url(img/jyuuyou-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#seisaku-kobetu {
background:url(img/seisaku-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#news-kobetu {
background:url(img/news-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}


#siderate-kobetu {
background:url(img/siderate-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#sidechart-kobetu {
background:url(img/sidechart-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#ratechart-kobetu {
background:url(img/ratechart-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#mainrate-kobetu {
background:url(img/mainrate-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#mainchart-kobetu {
background:url(img/mainchart-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
}

#unei-kobetu {
background:url(img/unei-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
text-indent: -8888px;
}

#unei-image {
background:url(img/unei.gif) no-repeat left top;
height: 300px;
margin-left: 10px;
}

#kiyaku-kobetu {
background:url(img/kiyaku.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
text-indent: -8888px;
}

#parts-kobetu {
background:url(img/blogparts-kobetu.jpg) no-repeat left top;
height: 100px;
margin-bottom: 20px;
text-indent: -8888px;
}


/*----------------------*/

#hyouji-image {
float: left;
margin-right: 5px;
display: inline;
background: url(img/hyouji.gif) no-repeat left top;
padding-top: 35px;
width: 200px;

}

#step-chart {
float: left;
width: 380px;
padding-left: 5px;
border-left: solid 1px #ccc;
}

#step-1 {
background: url(img/step-1.gif) no-repeat left top;
height: 66px;
padding:34px 0px 0px 0px; 
}

#step-2 {
background: url(img/step-2.gif) no-repeat left top;
height: 52px;
padding:48px 0px 0px 20px; 
}

#step-3 {
background: url(img/step-3.gif) no-repeat left top;
height: 52px;
padding:48px 0px 0px 20px; 
}


#step-4 {
background: url(img/step-4.gif) no-repeat left top;
padding:64px 0px 0px 0px;
text-align: center;
}

#step-4-1 {
background: url(img/step-4-1.gif) no-repeat left top;
padding:64px 0px 0px 0px;
text-align: center;
}

#step-4-2 {
background: url(img/step-4-2.gif) no-repeat left top;
padding:64px 0px 0px 0px;
text-align: center;
}

#step-5 {
background: url(img/step-5.gif) no-repeat left top;
padding:64px 0px 0px 0px;
text-align: center;
}

#mrate-step-1 {
background: url(img/mrate-step-1.gif) no-repeat left top;
height: 66px;
padding:34px 0px 0px 0px; 
float: left;
width: 300px;
display: inline;
}

#mrate-step-2 {
background: url(img/mrate-step-2.gif) no-repeat left top;
height: 52px;
padding-top: 48px;
padding-left: 10px;
float: left;
width: 280px;

display: inline;

}

#mrate-step-2 select {
width: 130px;
}

#mrate-step-3 {
clear: both;
background: url(img/mrate-step-3.gif) no-repeat left top;
padding-top: 55px;
float: left;
width: 300px;
display: inline;
margin-bottom: 20px;
}

#mrate-step-4 {
background: url(img/mrate-step-4.gif) no-repeat left top;
padding-top: 55px;
text-align: center;
float: left;
width: 300px;
margin-bottom: 20px;
}

#mrate-hyouji {
clear: both;
background: url(img/mrate-hyouji.gif) no-repeat left top;
height: 45px;
}

#mchart-bd {
background: url(img/mchart-border.gif) no-repeat left top;
height: 5px;
margin-top: 10px;
margin-bottom: 10px;
}


#mchart-step-1 {
background: url(img/mchart-step-1.gif) no-repeat left top;
padding-top: 55px;
padding-left: 8px;
}

#mchart-step-2 {
background: url(img/mchart-step-2.gif) no-repeat left top;
height: 66px;
padding:34px 0px 0px 0px; 
float: left;
width: 300px;
display: inline;
}

#mchart-step-3 {
background: url(img/mrate-step-2.gif) no-repeat left top;
height: 52px;
padding-top: 48px;
padding-left: 10px;
float: left;
width: 280px;
display: inline;
}

#mchart-step-3 select {
width: 130px;
}

#mchart-step-4 {
clear: both;
background: url(img/mchart-step-4.gif) no-repeat left top;
padding-top: 35px;
margin-bottom: 20px;
padding-left: 10px;
}

#mchart-step-4 input {
margin-left: 90px;
}

#mchart-step-5 {
background: url(img/step-5.gif) no-repeat left top;
padding:64px 0px 0px 0px;
text-align: center;
width: 380px;
margin-bottom: 20px;
}

#houhou {
background: url(img/houhou.gif) no-repeat left top;
height: 163px;
margin-bottom: 15px;
}

#houhou2 {
background: url(img/houhou2.gif) no-repeat left top;
height: 143px;
margin-bottom: 15px;
}

/*----------------------*/
table#table-kuni {
margin-bottom: 10px;
margin-left: 20px;
}

table#table-kuni td, 
table#table-tuuka td {
font-size: 12px;
text-align: left;
}

table#table-tuuka td.td-c, 
table#table-kuni td.td-c {
text-align: center;
}

table#table-tuuka {
margin-bottom: 10px;
margin-left: 20px;
}
table#table-patarn1 {
border-collapse: collapse;
margin-bottom: 20px;

}

table#table-patarn1 td {
text-align: center;
border: solid 1px #aaa;

}

table#table-patarn1 td.td-check {
border-top: none;
padding: 3px 0px 5px 0px;
}


table#table-patarn1 td.td-img {
border-bottom: none;
}

table#table-patarn2 {
margin-bottom: 10px;
font-size: 12px;
}

table#table-patarn2 td {
padding: 2px;
}

table#table-patarn2 select {
font-size: 12px;
}

table#table-unei {
border-collapse: collapse;
margin-left: 30px;
margin-bottom: 10px;
width: 400px;

}

table#table-unei th {
border: solid 1px #666;
font-size: 12px;
color: #555;
background: #ecf5ff;
padding: 0px 10px;
width: 100px;
text-align: center;
}

table#table-unei td {
border: solid 1px #666;
font-size: 12px;
color: #555;
padding: 10px;
letter-spacing: 1px;
background: ;
}

/***** mail-form *********/

#content table.parts-cost {
border-collapse: separate;
width: 480px;
margin-left: 50px;
background-color: #CCCCCC;
font-size: 12px;
}

#content table.parts-cost td {
border: solid 1px #FFFFFF;
background-color: #EFEFEF;
padding: 5px 0px 5px 00px;
color: #555;
text-align: center;
}

#content table.parts-cost tr {
border-bottom: solid 1px #CCCCCC;
}

#content table.parts-cost th {
width: 45%;
text-align: center;
padding: 5px 0px 5px 0px;
border: solid 1px #FFFFFF;
background-color: #ecf5ff;
color: #555;
}

#content table.parts-cost td.cost-td1 {
border: none;
text-align: center;
padding: 5px 0px 5px 0px;
color: #fff;
background:#034c91;
font-size: 14px;
}


#form {
border: solid 1px #aaa;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

#content table.mailform {
border-collapse: separate;
width: 520px;
margin: 0px;
}

#content table.mailform td p {
font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
font-size: 9px;
color: #0B479F;
display: block;
margin: 0px;
padding: 0px;
background: none;
line-height: 100%
}

#content table.mailform td span {
font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
font-size: 10px;
color: #FF0000;
}

#content table.mailform td {
font-size: 12px;
color: #333;
padding: 0px;
border: none;
}

/*----------------------*/

a.aaa {
cursor: text;
color: black; 
text-decoration:none;
}

a.aaa {
cursor: text;
color: #333333;
text-decoration:none;
}

a.aaa:visited {
color: #333333;
}

a.aaa:hover {
color: #333333;
}


p#yahoo {
margin-top: 10px;
text-align: center;
}

/*-----------------------*/


.white {color: white; }

.red  {color: red; }
.redb {color: red; font-weight: bold; font-size: 14px;}
.redl {color: red; font-weight: bold; font-size: 16px; }

.blue {color: blue; }
.blueb {color: blue; font-weight: bold; }
.bluel {color: blue; font-weight: bold; font-size: 24px; }

.yellow  {color: yellow; font-weight: normal}

strong {font-weight:normal;}