@charset "utf-8";

/* ==================================================== */
/* product.css                                          */
/* July 23,2007                                         */
/* ==================================================== */


/*----------------------------------------------------
category-breadcrumb
----------------------------------------------------*/
div#categoryTitle {
width:760px;
height:85px;
margin:0 5px;
background:url(../img/category_image_product.jpg) no-repeat;
position:relative;
}

div#categoryTitle h1 {
position:absolute;
top:10px;
left:10px;
}



/*----------------------------------------------------
right area content
----------------------------------------------------*/
div#boxContent {
padding:20px 20px 30px 20px;
}

p.summary {
padding:0 12px 20px 12px;
}

div.boxGrey {
padding:10px 12px;
background-color:#F6F6F6;
}

p.ichiran {
text-align:right;
}

p.ichiran span {
background:url(../../product/img/arrow01.gif) no-repeat left center;
padding-left:15px;
}

div.productList {
width:540px;
background:url(../../product/img/bg01.gif) no-repeat bottom;
}

div.productList div {
width:260px;
float:left;
}

/* in case one product in single line */
div.productList2 {
width:540px;
background:url(../../product/img/bg02.gif) no-repeat bottom;
}

div.productList2 div {
width:260px;
float:left;
}
/* in case one product in single line */

div.titleProduct {
width:540px;
height:36px;
overflow:hidden;
background:url(../../product/img/bg04.gif) no-repeat;
position:relative;
}

div.titleProduct h3 {
position:absolute;
top:0;
left:13px;
}

div.titleProduct ul {
width:197px;
height:16px;
position:absolute;
top:20px;
left:330px;
}

div.titleProduct ul li {
height:16px;
display:inline;
}

div.boxProduct {
width:540px;
background:url(../../product/img/bg03.gif) repeat-y;
border-bottom:1px #D0D0D0 solid;
}

div.boxProduct dl {
background-color:#FFF;
}

div.btnArea {
padding-left:16px;
width:134px;
/*height:151px;*/
background:url(../../product/img/bg05.gif) repeat-y;
float:left;
}

div.btnArea ul {
width:134px;
margin-top:37px;
}

div.btnArea ul li {
width:134px;
height:26px;
}

div.btnArea ul li img {
vertical-align: top;
}

div.photoArea {
width:389px;
/*height:151px;*/
float:left;
}

p.txtArea {
margin:0 1px;
padding:8px 14px;
background-color:#F1F2F9;
display:block;
}

ul.txtArea {
margin:0 1px;
padding:8px 14px;
background-color:#F1F2F9;
list-style-type:disc;
display:block;
}

ul.txtArea li {
margin-left:1.3em;
}

div.boxProduct dl {
margin:0 1px;
}

div.boxProduct dl dd {
padding:3px 10px 10px 14px;
}

ul.ddUl {
list-style-type:disc;
display:block;
}

ul.ddUl li {
margin-left:1.3em;
}

div#btnMitumori {
width:540px;
height:61px;
background:url(../../product/img/bg06.gif) no-repeat;
margin-top:30px;
}

div#btnMitumori img {
margin-left:158px;
margin-top:9px;
}

div#btnSupermix {
width:540px;
height:61px;
background:url(../../product/img/bg06.gif) no-repeat;
margin-top:30px;
}

div#btnSupermix img {
margin-left:65px;
margin-top:9px;
}

div#btnCaloriemeter {
width:540px;
height:61px;
background:url(../../product/img/bg06.gif) no-repeat;
margin-top:30px;
}

div#btnCaloriemeter img {
margin-left:68px;
margin-top:9px;
}

div.boxOption {
width:540px;
background:url(../../product/img/bg08.gif) repeat-y;
border-bottom:1px #D0D0D0 solid;
}

div.boxOption dl {
margin:0 1px;
}

dl.option01 dt {
margin-bottom:16px;
}

dl.option01 dd {
width:155px;
height:164px;
float:left;
}

dd.option02 {
padding:3px 10px 20px 14px;
}

div.option03 {
width:495px;
}

div.option03 dl {
width:324px;
margin-left:15px;
float:left;
}

div.option03 dt {
padding:1px 10px;
background-color:#F1F2F9;
}

div.option03 dd {
padding:7px 10px;
}

dl.option04 dt {
margin-bottom:16px;
}

dl.option04 dd {
width:495px;
margin-left:15px;
}

dl.option04 .spanImg {
display:block;
float:left;
width:155px;
}

dl.option04 .spanTxt {
display:block;
float:left;
padding:5px 5px 0 30px;
}

dl.option04 .spanTxt2 {
display:block;
margin-left:15px;
padding-top:15px;
font-size:70%;
line-height:1.4;
padding-left:1em;
text-indent:-1em;
}

dl.option04 .spanTxt3 {
display:block;
margin-left:15px;
padding-top:5px;
font-size:70%;
line-height:1.4;
padding-left:1em;
text-indent:-1em;
}




/*----------------------------------------------------
index
----------------------------------------------------*/
div.indexProduct {
margin-right:20px;
margin-left:20px;
}

div.indexProduct h3 {
float:left;
width:260px;
}





/*----------------------------------------------------
kakuhan_size
----------------------------------------------------*/
div#sunpo{
margin:0 20px;
padding-top:10px;
}

div#sunpo h3 {
vertical-align:top;
}

dl.sizeList dt {
margin:0 0 8px 0;
padding:3px 5px 3px 23px;
border-top:1px solid #eee;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:1px solid #eee;
background:#f5f5f5 url(../img/point02.gif) no-repeat 8px center;
font-weight:bold;
}

dl.sizeList dd {
padding:0 0 15px 15px;
}

dl.sizeList li {
padding:0 5px 8px 20px;
border-bottom:1px solid #eee;
background:url(../img/point05.gif) no-repeat 5px 0.6em;
}