@charset "utf-8";
/*
Theme Name: relience
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: 30px 0 0 10px;
 padding: 0;
 font-size: 22px;
 text-align: left;
}

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






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

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




#header ul#hnav {
 margin: -45px 0 0 470px;
 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;
}









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







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



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

}


#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 h2 a {
 border: none;
 text-decoration: none;
}



#main p {
 margin: 20px 15px 30px 40px;
 padding: 0;
 font-size: 15px;
 line-height: 1.8;
 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 #ccc;
 clear: both;
}


#main img {
 margin: 20px 10px 30px 40px;
 padding: 0;
 border: 1px solid #ddd;
 clear: both;
}

#main p.wp-caption-text {
 margin: -25px 0 25px 40px;
 padding: 0;
}


#main p.postmetadata {
 margin: 0 0 10px 0;
 padding: 0 10px 0 0;
 float: right;
 font-size: 12px;
}

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


#main p.category {
 margin: 0 0 35px 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;
}





/* ----------------------------------------------- */
/*  =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;
}


#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%;
}






#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;
}

/* ----------------------------------------------- */
/*  =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;
}
















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


#sidebar table#wp-calendar {
 margin: 0 0 0 10px;
 padding: 0;
 width: 180px;
 font-size: 9pt;
 color: #666;
 background: transparent;
 letter-spacing: 0.05em;
}

#sidebar table#wp-calendar caption {
 padding: 12px 0 0 0;
 font-weight: bold;
 text-align: center;
}

#sidebar table#wp-calendar th, #sidebar table#wp-calendar td {
 padding: 3px 0 3px 0;
 text-align: center;
}

#sidebar table#wp-calendar #next a {
 padding-right: 5px;
 text-align: right;
}

#sidebar table#wp-calendar #prev a {
 padding-left: 5px;
 text-align: left;
}
/*
#sidebar table#wp-calendar a:link {
 border-bottom: 1px solid #309;
}
*/
#sidebar table#wp-calendar a:hover {
 border-bottom: 1px solid #fc3;
}

}


/* ----------------------------------------------- */
/*  =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%;
}