/* Edited with EditCSS */
/**** LINK-tag style sheet styles-site.css ****/

* {
margin: 0;
padding:0;
border:0;
}


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

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

a:hover {
color: #ff0000;
}

body {
width: 1024px;
margin-left: auto;
margin-right: auto;
background: #f4f2d2;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
padding: 0px;
position: relative;
}

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

#container-main {
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
width: 1024px;
background: url(img/cont-bg.jpg) repeat-y;
position: relative;
}

#container {
margin: 0px;
padding: 0px;
text-align: left;
width: 800px;
background: url(img/bg1.jpg) repeat-y #fff;
}

#banner{
margin-left: auto;
margin-right: auto;
background:url(img/bana-new.jpg) no-repeat left;
height:145px;
width: 1024px;
position: relative;
}

#banner h1{
text-align: right;
padding-right:70px;
font-size: 11px;
padding-top: 5px;
color: #999;
}

#banner h2 {
color: #000;
font-size: 11px;
position: absolute;
top: 0px;
left: 12px;
text-indent: -8800px;
overflow: hidden;
}

#banner h2 a {
display: block;
width: 580px;
height: 60px;
}

#banner p {
text-align: center;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
font-size: 16px;
color:#666;
margin-top: 63px;
}

#main {
float: right;
width: 570px;
text-align: left;
padding-left:10px;
padding-right:0px;
padding-bottom: 10px;
overflow: hidden;
}


#main h3 {
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
height:50px;
line-height: 42px;
margin:0px;
margin-left: 6px;
padding-left: 25px;
font-size:16px;
letter-spacing: 1px;
color:#1992c9;
background:url(img/h-bg1.jpg) no-repeat left center;
}

#main h3#topic {
background: url(img/h3-topic.jpg) no-repeat;
height: 40px;
line-height: 40px;
text-indent: -8888px;
}


#main h4 {
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
height:50px;
line-height: 42px;
margin:0px;
margin-left: 6px;
padding-left: 25px;
font-size:16px;
letter-spacing: 1px;
color:#f17d80;
background:url(img/h-bg2.jpg) no-repeat left center;
}


/*------------- コンテンツ  ----------*/


#main .info-top {
margin-right: 15px;
margin-bottom: 20px;
margin-left: 6px;
background: url(img/info-top-bg.jpg) no-repeat left top;
border: solid 1px #c2c2c2;
border-top: none;
padding:50px 10px 5px 15px;
}

#main .hukyo-top {
margin-right: 15px;
margin-bottom: 20px;
margin-left: 6px;
background: url(img/hukyo-catch.gif) no-repeat left top;
border: solid 1px #c2c2c2;
border-top: none;
padding:50px 10px 5px 15px;
}

#main .jyosei1-top {
margin-right: 15px;
margin-bottom: 20px;
margin-left: 6px;
background: url(img/jyosei1-catch.gif) no-repeat left top;
border: solid 1px #c2c2c2;
border-top: none;
padding:60px 10px 5px 15px;
}

#main .info-top-top {
margin-right: 15px;
margin-bottom: 20px;
margin-left: 6px;
background: url(img/top-catch.jpg) no-repeat left top;
border: solid 1px #c2c2c2;
border-top: none;
padding:64px 10px 5px 15px;
}


#main .info-top p, 
#main .info-top-top p, 
#main .hukyo-top p, 
#main .jyosei1-top p {
color: #333333;
font-size: 13px;
line-height: 130%;
text-align: left;
padding: 0px;
margin:0px;
margin-bottom: 10px;
}



#main .info-top p.dot, 
#main .info-top-top p.dot {
font-size:14px;
font-weight:bold;
color:#555;
background: url(img/dot.gif) no-repeat left center;

}

#main .info-top p.pr1, 
#main .info-top-top p.pr1 {
margin-left: 0px;
height:25px;
line-height:25px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 30px;
text-align: left;
background: url(img/paper01.gif) no-repeat left center;
}

#main .info-top p.check, 
#main .info-top-top p.check {
margin-left: 0px;
height:23px;
line-height:23px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 30px;
text-align: left;
background: url(img/check.jpg) no-repeat left center;
}



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


#main p {
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
margin-left:10px;
padding-left:20px;
}

#main p.dot {
font-size:14px;
font-weight:bold;
color:#555;
background: url(img/dot.gif) no-repeat left center;

}


#main .box1 p.p-bgnone,
#main .box2 p.p-bgnone,
#main .box3 p.p-bgnone {
background: none;
margin-bottom: 4px;
}

#main .info-top p.bana,
#main .box1 p.bana, 
#main .box2 p.bana, 
#main .box3 p.bana {
text-align: center;
background: none;
}


/*------------- 装飾Box  ----------*/


#main .box1{
margin-left:6px;
margin-right: 14px;
margin-bottom: 15px;
padding:10px 5px 5px 5px;
border: solid 1px #c2c2c2;
}

#main .box1 p {
color: #333;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(img/note_line.gif);
margin-right: 5px;
margin-left: 5px;
line-height: 20px;
padding-right: 10px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

#main .box1 p.dot {
font-size:15px;
font-weight:bold;
color:#555;
background: url(img/dot.gif) no-repeat left center;
padding-left:30px;

}

#main .box1 p.pr1 {
margin-left: 0px;
height:25px;
line-height:25px;
color: #666;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 40px;
text-align: left;
background: url(img/paper01.gif) no-repeat 10px center;
}

#main .box1 p.check {
margin-left: 0px;
height:23px;
line-height:23px;
color: #666;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 35px;
text-align: left;
background: url(img/checkbox-1.gif) no-repeat 10px center;
margin-bottom: 5px;
}

#main .box1 p.tyuui {
margin-left: 0px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
padding-left: 45px;
text-align: left;
background: url(img/tyuui.gif) no-repeat 10px top;
padding-top: 0px;
}

#main .box1 p#affi-btn {
margin: 0px;
padding-left: 95px;
overflow: hidden;
background: none;
}

#main .box1 p#affi-btn a {
display: block;
width: 354px;
height: 44px;
background-position:0 0;
background-repeat:no-repeat;
background-image: url(img/affi-btn.jpg);
margin: 0;
padding: 0;
text-indent: -7777px;
overflow: hidden;
}

#main .box1 p#affi-btn a:hover {
display: block;
width: 354px;
height: 44px;
background-position:0 -44px;
text-indent: -7777px;
}


#main li{
margin-left:15px;
font-size: 13px;
margin-top: 10px;
border-left: solid 6px #1992c9;
border-bottom: dotted 1px #1992c9;
list-style: none;
padding-left: 10px;
margin-bottom: 5px;
}

#main li a {
text-decoration: none;
}

#main .box2{
margin-left:0px;
margin-right: 14px;
margin-left: 6px;
margin-bottom: 15px;
padding:10px 5px 5px 5px;
border: solid 1px #c2c2c2;
}

#main .box2 p, 
#main .box3 p {
color: #333;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(img/note_line.gif);
margin-right: 5px;
margin-left: 5px;
line-height: 20px;
padding-right: 10px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

#main .box2 p.q {
margin-left: 0px;
font-weight: bold;
height:24px;
line-height:24px;
color: #666;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 42px;
text-align: left;
background: url(img/q-img.gif) no-repeat 7px center;
}

#main .box2 p.a {
margin-left: 0px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
padding-left: 42px;
text-align: left;
background: url(img/a-img.gif) no-repeat 7px top;
padding-top: 0px;
line-height: 150%;
}

#main .box2 p.dot {
font-size:15px;
font-weight:bold;
color:#555;
background: url(img/dot.gif) no-repeat left center;
padding-left:30px;

}

#main .box2 p.pr1 {
margin-left: 0px;
height:25px;
line-height:25px;
color: #666;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 40px;
text-align: left;
background: url(img/paper01.gif) no-repeat 10px center;
}

#main .box2 p.check {
margin-left: 0px;
height:23px;
line-height:23px;
color: #666;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 35px;
text-align: left;
background: url(img/checkbox-1.gif) no-repeat 10px center;
margin-bottom: 5px;
}

#main .box2 p.tyuui {
margin-left: 0px;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
padding-left: 45px;
text-align: left;
background: url(img/tyuui.gif) no-repeat 10px top;
padding-top: 0px;
}

.img_left {
	float: left;
}

.img_left img ,.img_right img {
padding-right: 10px;
padding-left: 5px;
}

.img_right {
	float: right;
}

#main h4.point {
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
height:50px;
line-height: 42px;
margin:0px 0px 0px 6px;
padding-left: 25px;
font-size:16px;
letter-spacing: 1px;
color:#7dc918;
background:url(img/h-bg3.jpg) no-repeat left center;
}

#main .box3 {
margin-left:0px;
margin-right: 14px;
margin-left: 6px;
margin-bottom: 15px;
padding:10px 5px 5px 5px;
border: solid 1px #c2c2c2;
}

#main .box3 p.point {
background: url(img/point-ya.jpg) no-repeat 5px center;
padding-left: 90px;
height: 20px;
line-height: 18px;
margin-left: 0px;
}

#main .box3 p.check {
margin-left: 0px;
height:23px;
line-height:23px;
color: #666;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-left: 35px;
text-align: left;
background: url(img/checkbox-1.gif) no-repeat 10px center;
margin-bottom: 5px;
}

#main .box-topic {
margin-left:0px;
margin-right: 14px;
margin-left: 6px;
margin-bottom: 15px;
padding:5px 10px 10px 14px;
border: solid 1px #e5b728;
border-top: none;
}

#main .box-table, 
#main .box-table2 {
margin-left:0px;
margin-right: 14px;
margin-left: 6px;
margin-bottom: 15px;
padding:12px 10px 10px 14px;
border: solid 1px #c2c2c2;
border-top: none;
}

#main .box1 p.kuwasiku1, 
#main .box2 p.kuwasiku3, 
#main .box3 p.kuwasiku2 {
background: none;

}

#main .box1 p.kuwasiku1 a {
text-indent: -8888px;
overflow: hidden;
display: block;
width: 266px;
height: 24px;
background: url(img/kuwasiku.gif) repeat-y;
margin-left: 110px;
}

#main .box1 p.kuwasiku1 a:hover {
display: block;
width: 266px;
height: 24px;
background-position: 0 -24px;
}

#main .box3 p.kuwasiku2 a {
text-indent: -8888px;
overflow: hidden;
display: block;
width: 266px;
height: 24px;
background: url(img/kuwasiku2.gif) repeat-y;
margin-left: 110px;
}

#main .box3 p.kuwasiku2 a:hover {
display: block;
width: 266px;
height: 24px;
background-position: 0 -24px;
}


/*------------- テーブル  ----------*/

table {
width: 520px;
margin: 0px 0px 0px 10px;
font-size:12px;
margin-bottom: 20px;
border-collapse: collapse;
}

th {
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:center;
color: #333333;
background-color: #fde8e9;
border: solid 1px #c2c2c2;
}

td {
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
color: #333333;
background-color: #ffffff;
border: solid 1px #c2c2c2;
line-height: 130%;
}

table.table-top {
background :#fff;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #5d5d5d;
width: 510px;
border-collapse: collapse;
font-size: 12px;
line-height: 1.3em;
}

table.table-top th {
width: 120px;
padding: 8px 0px 8px 0px;
}

table.table-top td {
padding: 8px 10px 8px 10px;
letter-spacing: 1px;
}

#main .box-table table, 
#main .box-table2 table {
margin: 0px;
}

.box-table table td.td-title, 
.box-table2 table td.td-title {
background:#1992c9;
color: #fff;
font-weight: bold;
padding: 8px 0px 8px 20px;
font-size: 14px;
}

#main .box-table table th {
background: #eef8fd;
}

#main .box-table2 table th {
background: #fde8e9;
}

#main .box-table table p, 
#main .box-table2 table p {
background: none;
line-height: 150%;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

#main .box-table table p.dot, 
#main .box-table2 table p.dot {
padding-left: 10px;
font-size:15px;
font-weight:bold;
color:#555;
background: url(img/dot.gif) no-repeat left center;
margin-left: 5px
}


.w20 {
width:20%;
}

.w30 {
width:30%;
}

.w70 {
width:70%;
}

.w80{
width:80%;
}

table#table-topic {
background :#fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5d5d;
width: 520px;
border-collapse: collapse;
font-size: 12px;
line-height: 1.3em;
border: none;
}

table#table-topic td {
border: none;
border-bottom: dotted 1px #aaa;
}

table#table-topic td.td-topic1 {
background: url(img/text_02.gif) no-repeat 10px 15px;
padding-left: 35px;
white-space: nowrap;
font-size: 13px;
}

table#table-topic td.td-topic1 a {
color: #333;
text-decoration: none;
}

table#table-topic td.td-topic1 a:hover {
color: #1c92c4;
text-decoration: underline;
}


table#table-topic td.td-syousai1, 
table#table-topic td.td-syousai2, 
table#table-topic td.td-syousai3, 
table#table-topic td.td-syousai4 {
width: 190px;
text-indent: -8888px;
overflow: hidden;
}

table#table-topic td.td-syousai1 a {
display: block;
width: 170px;
height: 38px;
background: url(img/topic-tokusyu.jpg) repeat-y;
}

table#table-topic td.td-syousai2 a {
display: block;
width: 170px;
height: 38px;
background: url(img/topic-sikaku.jpg) repeat-y;
}

table#table-topic td.td-syousai3 a {
display: block;
width: 170px;
height: 38px;
background: url(img/topic-rank.jpg) repeat-y;
}

table#table-topic td.td-syousai4 a {
display: block;
width: 170px;
height: 38px;
background: url(img/topic-sindan.jpg) repeat-y;
}

table#table-topic td.td-syousai1 a:hover, 
table#table-topic td.td-syousai2 a:hover, 
table#table-topic td.td-syousai3 a:hover, 
table#table-topic td.td-syousai4 a:hover {
display: block;
width: 170px;
height: 38px;
background-position: 0 -38px;
}

/*------------- サイドメニュー  ----------*/

#right{
float: left;
width: 201px;
text-align: left;
padding-left: 12px;
padding-right: 0px;
}

#right p{

}


#right .sidebar{
padding: 0px 0px 0px 0px;
margin-bottom: 0px;

}

#right .sidebar p {
margin-bottom: 0px;
}

.sidebar p .nontext {
display: none;
}


.sidebar p a {
background: url(img/gohome-new.jpg) repeat-y #fff;
display: block;

widht: 201px;
height: 30px;
}

.sidebar p a:hover {
background-position: 0 -30px;
display: block;
widht: 201px;
height: 30px;
}

#left .sidebar h4{
line-height: 50px;
height: 50px;
text-align: left;
color:#1991c9;
margin-bottom: 0px;
margin-top: 0px;
font-size: 14px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
text-indent: -8888px;
}

#left .sidebar h4#side-a {
background:url(img/side-a.jpg) #e8e8e8;
}

#left .sidebar h4#side-b {
background:url(img/side-b.jpg) #e8e8e8;
}

#left .sidebar h4#side-c {
background:url(img/side-c.jpg) #e8e8e8;
}

#left .sidebar h4#side-d {
background:url(img/side-d.jpg) #e8e8e8;
}

#left .sidebar h4#side-e {
background:url(img/side-e.jpg) #e8e8e8;
}

#left .sidebar h4#side-f {
background:url(img/side-f.jpg) #e8e8e8;
}

#left .sidebar h4#side-g {
background:url(img/side-g.jpg) #e8e8e8;
}


#left .sidebar ul {
margin-bottom: 0px;
}

#left .sidebar ul li{
font-weight: normal;
list-style-type: none;
padding-left: 0px;
color: #000;
text-align: left;
width:201px;
display: block;
height: 35px;
}

#left .sidebar ul li a {
background: url(img/side-li.jpg) repeat-y #fff;
display: block;
padding-left: 30px;
height: 35px;
line-height: 35px;
text-decoration: none;
color:#666;
margin-left: 0px;
margin-right: 0px;
font-size: 12px;
width:171px;
}


#left .sidebar ul li a:visited {
color:#666;

}


#left .sidebar ul li a:hover {
background-position: 0 -35px;
color: #1992c9;
text-decoration: underline;
padding-left: 30px;


}

#foot-bg {
}

#foot{
margin-left: auto;
margin-right:auto;
width: 1024px;
height: 60px;
text-align: left;
font-size:11px;
color: #555;
background:url(img/foot-new.jpg) no-repeat;
position: relative;
}


#foot p {
width: 775px;
margin:22px auto auto auto;
text-align: center;
float: right;
}

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

#foot a.pagetop {
float: left;
font-size: 11px;
width: 225px;
text-align: center;
margin: 22px auto auto auto;
padding: 0px;
}

#left {
float: left;
width: 795px;
}

#side-rank {
float: right;
background: url(img/side-rank-top.jpg) no-repeat left top;
padding-top: 54px;
margin-right: 28px
}

#side-rank-human {
float: right;
background: url(img/side-rank-human.jpg) no-repeat left top;
padding-top: 54px;
margin-right: 28px
}

#side-rank dl, 
#side-rank-human dl {
width: 200px;
margin-bottom: 10px;
background: url(img/side-rank-bt.jpg) no-repeat left bottom;
padding-bottom: 3px;
}

#side-rank dt, 
#side-rank-human dt {
text-indent: -8888px;
height: 52px;
}

dl#side-sougou dt {
background: url(img/side-sougou.jpg) no-repeat;
}

dl#side-jyosei dt {
background: url(img/side-jyosei.jpg) no-repeat;
}

dl#side-syumi dt {
background: url(img/side-syumi.jpg) no-repeat;
}

dl#side-eigo dt {
background: url(img/side-eigo.jpg) no-repeat;
}

dl#side-care dt {
background: url(img/side-care.jpg) no-repeat;
}

dl#side-hou dt {
background: url(img/side-hou.jpg) no-repeat;
}

.side-pick {
background: url(img/side-pick.jpg) no-repeat;
height: 51px;
text-indent: -9999px;
}

.side-human {
background: url(img/side-human.jpg) no-repeat;
height: 51px;
text-indent: -9999px;
}

.side-pick-nichii {
background: url(img/side-nitii.jpg) no-repeat;
height: 51px;
text-indent: -9999px;
}

.side-pick-sikatoru {
background: url(img/side-sikatoru.jpg) no-repeat;
height: 51px;
text-indent: -9999px;
}

.pick-kouza {
margin-bottom: 15px;
text-align: center;

}

.pick-kouza a {
background: url(img/side-pick-kouza.jpg) repeat-y;
width:200px;
height: 140px;
display: block;
}

.pick-kouza a:hover {
background-position: 0 -140px;
}

.pick-kouza a img {
padding-top: 10px;
}

#side-rank dd, 
#side-rank-human dd {
display: block;
width: 200px;
height: 40px;
line-height: 40px;
font-size: 12px;
}


#side-rank dd a, 
#side-rank-human dd a {
height: 40px;
width: 150px;
display: block;
padding-left: 50px;
}


#side-rank dd.rank1 a {
background: url(img/rank1.jpg) repeat-y 0 0;
}

#side-rank dd.rank1 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank2 a {
background: url(img/rank2.jpg) repeat-y 0 0;
}

#side-rank dd.rank2 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank3 a {
background: url(img/rank3.jpg) repeat-y 0 0;
}

#side-rank dd.rank3 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank4 a {
background: url(img/rank4.jpg) repeat-y 0 0;
}

#side-rank dd.rank4 a:hover {
background-position: 0 -40px;
}


#side-rank dd.rank5 a {
background: url(img/rank5.jpg) repeat-y 0 0;
}

#side-rank dd.rank5 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank6 a {
background: url(img/rank6.jpg) repeat-y 0 0;
}

#side-rank dd.rank6 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank7 a {
background: url(img/rank7.jpg) repeat-y 0 0;
}

#side-rank dd.rank7 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank8 a {
background: url(img/rank8.jpg) repeat-y 0 0;
}

#side-rank dd.rank8 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank9 a {
background: url(img/rank9.jpg) repeat-y 0 0;
}

#side-rank dd.rank9 a:hover {
background-position: 0 -40px;
}

#side-rank dd.rank10 a {
background: url(img/rank10.jpg) repeat-y 0 0;
}

#side-rank dd.rank10 a:hover {
background-position: 0 -40px;
}

dl#side-sougou-bana dt {
background: url(img/side-sougou.jpg) no-repeat;
}


#side-rank dl#side-sougou-bana dd, 
#side-rank-human dl#side-sougou-bana dd {
display: block;
width: 200px;
height: 80px;
line-height: 80px;
font-size: 12px;
}
#side-rank dl#side-sougou-bana dd img, 
#side-rank-human dl#side-sougou-bana dd img {
padding-top: 10px;
}

#side-rank dl#side-sougou-bana dd a, 
#side-rank-human dl#side-sougou-bana dd a {
height: 80px;
width: 150px;
display: block;
padding-left: 50px;
}


#side-rank dd.rank1-bana a, 
#side-rank-human dd.rank1-bana a {
background: url(img/rank1-bana.jpg) repeat-y 0 0;
}

#side-rank dd.rank1-bana a:hover, 
#side-rank-human dd.rank1-bana a:hover {
background-position: 0 -80px;
}


#side-rank dd.rank2-bana a, 
#side-rank-human dd.rank2-bana a {
background: url(img/rank2-bana.jpg) repeat-y 0 0;
}

#side-rank dd.rank2-bana a:hover, 
#side-rank-human dd.rank2-bana a:hover {
background-position: 0 -80px;
}


#side-rank dd.rank3-bana a, 
#side-rank-human dd.rank3-bana a {
background: url(img/rank3-bana.jpg) repeat-y 0 0;
}

#side-rank dd.rank3-bana a:hover, 
#side-rank-human dd.rank3-bana a:hover {
background-position: 0 -80px;
}


#side-rank dd.rank4-bana a, 
#side-rank-human dd.rank4-bana a {
background: url(img/rank4-bana.jpg) repeat-y 0 0;
}

#side-rank dd.rank4-bana a:hover, 
#side-rank-human dd.rank4-bana a:hover {
background-position: 0 -80px;
}


#side-rank dd.rank5-bana a, 
#side-rank-human dd.rank5-bana a {
background: url(img/rank5-bana.jpg) repeat-y 0 0;
}

#side-rank dd.rank5-bana a:hover, 
#side-rank-human dd.rank5-bana a:hover {
background-position: 0 -80px;
}


#side-osusume1, 
#side-osusume2, 
#side-osusume3, 
#side-osusume4 {
width: 200px;
height: 50px;
margin-bottom: 10px;
}

#side-osusume1 a {
display: block;
width: 200px;
height: 50px;
background: url(img/side-osusume1.jpg) repeat-x;
text-indent: -8888px;
overflow: hidden;
}

#side-osusume2 a {
display: block;
width: 200px;
height: 50px;
background: url(img/side-osusume2.jpg) repeat-x;
text-indent: -8888px;
overflow: hidden;
}

#side-osusume3 a {
display: block;
width: 200px;
height: 50px;
background: url(img/side-osusume3.jpg) repeat-x;
text-indent: -8888px;
overflow: hidden;
}

#side-osusume4 a {
display: block;
width: 200px;
height: 50px;
background: url(img/side-osusume4.jpg) repeat-x;
text-indent: -8888px;
overflow: hidden;
}

#side-osusume1 a:hover, 
#side-osusume2 a:hover, 
#side-osusume3 a:hover, 
#side-osusume4 a:hover {
background-position: 200px 0px;

}

.clear {
clear:both;
}



/*------------- 　文字  ----------*/


.black  {color: #333333; font-size: 12px; }

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

.redl {
font-weight: normal;
color: #1992c9;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

.pink {
font-weight: normal;
color: #f17d80;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

.gre {
font-weight: normal;
color: #70b214;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

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

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

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

strong {font-weight:normal;}


/*------------- 　links  ----------*/


.link{
margin-top:10px;
}

.link p{
padding-top:5px;
font-size:12px;

}

.link ul li{
list-style-type:none;
}

.link ul li a {
margin-top:15px;
height:28px;
line-height:28px;
padding-left:30px;
font-size:14px;
letter-spacing: 0.1em;
font-weight:bold;
color:#555;
border-right: solid 1px #aaa;
border-left: solid 1px #aaa;
border-top: solid 1px #ddd;
margin-right: 15px;
margin-left: 25px;
background: url(img/table-title5.jpg) no-repeat left center;
text-decoration: underline;
display: block;

}


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

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

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

/*----------------------*/
.conleft {
float: left;
display: inline;
margin-left: 10px;
margin-right: 20px;
width: 260px;
}

.conright {
float: left;
display: inline;
width: 260px;
}

.conleft dl, 
.conright dl {
margin-bottom: 15px;
margin-top: 10px;
}

.conleft dt, 
.conright dt {
border-left: solid 7px #1992c9;
padding-left: 10px;
height: 30px;
line-height: 30px;
border-bottom: solid 1px #1992c9;
margin-bottom: 10px;
font-family:"HG創英角ｺﾞｼｯｸUB";
color: #666;
font-size: 16px;
}

.conleft dd, 
.conright dd {
font-size: 14px;
margin-bottom: 5px;
border-bottom: dotted 1px #aaa;
height: 24px;
line-height: 24px;
}

.conleft dd.sikaku, 
.conright dd.sikaku {
background: url(img/menu-sikaku.gif) no-repeat 5px center;
padding-left: 55px;
}

.conleft dd.syumi, 
.conright dd.syumi {
background: url(img/menu-syumi.gif) no-repeat 5px center;
padding-left: 55px;
}

.conleft dd.jituyou, 
.conright dd.jituyou {
background: url(img/menu-jituyo.gif) no-repeat 5px center;
padding-left: 55px;
}


/*----------------------*/
p a.aaa {
ursor: text;
color: #333333;
text-decoration:none;
}

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

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

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

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

#pan {
position: absolute;
top: 
-22px;
left: 233px;
font-size: 12px;
}

#pan span.pan-b {
font-weight: bold;
}

.kouza-list {
margin-bottom: 15px;
}

#main p.sikaku-dt {
margin-bottom: 10px;
margin-right: 14px;
margin-left: 6px;
border: solid 1px #999;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
color: #555;
height: 25px;
line-height: 25px;
background: url(img/menu-sikaku.gif) no-repeat 490px 3px #f5f5f5;
}

#main p.jituyou-dt {
margin-bottom: 10px;
margin-right: 14px;
margin-left: 6px;
border: solid 1px #999;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
color: #555;
height: 25px;
line-height: 25px;
background: url(img/menu-jituyo.gif) no-repeat 490px 3px #f5f5f5;
}

#main p.syumi-dt {
margin-bottom: 10px;
margin-right: 14px;
margin-left: 6px;
border: solid 1px #999;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
color: #555;
height: 25px;
line-height: 25px;
background: url(img/menu-syumi.gif) no-repeat 490px 3px #f5f5f5;
}

#main .kouza-list ul {
padding-left: 15px;
padding-right: 10px;
}

#main .kouza-list ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
border: none;
float: left;
height: 22px;
line-height: 22px;
margin-bottom: 1px;
font-size: 13px;
width: auto;
margin-right: 10px;
white-space: nowrap;
display: inline;
}

#main .kouza-list ul li a {
margin: 0px;
padding: 0px;
border: none;
padding-left: 13px;
background: url(img/arrow_145.gif) no-repeat left center;
float: left;
margin-bottom: 0px;
width: auto;
white-space: nowrap;
}

#main .kouza-list ul li a:hover {
background: url(img/arrow_150.gif) no-repeat left center;
text-decoration: underline;
}

#main #list-itiran {
height: 26px;
width: 225px;
margin-left: 340px;
margin-bottom: 10px;
}

#main #list-itiran a {
text-indent: -7777px;
overflow: hidden;
display: block;
background: url(img/itiran-bana.jpg) repeat-y;
height: 26px;
width: 225px;
}

#main #list-itiran a:hover {
background-position: 0 -26px;
}


/*---------ピックアップ-------------*/

#pick1 {
margin-left: 6px;
width: 270px;
background: url(img/pickup1-bottom.jpg) no-repeat bottom;
padding-bottom: 23px;
margin-bottom: 15px;
float: left;
display: inline;
}

#pick2 {
margin-right: 13px;
width: 270px;
background: url(img/pickup2-bottom.jpg) no-repeat bottom;
padding-bottom: 23px;
margin-bottom: 15px;
float: right;
display: inline;
}

#pick3 {
clear: both;
margin-left: 6px;
width: 270px;
background: url(img/pickup3-bottom.jpg) no-repeat bottom;
padding-bottom: 23px;
margin-bottom: 15px;
float: left;
display: inline;
}

#pick4 {
margin-right: 13px;
width: 270px;
background: url(img/pickup4-bottom.jpg) no-repeat bottom;
padding-bottom: 23px;
margin-bottom: 15px;
float: right;
display: inline;
}

#pick1-bg {
background: url(img/pickup1-bg.jpg) repeat-y;
padding-left: 20px;
padding-right: 20px;
}

#pick2-bg {
background: url(img/pickup2-bg.jpg) repeat-y;
padding-left: 20px;
padding-right: 20px;
}

#pick3-bg {
background: url(img/pickup3-bg.jpg) repeat-y;
padding-left: 20px;
padding-right: 20px;
}

#pick4-bg {
background: url(img/pickup4-bg.jpg) repeat-y;
padding-left: 20px;
padding-right: 20px;
}

#main #pick1 p#pick1-title{
margin: 0px;
padding: 0px;
line-height: 100%;
background: url(img/pickup1-title.jpg) no-repeat;
height:70px;
text-indent: -8888px;
}

#main #pick2 p#pick2-title{
margin: 0px;
padding: 0px;
line-height: 100%;
background: url(img/pickup2-title.jpg) no-repeat;
height:70px;
text-indent: -8888px;
}

#main #pick3 p#pick3-title{
margin: 0px;
padding: 0px;
line-height: 100%;
background: url(img/pickup3-title.jpg) no-repeat;
height:70px;
text-indent: -8888px;
}

#main #pick4 p#pick4-title{
margin: 0px;
padding: 0px;
line-height: 100%;
background: url(img/pickup4-title.jpg) no-repeat;
height:70px;
text-indent: -8888px;
}

#main #pick1 ul, 
#main #pick2 ul, 
#main #pick3 ul, 
#main #pick4 ul {
margin: 0px;
padding: 0px;
}

#main #pick1 ul li, 
#main #pick2 ul li, 
#main #pick3 ul li, 
#main #pick4 ul li {
width: 190px;
height: 24px;
border: none;
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-bottom: 10px;
}

#main #pick1 ul li.li-bt, 
#main #pick2 ul li.li-bt, 
#main #pick3 ul li.li-bt, 
#main #pick4 ul li.li-bt {
margin-bottom: 0px;
}

#main #pick1 ul li a {
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup1-bana.jpg);
color: #147aa8;
font-weight: bold;

}

#main #pick2 ul li a {
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup2-bana.jpg);
color: #e2757a;
font-weight: bold;
}

#main #pick3 ul li a {
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup3-bana.jpg);
color: #70af14;
font-weight: bold;
}

#main #pick4 ul li a {
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup4-bana.jpg);
color: #c366eb;
font-weight: bold;
}

#main #pick1 ul li a:hover {
margin: 0px;
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup1-bana-on.jpg);
color: #fff;
text-decoration: underline;
}

#main #pick2 ul li a:hover {
margin: 0px;
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup2-bana-on.jpg);
color: #fff;
text-decoration: underline;
}

#main #pick3 ul li a:hover {
margin: 0px;
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup3-bana-on.jpg);
color: #fff;
text-decoration: underline;
}

#main #pick4 ul li a:hover {
margin: 0px;
width: 164px;
height: 24px;
line-height: 24px;
padding-left: 26px;
display: block;
background: url(img/pickup4-bana-on.jpg);
color: #fff;
text-decoration: underline;
}


#main #pick1 p, 
#main #pick2 p, 
#main #pick3 p, 
#main #pick4 p {
margin: 0px;
padding: 0px;
line-height: 150%;
margin-bottom: 10px;
}


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

#main ul li.hukyo-kotira {
border: none;
display: inline;
width: 246px;
height: 46px;
margin: 0px;
padding: 0px;
float: left;
margin-left: 15px;
}

#main ul li.hukyo-kotira a {
display: block;
width: 246px;
height: 46px;
background: url(img/hukyo-kotira.jpg) repeat-y;
overflow: hidden;
text-indent: -8888px;
}

#main ul li.hukyo-kotira a:hover {
background-position: 0 -46px;
}

#main ul li.dokuritu-kotira {
border: none;
display: inline;
width: 246px;
height: 46px;
margin: 0px;
padding: 0px;
float: left;
margin-left: 15px;
}


#main ul li.dokuritu-kotira a {
display: block;
width: 246px;
height: 46px;
background: url(img/dokuritu-kotira.jpg) repeat-y;
overflow: hidden;
text-indent: -8888px;
}

#main ul li.dokuritu-kotira a:hover {
background-position: 0 -46px;
}

#main .box2 p.hukusi-kotira {
display: inline;
margin: 0px;
padding: 0px;
}

#main .box2 p.hukusi-kotira a {
display: block;
width: 386px;
height: 46px;
background: url(img/hukusi-kotira.jpg) repeat-y;
overflow: hidden;
text-indent: -8888px;
margin-left: 70px;
}

#main .box2 p.hukusi-kotira a:hover {
background-position: 0 -46px;
}

#main .box3 p.jyosei-kotira {
display: inline;
margin: 0px;
padding: 0px;
}

#main .box3 p.jyosei-kotira a {
display: block;
width: 386px;
height: 46px;
background: url(img/jyosei-kotira.jpg) repeat-y;
overflow: hidden;
text-indent: -8888px;
margin-left: 70px;
}

#main .box3 p.jyosei-kotira a:hover {
background-position: 0 -46px;
}


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