/* basic elements */

body {
   text-align: center;
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
}

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

#header {
   width: 750px;
   height: 76px;
   margin-top: 10px;
   background-image: url(http://www.dietshake-navi.com/images/logo/header_bgimg_2.png);
}

#header-upper {
   width: 750px;
}

#header-upper-left {
   float: left;
   width: 500px;
}

#header-upper-left h1 {
   position: relative; top: 5px;
   position: relative; left: 5px;
}

#header-upper-right {
   float: left;
   width: 250px;
}

#topbanner {
   position: relative; top: 10px;
   position: relative; left: 6px;
}


/* layout elements */

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

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

#rightside {
   float: left;
   width: 200px;
}

#main-contents2 {
   float: right;
   width: 550px;
}

#rightside2 {
   float: right;
   width: 200px;
   margin-bottom: 15px;
}


/* catch elements */

#catch {
   margin-top: 15px;
   width: 550px;
}

#catch-main {
   margin-top: 10px;
   width: 540px;
   height: 280px;
}

#catch-main-banner {
   position: relative; top: 13px;
   position: relative; left: 217px;
}

#catch1 {
   width: 530px;
   height: 276px;
   background-image: url(http://www.dietshake-navi.com/images/catch/catch1_bgimg_2.png);
}

#catch2 {
   width: 530px;
   margin-top: 3px;
}

#catch2-1 {
   position: relative; left: -2px;
}

#catch2-2 {
   position: relative; left: 7px;
}

#catch2-3 {
   position: relative; left: 16px;
}

#banner3 {
   margin-top: 10px;
   width: 540px;
   height: 295px;
}

#banner3-box {
   width: 530px;
   font-size: 12px;
}

.banner3-box-column {
   width: 530px;
   height: 62px;
}

.banner3-box-column-left {
   float: left;
   width: 130px;
}

.banner3-box-column-right {
   float: left;
   width: 400px;
}

.banner3-box-column-right-name {
   float: left;
   width: 140px;
   position: relative; top: 8px;
}

.banner3-box-column-right-price {
   float: left;
   width: 125px;
   position: relative; top: 6px;
}

.banner3-box-column-right-osusume {
   float: left;
   width: 135px;
   position: relative; top: 6px;
}


/* list intro key elements */

#contentslist {
   margin-top: 15px;
   width: 550px;
   height: 200px;
}

#contentslist ul {
   position: relative; left: -5px;
}

#contentslist li {
   line-height: 18px;
}

#contentslist p {
   position: relative; left: 15px;
}

#introduction {
   margin-top: 15px;
   width: 550px;
}

#introduction p {
   width: 510px;
   font-size: 13px;
   position: relative; left: 10px;
}


#keyword {
   margin-top: 15px;
   width: 550px;
}

#keyword p {
   width: 510px;
   position: relative; left: 10px;
}

.keyword-midashi {
   font-weight: bold;
}

#link-space {
   margin-top: 15px;
   width: 550px;
}

#link-space p {
   width: 510px;
   position: relative; left: 10px;
}

#koshin {
   margin-top: 15px;
   width: 550px;
}

#koshin p {
   width: 510px;
   position: relative; left: 10px;
}

#koshin ul {
   position: relative; left: -5px;
}

/* sidenavi elements */

#rightside-box {
   width: 200px;
   height: 765px;
   background-color: #f0f0f0;
   text-align: center;
   margin-top: 21px;
}

#rightside-box-page {
   width: 200px;
   height: 865px;
   background-color: #f0f0f0;
   text-align: center;
   margin-top: 21px;
}

#favorite {
   clear: both;
   width: 180px;
   height: 40px;
   background-color: #ffffff;
   text-align: center;
   border-style: solid;
   border-width: 1px;
   border-color: #cccccc;
   padding-top: 5px;
   position: relative; top: 10px; 
   position: relative; left: 10px; 
}

#favorite input {
   position: relative; top: 5px;
}

#side-ranking {
   clear: both;
   width: 178px;
   height: 560px;
   background-color: #ffffff;
   text-align: center;
   border-style: solid;
   border-width: 2px;
   border-color: #dddddd;
   margin-top: 20px;
   position: relative; left: 10px; 
}

#side-ranking-box {
   width: 178px;
   background-color: #ffffff;
   text-align: left;
   position: relative; top: 7px; 
   position: relative; left: 7px; 
}

.side-ranking-box-column {
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 13px;
   position: relative; top: 5px; 
   position: relative; left: 7px; 
}

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

.side-ranking-box-column-text img {
   position: relative; top: 5px; 
   position: relative; left: -2px; 
}

hr.hr-side-ranking {
   width: 163px;
   height: 1px;
   border: none;
   border-top: 1px #ccc dotted;
   text-align: left;
}

#side-ranking-box-intro {
   font-size: 11px;
   position: relative; top: 8px; 
   position: relative; left: 3px; 
}

#side-about {
   position: relative; left: 1px; 
}

.side-about-button {
   margin-top: 10px;
}

#side-contentslist {
   clear: both;
   width: 178px;
   height: 150px;
   background-color: #ffffff;
   text-align: left;
   border-style: solid;
   border-width: 2px;
   border-color: #dddddd;
   margin-top: 10px;
   position: relative; left: 10px; 
}

#side-contentslist-midashi {
   position: relative; top: -8px; 
   position: relative; left: 7px; 
}

#side-contentslist ul {
   position: relative; top: -15px; 
   position: relative; left: -11px; 
}

#side-contentslist li {
   line-height: 16px;
}

#side-contentslist p {
   width: 155px;
   font-size: 12px;
   position: relative; top: -20px; 
   position: relative; left: 15px; 
}

#side-osusume {
   clear: both;
   width: 178px;
   height: 440px;
   background-color: #ffffff;
   text-align: center;
   border-style: solid;
   border-width: 2px;
   border-color: #dddddd;
   margin-top: 10px;
   position: relative; left: 10px; 
}

#side-osusume-box {
   width: 178px;
   background-color: #ffffff;
   text-align: left;
   position: relative; top: 7px; 
   position: relative; left: 7px; 
}

#side-about {
   margin-top: 3px;
   position: relative; left: 1px; 
}


/* footer elements */

#access-counter {
   clear: both;
   width: 750px;
   position: relative; left: 10px;
}

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

#access-analyzer {
   margin-top: 15px;
}


/* category elements */

#pankuzu {
   width: 550px;
   position: relative; top: 4px;
   position: relative; left: 5px;
}

#entry {
   width: 550px;
}

#entry h2,h3 {
   font-size: 16px;
}

#entry p {
   width: 520px;
   position: relative; left: 10px;
}

#page-banner {
   width: 550px;
}

#link-iframe {
   font-size: 11px;
   position: relative; left: 10px;
}

#side-ga {
   margin-top: 15px;
   width: 200px;
   text-align: center;
}


.expe-column {
   width: 470px;
}

.expe-column-left {
   float: left;
   width: 270px;
}

.expe-column-right {
   float: left;
   width: 200px;
}

.expe-column-bottom {
   clear: both;
   position: relative; top: 10px;
}

.expe-column-bottom p {
   width: 430px;
}


.entry-blog {
   width: 550px;
   margin-top: 15px;
}

.entry-blog-midashi {
   width: 540px;
   height: 20px;
   position: relative; left: 5px;
}

.entry-blog-midashi-title {
   float: left;
   width: 350px;
} 

.entry-blog-midashi-title p {
   display: inline;
   font-weight: bold;
   font-size: 16px;
}

.entry-blog-midashi-date {
   float: left;
   width: 160px;
   text-align: right;
}

.entry-blog-substance {
   clear: both;
   width: 530px;
   position: relative; left: 5px;
}




/* page-banner elements */

#tokusyu-iframe-box {
   font-size: 11px;
   width: 530px;
}

.tokusyu-iframe-box-column {
   margin-top: 10px;
   margin-bottom: 15px;
   width: 530px;
}

.tokusyu-iframe-box-column-left {
   float: left;
   width: 165px;
   position: relative; top: 5px;
   position: relative; left: 8px;
}

.tokusyu-iframe-box-column-right {
   float: left;
   width: 340px;
   position: relative; left: 25px;
}



/* hr elements */

hr.dot-a {
   width: 750px;
   height: 1px;
   border: none;
   border-top: 1px #ccc dotted;
   text-align: left;
}

hr.dot-b {
   width: 530px;
   height: 1px;
   border: none;
   border-top: 1px #ccc dotted;
   text-align: left;
}

hr.sol-a {
   width: 750px;
   height: 1px;
   border: none;
   border-top: 1px #ccc solid;
   text-align: left;
}

hr.sol-b {
   width: 530px;
   height: 1px;
   border: none;
   border-top: 1px #ccc solid;
   text-align: left;
}


/* 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;}