@charset "utf-8";
@import url("../packages/dqem/css/import.css");

body{
 font-family: "MS ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body{
 _font-family: "ＭＳ Ｐゴシック";
}

body#pop{
 background-image :none
}

div.pagetop{
 text-align:right;
 padding:5px 0px 20px 0px;
}

div#popup_8ds{
 margin:30px 0px 30px 25px;
}

div.8ds_menu{
 border:1px solid #e5e5e5;
 margin:0px 0px 0px 0px;
 padding:10px;
}

div.8ds_ex_menu{
 border:1px solid #e5e5e5;
 margin:0px 0px 0px 0px;
 padding:10px;
}

div.8ds_size{
 border:1px solid #e5e5e5;
 margin:0px 0px 0px 0px;
 padding:10px;
}

#privacy_8ds{
 font-size:12px;
 line-height:1.3em;
 width:630px;
 padding-left:7px;
 margin-bottom:30px;
}

#privacy_8ds ol{
 margin:5px 0px 5px 35px;
 padding:0px;
}

#privacy_8ds ol li{
 list-style:decimal outside;
 margin:0px;
 padding:0px 0px 5px 0px;
}

#privacy_8ds ol li ol li{
 margin:0px;
 padding:0px 0px 1px 0px;
}

#centerclm_8ds{
 font-size:12px;
 line-height:1.3em;
 width:630px;
 padding-left:7px;
 margin-bottom:30px;
}

#centerclm_8ds p{
 margin:20px 0px 20px 0px;
}


/* Header-ue */

#header-content1 {
    margin: 0;
    height: 35px;
}

p.header_copy {
 color:#999999;
 text-align:right;
 display:block;
 padding:16px 0px 0px 0px;
 font-size:10px;
}



/* Header-line */

#header-content-line {
    border-top: 1px solid #67b;
    margin-bottom: 0px;
}


/* Header-shita */

#header-content2 {
    margin: 0px;
    padding:0px;
}

#header-content2-left {
    background: #f0f0f0;
    width: 100px;
    height: 26px;
    margin-top: 2px;
    padding:0px;
    float: left;
}

#header-content2-right {
    background: #f0f0f0;
    width: 845px;
    height: 26px;
    margin-top: 2px;
    padding:0px;
    text-align:right;
    float: left;
}


#header-content2-right img {
    margin-left: 15px;
}

#alpha-inner{
    background: #fff;
    margin: 0px 0px 0px 0px;
    padding:0px;
}

#alpha-inner2 {
    margin: 10px 0px 10px 0px;
    padding:0px;
}



/* menu (left) */
#menu-cate, 
#menu-cate img {
    margin-bottom: 5px;
}



/* Product (center) */
.product {
    width: 620px;
    border: 1px solid #ccc;
    padding: 15px 10px 10px 10px; 
    overflow:auto;
    _overflow:hidden;
    zoom:1;
}

.product,
.product-content {
    clear: both; 
}

.product h1,.product h2{
    margin:0;
    padding:0;
    font-size:10px;
    font-weight:normal;
    margin-bottom: .75em;
}

.product input[type='text'] {
 border: none;
}

.product input[type='image'] {
 border: none;
}

.product input[type='radio'] {
 padding:0px;
 margin:0px;
 border: none;
}

#products_dtl_tbl,
#products_dtl_tbl2{
 border-spacing:0;
}





/* Product (type1) */

#product-content-all {
    clear: all;
}

#product-content-all-left {
    margin: 0 8px 0 0;
    float: left;
}

#product-content-all-center {
    margin: 0 8px 0 0;
    float: left;
}

#product-content-all-right {
    margin: 0;
    float: left;
}

.product-content-all-icon{
    margin-top: 2px;
}

.product-content-all-icon img {
    margin-right: 0px;
}

.product-content-all-icon a img {
    padding: 1px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.product-content-all-icon a:hover img {
    padding: 1px;
    background-color: #fff;
    border: 1px solid #f82;
}

#product-content-all table#product_dtl {
    width:370px;
    margin:0px 0px 0px 10px;
    padding:0px;
    border:0px solid #ffffff;
    border-spacing:0;
/*    border-collapse : separate; */
    border-collapse : collapse;
    text-align: left;
    line-height: 1.2em;
}

#product-content-all table#product_dtl td {
    color: #003;
    font-size:11px;
    font-weight:normal;
    margin:0px;
    padding:5px 2px 0px 0px;
    height: 20px;
    border:0px solid #ffffff;
    border-spacing:0;
}

#product-content-all table#product_dtl p{
    padding-bottom:5px;
}

#product-content-all table#product_dtl2 {
    width:605px;
    margin:0px 0px 0px 10px;
    padding:0px;
    border:0px solid #ffffff;
    border-spacing:0;
/*    border-collapse : separate; */
    border-collapse : collapse;
    text-align: left;
    line-height: 1.2em;
}

#product-content-all table#product_dtl2 td {
    color: #003;
    font-size:11px;
    font-weight:normal;
    margin:0px;
    padding:5px 2px 0px 0px;
    height: 20px;
    border:0px solid #ffffff;
    border-spacing:0;
}

#product-content-all table#product_dtl2 p{

    padding-bottom:5px;
}


/* Product (type2) */

#product-content-left {
    width: 200px;
    float: left;
}

#product-content-right {
    margin: 0 0 0 20px;
    width: 396px;
    float: left;
}


#product-content-right table#product_dtl{
    width:396px;
    margin:0px;
    padding:0px;
    border:0px solid #ffffff;
    border-spacing:0;
/*    border-collapse : separate;*/
    border-collapse : collapse;
    text-align: left;
    line-height: 1.2em;
}

#product-content-right table#product_dtl td {
    color: #003;
    font-size:11px;
    _font-size:11px;
    font-weight:normal;
    margin:0px;
    padding:5px 2px 0px 0px;
    height: 20px;
    border:0px solid #ffffff;
    border-spacing:0;
}

/* for IE7 */
*+html body #product-content-right table#product_dtl td {
    font-size:11px;
}

#product-content-right table#product_dtl p{
    padding-bottom:5px;
}

#product-pic {
    clear: both;
}

#product-comment {
    margin: 20px 0 10px 0;
    font-size: 10px;
    color: #003;
    clear: both;
}




.thumbnail-menu {
    overflow: hidden;
    width: 100%;
}

.thumbnail-menu {
    position: static;
    margin-top: 5px;
    margin-bottom: 15px;
    clear: both;
}




#thumbnail-menu-left {

    float: left;
}

#thumbnail-menu-right {
    width: 40px;
    float: right;
    text-align: right;
}


#thumbnail-menu-left img{
    margin-right:0px
}

#thumbnail-menu-left a img{
    padding:1px;
    background-color:#ffffff;
    border:1px solid #e0e0e0;
}

#thumbnail-menu-left a:hover img{
    padding:1px;
    background-color:#fff;
    border:1px solid #f82;
}


.product-btn1 {
    text-align:center;
}

.product-btn1 p{
   margin:auto;
   _margin:0px;
   padding:7px 0px 7px 0px;
   text-align:left;
   width:474px;
}

/* for IE7 */
*+html body .product-btn1 p{
    margin:0px
}

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

.product-btn2 {
    position: static;
    clear: both;
}

.product-btn2 p{
    margin-bottom: .75em;
}

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

#product-btn-left {
    margin-top: 10px;
    width: 200px;
    float: left;
}

#product-btn-right {
    margin: 10px 0 0 20px;
    width: 396px;
    float: left;
}



/* part of Product Detail */

.p-detail {
    font-size: 12px;
    color: #003;
    line-height: 1.25em;
}


/* part of Product Cart */

.p-code {
    font-size: 10px;
    color: #666;
    line-height: 1.5em;
}

.p-name {
    font-size: 12px;
    color: #003;
    line-height: 1.5em;
}

.p-point {
    font-size: 10px;
    color: #DA7703;
    line-height: 1.5em;
}



/* Form */


table#product_dtl select,
table#product_dtl2 select {
    width: 260px;
    font-size: 12px;
    color: #003;
    line-height: 2em;
    _padding: 3px; /* for IE6 */
} 

/* for IE7 */
*+html body table#product_dtl select,
*+html body table#product_dtl2 select {
    padding: 3px;
}

/* for Opera */
html:first-child table#product_dtl select,
html:first-child table#product_dtl2 select {
    padding: 3px;
}

table#product_dtl input,
table#product_dtl2 input {
    font-size: 12px;
    color: #003;
}

table#product_dtl .input-text-spacer,

table#product_dtl2 .input-text-spacer {
    padding-left: 4px;
    border: 1px solid #999;
    line-height: 1.5em;
    _padding: 3px; /* for IE6 */
}

/* for IE7 */
*+html body table#product_dtl input-text-spacer,
*+html body table#product_dtl2 input-text-spacer {
    padding: 3px;
}

/* for Opera */
html:first-child table#product_dtl .input-text-spacer,
html:first-child table#product_dtl2 .input-text-spacer {
    padding: 3px;
}

table#product_dtl a,
table#product_dtl2 a{
    text-decoration: underline;
}

.tarea1{
 width:500px;
 font-size:12px;
 font-weight:normal;
 color: #003;
 line-height: 1.25em;
}

.tarea2{
 width:280px;
 font-size:12px;
 font-weight:normal;
 color: #003;
 line-height: 1.25em;
}





/* Category List -------------------------------------------------------------- */

#cate {
    margin: 0;
    /*border-top: 1px solid #f82;*/
    clear: both;
}

#cateall{
    margin: 0;
    clear: both;
}

.cate-name {
    margin: 0 0 10px 0;
    text-align: left;
    clear: both;
}

#cate-list {
    margin-left: 8px;
    padding: 0px;
}


#cate-list ul {
    margin: 0px;
    padding: 0px;
    clear: both;
}

#cate-list ul li {
    float: left;
    padding:0px;
    margin: 0px 8px 10px 0px;
    list-style-type: none;
}

li.prdt1 a {
    display: block;
    border: 1px solid #e0e0e0;
    padding: 9px;
    width: 130px;
    height: 162px;
}

li.prdt1 a:hover {
    border: 1px solid #f82;
}





/* Login (right) */

#login-area form{
 margin:0px;
 padding:0px;
}

#login-area * {
 margin: 0;
 padding: 0;
}

#login-area table,img,p {
 border: 0;
}

#login-area img {
 padding:0px 0px 1px 0px;
}

#login-area input[type='text'] {
 border: solid 1px #ccc;
}

#login-area input[type='password'] {
 border: solid 1px #ccc;
}

#login-area input[type='image'] {
 border: none;
}

#login-area {
    background: #f6f6f6 url(/design/imgs/login_back.gif) no-repeat top left; 
    margin: 10px 0px 0px 0px;
    padding: 26px 16px 5px 16px;
    border: 1px solid #ccc;
}

#login-area #login-title {
    background: #e6e6e6; 
    padding: 3px;
    text-align: center;
    font-size: 10px;
}

#login-area .login-label{
    margin-top: 0px;
}

#login-area .login-form{
    text-align: center;
}

#login-area .login-form-size{
    width: 148px;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #aaa;
    padding-left: 4px;
}

#login-area .login-spacer{
    margin-top: 5px;
    /*margin-bottom: 5px;*/
}

#login-area .login-text{
    margin-top: 3px;
    text-align: right;
}

#login-area .login-sumi{
 text-align:center;
 line-height:1.3em;
 padding:5px 0px 0px 0px;
}

#login-area .login-point{
 color:#f82;
}

#login-area .login-sumi-btn{
 padding:5px 0px 0px 0px;
}


/* right */


#idx-right {
    margin-top: 0px;
    width: 190px;
    float: left;
}


/* right banner */

.idx-right-dot {
    height: 15px;
    background: url(/design/imgs/idx_dot2.gif) no-repeat top left;    
}


/* right lineup */

#lineup_right {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.25em;
    text-align: middle;
}

#lineup_right img {
    margin-right: 10px;
    width: 30px;
}

#lineup_right a img {
    border: 1px solid #78b;
}

#lineup_right a:hover img {
    border: 1px dashed #f82;
}


.lineup_dot {
    background: url(/design/imgs/lineup_dot.gif) no-repeat top left;
    height: 11px; 
}




/* info (right) */
.info p{
    padding-bottom:8px;
}

.info {
    margin: 5px 0 5px 0;
    font-size: 11px;
    _font-size: 11px;
    color: #888;
    line-height: 1.15em;
    clear: both;
}

/* for IE7 */
*+html body .info {
    font-size:11px;
}



/* Footer ----------------------------------------------------------------- */

#footer { 
    margin: 20px auto;
}

#footer-inner { 
    background: url('/design/imgs/copyright.gif') no-repeat top right;
    border-top: 1px solid #67b;
}

#footer-content {
    margin: 5px 0;
}


#footer-content,
#footer-content a {
    text-decoration: none;
    color: #67b;
    font-size: 10px;
}

#footer-content a:hover {
    text-decoration: underline;
}


#footer-content-menu,
#footer-content-menu a {
    padding: 10px 0 5px 0px;
    color: #67b;
    font-size: 10px;
}


#footer-content-menu a:hover {
    text-decoration: underline;
}


/* okaimono ni tsuite -------------------------------------------------------------- */

#sguide {
    margin: 0;
    width: 730px;
}

.sguide-title {
    margin: 0px 0px 10px 0px;
    padding-top: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #999;
    border-bottom: 1px dashed #999;
    font-size: 12px;
    color: #003;
}

.sguide-cnt {
    margin: 5px 0 20px 30px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
}

.sguide-cnt ul {
}

.sguide-cnt li {
    list-style-type: disc;
   margin-bottom: 5px;
}



/* Basic line ni tsuite -------------------------------------------------------------- */

#basicline {
    margin: 0;
    width: 730px;
}

.basicline-title {
    margin: 0px 0px 10px 0px;
    padding-top: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #999;
    border-bottom: 1px dashed #999;
    font-size: 12px;
    color: #003;
}

.basicline-cnt {
    margin: 5px 0 20px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
}


/* Bijoux ni tsuite -------------------------------------------------------------- */

#bijoux {
    margin: 0;
    width: 730px;
}


.bijoux-title {
    margin: 0px 0px 10px 0px;
    padding-top: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #999;
    border-bottom: 1px dashed #999;
    font-size: 12px;
    color: #003;
}

#bijoux-cnt {
    margin: 5px 0 20px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
    clear: both;
}


.bijoux-cnt-left {
    width: 230px;
    margin: 10px 20px 10px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
    float: left;
}

.bijoux-cnt-center {
    width: 230px;
    margin: 10px 20px 10px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
    float: left;
}


.bijoux-cnt-right {
    width: 230px;
    margin: 10px 0px 20px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
    float: left;
}



/* faq -------------------------------------------------------------- */

#faq {
    margin: 0;
    width: 730px;
    clear: both;
}

.faq-title {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #999;
    border-bottom: 1px dashed #999;
    padding-top: 10px;
    padding-bottom: 5px;
}

.faq-subtitle {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #999;
    padding-top: 10px;
    padding-bottom: 5px;
}

.faq-cnt {
    margin-top: 10px;
    clear: both;
}



.faq-cnt-left {
    width: 40px;
    margin: 0px 0px 10px 0px;
    float: left;
}


.faq-cnt-right {
    width: 690px;
    margin: 3px 0px 10px 0px;
    color: #666;
    font-size: 12px;
    line-height:1.3em;
    float: left;
}

.faq-line {
    margin-top: 5px:
    padding-bottom: 10px;
    border-top: 1px dashed #999;
}


/* popup -------------------------------------------------------------- */

#pop_foot {
width: 630px;
margin-top: 10px;
border-top: 1px solid #607799;
padding-top: 10px;
text-align: center;
}


/* Accessibility ----------------------------------------------------------------- */
.off-left {
 position : absolute;
 left : -999px;
 width : 999px;
 margin:0px;
 padding:0px;
 font-weight:normal;
 font-size:xx-small;
}

.off-img{
 margin:0px;
 padding:0px;
 font-weight:normal;
 font-size:xx-small;
}