.detailSampleLink a {
    margin-right: 5px;
}

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,li,ul,
pre,form,fieldset,input,select,textarea,p,blockquote,th,td {
padding:0;
}

/* --------------------------------------------
			Element Styles
----------------------------------------------- */
/* LISTS */
ul,ol,dl {
margin:0.25em inherit;
list-style-position:outside;
}
ul.horizontal,
ul.vertical {
list-style-type:none;
margin:0;
padding:0;
}
ul.horizontal li,
ul.horizontal li a {float:left;display:inline;}
ul.horizontal li a ,
ul.vertical li a {
display:block;
background-repeat:no-repeat;
background-position:0 0;
}

/* --------------------------------------------
			CLEAR -HACK:CLEARFIX-
----------------------------------------------- */
#container:after, #header:after,
#content:after, #footer:after,
.clr:after {
content:"";
display:block;
visibility:hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear:both;
}
/* for ie */
* html #container, * html #header,
* html #content, * html #footer,
* html .clr {display:inline-block; }
/* no ie mac \*/
* html #container, * html #header,
* html #content, * html #footer,
* html .clr {height:1%; }
#container, #header,
#content, #footer,
.clr {display:block; }
/* */
*:first-child+html #container, *:first-child+html #header,
*:first-child+html #content, *:first-child+html #footer,
*:first-child+html .clr{zoom:1;}

/* --------------------------------------------
			Page Layout
----------------------------------------------- */
body {position:relative;}
#container {position:relative;}
#container-inner {position:static;}

/* MAIN CONTENT STYLE
----------------------- */
#content {
clear:both;
position:relative;
width:100%;
}
#content-inner {
position:static;
text-align:left;
}

/* MAIN COLUMN STYLE
----------------------- */
#mainCol {width:100%;}
#mainCol-inner {width:100%;position:static;}

/* HEADER STYLE
----------------------- */
#header {
position:relative;
width:100%;
margin:0 auto;
}
#header-inner {position:static;}
#header #logo {
position:absolute;
display:block;
text-indent:-999px;
overflow: hidden;
}
ul#headList {clear:right; float:right;}

/* PAGE HEAD STYLE
----------------------- */
#pageHead {clear:both;}

/* PAGE Bottom STYLE
----------------------- */
#pageBottom{
clear:both;
position:static;
text-align:right;
}
/* ------------------------------
* All inBlock** Style
* ------------------------------ */
.inblock {
position:relative;
width:100%;
}
/* inBlock 2 column */
.lBox {float:left;width:50%;}
.rBox {float:right;width:50%;}


ol, ul, li { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
a {
color: #336699;
cursor: pointer;
}
a:hover { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* form */
fieldset, form, label, legend{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
* legend{ margin-bottom:1.4em;}

/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



#selectBlock {
position:relative;
width:950px;
margin:0;
padding-bottom:0px;
z-index:1;
}


ul.horizontal li, ul.horizontal li a {
    display: inline;
    float: left;
}

ul#itemList li {
    color: #333333;
    text-align: center;
}

#categoryHead {padding:10px 0 2px 23px;}
ul#itemList {
position:relative;
padding:10px 0 0 10px;
padding-bottom:0px;
line-height:1;
}
ul#itemList li {
width:225px;
height:235px;
color:#333;
margin:0 3px 6px;
padding-bottom:10px;
text-align:center;
background: url(/images/customize/item/bg_itemselect_b.gif) no-repeat 0 100%;
}
ul#itemList li .inBox {
/*border: 1px solid #CCCCCC; */
width:225px;
padding-top:10px;
/* padding-bottom:10px; */
background: url(/images/customize/item/bg_itemselect_t.gif) no-repeat 0 0;
}
ul#itemList li p {padding:.25em 0;}
ul#itemList li p.btn {text-align:center;}
ul#itemList li p.check {font-size:10px;line-height:1;}
ul#itemList li a {display:inline;float:none;}
ul#itemList li a.itemImage:hover {cursor:pointer;}


ul#itemList li .explainBox {position:relative;}
ul#itemList li .explainBox .itemName {padding:0 .25em;height:2em;}
ul#itemList li .explainBox dt,
ul#itemList li .explainBox .itemPrice {font-weight:bold;font-size:116%;}
ul#itemList li .explainBox p.price {color:#F00;}
ul#itemList li .extendBox {
display:none;
padding:0 10px 0;
text-align:left;
position:absolute;
left:-119px;
}
ul#itemList .extendExplain {
}
ul#itemList .extendExplain img {
display:block;
}
ul#itemList .extendBox ul.posList {
position:relative;
background-color:#336699;
background-image: none;
border-right: #999999 2px solid;
border-bottom: #999999 2px solid;
width: 445px;
padding: 5px 3px 0;
}
ul#itemList li.type1 .extendBox ul.posList {
left:109px;
}
ul#itemList li.type4 .extendBox ul.posList {
left:-119px;
}
ul#itemList .extendBox ul.posList li {
border: none;
background:none;
padding:0;
float:left;
font-size:92%;
position:relative;
text-align:center;
width:105px;
height: 136px;
}
ul#itemList .extendBox ul.posList a.posAnc {
background:#FFF url(/images/customize/item/bg_itempos.gif) no-repeat 0 0;
padding:2px;
text-align:center;
display: block;
width:101px;
height: 132px;
}
ul#itemList .extendBox ul.posList li .fixBox {
height:95px;
padding-top:10px;
}
ul#itemList .extendBox ul.posList .extendBox {
display:none;
}
ul#itemList .extendBox ul.posList li .posName {
background:none repeat scroll 0 0 #E6E6E6;
display:block;
padding:0.1em 0;
}
ul#itemList .extendBox ul.posList li img.posImage {
margin:2px auto 10px;
width:80px;
}
ul#itemList .extendBox ul.posList li table {
margin:0 auto;
}
ul#itemList .extendBox ul.posList a.posAnc,
ul#itemList .extendBox ul.posList a.posAnc:link,
ul#itemList .extendBox ul.posList a.posAnc:visited,
ul#itemList .extendBox ul.posList a.posAnc:active {
text-decoration:none;
color: #666;
}
ul#itemList .extendBox ul.posList a.posAnc:hover {
background:#FFF url(/images/customize/item/bg_itempos_o.gif) no-repeat 0 0;
}

/*detail and button*/
ul#itemList li .extendBox p {line-height:1.3;}

/*mouseover*/
ul#itemList li.current {
padding:10px 0 0;
background: url(/images/customize/item/bg_itemposselecton_t.gif) no-repeat 0 0;
}
ul#itemList li.current .inBox {
position:relative;
padding:0 0 5px;
height:auto;
z-index:1000;
background: url(/images/customize/item/bg_itemposselecton_b.gif) no-repeat 0 100%;
}
ul#itemList li.current .extendBox {display:block;}
* html ul#itemList li.current {position:relative;}
* html ul#itemList li.current .inBox {position:absolute;left:0;}

.posList {
border-left:1px solid #DCDCDC;
position:relative;
width:890px;
}
.posList li {
border-bottom:1px solid #DCDCDC;
border-top:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
float:left;
font-size:92%;
padding:1px;
position:relative;
text-align:center;
width:108px;
}
.posList li .fixBox {
height:95px;
padding-top:10px;
}
.posList .extendBox {
display:none;
}
.posList li .posName {
background:none repeat scroll 0 0 #E6E6E6;
display:block;
padding:0.1em 0;
}
.posList li img.posImage {
margin:2px auto 10px;
width:80px;
}
.posList li table {
margin:0 auto;
}