@charset "utf-8";
/*
Theme Name: piecewig
Theme URI: http:
Description: 株式会社レリエンス
Version: 1.0
Author: hiroki tanaka
*/

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

img {
 border: none;
}

body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
 color: #000;
 background: #fff2fc;

}

#wrapper {
 width: 810px;
 margin: auto;
 padding: 0 ;
 text-align: left;
 background: #fff;
 border-top: 3px solid #ffbef0;
 border-right: 1px solid #ffbef0;
 border-bottom: 3px solid #ffbef0;
 border-left: 1px solid #ffbef0;
}

#header {
 width: 810px;
 clear: both;
}

#nav {
 width: 810px;
 clear: both;
}

#topicpath {
 width: 810px;
 clear: both;
}

#content {
 width: 810px; 
 clear: both;
}

#main {
 width: 580px;
 float: right;
}

* html #sidebar {
 width: 200px;
 clear: both;
 float: left;
}

#sidebar {
 width: 200px;
 float: left;
}

#footer {
 width: 810px;
 clear: both;
}





/* ----------------------------------------------- */
/*  =02, link */
/* ----------------------------------------------- */


a:link {
 color: #d95b85;
 background: transparent;
 border-bottom: 1px solid #ffbef0;
 text-decoration: none;
}

a:visited {
 color: #d95b85;
 background: transparent;
 border: none;
 text-decoration: none;
}




/* ----------------------------------------------- */
/*  =03, header */
/* ----------------------------------------------- */

#header {
 margin: 0 ;
 padding: 0;
 background: transparent;
}

#header h1 {
 margin: 2px 13px 0 0px;
 padding: 0;
 font-size: 11px;
 font-weight: normal;
 text-align: right;
 color: #333;
 background: transparent;
}

#header h1 a, #header p a {
 color: #333;
 background: transparent;
 border: none;
 text-decoration: none;
}


#header p img {
 margin: 0 0 0 20px;
 border: none;
 text-decoration: none;
}





#header div#search {
 margin: -20px 15px 0 0;
 float: right;
}

#header div#search input.window {
 width: 150px;
}




#header ul#hnav {
 margin: -60px 0 0 480px;
 padding: 0 0 50px 0;
 list-style: none;
}

#header ul#hnav li {
 margin: 0;
 padding: 0 7px 0 7px;
 float: left;
 font-size: 12px;
}





#header ul#gnav {
 margin: 20px 0 20px 0;
 padding: 0;
 height: 2em;
 list-style: none;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #ffbef0;
}

* html body #header ul#gnav li a {
 float: left;
 text-align: center;
 width: 135px;
}

* html body #header ul#gnav li#right img {
 width: 135px;
}

#header ul#gnav li {
 float: left;
 text-align: center;
}



#header ul#gnav li a {
 display: block;
 width: 135px;
 border: none;
 text-decoration: none;
}















/*
#header ul#gnav {
 margin: 20px 0 0 0;
 padding: 5px 0 20px 10px;
 list-style: none;
 text-align: left;
 font-size: 14px;
 background: transparent url("images/gnav-bg.png") no-repeat 0 0%;
}

*+html #header ul#gnav {
 padding: 5px 0 20px 0px;
}

#header ul#gnav li {
 margin: 0;
 padding: 0 23px 0 23px;
 display: inline;
 font-weight: bold;
 border-right: 1px dotted #fff;
}

*+html #header ul#gnav li {
 padding: 0 20px 0 30px;
}

#header ul#gnav li#inquiry {
 padding: 0 0 0 20px;
 display: inline;
 border-right: none;
}

#header ul#gnav a:link, #header ul#gnav a:visited {
 color: #fff;
 background: transparent;
 border: none;
 text-decoration: none;
}

#header ul#gnav a:hover, #header ul#gnav a:active {
 color: #fff;
 background: transparent;
 border-bottom: 1px solid #fff;
 text-decoration: none;
}

*/








/* ----------------------------------------------- */
/*  =04, navigation */
/* ----------------------------------------------- */







/* ----------------------------------------------- */
/*  =07, main */
/* ----------------------------------------------- */


#main {
 margin: 0;
 padding: 0;
 height: auto;
 min-height: 600px;
}



#main h2 {
 margin: 17px 0 0 20px;
 padding: 8px 0 10px 15px;
 font-size: 22px;
 color: #d95b85;
 background: transparent url("images/h2-bg.png") no-repeat 0% 50%;
 clear: both;
 line-height: 1.2;

}


#main h3 {
 margin: 35px 0 0 20px;
 padding: 8px 0 10px 15px;
 font-size: 22px;
 line-height: 1.2;
 color: #d95b85;
 background: transparent url("images/h3-bg.png") no-repeat 0% 50%;
 clear: both;
 
}


#main h3.products {
 margin: 0 0 0 10px;

 font-size: 24px;
 line-height: 1.2;
 color: #fff;
 background: transparent;
 clear: both;
 
}


#main h4 {
 margin: 35px 0 0 20px;
 padding: 8px 0 10px 18px;
 font-size: 20px;
 line-height: 1.2;
 color: #d95b85;
 background: transparent;
 clear: both;
}

#main h5 {
 margin: 20px 0 5px 65px;
 padding: 0;
 font-size: 16px;
 color:#d95b85;
 background: transparent;
 clear: both;
}

#main p.faq {
 margin: 20px 0 30px 65px;
 padding: 0 30px 0 0;
 font-size: 14px;
 line-height: 1.6;
 clear: both;
}

#main p {
 margin: 20px 10px 30px 40px;
 padding: 0;
 font-size: 15px;
 line-height: 1.6;
 clear: both;
}

#main p.indent {
 margin: 20px 0 30px 45px;
 padding: 0 30px 0 0;
 font-size: 16px;
 line-height: 1.8;
 clear: both;
}

#main p#topimg img { /* トップページの上部写真 */
 margin: 0 0 0 -20px;
 padding: 0;
 border: 1px solid #ffbef0;
 clear: both;
}

#main p#size img { /* 購入に関するＱ＆Ａ かつらの型 */
 margin-left: 40px;
 border: 1px solid #eee;
}

#main p img {
 margin: 0;
 padding: 0;
 border: 1px solid #ddd;
 clear: both;
}

#main p#products-button {
 margin: -70px 0 50px 60px;
}

#main p#products-button img {
 border: none;;
}

#main p#products-button a {
 border: none;;
}

#main p.postmetadata {
 margin: 0 0 25px 0;
 padding: 0 0 0 40px;
 float: left;
 font-size: 12px;
}

#main p.top {
 margin: 60px 20px 35px 95px;
 padding: 0;
 text-align: right;
 background: transparent;
 clear: both;
}

#main p.top a {
 color: #d95b85;
 border: none;
 text-decoration: none;
}

#main p.price {
 font-size: 17px;
 font-weight: bold;
}



/* トップページ最下部 */
#main p#yokokisama {
 margin: 20px 10px 30px 40px;
 padding: 20px 0 10px 180px;
 font-size: 16px;
 line-height: 1.6;
 clear: both;
background: transparent url("images/yokokisama.png") no-repeat 0% 0%;
}




/* Q&Aページ用 */
#main p.question {
 margin: 0px 10px 0px 40px;
 padding: 0px 0 0 40px;
 background: transparent url("images/question2.png") no-repeat 0% 0%;
}

#main p.answer {
 margin: 40px 10px 0px 40px;
 padding: 0 0 0 40px;
 background: transparent url("images/answer2.png") no-repeat 0% 0%;
}

#main p.answerbn {
 margin: 0px 10px 0px 40px;
 padding: 20px 0 0 40px;
 clear: both;
}





/* ----------------------------------------------- */
/*  =08, sidebar */
/* ----------------------------------------------- */

#sidebar {
 margin: 0;
 padding: 20px 0 0 7px;
 overflow: hidden;
}


#sidebar .side-wrap01 {
 width: 190px;
 height: 200px;
 border: 1px solid #ffbef0;
 background: #fff2fc;
}

/*
 border: 1px solid #ffbef0;
 background: #fff;


 */
 
 


#sidebar .side-wrap {
 margin-top: 33px;
 width: 190px;
 border: 1px solid #ffbef0;
 background: #fff2fc;
}

* html #sidebar .side-wrap {  /* ie6 マージン調整 */
 margin-top: 40px;
}

*:first-child+html #sidebar .side-wrap {  /* ie7 マージン調整 */
 margin-top: 40px;
}


#sidebar h2 {
 margin: 1px 0 0 3px;
 padding: 10px 0 10px 12px;
 font-size: 16px;
 color: #d95b85;
 background: transparent url("images/sideh2-bg4.png") no-repeat 0% 50%;
}

/*
 color: #76d95b;
 
*/


#sidebar p {
 padding-top: 10px;
 padding-right: 2px;
 padding-left: 17px;
 font-size: 14px;
 line-height: 1.3;
}


#sidebar p img {
 vertical-align: middle;
}

#sidebar p a {
 color: #d95b85;
 border: none;
 text-decoration: none;
}



#sidebar ul {
 margin: 10px 0 30px 0;
 padding: 0;
 background: transparent;
}


#sidebar ul li {
 margin: 0 0 0 -3px;
 padding:  0 0 0px 33px;
 list-style: none;
 line-height: 2;
 font-size: 15px;
 background: transparent url("images/lnav-bg2.png") no-repeat 9% 50%;
}


#sidebar ul li#bottom {
 padding-bottom: 10px;
}





#sidebar ul.blog {
 margin: 10px 0 30px 0;
 padding: 0;
 background: transparent;
}


#sidebar ul.blog li {
 margin: 0 0 0 -3px;
 padding: 10px 0 25px 33px;
 list-style: none;
 line-height: 1.3;
 font-size: 15px;
 height: 15px;
 background: transparent url("images/lnav-bg2.png") no-repeat 9% 50%;
}



#sidebar ul.blog li#bottom {
 padding-bottom: 10px;
}








/* ----------------------------------------------- */
/*  =09, footer */
/* ----------------------------------------------- */

#footer {
 margin: 0;
 padding: 0;
 background: transparent url("images/footer-bg.png") no-repeat 0% 0%;
}



#footer p.copyright {
 margin: 20px 0 10px 0;
 padding: 10px 10px 0 0;
 font-size: 12px;
 text-align: right;
 color: #665341;
 background: transparent;
}





/* ----------------------------------------------- */
/*  =10,form */
/* ----------------------------------------------- */

#main input, #main textarea {
 margin-left: 1em;
}

/* ----------------------------------------------- */
/*  =11,list */
/* ----------------------------------------------- */


#main ul.index { /* Q&Aページのインデックス */
 margin: 20px 20px 70px 50px;
 padding: 0;
 font-size: 14px;
 line-height: 1.4;
 clear: both;
 color: #d95b71;
}

#main ul.index li {
 margin: 0 0 10px 0;
}






#main ul.normal {
 margin: 15px 20px 30px 50px;
 padding: 0;
 font-size: 14px;
 line-height: 1.4;
 clear: both;
 color: #333;
}

#main ul.normal li {
 margin: 0 0 10px 0;
}




#main ul.faq1 { /* おしゃれかつらに関するQ&A内の「ピースウィッグの特徴」 */
 margin: 15px 20px 30px 85px;
 padding: 0;
 font-size: 14px;
 line-height: 1.4;
 clear: both;
 color: #333;
}

#main ul.faq1 li {
 margin: 20px 0 0 0;
}






#main ul.order {
 margin: 15px 20px 80px 65px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
 list-style: none;
}

#main ul.order li {
 margin: 0 0 10px 0;
}

#main ul.order li.attention {
 margin-left: 5em;
}


#main ul#wiglist {
 margin: 15px 20px 60px 65px;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 2;
 list-style: none;
}

#main ul.products-top {
 margin: 15px 0 30px 65px;
 list-style: none;
}

#main ul.products-top li {
 margin: 0 10px 0 0;
 display: inline;
}

#main ul.products-bottom {
 margin: 15px 0 50px 65px;
 list-style: none;
}

#main ul.products-bottom li {
 margin: 0 10px 0 0;
 display: inline;
}



#main ul.natural { /* 商品の特徴-自然な分け目の写真 */
 margin: 0 25px 0 70px;
 padding: 0;
 list-style: none;
}




#sidebar div#recentposts ul, #sidebar div#category ul, #sidebar div#archives ul {
 margin: 0 0 20px 0;
}

#sidebar div#recentposts ul li, #sidebar div#category ul li, #sidebar div#archives ul li {
 margin: 0 0 0 30px;
 font-size: 13px;
 line-height: 1.7;
}





#main ol.normal {
 margin: 20px 10px 30px 0;
 padding: 0 0 0 60px;
 font-size: 14px;
 line-height: 1.6;
}

#main ol.normal li {
 margin: 0 0 10px 0;
 color: #d95b71;
}










#main dl {
 margin: 15px 10px 30px 40px;
 padding: 0; 
 font-size: 14px;
 line-height: 2em;
}

#main dt {
 margin-right: 1em;
 width: 100px;
 float: left;
}

#main dd {
  border-bottom: 1px dotted #eee;
}













#main div.gal {
 margin-bottom: 30px;
 width: 520px;
 height: 600px;
 background: transparent url("images/products_container2.png") no-repeat 50% 50%;
}












/* ----------------------------------------------- */
/*  =12,table */
/* ----------------------------------------------- */


#main table.price {
 margin: 30px 0 0 40px;
 width: 480px;
 font-size: 15px;
 background: #bbbbbb;
}

#main table.price td.item {
 width: 200px;
 padding: 0.4em;
 line-height: 1.7;
 text-align: left;
 background: #fff;
}

#main table.price td.unit {
 padding: 0.4em;
 line-height: 1.7;
 text-align: right;
 background: #fff;
}


#main table.legal {
 margin: 30px 0 0 40px;
 width: 480px;
 font-size: 15px;
 background: #bbbbbb;
}


#main table.legal td.item {
 width: 200px;
 padding: 0.4em;
 line-height: 1.7;
 text-align: left;
 background: #fff;
}

#main table.legal td.content {
 padding: 0.4em;
 line-height: 1.7;
 text-align: left;
 background: #fff;
}

#main table.profile {
 margin: 0 0 0 40px;
 width: 480px;
 font-size: 15px;
 background: #bbbbbb;
}


#main table.profile td.item {
 width: 130px;
 padding: 0.4em;
 line-height: 1.7;
 text-align: left;
 background: #fff;
}

#main table.profile td.content {
 padding: 0.4em;
 line-height: 1.7;
 text-align: left;
 background: #fff;
}





#main table.price-order {
 margin: 25px 0 0 60px;
 width: 500px;
 font-size: 15px;
 background: #aaaaaa;
}

#main table.price-order td.item {
 width: 110px;
 padding: 0.4em;
 line-height: 1.7;
 background: #fff;
}

#main table.price-order td.item-header {
 padding: 0.4em;
 line-height: 2;
  font-weight: bold;
 background: #fff;
}

#main table.price-order td.unit {
 padding: 0.4em;
 line-height: 1.7;
 background: #fff;
}


#main div.products-container {
margin: 20px 0 0 25px;
width: 548px;
height: 598px;
background: transparent url("images/products-container2.png") no-repeat 0% 0%;
}

#main table.products {
 width: 540px;
 background: transparent;
}

#main table.products td.big {
 padding: 20px 0 0 15px;
 text-align: left;
}

#main table.products td.big img a {
 border: none;
}

#main table.products td.copy {
 padding: 20px 5px 10px 20px;
 font-size: 23px;
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: -0.1em;
 color: #d95b85;
}

#main table.products td.wig {
 padding: 0 15px 0 0;
 text-align: right;
 border: none;
}

#main table.products td.price {
 font-size: 20px;
 font-weight: bold;
 line-height: 1.2;
 color: #d95b85;
 text-align: center;
}

#main ul.thumb-top {
 margin: 15px 0 0 17px;
 list-style: none;
}

#main ul.thumb-top li {
 margin: 0 15px 0 0;
 padding: 0;
 display: inline;
}

#main ul.thumb-bottom {
 margin: 10px 0 0 17px;
 list-style: none;
}

#main ul.thumb-bottom li {
 margin: 0 15px 0 0;
 padding: 0;
 display: inline;
}

#main ul.thumb-top img, #main ul.thumb-bottom img {
 border: 3px solid #ffbef0;
}
#main ul.thumb-top li img.current, #main ul.thumb-bottom li img.current {
 border: 3px solid #f792b5;
}



#main ul.thumb-top li a:hover img, #main ul.thumb-bottom li a:hover img {
 border: 3px solid #f792b5;
}

#main ul.thumb-top a, #main ul.thumb-bottom a {
 border: none;
}

#main p.products-bottom{
 margin: 10px 0 0 15px;
 font-size: 14px;
 font-weight: bold;
 color: #d95b85;
 line-height: 1.5;
}

#main p.products-top a {
 margin: 0;
 font-size: 15px;
 font-weight: bold;
 color: #fff;
 line-height: 1.5;
 float: right;
 border: none;
}

/* ----------------------------------------------- */
/*  =13,others */
/* ----------------------------------------------- */




.attention {
 font-size: 14px;
 background: #fffacd;
}

.attention02 {
 letter-spacing: 0.1em;
 background: #EFFFBF;
}

.bold {
 font-size: 110%;
 font-weight: bold;
 letter-spacing: 0.1em;
}



div#logo-bg {
 background: transparent url("images/logo-bg.png") no-repeat 25% 48%;
}