/* basic elements */

body {
   text-align: center;
   margin: 0px;
   padding: 0px;
}

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


/* h1h2 elements */

#h1h2 {
   width: 750px;
   text-align: right;
}

#h1h2 h1,h2 {
   display: inline;
   font-size: 9pt;
   font-weight: normal;
}


/* header elements */

#header {
   clear: both;
   width: 750px;
   height: 100px;
   background-image: url(http://www.dietshake-navi.com/images/logo/bgimg_7.gif);
   background-repeat: no-repeat;
}

#header-logo {
   float: left;
   width: 380px;
   height: 100px;
   position: relative; left: 20px;
   position: relative; top: 20px;
}

#header-topbanner {
   float: left;
   width: 365px;
   height: 100px;
   position: relative; top: 20px;
   position: relative; left: 45px;
}

#pankuzu {
   clear: both;
   width: 750px;
   height: 13px;
   text-align: right;
   margin-top: 10px;
   position: relative; left: -3px;
}

#pankuzu-box {
   font-size: 12px;
   text-align: right;
   position: relative; top: 0px;
}



/* intro elements */

#intro {
   clear: both;
   width: 750px;
   margin-top: 15px;
   position: relative; left: 10px;
}

#intro p {
   position: relative; top: 0px;
   position: relative; left: 10px;
}


/* catch elements */

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

#catch-midashi {
   margin-top: 15px;
}

#catch-shake {
   clear: both;
   margin-top: 15px;
   position: relative; left: 7px;
}

#catch-other {
   clear: both;
   margin-top: 15px;
   position: relative; left: 7px;
}

#catch-page-expla {
   clear: both;
   margin-top: 10px;
   width: 550px;
   position: relative; left: 7px;
}



/* layout elements */

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

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

#left-side {
   float: left;
   width: 170px;
   position: relative; left: 5px;
}

#contents-main2 {
   float: right;
   width: 580px;
}

#left-side2 {
   float: right;
   width: 170px;
   position: relative; left: 5px;
}


/* sidenavi elements */

#favorite {
   width: 159px;
   height: 30px;
   text-align: center;
   border-style: solid;
   border-width: 1px;
   border-color: #cccccc;
   padding-top: 5px;
   position: relative; left: 2px;
}

#sidenavi-ranking {
   margin-top: 5px;
   height: 590px;
}

#sidenavi-aboutsite {
   margin-top: 5px;
   width: 145px;
   position: relative; left: 10px;
}


/* footer elements */

#access-counter {
   clear: both;
   width: 750px;
}

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

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


/* footer elements */

#midashi {
   position: relative; top: 5px;
   position: relative; left: 10px;
}


/* category elements */

.contents-substance {
   margin-top: 10px;
}

#contents-main2 h3,h4 {
   font-size: 13px;
   display: inline;
   position: relative; top: -1px;
   position: relative; left: 4px;
}

/* link cascade */

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

.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;}
