/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#ffffff;
background-color:#150B00;
}

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

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:100%;
}

table td{
vertical-align:top;
}

#wrapper{
margin:0px auto;
width:780px;
text-align:left;
padding-bottom:10px;
}

#wrapper-inner{
float:left;
border-bottom: solid 1px #301E0B;
border-left: solid 1px #301E0B;
border-right: solid 1px #301E0B;
}

#header{
width:780px;
}

#header h1{
font-size:200%;
float:left;
margin-right:348px;
}


#header ul{
float:left;
list-style-type:none;
}

#header ul li{
float:left;
list-style-type:none;
margin:0 2px 0 0;
}

#header ul li a:active img,
#header ul li a:hover img,
#header ul li a:focus img{
 filter:Alpha(opacity=80);
 -moz-opacity:0.50;
 opacity:0.50;
 }


#main{
width:780px;
float:left;
}

a:link,a:visited{
color:#CC9966;
text-decoration:underline;
}

a:active,a:hover{
color:#E0C2A5;
text-decoration:underline;
}

.alpha a:active img,
.alpha a:hover img,
.alpha a:focus img{
 filter:Alpha(opacity=80);
 -moz-opacity:0.50;
 opacity:0.50;
 }


/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:545px;
float:left;
margin:40px 0 0 30px;
padding-bottom:100px;
display:inline;
color:#ffffff;
line-height:140%;
}

#contents2 {
width:545px;
float:left;
margin:40px 0 0 30px;

display:inline;
color:#ffffff;
line-height:140%;
}

.section{
width:545px;
float:left;
margin:40px 0 0 30spx;
padding-bottom:100px;
display:inline;
color:#ffffff;
line-height:140%;
}

#contents td{
color:#ffffff;
}

.section td{
color:#ffffff;
}

/*---mainnavi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainnavi {
width:780px;
float:left;
background:#301E0B;
}

#mainnavi ul{
list-style-type:none;
margin:0;
padding:0;
}

#mainnavi ul li{
text-indent:-9999px;
float:left;
}

#navi1 a{
display:block;
width:130px;
height:40px;
background:url(navi01.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi1 a:hover{
background:url(navi01-2.jpg);
}

#navi1.current1 a{
background:url(navi01-2.jpg);
}

#navi2 a{
display:block;
width:130px;
height:40px;
background:url(navi02.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi2 a:hover{
background:url(navi02-2.jpg);
}

#navi2.current2 a{
background:url(navi02-2.jpg);
}

#navi3 a{
display:block;
width:130px;
height:40px;
background:url(navi03.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi3 a:hover{
background:url(navi03-2.jpg);
}

#navi3.current3 a{
background:url(navi03-2.jpg);
}

#navi4 a{
display:block;
width:130px;
height:40px;
background:url(navi04.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi4 a:hover{
background:url(navi04-2.jpg);
}

#navi4.current4 a{
background:url(navi04-2.jpg);
}

#navi5 a{
display:block;
width:130px;
height:40px;
background:url(navi05.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi5 a:hover{
background:url(navi05-2.jpg);
}

#navi5.current5 a{
background:url(navi05-2.jpg);
}

#navi6 a{
display:block;
width:130px;
height:40px;
background:url(navi06.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navi6 a:hover{
background:url(navi06-2.jpg);
}

#navi6.current6 a{
background:url(navi06-2.jpg);
}

/*-- en ----------------------*/

#en-navi1 a{
display:block;
width:130px;
height:40px;
background:url(en-navi01.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#en-navi1 a:hover{
background:url(en-navi01-2.jpg);
}

#en-navi1.en-current1 a{
background:url(en-navi01-2.jpg);
}

#en-navi2 a{
display:block;
width:130px;
height:40px;
background:url(en-navi02.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#en-navi2 a:hover{
background:url(en-navi02-2.jpg);
}

#en-navi2.en-current2 a{
background:url(en-navi02-2.jpg);
}

#en-navi3 a{
display:block;
width:130px;
height:40px;
background:url(en-navi03.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#en-navi3 a:hover{
background:url(en-navi03-2.jpg);
}

#en-navi3.en-current3 a{
background:url(en-navi03-2.jpg);
}



/*---subnavi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#left_space{
width:200px;
background-color:#C8B9AA;
vertical-align:top;
}

#subnavi {
width:190px;
margin:6px 0 0 5px;
float:left;
display:inline;
}

#subnavi_title{
width:190px;
background-image:url(leftback01.jpg);
background-position:0 0;
background-repeat:no-repeat;
line-height:38px;
text-align:center;
font-size:120%;
font-weight:bold;
}
/*リンクhover*/
#subnavi_title a:link,#subnavi_title a:visited{
color:#ffffff;
text-decoration:none;
}
#subnavi_title a:active,#subnavi_title a:hover{
color:#CC9966;
text-decoration:none;
}


#subnavi ul{
list-style-type:none;
width:190px;
background-color:#7D7063;
padding:0 0 8px 0;
}

#subnavi ul li a{
color:#ffffff;
background-image:url(leftback02.jpg);
background-repeat:no-repeat;
background-position:0 50%;
display:block;
width:190px;
line-height:33px;
padding-bottom:2px;
text-indent:24px;
}
/*リンクhover*/
#subnavi ul li a:link,#subnavi ul li a:visited{
color:#ffffff;
text-decoration:underline;
}
#subnavi ul li a:active,#subnavi ul li a:hover{
color:#CC9966;
text-decoration:underline;
}

#subnavi ul li.current a{
color:#330000;
background-image:url(leftback03.jpg);
background-repeat:no-repeat;
background-position:0 50%;
display:block;
width:190px;
line-height:33px;
padding-bottom:2px;
text-indent:24px;
}
/*リンクhover*/
#subnavi ul li.current a:active,#subnavi ul li.current a:hover{
color:#CC9966;
text-decoration:underline;
}


#subnavi ul li ul li a{
color:#ffffff;
}

#subnavi ul li ul li ul li a{
color:#ffffff;
}

#subnavi ul{
}

#subnavi ul li ul{
margin:0 0 0 15px;
}

#subnavi ul li ul li ul{
margin:0 0 0 15px;
}

/*左メニューバナー*/
.localbanner{
margin:6px 0;
padding:0;
list-style-type:none;
float:left;
}
.localbanner li{
margin:0 0 3px 0;
padding:0 0 0 5px;
}

.localbanner a:active img,
.localbanner a:hover img,
.localbanner a:focus img{
 filter:Alpha(opacity=80);
 -moz-opacity:0.50;
 opacity:0.50;
 }

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:780px;
text-align:right;
float:left;
margin-bottom:5px;
}

#footer ul{
width:310px;
text-align:center;
float:left;
display:inline;
margin-left:250px;
}

#footer ul li {
width:140px;
height:20px;
text-align:center;
float:left;
display:inline;
list-style-type:none;
background-position:100% 50%;
background-image:url(border.jpg);
background-repeat:no-repeat;
}

#footer ul li.end {
background-image:none;
width:170px;
height:20px;
text-align:center;
float:left;
display:inline;
}


#footer ul li a:link,#footer ul li a:visited{
color:#ffffff;
text-decoration:none;
}

#footer ul li a:active,#footer ul li a:hover{
color:#ffffff;
text-decoration:underline;
}

address {
font-size: 75%;
font-style: normal;
text-align:right;
margin:0 10px 10px 0;
width:780px;
float:left;
}

address a:link,address a:visited{
color:#ffffff;
text-decoration:none;
}

address a:active,address a:hover{
color:#ffffff;
text-decoration:underline;
}


/*--top--*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_image {
width:780px;
float:left;
margin-bottom:6px;
}

/*--JPtop--*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#top-cont{
width:780px;
float:left;
margin-bottom:15px;
}

#left-cont{
width:403px;
float:left;
margin:0 24px 0 17px;
display:inline;
}

#left-cont2{
width:403px;
float:left;
margin:0px 24px 15px 15px;
display:inline;
}

#left-cont3{
width:240px;
float:left;
margin:10px 0px 15px 5px;
display:inline;
}

#right-cont{
width:320px;
float:right;
}

#right-cont2{
width:320px;
float:right;
margin:0 0px 0 0;
}

/*-----（新着情報）----------------*/

h2.info{
width:300px;
font-size:120%;
font-weight:bold;
text-align:right;
background-image:url(info-underline.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:5px 5px 5px 0;
margin:50px 0 5px 3px;
}




/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.sitemap {
margin-left:100px;
display:inline;
margin-top:30px;
}

ul.sitemap ul{
margin:0 0 15px 50px;
list-style-type:none;
display:inline;
}

ul.sitemap li{
margin:0 0 15px 50px;
list-style-type:none;
}

ul.sitemap li a ul li{
margin:0 0 15px 30px;
list-style-type:none;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
font-size:150%;
background-color:#339966;
color:#FFFFFF;
}

.subtitle02 {
font-size:140%;
background-color:#990000;
color:#FFFFFF;
}

.subtitle03 {
font-size:130%;
background-color:#000066;
color:#FFFFFF;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:590px;
float:left;
}

#contact_form dl{
width:540px;
border-bottom:1px dotted #676059;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:180px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*チョコレートの歴史-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub01{
width:530px;
font-size:180%;
font-weight:bold;
background-image:url(sub01-back.jpg);
background-repeat:no-repeat;
background-position:bottom;
line-height:34px;
text-indent:8px;
margin-bottom:12px;
}

.history-cont{
width:530px;
line-height:150%;
margin:30px 0 0 10px;
}

.history-cont a:active img,
.history-cont a:hover img,
.history-cont a:focus img{
 filter:Alpha(opacity=80);
 -moz-opacity:0.50;
 opacity:0.50;
 }

.history-img01{
width:150px;
height:240px;
float:left;
margin-right:30px;
}

.history-img02{
width:150px;
height:240px;
float:left;
}

/*メンテナンス-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.maintenance-ol{
list-style-type:none;
margin:0 0 0 15px;
line-height:160%;
color:#CC9966;
}

.maintenance-dl{
margin:20px 10px 0 10px;
}

.maintenance-dl dt{
margin:15px 0 4px 0;
padding:0;
}

.maintenance-dl dd{
margin:0 0 0 5px;
padding:0;
}


/*会社概要-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.company-table01{
width:315px;
}

.company-table01 td{
line-height:140%;
padding:10px;
border-bottom: dotted 1px #676059;
}

.company-table02{
width:520px;
}

.company-table02 td{
line-height:140%;
padding:10px;
border-bottom: dotted 1px #676059;
}



/*製品詳細TOP---------------------------------------------------------------------------------------------------------------------------------------------------*/



.product-cont{
width:530px;
line-height:150%;
margin:30px 0 0 10px;
}

.product-cont a:active img,
.product-cont a:hover img,
.product-cont a:focus img{
 filter:Alpha(opacity=80);
 -moz-opacity:0.50;
 opacity:0.50;
 }

.product-img01{
width:150px;
height:260px;
float:left;
margin-right:30px;
}

.product-img02{
width:150px;
height:260px;
float:left;
}

.corporateprofile{

position:relative;
}

.product-img03{
width:150px;
height:260px;
position:absolute;
top:220px;
left:355px;
}

/*製品詳細-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub02{
background-image:url(sub02-back.jpg);
background-repeat:no-repeat;
line-height:35px;
font-size:150%;
font-weight:bold;
text-indent:10px;
}

.sub03{
background-image:url(sub03-back.jpg);
background-repeat:no-repeat;
background-position:0% 0%;
line-height:130%;
font-weight:bold;
font-size:150%;
padding:5px 10px 0 10px;
height:55px;
}

*html .sub03{
height:60px;
}

.product-p01{
margin:0 0 22px 13px;
width:490px;
}

.product-advantagetop{
background-image:url(advantage-backtop.jpg);
background-position:0 0;
background-repeat:no-repeat;
padding-top:10px;
margin:0 0 12px 8px;
}

.product-advantageside{
background-image:url(advantage-backside.jpg);
background-position:0 0;
background-repeat: repeat-y;
}

.product-advantagebottom{
background-image:url(advantage-backbottom.jpg);
background-position:0 100%;
background-repeat:no-repeat;
padding-bottom:10px;
}

.product-advantage{
margin:0 0 0 4px;
}

.product-advantage dt{
padding:0 0 0 8px;
}

.product-advantage dd{
margin:0;
}

.product-advantage p{
margin:0 0 10px 18px;
font-weight:bold;
font-size:110%;
}

.product-advantage dd ul{
width:470px;
margin-left:18px;
list-style-type:none;
}

.product-advantage dd ul li{
background-image:url(icon02.gif);
background-position:0 5px;
background-repeat:no-repeat;
padding-left:16px;
margin-bottom:20px;
font-weight:bold;
color:#CC9966;
}

.product-table01{
border-collapse:collapse;
width:500px;
margin:0 0 15px 14px;
}

.product-table01 td{
padding:10px;
border:1px solid #7D7063;
}

#contents .product-table01 td.highlight {
font-weight:bold;
color:#333333;
background-color:#c8B9AA;
}

.product-img_float{
width:520px;
margin-left:3px;
}

.product-img_float p{
float:left;
width:160px;
height:190px;
margin-left:10px;
display:inline;
text-align:center;
}

.product-img_float img{
margin-bottom:3px;
}

.product-img_float02{
width:520px;
margin-left:3px;
}

.product-img_float02 p{
float:left;
width:160px;
height:220px;
margin-left:10px;
display:inline;
text-align:left;
}

.product-img_float02 img{
margin-bottom:3px;
}


.product-advantage dd ul li ol.product-ol-01{
list-style-type:none;
margin-top:10px;
}

.product-advantage dd ul li ol.product-ol-01 li{
background-image:none;
margin-bottom:5px;
}

.other-product{
width:470px;
margin:20px 0 0 18px;
list-style-type:none;
}

.other-product li{
background-image:url(icon02.gif);
background-position:0 5px;
background-repeat:no-repeat;
padding-left:16px;
margin-bottom:10px;
font-weight:bold;
color:#CC9966;
}

#product-catalog {
width:510px;
float:left;
display:inline;
margin:0 0 0 10px;
}

#product-catalog-left {
}

#product-catalog-left ol li p {
color:#FFFFFF;
font-size:150%;
font-weight:bold;
margin-bottom:5px;
}

#product-catalog-left img{
margin-bottom:3px;
margin-right:3px;
float:left;
}

#product-catalog-left ol{
width:320px;
float:left;
list-style-type:none;
}

#product-catalog-left ol li{
width:320px;
padding-bottom:30px;
float:left;
}

#product-catalog-right {
width:300px;
float:right;
}

#product-catalog-right p{
font-size:9px;
text-align:right;
padding-top:75px;
}

/*---rss---*/
.rss dt{ padding-left:10px; font-size:83%;}

dl.rss{
background-image:url(icon01.gif);
background-repeat:no-repeat;
background-position:0 0;
margin-left:5px; }

.rss dt a{padding-left:0; font-weight:normal; color:#FFFFFF; text-decoration:none; display:block; width:290px;}