/* basic elements */

body {
   text-align: center;
   margin: 0px;
   padding: 0px;
   background-image: url(http://www.saba-navi.net/images/sozai/bg_img_2.gif);
}

#all-770 {
   background-color:#ffffff;
   width: 770px;
   margin-left: auto;
   margin-right: auto;
}

#all {
   text-align: left;
   background-color:#ffffff;
   width: 750px;
   color: #666666;
   font-size: small;
   margin-left: auto;
   margin-right: auto;
}


/* h1 elements */

#topkey {
   width: 750px;
   height: 13px;
   text-align: right;
   margin-top: 5px;
}

#topkey h1 {
   display: inline;
   font-size: 9pt;
   font-weight: normal;
}


/* header elements */

#header {
   clear: both;
   width: 750px;
   height: 100px;
   background-image: url(http://www.saba-navi.net/images/logo/header_bg_4.jpg);
   background-repeat: no-repeat;
}

#header-logo {
   position: relative; left: 10px;
   position: relative; top: 21px;
}

#topnavi {
   clear: both;
   width: 750px;
   margin-top: 0px;
}


/* catch elements */

#catch {
   clear: both;
   width: 750px;
   height: 240px;
   margin-top: 10px;
   margin-bottom: 5px;
}

#catch-left {
   float: left;
   width: 550px;
   height: 240px;
}

#catch-right {
   float: left;
   width: 190px;
   height: 239px;
   position: relative; top: -3px;
   position: relative; left: 7px;
}

.catch-right-img {
   padding: 2px;
}


/* intro elements */

#intro {
   clear: both;
   width: 750px;
   height: 100px;
   margin-top: 10px;
}

#intro p {
   width: 730px;
   position: relative; top: -5px;
   position: relative; left: 10px;
   line-height: 18px;
}


/* banner elements */

#banner5 {
   clear: both;
   width: 750px;
   height: 373px;
   margin-top: 5px;
}

.banner5-box {
   clear: both;
   width: 750px;
   height: 61px;
}

.banner5-box-left {
   float: left;
   width: 140px;
   position: relative; left: 5px;
}

.banner5-box-right {
   float: left;
   width: 600px;
   position: relative; top: 3px;
}

.banner5-box-right-expla {
   clear: both;
   width: 580px;
   position: relative; top: 8px;
   position: relative; left: 8px;
}

.banner5-box-right-text {
   float: left;
   width: 150px;
   font-weight: bold;
   display: inline;
}


/* contents-list elements */

#contents-list {
   clear: both;
   width: 750px;
   height: 170px;
   margin-top: 10px;
}

#contents-list-left {
   float: left;
   width: 238px;
   height: 160px;
   border-style: solid;
   border-width: 1px;
   border-color: #add632;
   border-top: 0px;
   position: relative; left: 0px;
   line-height: 19px;
}

#contents-list-left ul {
   list-style-image: url(http://www.saba-navi.net/images/sozai/list_left_1.gif);
   position: relative; top: -10px;
   position: relative; left: -10px;
}

#contents-list-center {
   float: left;
   width: 238px;
   height: 160px;
   border-style: solid;
   border-width: 1px;
   border-color: #ffcf0f;
   border-top: 0px;
   position: relative; left: 0px;
   position: relative; left: 14px;
   line-height: 19px;
}

#contents-list-center ul {
   list-style-image: url(http://www.saba-navi.net/images/sozai/list_center_1.gif);
   position: relative; top: -10px;
   position: relative; left: -10px;
}

#contents-list-right {
   float: left;
   width: 238px;
   height: 160px;
   border-style: solid;
   border-width: 1px;
   border-color: #51cbff;
   border-top: 0px;
   position: relative; left: 0px;
   position: relative; left: 28px;
   line-height: 19px;
}

#contents-list-right ul {
   list-style-image: url(http://www.saba-navi.net/images/sozai/list_right_1.gif);
   position: relative; top: -10px;
   position: relative; left: -10px;
}

.contents-list-midashi {
   position: relative; left: -1px;
}


/* layout elements */

#contents {
   clear: both;
   width: 750px;
}

#main-contents {
   float: left;
   width: 550px;
}

#right-side {
   float: left;
   width: 175px;
   position: relative; left: 25px;
}


/* contents elements */

#bbs {
   clear: both;
   width: 550px;
   height: 150px;
   margin-top: 10px;
}

#news {
   clear: both;
   width: 550px;
   height: 150px;
   margin-top: 10px;
   line-height: 19px;
}

#news ul {
   list-style-image: url(http://www.saba-navi.net/images/sozai/list_news_1.gif);
   position: relative; top: -10px;
   position: relative; left: -10px;
}

#contents-keyword {
   clear: both;
   width: 540px;
   margin-top: 10px;
   margin-bottom: 30px;
   position: relative; left: 10px;
}

#contents-keyword h2 {
   font-size: 13px;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}

#contents-keyword h3 {
   font-size: 13px;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}

#contents-keyword h4 {
   font-size: 13px;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}

#contents-keyword h5 {
   font-size: 13px;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}

#contents-keyword p {
   line-height: 17px;
   width: 500px;
   position: relative; left: 21px;
}

#contents-linkssi {
   margin-top: 10px;
   width: 500px;
   position: relative; left: 21px;
}

#osusume-site {
   clear: both;
   width: 540px;
   margin-top: 10px;
   margin-bottom: 30px;
   position: relative; left: 10px;
}

#osusume-site ul {
   list-style-image: url(http://www.saba-navi.net/images/sozai/list_bbs_1.gif);
   position: relative; top: -5px;
   position: relative; left: -10px;
}

.midashi-bold {
   font-weight: bold;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}



/* right-side elements */

#aboutsite {
   width: 171px;
   height: 194px;
   background-image: url(http://www.saba-navi.net/images/sozai/side_bg_1.gif);
}

#aboutsite2 {
   width: 171px;
   height: 54px;
   background-image: url(http://www.saba-navi.net/images/sozai/side_bg_2.gif);
}

#favorite {
   text-align: center;
   padding-top: 15px;
   position: relative; left: 0px;
}

#aboutsite-banner {
   margin-top: 17px;
   text-align: center;
}

#side-ga {
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}

#sidenavi-ranking {
   margin-top: 10px;
   width: 171px;
   height: 432px;
   background-image: url(http://www.saba-navi.net/images/sozai/side_bg_ranking_2.gif);
}

#sidenavi-ranking-box {
   width: 140px;
   height: 380px;
   position: relative; top: 2px;
   position: relative; left: 7px;
}

.sidenavi-ranking-midashi {
   position: relative; top: 3px;
}

.sidenavi-ranking-expla {
   clear: both;
   width: 130px;
   height: 28px;
   font-size: 10px;
   position: relative; top: 8px;
   position: relative; left: 1px;
}

#sidenavi-osusume {
   margin-top: 25px;
   width: 171px;
}

#sidenavi-osusume-box {
   width: 140px;
   position: relative; top: 2px;
   position: relative; left: 12px;
}


/* footer elements */

#access-counter {
   text-align: right;
   height: 13px;
   position: relative; left: -5px;
}

#copyright {
   clear: both;
   text-align: right;
}

#footer {
   clear: both;
   width: 750px;
}

#access-analyzer {
   text-indent: -9999px;
}


/* category elements */

#pankuzu {
   width: 550px;
   height: 15px;
}

#pankuzu-box {
   width: 550px;
   height: 30px;
   font-size: 12px;
   text-align: left;
   position: relative; top: 4px;
   position: relative; left: 5px;
}

#intro-category {
   clear: both;
   width: 550px;
   margin-top: 10px;
   margin-bottom: 2px;
}

#intro-category h2 {
   font-size: 13px;
   display: inline;
   position: relative; top: -3px;
   position: relative; left: 5px;
}

#intro-category p {
   width: 520px;
   position: relative; top: -5px;
   position: relative; left: 13px;
   line-height: 18px;
}

#contents-category {
   clear: both;
   width: 530px;
   margin-top: 10px;
   margin-bottom: 10px;
   position: relative; left: 10px;
}

#contents-commonexpe {
   clear: both;
   width: 530px;
   margin-top: 10px;
   margin-bottom: 10px;
   position: relative; left: 10px;
}

.list-h3h4-1 {
   position: relative; top: 3px;
   position: relative; left: -5px;
}



.h3h4 {
   position: relative; top: 3px;
   position: relative; left: -5px;
}

#right-side-category {
   float: left;
   width: 175px;
   position: relative; left: 25px;
   margin-top: 10px;
}


/* page elements */

#shiken-gaiyou {
   clear: both;
   width: 530px;
   line-height: 20px;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc;
   position: relative; top: 0px;
   position: relative; left: 0px;
}

#shiken-gaiyou-left {
   float: left;
   width: 115px;
   margin-top: 13px;
   margin-bottom: 13px;
   position: relative; left: 15px;
}

#shiken-gaiyou-right {
   float: left;
   width: 405px;
   margin-top: 13px;
   margin-bottom: 13px;
}

#koza-annai {
   clear: both;
   width: 530px;
}

#banner {
   clear: both;
   width: 530px;
   margin-top: 10px;
   margin-bottom: 10px;
   position: relative; left: 0px;
}

.banner {
   clear: both;
   width: 530px;
   height: 180px;
   font-size: 13px;
}

.banner-left {
   float: left;
   width: 150px;
   text-align: center;
   position: relative; left: 0px;
   position: relative; top: 10px;
}

.banner-right {
   float: left;
   width: 380px;
   position: relative; left: 8px;
   position: relative; top: 10px;
}


/* hr elements */

.hr-1 {
   position: relative; top: 0px;
}

.hr-2 {
   position: relative; left: -10px;
   margin-bottom: 10px;
}


/* iflame elements */

#link-iflame {
   line-height: 17px;
   width: 500px;
   font-size: 13px;
   position: relative; left: 21px;
}



/* link cascade */

.contents_1{ color : #0080c0; text-decoration : none; }
a.contents_1:link { color:#0080c0; text-decoration: none;}
a.contents_1:hover { color:#0080c0; text-decoration: underline;}


.contents_2{ color : #666666; text-decoration: none;}
a.contents_2:link { color:#666666; text-decoration: none;}
a.contents_2:hover { color:#666666; text-decoration: underline;}


.link_1{ text-decoration: none;}
a.link_1:link { text-decoration: none;}
a.link_1:hover { text-decoration: underline;}