@charset "UTF-8";
/* @override
http://wsc.studiobrain.net/4/wp-content/themes/wsc4-2/style.css
*/
/*
Theme Name: WSC
Theme URI: http://wsc.studiobrain.net/4/
Description: WSCプロジェクト がボランティアで開発するテーマ。この開発への寄付はこちら
Version: 4.2
Author: Go Imai
Author URI: http://imai.studiobrain.net/
Tags: fixed width, two columns, widgets
*/
/***** Reset (ここは編集しないこと) *****/
/***** オリジナル html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*table {border-collapse: collapse;border-spacing: 0;}*/
caption {width: 100%;}
/***** 共通のタグ CommonTag *****/
body{background: url(img/bg_body.jpg) center 0 repeat-y;background-color:#333;margin:0px;padding:20px 0px 0px 0px;font: 0.8em/1.8 "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
h1{font-size: 20px;line-height: 22px;}
h2{font-size: 18px;line-height: 20px;}
h3{font-size: 16px;line-height: 18px;}
h4{font-size: 14px;line-height: 16px;}
h5{font-size: 12px;line-height: 14px;}
h6{font-size: 11px;line-height: 13px;}
img{border: none;}
a{color: #666;text-decoration: none; outline:none;}
a:hover{color: #999;text-decoration: underline;}
.content a[target="_blank"] {background: url(img/target_blank.gif) no-repeat right center;padding-right: 15px;}
/*スペース領域 AreaSpace*/
.content blockquote{background-color: #e1f5f9;border: 1px solid #b2d3e0;}
#container{width:800px;margin-right:auto;margin-left:auto;}
#header{height:78px;overflow: hidden;background: #333 url(img/header.gif) no-repeat;border-bottom:2px solid #333;}
#rap{text-align:left;clear:both;background-color: #FFF;}
#alpha{float: left;text-align:left;width: 554px;overflow: hidden;padding: 17px 17px 20px 18px;}
.alpha_bg{background: url(img/alpha_bg.gif) repeat-x center top;}
#beta{background-color: #f9f9f9;border-left: 1px solid #ccc;width: 180px;overflow: hidden;padding: 15px 15px 0px;margin: 0px;float: right;border-bottom: 1px solid #ddd;}
#gamma{text-align: left;width: 760px;padding: 20px 0 20px 20px;}
#footer{clear:both;height:52px;background: #333 url(img/footer.gif) no-repeat;border-top:2px solid #333;}
/*ヘッダー Header*/
.header_ttl a{font-size: 24px;height: 28px;display:block;color:#802b40;padding: 19px 0 0 20px;line-height: 26px;}
.header_ttl{margin:0;padding: 0;font-weight: normal;font-style: normal;}
.header_ttl a:hover{color:#fff}
.header_description{font-size: 11px;color: #fff;font-weight: normal;font-style: normal;line-height: 13px;margin: 0;padding: 0 0 0 20px;width: 560px;float:left;}
#header #searchform {float: right;margin: 0;padding: 0 12px 0 0;}
#header #searchform input{vertical-align: middle;height:20px;}
#header #searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 153px;}
#header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}
/*ヘッダーナビ*/
#header_navi{padding: 0;width: 100%;float: left;clear: both;}
#page_navi{padding: 0;list-style-type:none;margin: 0;white-space: nowrap;float: right;background: #eee url(img/page_navi_bg.gif) left top;width: 100%;}
#page_navi li{font-size: 12px;line-height: 14px;padding: 0 0 2px;margin: 0;float: left;}
#page_navi li ul{font-size: 12px;line-height: 14px;float: left;padding: 0;margin: 0;list-style-type: none;}
#page_navi li ul li{padding: 0;}
#page_navi li a{color: #333;padding: 4px 10px;float: left;background-color: #eee;height: 14px;border-right: 1px solid #c7c7c7;border-left: 1px solid #fff;}
#page_navi li a:hover{text-decoration: none;background-color: #dedede;color: #900;}
#page_navi li.current_page_item a{background-color: #e1d065;color: #875400;}
/*トップ画像 Topimage*/
#topimage{height: 270px;border-bottom:2px solid #333;background: #ccc url(img/top_main.jpg) no-repeat;clear: both;}
/*コンテンツ Content*/
.content .pagename{font-weight: bold;margin: 0;padding: 0;clear: both;color: #005376;font-size: 16px;line-height: 18px;height: 34px;}
.content .title a{color: #C00;text-decoration:none;}
.content .index .title {color: #C00;text-decoration:none;background: url(img/title_bg.gif) no-repeat left bottom;padding: 0 0 5px;margin-bottom: 10px;}
.content .title a:hover{color:#E6332D;}
.content a{color: #226db9;}
.content a:hover{color: #2783de;}
.content a.more-link {font-size: 12px;line-height: 14px;}
.content {clear: both;}
.content ul{margin-left: 25px;padding-left: 0px;list-style-type:disc;}
.content ol{margin-left: 30px;padding-left: 0px;list-style-type:decimal;}
.content .title .date {font-size:11px;font-style:italic;font-weight:normal;}
.content .ddsg-wrapper a{color: #666;}
.content blockquote {margin: 0px 0px 15px 0px;padding: 10px 20px 10px 20px;}
.content blockquote p{padding: 0px;margin: 0px 0px 0px 0px}
.content blockquote ol,.content blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.content .postmetadata {text-align: right;font-size: 12px;line-height: 14px;background:url(img/entry_bg.gif) no-repeat right bottom;width: 100%;padding: 0 0 7px;margin: 0;color: #555;clear: both;}
.content .index {padding: 0 0 20px;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;font: 11px/16px "Courier New", Courier, mono;white-space: pre;overflow: scroll;}
/*コメント comments*/
#comments,#respond {clear: both;font-size: 13px;color: #246;padding: 20px 0 10px;}
ol.commentlist{float: left;width: 512px;margin: 0;padding: 0 0 0 40px;list-style-type: none;}
ol.commentlist li{padding: 10px 10px 6px;font-size: 12px;line-height: 17px;}
ol.commentlist li img.avatar {float: left;margin-right: 7px;}
ol.commentlist li cite {}
ol.commentlist li small.commentmetadata {}
ol.commentlist li p {clear: both;padding: 3px 0;font-size: 12px;line-height: 15px;}
ol.commentlist li.alt {background-color: #eceeef;}
.nocomments{display: none;}
/*ページ page*/
.page{padding: 20px 0;clear: both;}
/*子ページ relation*/
.relation{padding: 5px 0 0;}
.relation ul {color: #666;list-style-type: none;padding: 0;margin: 0;}
.relation ul li{font-size: 12px;line-height: 14px;padding-left: 20px;display: block;}
.relation ul li a{color: #555;font-size: 12px;line-height: 14px;padding: 3px 0 3px 26px;display: block;background: url(img/icon_subpage.gif) no-repeat 6px top;border-bottom: 1px solid #ccc;width: 100%;}
.relation ul li a:hover{color: #3d99e4;text-decoration: none;background-color: #f6f6f6;}
/*ページ分割*/
.linkpages{text-align: center;}
/*アーカイブリスト Archive*/
.archive a{color: #1d9c14;font-size: 14px;line-height: 16px;}
.archive h4{color: #666;font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0 5px;}
.archive ul {padding: 0 0 0 15px;margin: 0;color: #666;}
.archive ul li{font-size: 11px;line-height: 13px;padding: 9px 0 9px 9px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 1px;list-style-type: decimal;list-style-position: inside;}
.archive ul li ul{padding: 7px 0 0 12px;}
.archive ul li li{font-size: 11px;line-height: 13px;padding: 6px 0 3px 8px;border-left: 2px solid #999;list-style-type: decimal;border-bottom-style: none;border-top: 1px solid #ccc;margin: 1px 0 0;}
.archive a.title {font-size: 14px;line-height: 16px;}
/*リンク集 Links*/
.links{color: #666;}
.links ul{font-size: 11px;line-height: 13px;list-style-type: none;padding: 0;margin: 0;}
.links ul h2{font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0;color: #246;}
.links a{font-size: 14px;line-height: 16px;}
.links ul li{padding: 0 0 1px;}
.links ul li li a{padding: 6px 0 2px 11px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 0 15px;display: block;}
.links ul li li a:hover{background-color: #fffae2;text-decoration: none;}
/*サイトマップ sitemap*/
.sitemap{color: #666;}
.sitemap h3{font-size: 13px;line-height: 15px;margin: 0;padding: 4px 0 3px 6px;border-left: 3px solid #999;color: #555;}
.sitemap ul{font-size: 11px;line-height: 13px;list-style-type: none;margin:0;padding: 0;}
.sitemap ul ul {padding-left: 15px;border-top: 1px solid #666;border-right: 1px solid #bbb;}
.sitemap ul li{margin: 0 0 20px;padding: 0;}
.sitemap ul ul a{font-size: 14px;line-height: 16px;color: #226db9;}
.sitemap ul ul a:hover{color: #2781db;}
.sitemap ul ul li{padding: 10px 0 6px 12px;border-left: 1px solid #bbb;margin: 0;border-bottom: 1px solid #aaa;background-color: #fafafa;border-top: 1px solid #fff;}
.sitemap ul ul ul{padding: 5px 0 2px 9px;margin:0;border-top-style: none;border-right-style: none;}
.sitemap ul ul ul a{font-size:12px;line-height: 14px;color: #666;}
.sitemap ul ul ul a:hover{color: #666;}
.sitemap ul ul ul li{border-style: none;list-style-type: disc;list-style-position: inside;padding: 2px;}
.sitemap ul ul ul ul li{}
/*delicious*/
.delicious-posts ul,#delicious ul{padding: 0;margin: 0;font-size: 12px;line-height: 15px;list-style-type: none;}
li.delicious-post.delicious-odd a,#delicious a{padding: 5px 0 5px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;background-color: #f9f9f9;display: block;color: #297ee5;width: 524px;}
li.delicious-post.delicious-even a{padding: 5px 0 5px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;background-color: #f0f0f0;display: block;color: #297ee5;width: 524px;}
li.delicious-post.delicious-odd a:hover,#delicious a:hover{text-decoration: underline;color: #43b2fc;background-color: #fcfcfc;}
li.delicious-post.delicious-even a:hover{text-decoration: underline;color: #43b2fc;background-color: #f3f3f3;}
/*タグ検索 Tags*/
.tags {line-height: 200%;}
/*トピックス表示 Topics*/
#toptopics {clear: both;margin: 0;padding: 30px 10px 8px;list-style-type: none;border: 1px solid #ccc;background: #fcfcfc url(img/topics.gif) no-repeat left top;}
#toptopics a{color: #b6000a;font-size: 12px;line-height: 14px;}
#toptopics a:hover{color: #ee000b;text-decoration: none;}
#toptopics li {border-bottom: 1px solid #ddd;margin-bottom: 4px;padding-bottom: 1px;}
#toptopics li span.date {color: #fff;font-size: 13px;background-color: #aaa;padding: 3px 4px 2px;margin-right: 4px;}
/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 20px 0 0;}
.navigation a{color: white;padding: 2px 10px;background-color: #999;border: 2px solid #ccc;font-size: 11px;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {display: inline;margin: 0 5px;}
.navigation div.alignright {display: inline;margin: 0 5px;}
/*サイドバー共通 Sidebar*/
#beta ul{margin-left:0px;padding: 0;list-style-type: none;font-size: 11px;line-height: 15px;}
#beta ul li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta .widget{padding:0 0 15px;font-size:11px;line-height:1.3;}
#beta .module_title {font-size:12px;padding:0px 0px 4px 0;border-bottom:1px solid #bbb;margin:0 0px 6px;color:#888;}
/*サイドメニューボタン Menu*/
#beta li.cat-item{padding: 0 0 6px;background-image: none;}
#beta li.cat-item a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(img/menu_btn3.gif) no-repeat center top;}
#beta li.cat-item a:hover{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
#beta ul.children{padding: 5px 0 0;}
#beta ul.children ul{padding: 0;}
#beta ul.children li.cat-item {padding: 0 0 0 10px;font-size: 11px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta ul.children li.cat-item a {font-size: 11px;line-height: 13px;height: auto;background-image: none;text-align: left;width: 100%;padding: 0;}
/*NAVT*/
div.navt_tog {padding: 2px 0 4px;margin: 0 0 0 -10px;background-image: none;background-color: #f9f9f9;}
div.navt_tog a {width: 180px;display: block;height: 24px;text-align: center;font-size: 12px;line-height: 15px;color: #4083af;margin: 0;padding: 11px 0 0;}
div.navt_tog a:hover{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
#beta ul.menu li.emptytab{height: 3px;margin: 0 0 5px;background-image: none;width: auto;font-size: 1px;line-height: 1px;border-bottom: 1px solid #bbb;padding: 0;}
#beta ul.menu li.item_parent li,
#beta ul.menu li.current_item_parent li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;list-style-type: none;height: inherit;width: inherit;}
#beta ul.menu li.item_parent li a,
#beta ul.menu li.current_item_parent li a {text-align: left;padding: 0;font-size: 11px;line-height: 13px;height: auto;width: inherit;background-image: none;}
div.navt_tog.blue a{background: url(img/menu_btn1.gif) no-repeat center top;}
div.navt_tog.yellow a{background: url(img/menu_btn2.gif) no-repeat center top;}
div.navt_tog.red a{background: url(img/menu_btn3.gif) no-repeat center top;}
div.navt_tog.green a{background: url(img/menu_btn4.gif) no-repeat center top;}
div.navt_tog.gray a{background: url(img/menu_btn.gif) no-repeat center top;}
/*タグクラウドウィジェット Tags*/
div#tag_cloud,div.st-tag-cloud {margin-bottom: 15px;line-height: 1.3;}
/*カレンダーウィジェット Calendar*/
#wp-calendar {width: 100%;font-size: 11px;color: #666;margin-top: 5px;}
#calendar p.module_title {display: none;}
#wp-calendar caption {color: #333;}
#wp-calendar th{background-color: #ddd;text-align: center;padding: 0;font-weight: normal;font-style: normal;}
#wp-calendar td{text-align: center;background-color: #eee;padding: 0;}
#wp-calendar td a {color: #c00;font-weight: normal;font-style: normal;}
#wp-calendar td.pad {background-color: transparent;}
/*フッター Footer*/
.copyright {color: #fff;margin-top: 17px;margin-left: 17px;font: bold 12px/14px Arial, Helvetica, sans-serif;}
.produced{color:#666;font-size: 11px;text-align:right;margin-top:10px;line-height: 13px;}
/*コメント Comment*/
#commentform {padding-left: 40px;}
#commentform #comment{width: 500px;border: 1px solid #b3b3b3;background-color: #fbffe4;height: 170px;font-size: 12px;line-height: 18px;padding: 5px;}
#commentform #author,
#commentform #email,
#commentform #url {border: 1px solid #b3b3b3;background-color: #fbffe4;width: 250px;padding: 5px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;}
#commentform p {padding: 0 0 5px;}
#commentform input#submit {border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 4px 0 0;}
/*Contact Form 7*/
div.wpcf7 th{font-weight: normal;font-style: normal;font-size: 12px;line-height: 14px;padding-right: 10px;width:110px;}
div.wpcf7 input {border: 1px solid #999;padding: 5px;font-size: 12px;margin: 2px 0;}
div.wpcf7 textarea {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0;}
div.wpcf7 select {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0;}
div.wpcf7 .text_s{width: 40px;}
div.wpcf7 .text_m{width: 200px;}
div.wpcf7 .text_l{width:400px;}
div.wpcf7 .wpcf7-radio input {border-style: none;}
div.wpcf7 .submit{text-align: center;clear: both;}
div.wpcf7 .submit input {border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 4px 0 0;}
div.wpcf7 img.wpcf7-captcha-captcha {vertical-align: middle;float: left;padding: 2px;}
div.wpcf7 .wpcf7-form-control-wrap.captcha {float: left;}
div.wpcf7 .wpcf7-validates-as-required {background-color: #fffadf;}
div.wpcf7 input:focus,
div.wpcf7 textarea:focus,
div.wpcf7 select:focus { background:white; }
div.wpcf7 {padding: 0;margin: 0;clear: both;}
div.wpcf7 form{background-color: #eee;padding: 10px;border: 1px solid #ccc;margin: 0;width:532px;}
div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {position: relative;float: left;}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 11px;width: 280px;padding: 2px;line-height: 13px;}
div.wpcf7 span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 11px;display: block;line-height: 13px;}
span.wpcf7-list-item {margin-left: 0.5em;}
/*地図 Map*/
#map {border-style: solid;border-width: 1px;}
/*WP2.5ビジュアルエディタ*/
.page img.aligncenter {display: block;margin: 0 auto;}
.page img.alignleft {float: left;margin: 0 10px 10px 0;}
.page img.alignright {float: right;margin: 0 0 10px 10px;}
/*その他 Others*/
.code{font-style: italic;color: #f60;border: 1px solid #b3b3b3;padding: 10px;font-size: 9px;margin: 10px 0;}
.download{margin: 0;padding: 10px;list-style-type: none;text-align: center;width: 500px;background-color: #fff7e9;border: 1px solid #f5aa6a;border-bottom-width: 3px;}
#alpha .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;}
#alpha .edit a{width: 49px;height: 15px;float: right;text-indent: -9999px;background: url(img/edit.gif) left top;}
#alpha .edit a:hover{background-position: left bottom;}
/* ----- Style for Ktai Entry ----- */
.photo {
padding-right:6px;
float:left;
line-height:110%;
font-size:0.85em;
text-indent:0;
}
.photo img {
background:white;
margin:0 4px 4px 0;
padding:3px;
border:1px solid #999;
}
.photo-end {
clear:left;
}
/* ---------- */