@charset 'UTF-8';

* {
margin: 0;
padding:0;
border:0;
}


a {
color: blue;
text-decoration: underline;
}

a:link,a:visited,a:active {
color: #0000ff;
}

a:hover {
color: #ff0000;
}

body {
width: 850px;
margin: 0px 0px 0px 0px;
text-align: center;
background:url(img/bg001.jpg) repeat #fff;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
width: 850px;
background: url(img/cont-bg.jpg) repeat-y #fff;
border-top: none;
border-bottom: none;
position:relative;
}



#banner {
background: url(img/bana.jpg) no-repeat left top #555;
margin-right: auto;
margin-left: auto;
width: 830px;
height: 134px;
}

#banner h1 {
height: 96px;
font-size: 34px;
font-weight: bold;
}

#banner h1 a {
text-indent: -9999px;
color: #fff;
text-decoration: none;
display: block;
height: 96px;
}

#banner h1 a:hover {
color: #ff0;
text-decoration: underline;
}



#banner p {
text-align: center;
color: #fff;
height: 30px;
line-height: 30px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
font-size: 16px;
letter-spacing: 0.5px;
}


#content {
float: right;
width: 600px;
text-align: left;
margin-right: 20px;
padding-left:0px;
padding-right:0px;
padding-bottom: 10px;
overflow: hidden;
margin-top: 25px;
display: inline;
}

#content h2 {
background: url(img/h2-bg2.jpg) no-repeat left #f5f5f5;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
padding-left: 23px;
color: #fff;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

#content h3 {
clear: both;
background: url() no-repeat left #f5f5f5;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
padding-left: 20px;
color: #555;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
border-left: solid 7px #005db7;
border-bottom: dotted 1px #005db7;
}

#content h3.h3-kuma {
background: url(img/h3-kuma.jpg) no-repeat left;
border: none;
height: 34px;
line-height: 100%;
padding-top: 14px;
padding-left: 90px;
color: #333;
}


#content h3.h3-sake {
background: url(img/h3-sake.jpg) no-repeat left;
border: none;
height: 34px;
line-height: 100%;
padding-top: 23px;
padding-left: 90px;
color: #333;
}

#content h3.h3-banbi {
background: url(img/h3-banbi.jpg) no-repeat left;
border: none;
height: 34px;
line-height: 100%;
padding-top: 22px;
padding-left: 90px;
color: #333;
}

#content h3.caramel-itiran {
background: url(img/h2-bg2.jpg) no-repeat left #f5f5f5;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
padding-left: 23px;
color: #fff;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
border: none;
}


#content p {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-top: 4px;
padding-bottom: 7px;
background: url(img/note.gif) #fff;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 16px;
line-height: 28px;
padding-left: 5px;
padding-right: 5px;
}

#content .ent-cont {
border-bottom: solid 1px #aaa;
clear: both;
height: 230px;
margin-bottom: 15px;
}

#content .ent-cont p.img-left {
float: left;
margin: 0px;
padding: 0px;
background: none;
margin-right: 10px;
margin-left: 5px;
border: solid 1px #666;
padding: 2px;
}

#content .ent-cont p.text-right {
margin-left: 300px;
margin-right: 5px;
}

#content .top-box-setumei {
clear: both;
margin-bottom: 10px;
}

#content .top-box-setumei p {

}


#right{
float: left;
width: 200px;
text-align: left;
margin-right: 0px;
margin-left: 20px;
margin-top: 25px;
padding-left: 0px;
padding-right: 0px;
display: inline;
}


#right p.text-c {
text-align: center;
font-size: 12px;
}

#right p.text-c a {
color: #555;
text-decoration: none;
}

#right dl {
margin-bottom: 20px;
width: 195px;
background: url(img/side-bottom.jpg) no-repeat left bottom;
padding-bottom: 10px;
}



#right dt {
background: url(img/side-dt.jpg) no-repeat left #005db7;
color: #fff;
height: 30px;
line-height: 30px;
text-align: left;
padding-left: 37px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
font-size: 16px;
}



#right dd {
background: url(img/side-bg.jpg) repeat-y #fff;
padding: 6px 0px 0px 8px;
font-size: 12px;

}

#right dl#topic dd a {
background: none;
padding: 0px;
display: inline;
}

#right dl#topic dd {
border-bottom: dotted 1px #aaa;
padding-bottom: 3px;
}

#right dl#topic dd span {
color: #663300;
font-weight: bold;
}

#right dd a {
background: url(img/arrow_01.gif) no-repeat left center;
padding-left: 15px;
height: 20px;
width: 170px;
display: block;
line-height: 20px;
}

#right dd a:hover {

}




#foot{
width: 830px;
margin-right: auto;
margin-left: auto;
height: 90px;
font-size:12px;
color: #fff;
background: url(img/foot.jpg) no-repeat left top;
clear:both;

}

#foot p {
padding: 0px;
margin: 0px;
padding-top: 33px;
text-align: center;
font-weight: bold;

}

#foot p a{
text-decoration: none;
font-style:normal;
color: #fff;
margin: 0px;
padding: 0px;
}

.clear {
clear:both;
}


p#pankuzu {
position: absolute;
top: 138px;
left: 20px;
font-size: 13px;

}

/*----------------------*/

table {
background :#fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #333;
width: 290px;
border-collapse: collapse;
font-size: 14px;
}

td {
border: solid 1px #aaa;
padding: 8px 5px 8px 10px;
width: 145px;
}

th {
width: 145px;
border: solid 1px #aaa;
padding: 8px 5px 8px 10px;
background:#f5f5f5;
font-weight: bold;

}

caption {
height: 25px;
line-height: 25px;
width: 290px;
text-align: center;
color: #333;
font-size: 14px;
}


/*----------------------*/

#content dl {
background: url(img/dl-bg.gif) no-repeat left top;
width: 190px;
height: 250px;
display: inline;
float: left;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
}

#content dt {
color: #663300;
font-size: 14px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 5px;
text-align: center;
}

#content dt#dt-asahiyama {
background: url(img/dt-asahiyama.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-jingisukan {
background: url(img/dt-jingisukan.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-tvtousan {
background: url(img/dt-tvtousan.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kagome {
background: url(img/dt-kagome.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-azuki-nasio {
background: url(img/dt-azuki-nasio.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-hakodate-wine {
background: url(img/dt-hakodate-wine.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-buttercaramel {
background: url(img/dt-buttercaramel.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-konbusyouyu {
background: url(img/dt-konbusyouyu.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-sirakaba-cocoa {
background: url(img/dt-sirakaba-cocoa.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-nanae-wine {
background: url(img/dt-nanae-wine.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-sapporo-beer {
background: url(img/dt-sapporo-beer.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-yakiimo-t {
background: url(img/dt-yakiimo-t.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kuma-guarana {
background: url(img/dt-kuma-guarana.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kuma-ichigo {
background: url(img/dt-kuma-ichigo.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kuma-toukibi {
background: url(img/dt-kuma-toukibi.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-ds-rennyuu {
background: url(img/dt-ds-rennyuu.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kitanohomare {
background: url(img/dt-kitanohomare.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-hakodate-milk {
background: url(img/dt-hakodate-milk.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-haskap {
background: url(img/dt-haskap.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-yubarimelon {
background: url(img/dt-yubarimelon.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-hakodate-sio {
background: url(img/dt-hakodate-sio.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-azuki-dn {
background: url(img/dt-azuki-dn.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-amazake {
background: url(img/dt-amazake.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-softcream {
background: url(img/dt-softcream.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-buttercaramel-t {
background: url(img/dt-buttercaramel-t.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-kinako-t {
background: url(img/dt-kinako-t.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-higuma {
background: url(img/dt-higuma.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-bambi {
background: url(img/dt-bambi.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-bambi-choco {
background: url(img/dt-bambi-choco.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-bambi-pudding {
background: url(img/dt-bambi-pudding.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-milk {
background: url(img/dt-milk.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-otaruunga {
background: url(img/dt-otaruunga.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-azarashimilk {
background: url(img/dt-azarashimilk.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-magicspice {
background: url(img/dt-magicspice.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-potato {
background: url(img/dt-potato.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}

#content dt#dt-solt-batter {
background: url(img/dt-solt-batter.gif) no-repeat;
height: 38px;
margin-bottom: 0px;
text-indent: -8888px;
}


#content dd img {
margin-left: 5px;
}

#content dd a#syousai {
display: block;
text-indent: -9999px;
width: 98px;
height: 18px;
background: url(img/syousai.gif) no-repeat 0 0;
font-size: 12px;
overflow: hidden;
margin-left: 45px;
margin-top: 3px;
}

#content dd a#syousai:hover {
background-position: 0 -18px;
}



/*----------------------*/

.desc p a.aaa {
cursor: text;
color: black; 
text-decoration:none;
}

p a.aaa {
cursor: text;
color: #333333;
text-decoration:none;
}

p a.aaa:visited {
color: #333333;
}

p a.aaa:hover {
color: #333333;
}


p#yahoo {
margin-top: 10px;
text-align: center;
}

/*-----------------------*/


.white {color: white; }

.red  {color: red; }
.redb {color: red; font-weight: bold; font-size: 14px;}
.redl {color: red; font-weight: bold; font-size: 16px; }

.blue {color: blue; }
.blueb {color: blue; font-weight: bold; }
.bluel {color: blue; font-weight: bold; font-size: 24px; }

.yellow  {
background: yellow;
font-weight: normal;
}

#right dl#topic dd span.yellow {
font-weight: normal;
}

strong {font-weight:normal;}