@charset "EUC-JP"


/*
	1 : common
	2：Cutting Sheet
	5：Funacolle
	6：Creative Stickers
	7：Fusuma Reccomendetion
	8：Reccomendetion
	9：Keisoudo Color-variation
	10：Wall-Paper Category List
	11：WebCatalogue
	0 : 
 */


/* ***********************************************************************
	1 : common
*********************************************************************** */




/* ***********************************************************************
	2：Cutting Sheet 
*********************************************************************** */


/* --------------------------------------------------------- 
   Cutting Sheet : ダイノック・フィルムの貼り方
---------------------------------------------------------- */
#cs-howto #hd {
    position: relative;
}
#cs-howto #hd .back {
    position: absolute;
    right: 0;
    top: 0;
}
#cs-howto .back a {
    display: block;
    width: 124px;
    height: 24px;
    background: url(../../d/cutting_s/img/btn_back.gif) top left no-repeat;
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#cs-howto .back a:hover {
    background-position: 0 -24px;
}
#cs-howto #contentWrap {
    margin: 0 10px;
    margin-top: 40px;
    background: url(../../d/cutting_s/img/content-bg.gif) -10px 0 repeat-y;
}
#cs-howto h2 {
    height: 24px;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 24px;
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#cs-howto #kitchen h2 {
    background: url(../../d/cutting_s/img/ttl-kitchen.gif) top left no-repeat;
}
#cs-howto #car h2 {
    background: url(../../d/cutting_s/img/ttl-car.gif) top left no-repeat;
}
#cs-howto #kitchen {
    float: left;
    width: 315px;
    padding: 0 25px;
}
#cs-howto #car {
    float: right;
    width: 315px;
    padding: 0 25px;
}
#cs-howto .box {
    margin-bottom: 20px;
    height: 310px;
}
#cs-howto .box img {
    margin: 5px 0;
}
#cs-howto h3 {
    font-size: 100%;
}
#cs-howto #car h3 {
    padding-left: 7px;
    border-left: 5px solid #005447;
    background: url(../../d/cutting_s/img/kazari-car.gif) bottom right no-repeat;
}
#cs-howto #kitchen h3 {
    padding-left: 7px;
    border-left: 5px solid #970F00;
    background: url(../../d/cutting_s/img/kazari-kitchen.gif) bottom right no-repeat;
}






/* ***********************************************************************
	5：Funacolle 
*********************************************************************** */
#funa07Recom,
#funa07Atten #boxWrap {
    width: 750px;
}
#funa07Recom h2,
#funa07Atten h2,
#funa07Atten h3,
#funa07Atten li.link a {
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}


/* ******************** Recommendation ******************** */
#funa07Recom h2 {
    height: 41px;
    background: url(../../o/wall_p/funa/img/ttl-recom.gif) top left no-repeat;
}
#funa07Recom #recom {
    float: left;
    width: 375px;
    padding: 5px 0;
    border-bottom: 1px solid #000;
}
#funa07Recom #howto {
    float: right;
    width: 375px;
    padding: 5px 0;
    border-bottom: 1px solid #000;
}
#funa07Recom .box,
#funa07Recom .box2,
#funa07Recom .box3 {
    float: left;
    width: 125px;
    padding: 13px 0 20px;
}
#funa07Recom .box {
    border-bottom: 1px dotted #000;
}
#funa07Recom .box3 {
    width: 124px;
    border-left: 1px dotted #000;
}
#funa07Recom h3 {
    overflow: hidden;
    height: 2.5em;
    margin: 0 .5em;
    font-size: 95%;
    color: #E01510;
}
#funa07Recom p {
    overflow: hidden;
    height: 5em;
    margin: 0 .5em;
    font-size: 90%;
}



/* ******************** Attention ******************** */
#funa07Atten {
    font-size: 0.7em;
    line-height: 1.4em;
}
#funa07Atten h2 {
    height: 41px;
    background: url(../../d/wall_p/funa/img/ttl-attention.gif) top left no-repeat;
}
#funa07Atten #boxWrap {
    padding: 5px 0;
    border-bottom: 1px solid #000;
}
#funa07Atten #boxL {
    float: left;
    width: 49%;
    padding-right: 1%;
    border-right: 1px dotted #000;
}
#funa07Atten #boxR {
    float: right;
    width: 49%;
}
#funa07Atten h3 {
    margin-bottom: 5px;
}
#funa07Atten h3.item {
    height: 19px;
    background: url(../../d/wall_p/funa/img/attention-item.jpg) top left no-repeat;  
}
#funa07Atten h3.deli {
    height: 19px;
    background: url(../../d/wall_p/funa/img/attention-deli.jpg) top left no-repeat;  
}
#funa07Atten h3.send {
    height: 19px;
    background: url(../../d/wall_p/funa/img/attention-send.jpg) top left no-repeat;  
}
#funa07Atten h3.pay {
    height: 19px;
    background: url(../../d/wall_p/funa/img/attention-pay.jpg) top left no-repeat;  
}
#funa07Atten h3.return {
    height: 19px;
    background: url(../../d/wall_p/funa/img/attention-return.jpg) top left no-repeat;  
}
#funa07Atten ul {
    margin-bottom: 30px;
    padding-left: 30px;
    list-style-type: square;
}
#funa07Atten li.link {
    list-style-type: none;
    text-align: right;
}
#funa07Atten li.link a {
    display: block;
    width: 108px;
    height: 16px;
    margin-top: 5px;
    margin-left: auto;
    text-align: left;
}
#funa07Atten ul#deli li.link a {
    background: url(../../d/wall_p/funa/img/btn-deli.gif) top left no-repeat;  
}
#funa07Atten ul#pay li.link a {
    background: url(../../d/wall_p/funa/img/btn-payment.gif) top left no-repeat;  
}
#funa07Atten ul#return li.link a {
    background: url(../../d/wall_p/funa/img/btn-return.gif) top left no-repeat;  
}
#funa07Atten ul#send {
    padding-bottom: 50px;
    background: url(../../d/wall_p/funa/img/send.gif) bottom left no-repeat;  
}
#funa07Atten ul#pay {
    padding-top: 164px;
    background: url(../../d/wall_p/funa/img/payment.gif) top right no-repeat;  
}







/* ***********************************************************************
	6：Creative Stickers
*********************************************************************** */
#st-hari {
    line-height: 1.4em;
}

#st-hari h1,
#st-hari h2 {
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#st-hari #hd {
    position: relative;
}
#st-hari h1 {
    height: 67px;
    margin: 20px 0 4px;
    background: url(../../d/c_stickers/img/hari-h1.gif) top left no-repeat;
    border: none;
    line-height: 67px;
}
#st-hari #hd .back {
    position: absolute;
    right: 0;
    top: 40px;
}
#st-hari .back a {
    display: block;
    width: 136px;
    height: 28px;
    background: url(../../d/c_stickers/img/hari-btn-back.gif) top left no-repeat;
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#st-hari .back a:hover {
    background-position: 0 -28px;
}
#st-hari h2 {
    height: 16px;
    padding-top: 18px;
    background: url(../../d/c_stickers/img/hari-ttl-come.gif) bottom left no-repeat;
    line-height: 16px;
}
#st-hari .comme {
    margin-top: 8px;
    padding-left: 16px;
}
#st-hari .use {
    height: 21px;
    margin-top: 18px;
    padding: 20px 0 0 146px;
    background: url(../../d/c_stickers/img/hari-ttl-siyou.gif) center left no-repeat;
    line-height: 21px;
}

/* ******************** Kimiko ******************** */
#st-hari #kimiko {
    height: 480px;
    padding-left: 414px;
    background: url(../../d/c_stickers/img/hari-bg-kimiko.jpg) top left no-repeat;
}

/* ******************** Trio ******************** */
#st-hari #trioEden {
    margin-top: 33px;
}
#st-hari #trio {
    position: relative;
    float: left;
    width: 393px;
    padding-top: 378px;
    background: url(../../d/c_stickers/img/hari-bg-trio.jpg) top left no-repeat;
}
#st-hari .tliouse {
    position: absolute;
    top: 360px;
    left: 255px;
}
/* ******************** Eden ******************** */
#st-hari #eden {
    float: right;
    width: 357px;
    padding-top: 261px;
    background: url(../../d/c_stickers/img/hari-bg-eden.jpg) top left no-repeat;
}



/* ***********************************************************************
	7：Fusuma Reccomendetion
*********************************************************************** */
#fusumaRecom #recom {
    width: 478px;
    border-bottom: 1px solid #970F00;
}
#fusumaRecom h2 {
    height: 21px;
    line-height: 21px;
    text-indent: -9999px;
    vertical-align: bottom;
    text-decoration: none;
    background: url(../../img/fusuma/ttl-recom.gif) top left no-repeat;
    border-bottom: 1px dotted #A5A5A5;
}
#fusumaRecom ul {
    margin: 10px 0;
    list-style-type: none;
}
/* hack-ari */
#fusumaRecom li {
    float: left;
    width: 182px;
    height: 75px;
    margin-left: 13px;
    padding: 11px 14px 10px 22px;
    background: url(../../img/fusuma/bg-recom.gif) top left no-repeat; 
}
#fusumaRecom li img {
    float: right;
    border: 1px solid #A5A5A5;
}
#fusumaRecom li a:hover img {
    border: 1px solid #78473E;
}
#fusumaRecom p.price {
    position: relative;
    bottom: 17px;
    right: 80px;
    text-align: right;
    
}






/* ***********************************************************************
	8：Reccomendetion 共通で使うかもしれない。まだ未確定なのでとりあえずwallCSSに書いている
*********************************************************************** */
#itemRecom .wrap {
    width: 750px;
    border-bottom: 1px solid #970F00;
}
#itemRecom h2 {
    height: 21px;
    line-height: 21px;
    text-indent: -9999px;
    vertical-align: bottom;
    text-decoration: none;
    border-bottom: 1px dotted #A5A5A5;
    background: url(../../img/wall_p/kokusan/ttl-recom.gif) top left no-repeat;
}
#itemRecom #wallDiy h2 {
    background: url(../../img/wall_p/kokusan/ttl-diy.gif) top left no-repeat;
}
#itemRecom ul {
    margin: 10px 0 0;
    list-style-type: none;
}
/* hack-ari */
#itemRecom li {
    float: left;
    width: 182px;
    height: 75px;
    margin-left: 13px;
    padding: 11px 14px 10px 22px;
    background: url(../../img/fusuma/bg-recom.gif) top left no-repeat; 
}
#itemRecom li img {
    float: right;
    border: 1px solid #A5A5A5;
}
#itemRecom li a:hover img {
    border: 1px solid #78473E;
}
#itemRecom p.price {
    position: relative;
    bottom: 17px;
    right: 80px;
    text-align: right;  
}



/* ***********************************************************************
	9：Keisoudo Color-variation
*********************************************************************** */
#diatomCo {
    text-align: center;
}
#diatomCo #contentWrap {
    text-align: left;
}
#diatomCo h1 {
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
    height: 28px;
    line-height: 28px;
    background: url(../../d/diatom/color/color-h1.gif) top left no-repeat; 
}
#diatomCo table {
    margin: 30px auto;
}
#diatomCo table h3 {
    float: left;
}
#diatomCo table .back {
    margin-top: 7px;
    text-align: right;
}
#diatomCo table img {
    margin-bottom: 5px;
}






/* ***********************************************************************
	10：Wall-Paper Category List
*********************************************************************** */
#waplst a, #waplst a:link,
#waplst a:visited {
    color: #404040;
	outline: none;
	text-decoration: none;
}
#waplst a:active,
#waplst a:hover {
	text-decoration: underline;
}
#waplst #wrapper {
    background: url(https://www.rakuten.ne.jp/gold/kabegamiyahonpo/img/wall_p/kokusan/category/container-bg.gif) top left repeat-y;
}
#waplst .container {
    float: left;
    width: 33%;
}
#waplst .container h3 {
    margin-bottom: 20px;
}
#waplst .listbox {
    margin-bottom: 30px;
}
#waplst .listbox .ttl {
    background: url(https://www.rakuten.ne.jp/gold/kabegamiyahonpo/img/wall_p/kokusan/category/ttl-bg.gif) 0 18px no-repeat;
}
#waplst .listbox .ttl img {
    float: left;
    margin-right: 10px;
}
#waplst .listbox .ttl span {
    display: block;
    padding: 6px 0 8px;
    font-size: 10px;
    color: #707070;
    line-height: 0.5em;
}
#waplst .listbox .ttl strong {
    font-size: 15px;
    line-height: 1em;
}
#waplst .listbox .ttl strong.small {
    font-size: 13px;
}
#waplst .listbox ul {
    width: 225px;
    margin-top: 10px;
    line-height: 1.6em;
}
#waplst .listbox li {
    margin-left: 15px;
    padding-left: 20px;
    border-bottom: 1px dotted #ACACAC;
    background: url(https://www.rakuten.ne.jp/gold/kabegamiyahonpo/img/wall_p/kokusan/category/list-circle.gif) 6px .6em no-repeat;
}