@charset "utf-8";
/*
Theme Name: 西宮ライフスキル研究会 WordPress Theme
Theme URI: http://www.life-skills.jp/
Description: 西宮ライフスキル研究会 Webサイトテーマ
Version: 1.0
Author: iNo
Author URI: http://www.serendip.ws/
Tags: green, fixed width, two columns, widgets

lifeskills/style.css
file created in 2009/08/14 15:28:04.
LastUpdated :2010/06/22 10:50:06.
*/
/**************************************************
 * RESET STYLE
 * COMMON STYLE
 * HEADER TOOLBAR STYLE
 * HEADER STYLE
 * CONTAINER BASE STYLE
 * CONTAINER BODY STYLE
 * CONTAINER SIDEBAR STYLE
 * FOOTER STYLE
 * HOME STYLE
 * DEFAULT PAGE STYLE
 * INQUIRY FORM STYLE
 **************************************************/

/***** RESET STYLE ******************************** {{{
 **************************************************/
html{overflow-y:scroll;}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;line-height:normal;}table{border-collapse:collapse;border-spacing:0;}img,fieldset{border:0;}ul{list-style-type:none;}address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}strong{font-weight:bold;}q:before,q:after{content:'"';}
/* }}} */

/***** COMMON STYLE ******************************* {{{
 **************************************************/
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center {text-align: center; }

.clear {
    clear: both;
}

hr.clear {
    position: relative;
    left: -9999px;
    /*
    margin: 5px;
    */
    border: 0px solid transparent;
}

.default-table {
    border-collapse: collapse;
    border: 1px solid #988;
}
.default-table th,
.default-table td {
    border: 1px solid #988;
    padding: 3px 5px;
}
.default-table th {
    font-weight: bold;
    text-align: center;
}

.blog-author-name {
    color: #777;
    text-align: right;
    font-size: 90%;
    margin: 0 10px 0 0;
}

a, a:link {
    color: #44e;
}
a:visited {
    color: #9f2f8f;
}
a:hover, a:active {
    color: #e44;
}

body {
    color: #100000;
    font-size: 90%;
    font-family: sans-serif;
    background: #ebf0ff url(./images/bg.gif) repeat left top;
    margin-bottom: 20px;
}
div#wrap {
    position: relative;
    background: transparent url(./images/bg_gradation.gif) repeat-x left top;
    width: 99%;
    min-height: 438px;
    padding-left: 1%;
}
/* }}} */

/***** HEADER TOOLBAR STYLE *********************** {{{
 **************************************************/
#head-toolbar {
    padding-top: 5px;
    margin-left: 430px;
    height: 2.0em;
}
#head-toolbar ul,
#head-toolbar ul li {
    /*
    float: left;
    */
}
#head-toolbar ul li {
    font-size: 90%;
    display: inline;
}
#head-toolbar ul {
    margin-right: 20px;
}
#head-toolbar form#searchform {
    display: inline;
    /*
    position: absolute;
    top: 5px; left: 790px;
    */
    font-size: 90%;
}
/* }}} */

/***** HEADER STYLE ******************************* {{{
 **************************************************/
#head {
    width: 980px; height: 40px;
    background: transparent none no-repeat left top;
}
.home-wrap #head {
    background-image: url(./images/container_head.png);
}
.page-wrap #head {
    background-image: url(./images/container_page_head.png);
}
/* }}} */

/***** CONTAINER BASE STYLE *********************** {{{
 **************************************************/
#container {
    position: relative;
    width: 980px;
    min-height: 520px;
    background: transparent none repeat-y left top;
    overflow: hidden; /* for setting same columns height */
}
.home-wrap #container {
    background-image: url(./images/container_body.png);
}
.page-wrap #container {
    background-image: url(./images/container_page_body.png);
}
/* }}} */

/***** CONTAINER BODY STYLE *********************** {{{
 **************************************************/
#container #container-body {
    float: left;
    width: 640px;
    min-height: 520px;
    padding: 0 0 0 60px;
}
/* }}} */

/***** CONTAINER SIDEBAR STYLE ******************** {{{
 **************************************************/
#container #container-sidebar {
    width: 280px;
    margin-left: 700px; padding-bottom: 5px;
}
#container #container-sidebar #sidebar li {
    width: 280px; height: 55px;
    margin: 0 0 5px 0; padding: 0;
    background-color: transparent;
    background-image: url(./images/sidebar_links_base.png);
    background-repeat: no-repeat;
}

.home-wrap #container #container-sidebar #sidebar li.home-active {
    background-position: 0px 0px;
}
.home-wrap #container #container-sidebar #sidebar li.home-inactive {
    background-position: 0px -110px;
}
.page-wrap #container #container-sidebar #sidebar li.page-active {
    background-position: 0px -55px;
}
.page-wrap #container #container-sidebar #sidebar li.page-inactive {
    background-position: 0px -165px;
}

#container #container-sidebar #sidebar li a,
#container #container-sidebar #sidebar li span {
    display: block;
    width: 280px; height: 55px;
    text-indent: -9999px;
    outline: none;
    background-color: transparent;
    background-image: url(./images/sidebar_links_texts.png);
    background-repeat: no-repeat;
}

/* home sidebar links */
#container #container-sidebar #sidebar li a.home-home-active {
    background-position: 0px 0px;
}
#container #container-sidebar #sidebar li a.home-home-active:hover {
    background-position: -280px 0px;
}
#container #container-sidebar #sidebar li a.home-about-inactive {
    background-position: -560px -60px;
}
#container #container-sidebar #sidebar li a.home-about-inactive:hover {
    background-position: -840px -60px;
}
#container #container-sidebar #sidebar li a.home-life-skills-program-inactive {
    background-position: -560px -120px;
}
#container #container-sidebar #sidebar li a.home-life-skills-program-inactive:hover {
    background-position: -840px -120px;
}
#container #container-sidebar #sidebar li a.home-books-inactive {
    background-position: -560px -180px;
}
#container #container-sidebar #sidebar li a.home-books-inactive:hover {
    background-position: -840px -180px;
}
#container #container-sidebar #sidebar li a.home-workshop-inactive {
    background-position: -560px -240px;
}
#container #container-sidebar #sidebar li a.home-workshop-inactive:hover {
    background-position: -840px -240px;
}
#container #container-sidebar #sidebar li a.home-blog-inactive {
    background-position: -560px -300px;
}
#container #container-sidebar #sidebar li a.home-blog-inactive:hover {
    background-position: -840px -300px;
}
#container #container-sidebar #sidebar li a.home-links-inactive {
    background-position: -560px -360px;
}
#container #container-sidebar #sidebar li a.home-links-inactive:hover {
    background-position: -840px -360px;
}
/* page sidebar links */
#container #container-sidebar #sidebar li a.page-home-inactive {
    background-position: -560px 0px;
}
#container #container-sidebar #sidebar li a.page-home-inactive:hover {
    background-position: -840px 0px;
}
#container #container-sidebar #sidebar li a.page-about-active {
    background-position: 0px -60px;
}
#container #container-sidebar #sidebar li a.page-about-active:hover {
    background-position: -280px -60px;
}
#container #container-sidebar #sidebar li a.page-about-inactive {
    background-position: -560px -60px;
}
#container #container-sidebar #sidebar li a.page-about-inactive:hover {
    background-position: -840px -60px;
}
#container #container-sidebar #sidebar li a.page-life-skills-program-active {
    background-position: 0px -120px;
}
#container #container-sidebar #sidebar li a.page-life-skills-program-active:hover {
    background-position: -280px -120px;
}
#container #container-sidebar #sidebar li a.page-life-skills-program-inactive {
    background-position: -560px -120px;
}
#container #container-sidebar #sidebar li a.page-life-skills-program-inactive:hover {
    background-position: -840px -120px;
}
#container #container-sidebar #sidebar li a.page-books-active {
    background-position: 0px -180px;
}
#container #container-sidebar #sidebar li a.page-books-active:hover {
    background-position: -280px -180px;
}
#container #container-sidebar #sidebar li a.page-books-inactive {
    background-position: -560px -180px;
}
#container #container-sidebar #sidebar li a.page-books-inactive:hover {
    background-position: -840px -180px;
}
#container #container-sidebar #sidebar li a.page-workshop-active {
    background-position: 0px -240px;
}
#container #container-sidebar #sidebar li a.page-workshop-active:hover {
    background-position: -280px -240px;
}
#container #container-sidebar #sidebar li a.page-workshop-inactive {
    background-position: -560px -240px;
}
#container #container-sidebar #sidebar li a.page-workshop-inactive:hover {
    background-position: -840px -240px;
}
#container #container-sidebar #sidebar li a.page-blog-active {
    background-position: 0px -300px;
}
#container #container-sidebar #sidebar li a.page-blog-active:hover {
    background-position: -280px -300px;
}
#container #container-sidebar #sidebar li a.page-blog-inactive {
    background-position: -560px -300px;
}
#container #container-sidebar #sidebar li a.page-blog-inactive:hover {
    background-position: -840px -300px;
}
#container #container-sidebar #sidebar li a.page-links-active {
    background-position: 0px -360px;
}
#container #container-sidebar #sidebar li a.page-links-active:hover {
    background-position: -280px -360px;
}
#container #container-sidebar #sidebar li a.page-links-inactive {
    background-position: -560px -360px;
}
#container #container-sidebar #sidebar li a.page-links-inactive:hover {
    background-position: -840px -360px;
}

/* sidebar meta */
#container #container-sidebar #meta {
    margin: 20px 0 5px 80px;
}
/* sidebar archive */
#container #container-sidebar .archive {
    margin: 20px 0 5px 80px;
}
#container #container-sidebar .archive dt {
    font-weight: bold;
}
#container #container-sidebar .archive li {
    line-height: 1.6em;
}

/* sidebar widget */
#container #container-sidebar #sidebar-widget {
    margin: 20px 0 5px 80px;
}



/* }}} */

/***** FOOTER STYLE ******************************* {{{
 **************************************************/
#foot {
    position: relative;
    clear: both;
    width: 740px; height: 40px;
    padding: 20px 240px 0 0;
    color: #333;
    background: transparent none no-repeat left top;
    font-size: 90%;
    text-align: right;
}
.home-wrap #foot {
    background-image: url(./images/container_foot.png);
}
.page-wrap #foot {
    background-image: url(./images/container_page_foot.png);
}
#foot #go-top {
    position: absolute;
    left: 60px;
    font-size: 110%;
}
/* }}} */

/***** HOME STYLE ********************************* {{{
 **************************************************/
/* home title logo image */
h1#home-title-image {
    width: 635px; height: 295px;
    font-weight: bold;
    font-size: xx-large;
    background: transparent url(./images/home_title_image.png) no-repeat left top;
    text-indent: -9999px;
    outline: none;
}
/* */
#home-headline-ticker {
    border: 1px solid #b3ba74;
    margin: 0 10px 5px 10px; padding: 2px 5px;
    background-color: #f3fAb4;
    font-family: sans-serif;
}
#home-headline-ticker a {
    color: #666;
}
/* home information base layer */
.home-info-layer {
    width: 380px;
}
.home-info-header {
    width: 380px; height: 107px;
    overflow: hidden;
    text-indent: -9999px;
}
.home-info-body {
    width: 300px;
    margin: 0; padding: 0 30px 0 50px;
    background: transparent url(./images/information_layer_body.png) repeat-y left top;
}
.home-info-body .home-information-list-title {
    position: relative;
    height: 29px;
    z-index: 50;

    color: #300;
    font-weight: bold;
    line-height: 29px;
    font-size: 14px;
}
.home-info-body .home-information-list-title .datetime {
    position: absolute;
    display: block;
    top: 0px; left: 0px;
    color: #444;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
    padding-left: 19px;
    background: transparent url(./images/information_list_mark.png) no-repeat left 50%;
}
.home-info-body .home-information-list-title a,
.home-info-body .home-information-list-title a:link {
    position: absolute;
    display: block;
    top: 0px; left: 50px;
    width: 240px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;

    color: #116;
    text-decoration: none;
}
.home-info-body .home-information-list-title a:visited {
    color: #611;
}
.home-info-body .home-information-list-title a:active,
.home-info-body .home-information-list-title a:hover {
    overflow: visible;
    z-index: 50;
    outline: 1px solid #ccc;
    background: #fff url(./images/home_info_title_hover_bg.gif) repeat-x left top;
    width: auto;

    color: #900;
    text-decoration: underline;
}
.home-info-footer {
    width: 330px; height: 46px;
    margin: 0; padding: 0 30px 0 20px;
    text-align: right;
    background: transparent url(./images/information_layer_footer.png) no-repeat left bottom;
}
/* home information layer */
#home-information-list {
    float: left;
}
#home-information-list-header {
    background: transparent url(./images/information_layer_header.png) no-repeat left top;
}
/* home blog layer */
#home-blog-list {
    position: relative;
    margin: 0 0 0 260px;
}
#home-blog-list-header {
    background: transparent url(./images/blog_layer_header.png) no-repeat left top;
}

/* home content block */
.home-content-side-block {
    position: relative;
    width: 240px;
}
.home-content-bottom-block dl,
.home-content-side-block dl {
    margin: 10px 0;
    padding: 5px;
    background-color: #f9fff0;
    border: 1px solid #899348;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.9);
    -webkit-box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.9);
    box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.9);
}
.home-content-bottom-block dl dt,
.home-content-side-block dl dt {
    color: #055;
    font-weight: bold;
    font-size: 110%;
    padding: 5px 0 5px 5px;
    line-height: 1.2em;
}
.home-content-bottom-block dl dt a,
.home-content-side-block dl dt a {
    color: #055;
    text-decoration: none;
}
.home-content-bottom-block dl dt a:hover,
.home-content-side-block dl dt a:hover {
    text-decoration: underline;
}
.home-content-bottom-block dl dd,
.home-content-side-block dl dd {
    padding: 5px;
}
.home-content-bottom-block dl dd p,
.home-content-side-block dl dd p {
    line-height: 1.4em;
    margin: 0px 0 5px 0;
}
.home-content-bottom-block dl dd .datetime,
.home-content-side-block dl dd .datetime {
    color: #444;
    text-align: right;
}
.home-content-bottom-block dl dd .home-info-edit,
.home-content-side-block dl dd .home-info-edit {
    text-align: right;
}
#home-right-block {
    position: relative;
    z-index: 1; /* for ie 6 and 7 */

    margin: 20px 0 0 385px;
}
#home-left-block {
    float: left;
    margin: 0 0 0 10px;
}
#home-right-middle-block {
    position: relative;
    margin: 0 0 0 260px;
    width: 370px;
}
#home-bottom-block {
    clear: both;
    margin: 10px;
}
/* home widget block */
.widgettitle {
    display: none;
}

/* home google calendar */
#google-calendar-layer {
    background: #fff url(./images/calendar_title.jpg) scroll no-repeat 10px 0px;
    margin: 10px; padding: 5px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    -moz-box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.5);
    -webkit-box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.5);
    box-shadow: 2px 2px 2px rgba(200, 204, 150, 0.5);
}
#google-calendar-note {
    margin: 0; padding: 5px;
    min-height: 45px;
    text-align: right;
}

/* }}} */


/***** DEFAULT PAGE STYLE ************************* {{{
 **************************************************/
.page-wrap #container h1#page-title-image {
    position: relative;
    height: 76px;
    width: 470px;
    top: 0px; left: 180px;
    background: transparent url(./images/page_title_image.png) no-repeat right top;
    text-indent: -9999px;
    outline: none;
}
h1#page-title-image a {
    display: block;
    width: 270px; height: 76px;
    outline: none;
}
#breadcrumbs {
    margin: 0 0 5px 20px; padding: 1px 1px 2px 1px;
    border-bottom: 1px solid #ccc;
}
.page-wrap #container #container-body .page-entry .entry-metadata {
    color: #666;
    padding-bottom: 2px;
    text-align: right;
    font-size: 90%;
}
.page-wrap #container #container-body .page-entry .entry-metadata li {
    display: inline;
}
.page-wrap #container #container-body .page-entry .entry-metadata li a {
    color: #666;
}
.page-wrap #container #container-body .page-post {
    /*
    outline: 1px solid red;
    */
}
.page-wrap #container #container-body .page-post .page-entry {
    /*
    outline: 1px solid blue;
    */
    width: 560px;
    margin: 10px 40px;
}
.page-wrap #container #container-body h2 {
    color: #341213;
    font-size: x-large;
    margin: 0; padding: 0 20px 10px 20px;
    background: transparent url(./images/page_home_title_bg.gif) no-repeat left bottom;
    text-shadow: #fcfdf7 1px 1px 0px;
}
.page-wrap #container #container-body h3 {
    color: #341213;
    font-size: large;
    background: transparent url(./images/page_home_entry_title_bg.png) no-repeat left top;
    margin: 10px 0; padding: 3px 15px 0 15px;
    text-shadow: #fcfdf7 1px 1px 0px;
    min-height: 30px;
}
.page-wrap #container #container-body h3 a {
    color: #341213;
    text-decoration: none;
}
.page-wrap #container #container-body h3 a:hover {
    text-decoration: underline;
}
.page-wrap #container #container-body h4 {
    background: transparent url(./images/page_entry_title_bg.png) no-repeat left top;
    margin: 10px 0 10px 10px; padding: 3px 15px 0 15px;
    line-height: 1.6em;
    font-size: 100%;
}
.page-wrap #container #container-body .page-entry p,
.page-wrap #container #container-body .page-entry pre,
.page-wrap #container #container-body .page-entry blockquote,
.page-wrap #container #container-body .page-entry ul,
.page-wrap #container #container-body .page-entry ol,
.page-wrap #container #container-body .page-entry dl {
    margin: 0; padding: 0 20px 10px;
}
.page-wrap #container #container-body .page-entry p,
.page-wrap #container #container-body .page-entry pre,
.page-wrap #container #container-body .page-entry blockquote,
.page-wrap #container #container-body .page-entry li,
.page-wrap #container #container-body .page-entry dd {
    line-height: 1.6em;
}

/* category previous and next navigation */
.page-postnav {
    position: relative;
    margin: 0 40px 0 40px;
}
.page-postnav .prev-page {
    float: left;
}
.page-postnav .next-page {
    float: right;
}


/* }}} */


/***** INQUIRY FORM STYLE ************************* {{{
 **************************************************/
.page-wrap #container #container-body .page-entry #inquiry-form {
    margin: 0 0 0 0; padding: 0 0 100px 0;
    background: transparent url(./images/inquiry_illust.png) no-repeat 20px bottom;
}
.page-wrap #container #container-body .page-entry #inquiry-form li {
    position: relative;
    font-size: 100%;
    margin-bottom: 2px;
    padding: 3px 0;
    clear: both;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    */
}
.page-wrap #container #container-body .page-entry #inquiry-form li.input {
    /*
    background: #fdd url(./images/inquiry_form_bg.png) repeat-y left top;
    */
    padding-bottom: 10px;
    background: transparent url(./images/inquiry_form_bg.png) no-repeat left bottom;
}
.page-wrap #container #container-body .page-entry #inquiry-form li.submit {
    /*
    background-color: #dbb;
    */
}
.page-wrap #container #container-body .page-entry #inquiry-form li label {
}
.page-wrap #container #container-body .page-entry #inquiry-form .wpcf7-quiz-label,
.page-wrap #container #container-body .page-entry #inquiry-form .form-label {
    position: relative;
    display: block;
    width: 150px;
    text-align: right;
    padding: 7px 5px 0 0;
    font-weight: bold;
    float: left;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input,
.page-wrap #container #container-body .page-entry #inquiry-form .form-textarea {
    display: block;
    margin: 0 0 0 160px; padding: 0;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input input,
.page-wrap #container #container-body .page-entry #inquiry-form .form-textarea textarea {
    font-size: 100%;
    font-family: sans-serif;
    margin: 3px; padding: 3px;
    border: 1px solid #999;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input input:focus,
.page-wrap #container #container-body .page-entry #inquiry-form .form-textarea textarea:focus {
    border: 1px solid #933;
    background-color: #ffe;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input input {
    width: 250px;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input input#your-zip {
    width: 100px;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-input input#your-address {
    width: 350px;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-textarea textarea {
    width: 350px;
}
.page-wrap #container #container-body .page-entry #inquiry-form .input-select {
    margin: 7px 0;
    width: 5em;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-submit {
    display: block;
    padding: 3px 0;
    margin-left: 163px;
}
.page-wrap #container #container-body .page-entry #inquiry-form .form-submit input {
    font-weight: bold;
    font-size: large;
}
.page-wrap #container #container-body .page-entry #inquiry-form .wpcf7-quiz-label {
    display: block;
    width: 150px;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    float: left;
}
.page-wrap #container #container-body .page-entry #inquiry-form #input-quiz {
    width: 50px;
    font-size: 120%;
    font-family: sans-serif;
    margin: 3px 0 3px 4px; padding: 3px;
    border: 1px solid #999;
}
.page-wrap #container #container-body .page-entry #inquiry-form #input-quiz:focus {
    border: 1px solid #933;
    background-color: #ffe;
}

/* }}} */




/*
vim:fdl=0 fdm=marker:ts=4 sw=4 sts=0:
*/