/*
 * Copyright (c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
 
@charset "{$smarty.const.CHAR_CODE}";

body {
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  font-family: monospece;
  margin: 0px auto;
  padding: 0px;
  background: url(/img/line_bg.gif) repeat-x top;
}

div.outline {
/*  width: 1000px;*/
  height: auto;
  margin: 0 auto;
  padding: 0px;
  background: url(/img/body-bg.gif) repeat-y center;
}

div.outline div.layout {
  width: 852px;
  height: auto;
  margin: 0px auto;
  padding: 0px;
  background-color: #ffffff;
}

/* Specific definitions of general Tags */
h1 {font-size: 14px; padding: 0px; margin: 0px; height: 18px; margin:0px 0px 0px 0px; text-align: center; color: #000000;}
h2 {font-size: 14px; padding: 0px; margin: 0px;}
h3 {font-size: 14px; padding: 0px; margin: 0px;}
h4 {font-size: 14px; padding: 0px; margin: 0px;}
b {font-weight: bold;}
img {border: 0px; vertical-align: top;}
a:link {color: #1D2088; text-decoration: none; background-color: transparent;}
a:visited {color: #660099; text-decoration: none; bold; background-color: transparent;}
a:hover {color: #FF6600; text-decoration: underline; background-color: transparent;}
li { list-style:none; list-style-position: outside;}
div.cleararea { clear: both;}
.lsp45 { margin: 0px 0px 0px 45px;}

/*layout-head*/

div.layout div.head {
  width: 852px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-align: left;
}

div.head h2{
  width: 371px;
  height: 61px;
  margin: 0px;
  padding: 0px 18px 0px 0px;
  float: left;
}

div.head h3{
  width: 453px;
  height: 43px;
  margin: 0px;
  padding: 0px;
  float: left;
}

div.head .entry{
  width: 138px;
  height: 26px;
  margin: 0px;
  padding: 0px;
  float: right;
  clear: botn;
}
div.head .entry_spc{
  margin-right: 20px;
}

/* ヘッダのナビゲーション */
/* Palart Suzuki 2008.3.12 */

div.head ul{
  background:url(/img/head_navi.jpg) no-repeat left top;
  height:34px;
  width:852px;
  clear: both;
  margin:0;
  padding:0;
  list-style:none;
  list-style-position:outside;
}

div.head ul li{
  float:left;
  margin:0;
  padding:2px 0;
}

div.head ul li a{
  display:block;
  height:28px;
}
div.head ul li.navi1 a{
  width:118px;
  margin-left:2px;
}
div.head ul li.navi2 a{
  width:112px;
  margin-left:1px;
}
div.head ul li.navi3 a{
  width:113px;
  margin-left:1px;
}
div.head ul li.navi4 a{
  width:107px;
  margin-left:1px;
}
div.head ul li.navi5 a{
  width:114px;
  margin-left:1px;
}
div.head ul li.navi6 a{
  width:115px;
  margin-left:1px;
}
div.head ul li.navi7 a{
  width:163px;
  margin-left:1px;
}
div.head ul li a:hover{
	background-color:#FFFF00; /* 黄色 */
	filter:alpha(opacity=60); /*IE*/
	-moz-opacity:0.60; /*FF*/
	opacity:0.60;
}
div.head ul li a strong{
  position:absolute;
  left:-300em;
}

/*
 多すぎる float:right|left; によるレイアウト崩れ用
 レイアウトを崩しているfloatの親ノード(親タグ)にこれを設定する
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+ html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
div.head ul {
  width: 852px;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background-color: #333333;
  clear: both;
}

div.head ul li {
  height: 35px;
  margin: 0px;
  padding: 0px;
  float: left;
}
*/
/* end Suzuki */

/*layout-rightarea*/
div.layout div.leftarea {
  width: 173px;
  height: auto;
  float: left;
  margin: 0px 0px 0px 4px;
}

div.leftarea div.box  {
  width: 173;
  padding: 0px 0px 8px 0px;
  text-align: left;
}

div.leftarea div.box strong {
  width: 173px;
  margin: 0px;
  padding: 0px;
}

div.leftarea div.box .main{
  width: 173px;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-image: url(/img/side/box_bg.gif);
}

div.leftarea div.box .main img{
  margin: 8px 0 8px 0;
}

div.leftarea div.box .btm {
  width: 173px;
  margin: 0px;
  padding: 0px;
}

div.leftarea div.box ul {
  width: 173px;
  margin: 0px;
  padding: 0px;
}

div.leftarea div.box ul li {
  width: 173px;
  height: 22px;
}

/*layout-main-top*/
div.main-up {
  width: 852px;
  text-align: left;
}

div.main-up .prarea {
  width: 817px;
  height: 201px;
  margin: 0px 0px 2px 18px;
}

div.main-up .prarea .changephoto {
  width: 770px;
  height: 201px;
  margin: 0px;
  float: left;
  background-image: url(/img/top/changephoto_bg.gif);
}

div.main-up .prarea .changephoto img {
  margin: 12px 0px 0px 15px;
}

div.main-up .prarea .changebtn {
  width: 47px;
  height: 201px;
  margin: 0px;
  padding: 0px;
  float: left;
}

div.main-dw,
div.main-dw-top {
/*  width: 580px;*/
  float: left;
}
div.main-dw {
  width: 600px;
  margin: 0px 0 10px 20px;
}
div.main-dw-top {
  width: 448px;
  margin: 0px 0 0px 2px;
}
div.main-dw dl.newsarea {
  width: 426px;
/*  width: 556px;*/
  height: 101px;
  border: 1px solid #D0D0D0;
  overflow: auto;
  margin: 0px 0px 7px 0;
  padding: 0px;
  list-style-position: inside;
  list-style-image: url(/img/products/arrow.jpg);
}

div.main-dw dl.newsarea dd {
  width: 400px;
/*  width: 520px;*/
  border-bottom: 1px dashed #D0D0D0;
  line-height: 24px;
  margin: 5px 7px;
  list-style-position: inside;
  list-style-image: url(/img/products/arrow.jpg);
}

div.main-dw dl.newsarea dd img{
  margin:0px 2px 2px;
  vertical-align: middle;
}

div.main-dw div.bignavi{
  width: 562px;
  height: auto;
  margin: 0px 0px 7px;
  padding: 0px;
  background-image: url(/img/top/navi_bg.gif);
  text-align: center;
}

div.main-dw div.bignavi ul{
  width: 557px;
  height: 160px;
  margin: 0px 2px 10px 2px;
  padding: 0px;
  background-image: url(/img/top/navi_ul_bg.gif);
}

div.main-dw div.bignavi ul li{
  float: left;
  margin: 0px 2px;
}

div.main-dw div.bignavi .head{
  width: 562px;
  height: 43px;
  margin: 0px;
  padding: 0px;
}

div.main-dw div.bignavi .btm{
  width: 562px;
  height: 7px;
  margin: 0px;
  padding: 0px;
  font-size: 2px;
}

div.main-dw div.bignavi .pickup{
  margin: 0px 0px 9px;
}


.prarea .contents {
  width: 562px;
  height: 164px;
  margin: 0px 0px 5px 0px;
  background-image: url(/img/top/pr_bg.gif);
}

.prarea .contents img {
  width: 543px;
  height: 146px;
  margin: 7px 8px;
}

.prarea img {
  margin: 0px 0px 15px 0px;
}

/*layout-main-contentes*/

div.contentsarea {
  float: left;
  text-align: left;
}

/*layout-main-list*/
div.contentsarea form {
  padding: 0px;
  width:100%;
}

form.detail {
  margin: 0px;
  padding: 0px;
}

div.bigtitle {
  margin: 0px 0px 17px 0;
  text-align:left;
/*  margin: 0px 0px 17px;*/

}

/* suzuki added */
div.listbox-wrapper {
  border-bottom:#CCC dotted 1px;
  padding-bottom:6px;
  margin-bottom:6px;
}
div.listbox-wrapper div{
  padding-bottom:0;
}
div.listbox-wrapper div.icons{
  margin-bottom:3px;
}
div.listbox-wrapper .flt_left{
  float:left;
}
div.listbox-wrapper .listbox-right{
  float:right;
  width:198px;
}
div.listbox-wrapper div.comment{
  text-align:center;
}
div.listbox-wrapper div.listbox{
  float:left;
  width:300px;
  text-align:left;
}
div.listbox-wrapper div.to-detail{
  text-align:center;
}
div.listbox-wrapper div.to-detail img{
  vertical-align: middle !important;
}
/*suzuki end*/

div.listbox{
  width: 140px;
  padding: 0px 0px 25px 0;
  float: left;
  text-align:center;
}

div.listbox strong{
  margin: 2px;
}

div.listbox img{
  margin: 5px;
}

div.listbox2{
  width: 190px;
  padding: 0px 0px 25px;
  float: left;
  text-align: center;
}

div.listbox2 strong{
  margin: 2px;
}

div.listbox2 img{
  margin: 5px;
}
div.pricearea p.price-title{
  margin-top:0;
  margin-bottom:6px;
}
div.pricearea p.price-title a:link,
div.pricearea p.price-title a:visited{
  color:#00C;
}
div.pricearea p.price-title a:hover,
div.pricearea p.price-title a:active{
  color:#66F;
}
div.pricearea table td{
  font-size:12px;
}
div.pricearea .red{
  color: #FF0000;
}

/*layout-main-detail*/

div.contentsarea div.itembox {
  text-align:center;
  margin: 0px 0px 20px 0px;
}

div.itembox div.bigtitle {
  margin: 2px 0px 7px 0px;
/*
  width: 566px;
  height: 40px;
  background-image: url(/img/products/name_bg.jpg);  
*/
}

div.itembox div.bigtitle strong{
/*
  line-height: 40px;
  font-size: 18px;
  padding: 0px 0px 0px 30px;
*/
}

div.itembox div.pic {
  text-align: center;
  padding: 0px 0px 15px;
}

div.contentsarea div.dataarea {
  margin: 0px 0px 20px 0px;
}

div.contentsarea div.dataarea table{
  margin: 0px 20px 0px 20px;
  line-height:22px;
  font-size: 12px;
}

div.contentsarea div.dataarea table td.data{
  width: 385px;
  font-weight: bold;
}

div.contentsarea div.dataarea table td.lavel{
  width: 135px;
}

div.itembox div.comment {
  padding: 10px;
  line-height: 14px;
}

div.cartarea {
  width: 566px;
  margin: 0px 0px 50px 0px;
}
div.cartarea img{
  margin: 4px 8px;
}

div.pageselect{
  width: 90%;
  margin: 15px;
  font-size: 12px;
  text-align: center;
}

div.downarea div.recommnd {
  width: 580px;
}

/*layout-main-cart*/
div.main div.button{
  padding: 10px 0px;
  text-align: center;
}
div.main div.wide-contents {
  width: 740px;
  height: auto;
}

div.wide-contents div.wide-main {
  width: 700px;
  height: auto;
  margin: 10px 0px 0px 30px;
}

div.wide-main img.cartnavi {
  width: 700px;
  height: 36px;
  margin: 0px 0px 15px 0px;
}

div.wide-main img.title {
  width: 700px;
  height: 40px;
  margin: 0px 0px 25px 0px;
}

div.wide-main p.titlesub {
  width: 690px;
  line-height: 18px;
  margin: 0px 0px 15px 0px;
  border: 5px solid #D0DBEE;
  padding: 10px;
  color: red;
}

div.wide-main dl {
  width: 700px;
  height: auto;
  border: 1px solid #666666;
  background-image: url(/img/shopping/table_bg.jpg);
}

div.wide-main dl dt{
  width: 200px;
  padding: 0px;
  border-top: 1px solid #666666;
  margin: 0px;
  float: left;
  line-height: 18px;
}

div.wide-main dl dt p{
  padding: 7px;
}


div.wide-main dl dd{
  width: 498px;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  margin:0px;
  line-height: 18px;
  float: left;
}

div.wide-main dl dd p.redarea{
  padding: 0px 7px;
  color:red;
}

div.wide-main dl dd img{
  margin:7px;
}

div.wide-main dl dd div.inputbox{
  padding:7px;
}

div.wide-main dl dd p.sub{
  padding:0px 7px 7px 7px;
}

div.wide-main p.wide-btm{
  width: 690px;
  padding:7px;
  text-align: center;
  font-weight: bold;
}

/*layout-mypage*/

div.mypage {
  width: 740px;
}

div.mypage table.bigbox{
  width: 700px;
  margin:0px 0px 0px 35px;
}

div.mypage td.navi{
  padding:0px 0px 8px 0px;
}


div.mypage div.b_linebox{
  width: 162px;
  heigh: 100px;
  border: 4px solid #FFCAD9;
}

div.mypage div.b_linebox p{
  width: 140px;
  heigh: 70px;
  text-lign: left;
  font-size: 10px;
  margin: 10px 10px 10px 10px;
}

div.mypage div.b_linebox p span{
  color: red;
  font-weight: bold;
}


/*layout-foot*/
div.layout div.foot {
  clear: both;
  padding-bottom:7px;
  margin: 10px 0px 0px 0px;
  text-align: center;
}

/*div.layout div.foot img{
  float: left;
}

.copy {
  text-align: center;
}
*/