/* Global */

* {
    margin: 0;
    padding: 0;
    }
body {
       margin: 0px;
       padding: 0px;
       background-color: #EAE0BF;
       text-align: center;
       vertical-align: top;
       }
#container {
             text-align: left;
             vertical-align: top;
             width: 750px;
             margin-top: 0px;
             margin-right: auto;
             margin-bottom: 0px;
             margin-left: auto;
             background-color: #ffffff;
             }
#wrapMain {
            margin: 0px;
            background-color: #ffffff;
            }
img {
	border: none;
      }
td, th {
         font-size: 14px;
         color: #555555;
         }
.title {
         font-weight: bold;
         font-size: 16px;
         font-family: "ＭＳ Ｐゴシック", "Osaka";
         }
.list {
        border-collapse: collapse;
        }
.list td,
.list2 td {
            border: solid 1px #C9C9C9;
            padding: 0 3px;
            }
.list2 img {
	width: 50px;
	height: 50px;
	border: none;
             }

/* header */

#wrapHead {
            padding: 4px;
            text-align: center;
            }
h1 { 
     font-weight: normal;
     font-size: 12px;
     }

/* banner */

#banner {
          width: 750px;
          height: 395px;
          background-image: url(../img/dali_nemuri.jpg);
          background-repeat: no-repeat;
          margin-bottom: 5px;
          }

/* Navi */

.wrapNavi {
            height: 20px;
            margin: 10px;
            padding: 5px;
            vertical-align: baseline;
            }
.wrapNavi li {
               display: inline;
               text-decoration: none;
               margin: 2px;
               padding: 3px 5px;	
               }
.wrapNavi a {
              font-weight: bold;
              color: dimgray;
              }
.wrapNavi a:hover {
                    color: orange;
                    }

/* contents */

#wrapContents {
                margin: 8px 12px;
                background-color: #FFFFFF;
                }

/* 
########### Category ############
*/

#wrapCategory {
                margin: 10px 0;
                background: #D5BF80;
                border: 1px solid #D5BF80;
                }
#wrapCategory h3 {
                   padding: 0px 27px;;
                   color: #806000;
                   }
#wrapCategory ul {
                   padding: 20px;
                   background: #FFFFFF;
                   }
#wrapCategory li {
                   margin: 10px;
                   font-size: 16px;
                   }
#wrapCategory a { color: #8F6030; }
#wrapCategory a:hover { color: #AA0000; }

/* PR */

#wrapPR {
          float: left;
          width: 353px;
          margin-bottom: 12px;
          padding-left: 10px;
          background: #9C3F33;
          }
#wrapPR h3 {
             padding: 3px;
             color: #FFE0CC;
             }
#wrapPR table {
                background: #ffffff;
                border-collapse: collapse;
                }
#wrapPR td {
             color: #555555;
             font-size: 12px;
             }

/* Recommend */

#wrapRecommend {
                 float: left;
                 width: 353px;
                 margin-bottom: 12px;
                 padding-left: 10px;
                 background: #3C626B;
                 }
#wrapRecommend h3 {
                    padding: 3px;
                    color: #C7FFEA;
                    }
#wrapRecommend td {
                    font-size: 12px;
                    }
#wrapRecommend table {
                       background: #ffffff;
                       border-collapse: collapse;	
                       }

/* about */

#wrapAbout {
	float: left;
	width: 750px;
	margin: 5px 12px 10px 12px;
}
#wrapAbout h3 {
	display: block;
	color: snow;
	background: #856A50;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 3px;
}
#wrapAbout td {
	border: none;
	padding: 3px 10px;
	color: gray;
}
#wrapAbout img {
	border: none;
	width: 70px;
}
#wrapAbout a {
	color: #C0A03F;
	padding: 8px;
}
#wrapAbout a:hover {
	color: orange;
	padding: 8px;
}
#site_title {
	font-weight: bold;
	font-size: 18px;
}

/* rank */
#wrapRank {
	float: left;
	width: 750px;
	margin: 5px 12px 30px 12px;
}
#wrapRank h3 {
	display: block;
	color: snow;
	background: #856A50;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 3px;
}
#wrapRank a {
	color: #C0A03F;
	padding: 8px;
}
#wrapRank a:hover {
	color: orange;
	padding: 8px;
}
#wrapRank td {
	font-size: 16px;
	padding: 5px;
}
#rank_number {
	font-weight: bold;
	color: #BF0000;
}
/* footer */
#footer {
          clear: both;
          height: 30px;
          padding: 12px;
          font-family: "ＭＳ Ｐゴシック", "Osaka";
          font-size: 12px;
          letter-spacing: 0.1em;
          line-height: 20px;
          color: #FFFFFF;
          background-color: #C4A434;
          text-align: center;
          vertical-align: baseline;
          }