/*common*/
html {  margin: 0; padding: 0; width: 100%; height: 100% }
body   { font: 10px ;background-image: url("../image08/parts/body_bg.png"); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; padding: 0; width: 100%; height: 100% }
/*div  { border: solid 1px #cf3 }*/
/*<agl.folder "COMMON">*/
body, caption, td, th, h2, h3, h4   { color: #333; font-size: 10px; letter-spacing: 2px }
img { margin: 0; padding: 0; border-width: 0 }
form { margin: 0; padding: 0 }
.break  { clear: both }
h1 { display: none }
.warn  { color: #f30 }
.green { color: #390 }
.orange  { color: #f60 }
.hidden { display: none }
/*</agl.folder>*/
/*<agl.folder "RAYOUT">*/
div.parent { text-align: left; margin-right: auto; margin-left: auto; padding: 0; width: 855px; height: 100% }
/*</agl.folder>*/
/*head*/
/*<agl.folder "SHOP SEPARATE COTON">*/
div.coton  { background-image: url("../image08/parts/coton-logo.png"); background-repeat: no-repeat; background-position: 20px 15px }
/*</agl.folder>*/
/*<agl.folder "SHOP SEPARATE STAFF">*/
div.staff { background-image: url("../image08/parts/staff-logo.png"); background-repeat: no-repeat; background-position: 20px 5px }
div.staff div.head { padding-bottom: 50px }
/*</agl.folder>*/
/*<agl.folder "SHOP SEPARATE CPSTORE">*/
div.cpstore  { background-image: url("../image08/parts/cpstore-logo.png"); background-repeat: no-repeat; background-position: 20px 15px }
/*</agl.folder>*/
/*<agl.folder "SHOP SEPARATE DUPON35">*/
div.dupon35  { background-image: url("../image08/parts/dupon35-logo.png"); background-repeat: no-repeat; background-position: 20px 10px }
/*</agl.folder>*/
/*<agl.folder "SHOP SEPARATE CART">*/
div.cart { background-image: url("../image08/parts/cart-logo.png"); background-repeat: no-repeat; background-position: 20px 5px }
/*</agl.folder>*/
/*<agl.folder "SHOP SEPARATE CP PICK">*/

/*</agl.folder>*/
/*<agl.folder "HEAD SHOP MENU">*/
ul.shopmenu        { list-style-type: none; margin-left: 480px !important; padding-top: 15px; padding-right: 0; padding-left: 0 }
ul.shopmenu li      { color: #666; font-size: 10px; letter-spacing: 2px; display: inline }
ul.shopmenu li a   { color: #666; text-decoration: none }
ul.shopmenu li a:hover ,ul.shopmenu li .active { color: #c30; text-decoration: underline }
ul.shopmenu a.coton   { }
ul.shopmenu a.cpstore    { }
ul.shopmenu a.dupon35   { }
ul.shopmenu a.sitemap { }
/*</agl.folder>*/

/*<agl.folder "HEAD USER TITLE PICS">*/
p.TitilePhoto  { text-align: center; margin-top: 50px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px }
/*</agl.folder>*/
/*<agl.folder "HEAD USER LOGIN">*/
p#user  { line-height: 150%; text-align: center; margin-top: 30px; margin-left: 480px; height: 55px }
p#user a { color: #333; text-decoration: none }
/*</agl.folder>*/
/*<agl.folder "HEADER MENU">*/
div.head h2 img { margin: 20px 0 0 }
div.head h2 span { display: none }
ul.menu    { list-style-type: none; margin: 0 0 0 30px; padding: 0; height: 20px }
ul.menu li    { margin: 0; padding: 0; height: 20px; float: left }
ul.menu li a   { background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; height: 20px }
ul.menu li a:hover , ul.menu li a.active   { background-position: 0 -23px !important }
ul.menu li a span { display: none }
ul.menu a.home    { background-image: url("../image08/parts/menu-home.png"); width: 94px }
ul.menu a.shopping    { background-image: url("../image08/parts/menu-shopping.png"); width: 112px }
ul.menu a.pickup    { background-image: url("../image08/parts/menu-pickup.png"); width: 132px }
ul.menu a.staff   { background-image: url("../image08/parts/menu-staff.png"); width: 90px }
ul.menu a.info    { background-image: url("../image08/parts/menu-info.png"); width: 118px }
ul.menu a.contact      { background-image: url("../image08/parts/menu-contact.png"); width: 78px }
ul.menu a.link    { background-image: url("../image08/parts/menu-link.png"); width: 82px }
ul.menu a.style    { background-image: url("../image08/parts/menu-style.png"); width: 86px }
/*
ul.menu a.home    { background-image: url("../image08/parts/menu-home.png"); width: 94px }
ul.menu a.shopping    { background-image: url("../image08/parts/menu-shopping.png"); width: 132px }
ul.menu a.pickup    { background-image: url("../image08/parts/menu-pickup.png"); width: 145px }
ul.menu a.staff   { background-image: url("../image08/parts/menu-staff.png"); width: 105px }
ul.menu a.info    { background-image: url("../image08/parts/menu-info.png"); width: 126px }
ul.menu a.contact      { background-image: url("../image08/parts/menu-contact.png"); width: 95px }
ul.menu a.link    { background-image: url("../image08/parts/menu-link.png"); width: 80px }
*/
ul#hometop,ul#shoptop  { margin-left: 0 !important; padding-left: 0 !important; position: absolute; top: -30px; width: 130px !important }
ul#hometop li ,ul#shoptop li  { list-style-type: none; margin: 0 2px; padding: 0 }
ul#hometop a ,ul#shoptop a  { color: #666; text-decoration: none }
/*</agl.folder>*/
hr.border   { margin-right: 50px; margin-left: 50px; border-style: dotted; border-color: #999 }
/*<agl.folder "HEAD ANNOUNCE">*/

/*announce*/
.announce    { display: none; margin: 0; padding-right: 7px; padding-left: 7px }
.announce a { color: #666; text-decoration: none }
.announce p { margin: 0 }
.announce table.box  { }
.announce .viewcart     { position: relative; width: 200px }
.announce .payment { width: 380px }
.announce .koumoku { }
.announce .koumoku th { color: #f30; font-weight: normal; white-space: nowrap; padding-right: 1em; padding-left: 1em }
.announce .koumoku td { letter-spacing: 2px }
.announce .shopmenu { width: 160px }
.announce .otherlink { }
.announce .viewcart ul { list-style-type: none; margin-left: 0; padding-left: 0 }
.announce .viewcart li { margin-left: 1em; padding-left: 0 }
.announce .line-h    { background-image: url("../image08/parts/line-h.png"); background-repeat: repeat-x; margin-top: 3px; margin-bottom: 10px; height: 2px }
.announce .line-v   { background-image: url("../image08/parts/line-v.png"); background-repeat: repeat-y; margin-right: 5px; margin-left: 5px; width: 2px }
.announce #cartview   { margin-top: 15px }
.announce #list  { position: absolute }
.announce #list , .announce #itemcate { background-color: #ccc; padding: 5px; position: absolute; left: 50px; width: 200px; border: solid 1px #999; filter: alpha(opacity=85); opacity: 0.85  }
.announce #search  { margin-top: 15px }
.announce #search input { font-size: 12px; border: solid 1px #666 }
.announce #search input.i_box { width: 150px }
.announce #search input.send { width: 40px }
.announce .shopmenu ul     { list-style-type: none; margin-top: 20px; margin-bottom: 0; margin-left: 0 !important; padding: 0 }
.announce .shopmenu  li   { margin: 0; padding: 0 0 1em; float: left }
.announce .shopmenu  li a     { background-repeat: no-repeat; background-position: 0 0; display: block; width: 190px; height: 33px }
.announce .shopmenu  li a:hover , .announce .shopmenu .active   { background-position: 0 -37px }
.announce .shopmenu  li a span { display: none }
.announce .shopmenu  a.coton  { background-image: url("../image08/parts/shop-coton.png") }
.announce .shopmenu  a.cpstore  { background-image: url("../image08/parts/shop-cpstore.png") }
.announce .shopmenu  a.dupon35  { background-image: url("../image08/parts/shop-dupon35.png") }

.announce .otherlink ul  { list-style-type: none; margin-left: 0; padding-top: 1em; padding-left: 0 }
.announce .otherlink li  { letter-spacing: 2px; display: inline; margin-left: 0; padding-right: 1em; padding-left: 1em }
/**/
/*ROUND*/
.announce div.box   { background-color: #f6f6f6; padding: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.announce .corner   { background-color: #fff }
.announce .corner span  { background-color: #fff; display: block; height: 1px; overflow: hidden }
.announce .corner .r1    { background-color: #ccc; margin: 0 3px; height: 1px !important }
.announce .corner .r2    { background-color: #f6f6f6; margin: 0 2px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.announce .corner .r3    { background-color: #f6f6f6; margin: 0 1px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.announce .corner .r4    { background-color: #f6f6f6; margin: 0 1px; height: 3px !important; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
/*</agl.folder>*/
/*<agl.folder "NAVIGATION">*/
table.main td.left h2  { padding-top: 1em; padding-bottom: 1em }
table.main td.left ul    { margin-top: 1em; margin-left: 1em; padding-left: 0 }
/*table.main td.left li   { letter-spacing: 2px; list-style-image: url("../image08/parts/list/li.png"); padding-bottom: 1em }*/
table.main td.left li      { letter-spacing: 3px; list-style-type: none; padding-bottom: 1em }
table.main td.left li ul { background-image: none; margin-left: 0.5em; padding-left: 0.5em }
table.main td.left li li  { list-style-image: none }
ul.readme  { list-style-type: none; margin-left: 0; padding-left: 0 }
ul.readme li    { background-image: url("../image08/parts/delta-under.png"); background-repeat: no-repeat; background-position: center bottom; margin: 0.5em; padding: 0.2em 0.2em 20px; border: solid 1px #ccc }

/*ROUND*/
.round_g .box  { border-bottom: 1px solid #ccc }
/*
.round_g .corner  { background-color: #fff }
.round_g .corner span  { background-color: #fff; display: block; height: 1px; overflow: hidden }
.round_g .corner .r1   { background-color: #ccc !important; margin: 0 4px; height: 1px !important }
.round_g .corner .r2   { margin: 0 3px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.round_g .corner .r3  { margin: 0 2px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.round_g .corner .r4   { margin: 0 1px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
*/
/*</agl.folder>*/
/*<agl.folder "HEAD SHOP MENU2">*/
#head_n  { }
#olink  { list-style-type: none; margin-left: 0; padding-bottom: 5px; padding-left: 30px; border-bottom: 1px dotted #333 }
#olink li { display: inline; margin-left: 0; padding-right: 10px; padding-left: 0 }
#olink li a { color: #666; text-decoration: none }
#olink li a:hover { color: #c30 }
#smenu   { list-style-type: none; margin-top: 10px; margin-bottom: 25px; margin-left: 0 !important; padding: 0 }
#smenu li  { display: inline; margin: 0; padding: 0 0 1em }
#smenu li a   { color: #666; text-decoration: none }
#smenu li a:hover, #smenu .active   { color: #630 }
#smenu li a span  { }
#smenu a.coton   { }
#smenu a.cpstore   { }
#smenu a.dupon35   { }
#smenu a.matilde { }
.cate2 { background-color: #ccc; text-align: center; padding-top: 5px; padding-bottom: 5px }
#search2 { position: relative }
#itemcate2   { background-color: #ccc; padding: 5px; position: absolute; top: 0; left: 20px; width: 170px; filter: alpha(opacity=85); opacity: 0.85    }
#itemcate2 ul  { margin: 0; padding: 0 }
#itemcate2 li  { margin: 0; padding: 0 }
/*</agl.folder>*/
/*<agl.folder "MAIN">*/
table.main    { margin: 15px 0 0 0; padding: 0 }
table.main td.left a { color: #333; text-decoration: none }
table.main td.left a:visited  { color: #666 }
table.main td.left a:hover { color: #f30; text-decoration: underline }
table.main td.right  { padding: 1em }
/*h(header)*/
table.main td.left h2 { margin-top: 0.5em; margin-bottom: 0.5em }
table.main td.center h2   { font-size: 10px; font-weight: normal; letter-spacing: 2px }
table.main td.left h2 span { display: none }
table.main td.right h2  { color: #933 }
table.main td.right h3 { color: #933 }
table.main td.right .menu1_main select { width: 160px }
/*</agl.folder>*/
/*<agl.folder "RESULT">*/
td.center .item           { margin-top: 10px; margin-right: 12px; margin-bottom: 10px; padding: 0; width: 190px; float: left }
/*div.dupon35 td.center .item           { margin-top: 10px; margin-right: 5px; margin-bottom: 0; padding: 0; width: 190px; float: left }*/
td.center .item form { margin: 0; padding: 0 }
.item .new   { color: #c30; font-weight: bold; text-align: right; margin: 0; padding: 0 5px 0 0; height: 1.2em }
.item h3      { font-weight: normal; letter-spacing: 2px; margin: 0 0 0 4px; height: 4em }
.item h3 a    { color: #333; text-decoration: none }
.item .price    { letter-spacing: 2px; margin: 0 0 0 4px; padding-bottom: 3px; height: 1.5em }
.item .color    { letter-spacing: 2px; margin: 0 0 0 4px; padding-bottom: 3px; height: 2.2em }
.item .Photo1    { margin: 0 0 0 4px; padding: 0; height: 140px }
.item .Photo1 span { font-size: 10px; background-color: #ccc; padding: 0.2em; position: absolute; filter: alpha(opacity=75); opacity: 0.75 }
.item .Photo1 a  { color: #333; text-decoration: none; display: block; height: 140px }
.item .Photo1 a span { }
.item .Photo1 a:hover span { display: inherit }
.item .Photo2  { margin: 0; height: 65px }
.item .Photo2 span  { margin: 0 0 0 10px }
.item .sold { color: #c00; font-weight: bold; text-align: right; margin: 0 10px 0 0; height: 1.3em }
/*ROUND*/
.itembox  { border-right: 1px solid #ccc }
.item .corner  { background-color: #fff }
.item .corner span  { background-color: #fff; display: block; height: 1px; overflow: hidden }
.item .corner .r1  { background-color: #ccc !important; margin: 0 6px; height: 1px !important }
.item .corner .r2  { margin: 0 4px; height: 2px !important; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.item .corner .r3  { margin: 0 2px; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
.item .corner .r4  { margin: 0 1px; height: 3px !important; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
/*</agl.folder>*/
/*<agl.folder "DETAIL">*/
table.detail   { margin: 0; width: 100% }
table.detail td.photo      { margin: 0; width: 70% }
table.detail td.com  { letter-spacing: 2px; width: 30% }
table.detail td.photo img,table.detail td.photo2 img    { }
td.photo table.thmb { text-align: center; margin-right: auto; margin-left: auto }
td.photo table.thmb td  { margin: 3px; padding: 3px; border: solid 1px #ccc }
td.photo p.photo  { text-align: center !important; height: 300px }
table.detail td.com p.border { padding: 0.3em; border-bottom: 1px dashed #444 }
table.orderarea      { letter-spacing: 2px; width: 100% }
table.orderarea td   { padding-top: 7px; padding-bottom: 7px }
table.orderarea .size  { line-height: 180%; margin-top: 0; margin-bottom: 0.4em }
table.orderarea .keydt { letter-spacing: 0 }
table.orderarea .price  { margin-top: 0; margin-bottom: 0.5em }
table.orderarea .stock  { margin-top: 0 }
table.other { width: 240px }
table.other td { text-align: center; width: 50% }
/*</agl.folder>*/
/*<agl.folder "CONFIG">*/
table.config  { margin-top: 1em; width: 95%; border-collapse: collapse; empty-cells: show  }
table.config caption  { color: #f90; font-size: 12px; font-weight: bold }
table.config td  { padding: 0.3em; border: dotted 1px #999 }
/*</agl.folder>*/
/*<agl.folder "CART">*/
fieldset  { margin: 0.5em; padding: 1em }
legend  { color: #933; font-weight: bold }
/*</agl.folder>*/



/*shoppingtop*/

ul.shoppingtop ,ul.notice   { text-align: right; width: 780px }

ul.shoppingtop a , ul.notice a { color: #666; text-decoration: none }
ul.shoppingtop , ul.notice  { list-style-type: none; padding: 0 }
ul.shoppingtop li , ul.notice li   { display: inline; padding-right: 5px }
ul.notice { clear: both }
/*itemmenu*/
ul.itemmenu       { list-style-type: none; margin-top: 0; margin-bottom: 0; margin-left: 10px; padding: 0 }
ul.itemmenu li  { margin: 0; padding: 0; float: left }
ul.itemmenu li a { background-repeat: no-repeat; background-position: 0 -12px; display: block; width: 70px; height: 70px }
ul.itemmenu li a:hover { background-position: 0 -96px }
ul.itemmenu li a span { display: none }
ul.itemmenu a.top { background-image: url("../image08/parts/item-top.png") }
ul.itemmenu a.newitem { background-image: url("../image08/parts/item-newitem.png") }
ul.itemmenu a.tops { background-image: url("../image08/parts/item-tops.png") }
ul.itemmenu a.select { background-image: url("../image08/parts/item-select.png") }
ul.itemmenu a.antique { background-image: url("../image08/parts/item-antique.png") }
ul.itemmenu a.stationary   { background-image: url("../image08/parts/item-stationary.png") }
ul.itemmenu a.import { background-image: url("../image08/parts/item-import.png") }
ul.itemmenu a.postcard { background-image: url("../image08/parts/item-postcard.png") }
ul.itemmenu a.bottoms { background-image: url("../image08/parts/item-bottoms.png") }
ul.itemmenu a.shoes { background-image: url("../image08/parts/item-shoes.png") }
ul.itemmenu a.other { background-image: url("../image08/parts/item-other.png") }
ul.itemmenu a.other { margin-right: 15px }
ul.itemmenu a.size { background-image: url("../image08/parts/item-size.png") }
ul.itemmenu a.sizelist { background-image: url("../image08/parts/item-sizelist.png") }
ul.itemmenu a.sizeguide { background-image: url("../image08/parts/item-sizeguide.png") }
ul.itemmenu a.cart { background-image: url("../image08/parts/item-cart.png") }
ul.itemmenu a.cart { margin-left: 25px }
/*size*/
div.shortcut      { background-image: url("../image08/parts/item-search.png"); background-repeat: no-repeat; background-position: 0 center; margin: 0; padding-top: 5px; padding-bottom: 2px; padding-left: 80px; height: 30px; clear: both }
div#shortcut { background-color: #e8e8e8 }
div#shortcut ul   { margin: 0 0 0 30px; padding-top: 5px; padding-bottom: 5px; width: 100% }
ul#size li , ul#tops li , ul#bottoms li , ul#other li   { display: inline; margin-right: 0; margin-left: 0 }
ul#size a , ul#tops a , ul#bottoms a , ul#other a  { color: #333; text-decoration: none; margin: 0 }
ul#bottoms  { margin-left: 80px }
ul#other  { margin-left: 200px }
/*price*/
ul#price   { color: #f60; list-style-type: none; display: inline; padding-right: 2em; clear: both }
ul#price li { margin-left: 500px }
/*main table*/

/*stocklist result*/
table.stock { border-collapse: collapse; empty-cells: show}
table.stock td,table.stock th  { font-weight: normal; padding: 2px; border: dotted 1px #999 }
/*detail*/




div#id01more p a { color: #333; text-decoration: none }
/*<agl.folder "INPUT">*/
.off   { border: solid 1px #390; ime-mode: disabled  }
.on {border: solid 1px #666 ime-mode:active}
.input2  { width: 2em }
.input3  { width: 3em }
.input4  { width: 4em }
.input8  { width: 8em }
.input16  { width: 16em }
.input18  { width: 18em }
.input22  { width: 22em }
.text5  { height: 5em }
/*</agl.folder>*/
/*<agl.folder "FOOTER">*/
div.footer p { color: #ccc; font-size: 10px; text-align: center }
div#acc { width: 0; height: 0 }
/*</agl.folder>*/
/*<agl.folder "SEPARATE BLOG">*/
div.entry    { margin-left: 50px; width: 480px }
div.entry_body  { width: 480px }
/*
div.coton  div.entry  { padding-right: 30px; padding-left: 30px }
div.coton div.entry_body { padding-right: 30px; padding-left: 30px }
div.dupon35 div.entry  { padding-right: 30px; padding-left: 30px }
div.dupon35 div.entry_body { padding-right: 30px; padding-left: 30px }
div.cpstore div.entry   { margin-left: 70px; width: 450px }
div.cpstore div.entry_body  { width: 420px }*/
div.staff div.entry   { margin-left: 70px; width: 450px }
div.staff div.entry_body  { width: 420px }

div.entry div.h2 { padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #666 }
div.entry h2   { margin: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 20px }
div.entry h2 a   { color: #333; font-size: 12px; text-decoration: none; display: block }
div.entry_body   { line-height: 1.8em; letter-spacing: 3px; margin-top: 10px }
div.entry_body a  { color: #333; text-decoration: none }
div.entry_body a:hover { text-decoration: underline }
div.entry_body img.pict ,div.entry_body img.thumb   { margin-right: 5px; margin-left: 5px }
div.entry p.entry_state { text-align: right; padding: 1em }
table.calendar    { border-collapse: collapse; empty-cells: show    }
table.calendar td { text-align: center; width: 14%; border: dashed 1px #ccc }
table.calendar span.today { color: #f90 }
table.calendar td a { color: #333; text-decoration: none }
div.page { padding-right: 20px; padding-left: 20px }
/*</agl.folder>*/

