@charset "utf-8";
/*
Theme Name: relience
Theme URI: http:
Description: 株式会社レリエンス
Version: 2.0（2010/03/09）
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-size: 62.5%;
 font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
 color: #333;
 background: #fff;

}

#wrapper {
 width: 800px;
 margin: auto;
 padding: 0 ;
 text-align: left;
 background: #fff;
 border: 1px solid #edd6ce;

}

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

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

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

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

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

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

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

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





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


a:link, a:visited {
 color: #f66;
 background: transparent;
 border: none;
 text-decoration: none;
}


a:hover, a:active {
 border-bottom: 1px solid #fc3;
 color: #ffbf00;
 background: transparent;
 text-decoration: none;
}



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

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

#header h1 {
 margin: 5px 15px 0 0;
 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 ul#hnav {
 margin: -40px 0 0 680px;
 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 div#search {
 margin: -20px 15px 0 0;
 float: right;
}

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


#header ul#gnav {
 margin: 20px 0 20px 0;
 padding: 0;
 height: 2.8em;
 list-style: none;
 border-top: 1px solid #ccc;
 border-bottom: 3px solid #eda389;
}

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

* 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: 133px;
 color: #ed693b;
 border: none;
 text-decoration: none;
}

#header ul#gnav li a:hover {
 background: #edd6ce;

}



#header ul#gnav li.current_page_item {
 background: #edd6ce;
}


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







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


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



#main h2 {
 margin: 0px 0 5px 25px;
 padding: 5px 15px 6px 2px;
 font-size: 24px;
 line-height: 1.2;
 color:#f66;
 background: transparent url("images/h2-bg.png") no-repeat 0% 100%;
 clear: both;
}


#main h3 {
 margin: 20px 20px 5px 35px;
 padding: 5px 0 6px 30px;
 font-size: 19px;
 line-height: 1.5;
 /* color:#db8e70; */
 color: #f66;
 background: transparent url("images/h3-bg.png") no-repeat 0% 50%;
 clear: both;
}


#main h4 {
 margin: 60px 0 5px 55px;
 padding: 0;
 font-size: 18px;
 line-height: 1.5;
 color:#f66;
 background: transparent;
 clear: both;
}

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

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

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

#main p#kobayashi-company { /* 会社概要ページ担当者写真 */
 margin: 20px 0 0 50px;
 padding: 15px 0px 10px 10px; 
 background: transparent url("images/kobayashi.jpg") no-repeat 100% 100%;
 text-align: left;
 border: 2px solid #ccc;
 width: 510px;
}

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

#main p#size img {
 float: left;
 margin: 0px 30px 20px 0;
 padding: 0;
 border: 1px solid #eee;
 line-height: 1.5;
}

#main p img {
 margin: 0 25px 15px 0px;
 padding: 0;
 border: 1px solid #ccc;
 line-height: 1.5;
 clear: both;
}

#main p#topimg img {
 margin: -40px 25px 0 -35px;
 padding: 0;
 border: none;
 line-height: 1.5;
 clear: both;
}


#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.price {
 font-size: 17px;
 font-weight: bold;
}



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

#main p#easesama2 {
 padding-bottom: 13px;
 font-size: 13px;
 line-height: 1.5;
background: transparent;
border: 1px solid #ccc;
}



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

#sidebar {
 margin: 0;
 padding: 0;
 overflow: hidden;
}

#sidebar p#info img {
 margin: 3px 0 0 5px;
}

#sidebar p#profile-lnav {
 margin: 10px 0 0 10px;
 padding: 0 0 0 10px;
 font-size: 13px;
 line-height: 1.5;
}

#sidebar p#profile img {
 margin: 10px 0 10px 10px;
 border: 1px solid #ccc;
}

#sidebar p#blog img {
 margin: 5px 0 0 10px;
}

#sidebar h2 {
 margin: 20px 0 0 7px;
 padding: 9px 0 10px 15px;
 width: 192px;
 height: 27px;
 font-size: 17px;
 letter-spacing: 0.05em;
 color: #db7d58;
 background: transparent url("images/side-h2-bg.png") no-repeat 0 0;
}

#sidebar h2#narrow {
 margin: 20px 0 0 7px;
 padding: 9px 0 10px 15px;
 width: 192px;
 height: 27px;
 font-size: 16px;
 letter-spacing: 0;
 color: #db7d58;
 background: transparent url("images/side-h2-bg.png") no-repeat 0 0;
}


#sidebar ul.lnav {
 width: 188px;
 margin: -10px 0 30px 7px;
 padding: 20px 0 15px 0;
 background: transparent url("../images/side-bottom.png") no-repeat 100% 100%;
 border-top: none;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 2px solid #dbaf9e;

}

#sidebar ul.lnav li {
 margin: 0;
 padding:  0 5px 10px 18px;
 list-style: none;
 line-height: 1.5;
 font-size: 13px;
 background: transparent url("../images/side-middle.png") repeat-y 50% 50%;
}

#sidebar ul.lnav li img {
 margin-left: 5px;
 margin-bottom: 10px;
 padding: 0;
 border: 1px solid #eee;
}

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

#sidebar span.date {
 font-size: 12px;
 color: #8c3a00;
 background: transparent;
}

#sidebar span.arrow {
 font-weight: bold;
}

#sidebar li#nb a:hover {
 border: none;
 text-decoration: none;
}


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

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



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





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

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

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

#main ul.normallist {
 margin: 15px 20px 30px 90px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
 clear: both;
}

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

#main ul#index {
 margin: 15px 20px 30px 90px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
}

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


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

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



#main ul.borderlist { /* 周囲にborderあり */
 margin: 15px 20px 30px 60px;
 padding: 0.5em;
 font-size: 14px;
 line-height: 1.6;
 border: 2px solid #ccc;
}

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


#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.normallist {
 margin: 15px 20px 30px 90px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
}

#main ol.normallist li {
 margin: 0 0 10px 0;
}







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

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

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







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


#main table.price {
 margin: 0 0 0 60px;
 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.tokusho {
 margin: 0 0 0 60px;
 width: 480px;
 font-size: 15px;
 background: #bbbbbb;
}


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

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

#main table.profile {
 margin: 0 0 0 60px;
 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#size {
 margin: 0 0 0 60px;
 width: 500px;
 font-size: 14px;
 background: #bbbbbb;
}


#main table#size th {
 padding: 0.4em;
 line-height: 1.7;
 background: #eee;
}

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

#main table#size td.size {
 text-align: center;
}


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


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



#main form {
 line-height: 1.2;
 font-size: 13px;
}





.attention01 {
 letter-spacing: 0.1em;
 background: #D5DFFF;
}

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