@charset "UTF-8";
/* CSS Document */

/*INIT*/
*{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
text-align:center;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック';
background-image: url(../images/bg_body.gif);
}
/*PNG*/
img{
behavior: url(http://www.ckrelations.com/js/iepngfix.htc);
border:none;
}
a{
text-decoration:none;
}
ul{
list-style:none;
margin:0;
padding:0;
}
li{
margin:0;
padding:0;
}
img{
border:none;
}

#wrapper{
width:800px;
margin:0 auto;
padding:0 10px 10px 10px;
text-align:left;
color:#4c4c4c;
background-color:#ffffff;
border-bottom:1px solid #999999;
}
#navigation{
width:800px;
height:32px;
}
#header{
width:800px;
height:85px;
}
#top-visual{
width:800px;
}
#pagebody{
width:800px;
padding-top:5px;
}
#left-box{
float:left;
width:400px;
}
#right-box{
float:right;
width:400px;
}
#box{
padding-left:240px;
}

#pagetop{
clear:both;
width:800px;
height:60px;
margin-top:20px;
text-align:right;
}
#footer-link{
width:800px;
}
#footer{
clear:both;
width:800px;
height:100px;
background-image: url(../images/bg_footer_01.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#footer2{
width:800px;
text-align:center;
font-size:12px;
color:#4c4c4c;
}

/*TEXT*/
#navigation li{
display:inline;
margin:0;
padding:0;
}

#left-box h1{
font-size:90%;
margin:0:
padding:0 0 0 0;
}
#left-box h2{
font-size:90%;
line-height:1.5;
margin:0:
padding:0 0 0 0;
}
#left-box h3{
font-size:85%;
line-height:1.5;
padding:0 10px 0 20px;
}
#left-box h4{
font-size:80%;
line-height:1.5;
padding:0 10px 0 20px;
}
#left-box h5{
font-size:80%;
line-height:1.5;
padding:0 10px 0 20px;
}
#left-box p{
font-size:small;
line-height:1.5;
margin:5px 10px 10px 0;
padding:0 10px 0 20px;
border:1px solid #ccc;
}

#right-box h3{
font-size:85%;
line-height:1.5;
margin:0px 0 5px 0;
padding:0 0 0 0;
}
#right-box p{
font-size:small;
}
#right-box ul{
border:1px solid #cccccc;
background-color:#f3f3f3;
}
#right-box li{
font-size:small;
line-height:1.5;
margin:5px 10px 5px 10px;
padding:2px 10px 2px 35px;
background-image:url(../images/go_01.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom: 1px dotted #cccccc;
}
#right-box li a:link{
color:#4c4c4c;
}
#right-box li a:hover{
color:#990000 !important;
text-decoration:underline;
}
#right-box li a:visited{
color:#4c4c4c;
}

#box h1{
font-size:14px;
line-height:1;
margin:0 0 10px 0;
padding:9px 10px 9px 10px;
color:#ffffff;
background-image: url(../images/bg_h1_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#box h2{
font-size:14px;
line-height:1.5;
margin-left:10px;
padding:0 10px 0 5px;
color:#990000;
border-left:5px solid #990000;
}
#box h2 a:link{
color:#990000;
}
#box h2 a:hover{
color:#ff0000 !important;
text-decoration:underline;
}
#box h2 a:visited{
color:#990000;
}



#box h3{
font-size:85%;
line-height:1.5;
margin:0 20px 10px 20px;
padding:3px;
color:#990000;
border:1px solid #990000;
}
#box h4{
font-size:80%;
line-height:1.5;
padding:0 10px 0 20px;
}
#box h5{
font-size:80%;
line-height:1.5;
padding:0 10px 0 20px;
}
#box p{
font-size:small;
line-height:1.5;
margin:0 0 30px 0;
padding:0 10px 0 20px;
}
#box ul{
margin:10px 0 10px 0;
padding:0 10px 0 20px;
}
#box li{
font-size:small;
line-height:1.5;
margin:0 0 10px 0;
padding:0 10px 0 20px;
}


#pr-site li{
font-size:12px;
margin:0 0 5px 0;
}
#footer-link ul{
font-size:12px;
text-align:right;
}

#footer-link ul{
padding:10px 0;
}

#footer-link li{
display:inline;
padding-left:20px;
}
#footer-link li a{
padding:5px 0 5px 15px;
background-image: url(../images/bg_footer-link_li.gif);
background-repeat: no-repeat;
background-position: left center;
}
#footer-link li a:link{
color:#336699;
}
#footer-link li a:hover{
color:#990000 !important;
text-decoration:underline;
}
#footer-link li a:visited{
color:#336699;
}


/*IMAGES*/
#navigation img{
margin:0;
padding:0;
}

#header img{
margin:25px 0 0 10px;
}
#top-visual table{
width:800px;
}
#footer img{
margin:25px 0 0 20px;
}


/*SLIDEDOWN*/
#slidedown1{
height:32px;
width:400px;
overflow:hidden;
margin:10px 0 0 0;
}
#slidedown1 a:hover{
cursor:pointer;
color:cc0000;
}
#slidedown1 h4{
cursor:pointer;
font-size:12px;
color:#3366cc;
margin:0 0 5px 0;
padding:0 0 0 0;
}
#slidedown1 ul{
background-color:#f3f3f3;
}
#slidedown1 li{
font-size:70%;
}

.ingredients li{
font-size:12px;
}
.float-l{
float:left;
}
.font-size-small-red{
color:#990000;
font-size:small;
}
.font-size-x-small-red{
font-size:70% !important;
color:#000;
margin-bottom:40px !important;
padding:5px !important;
background-color:#f3f3f3;
}

/*MARGIN*/
.margin5-0-10-0{
margin:5px 0 10px 0;
}
.margin0-0-0-3{
margin-left:3px;
}
.margin0-0-0-100{
margin-left:100px;
}

/*OUTLINE*/
.outline{
background-color: #ececec;
margin: 5px 0px 30px 0;
border: 1px solid #cccccc;
border-top: none;
}
.outline dt{
font-size:small;
font-weight: normal;
color: black;
margin: 0;
padding: 0.5em 0 0.5em 1em;
border-top: 1px solid #cccccc;
width: 13em;
float: left;
}
.outline dd {
font-size:small;
background-color: #ffffff;
margin: 0 0 0 13em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/*RANKING*/
.ranking{
border:1px solid #ccc;
background-color:#f3f3f3;
margin:0 10px 0 20px;
padding:10px;
}
.ranking dt{
font-size:14px;
font-weight:bold;
margin:0 0px;
color:#000000;
border-bottom:1px solid #ccc;
}
.ranking dd{
font-size:12px;
margin:5px 0px 20px 10px;
padding:7px 0 7px 105px;
background-image: url(../images/target_01.gif);
background-repeat: no-repeat;
background-position: left center;
}