@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-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;
 text-decoration: none;
}


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



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

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

#header h1 {
 margin: 5px 0 0 25px;
 padding: 0;
 font-size: 20px;
 text-align: left;
 color: #de6a3c;
 background: transparent;
}

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


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



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

#header ul#hnav li {
 margin: 0;
 padding: 0 7px 0 7px;
 float: right;
 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: 10px 0 5px 25px;
 padding: 5px 0 6px 2px;
 font-size: 24px;
 line-height: 1.2;
 color:#666;
 background: transparent url("images/h2-bg.png") no-repeat 0% 100%;
 clear: both;
}


#main h2 a {
 border: none;
}


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


#main h4 {
 margin: 20px 0 5px 55px;
 padding: 0;
 font-size: 16px;
 color:#333;
 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: 0 20px 30px 65px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
 clear: both;
}

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

#main img {
 margin: 0 25px 0 60px;
 padding: 0;
 border: none;
 clear: both;
}

#main p.comment {
 margin: 0 20px 5px 0;
 float: right;
 font-size: 12px;
}


#main p.category {
 margin: 0 20px 35px 0;
 float: right;
 font-size: 12px;
}


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


#main p.wp-caption-text {
 width: 400px; /* imgのキャプションの幅調整 */
}


/* comments.phpにて適用 */


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

#main p.commentmeta {
 color: #666;
 background: transparent;
 border-bottom: 1px dotted #ccc;
}

#main div.comments {         
 margin: 20px 20px 0px 0px;
 padding: 0 0 30px 0;
}



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

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

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

#sidebar p#profile {
 margin: 10px 0 25px 10px;
 padding: 0 0 0 10px;
 font-size: 13px;
}

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

#sidebar #blogmura {
 margin-left: 40px;
}

#sidebar #blogmura p {
  padding-bottom: 10px;
}

#sidebar p a {
 border: none;
}

#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 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.8;
 font-size: 13px;
 background: transparent url("../images/side-middle.png") repeat-y 50% 50%;
}

#sidebar ul.lnav li img {
 margin-left: -5px;
 padding: 0;
}

#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 0 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 70px;
 padding: 0;
 font-size: 14px;
 line-height: 1.6;
}

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



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


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