@charset "UTF-8";

/* @override 

	http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b3/style.css

*/

/*  

Theme Name: WSC

Theme URI: http://wsc.studiobrain.net/5/

Description: <a href="http://wsc.studiobrain.net/">WSCプロジェクト</a> がボランティアで開発するテーマ。<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=go%40studiobrain%2enet&item_name=Donation to WSC Project&no_shipping=0&no_note=1&tax=0&currency_code=JPY&lc=JP&bn=PP%2dDonationsBF&charset=UTF%2d8">この開発への寄付はこちら</a>

Version: 5.0

Author: Go Imai

Author URI: http://imai.studiobrain.net/

*/



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

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





/***** 横幅設定 (100% or 950px) *****/

#container{width: 100%;}





/***** カラム設定 (3 or 2 or 1) *****/

/*3カラム左右*/

#main{width: 70%;}

#side{width: 20%;margin-right: -20%;float: left;}

#mainwrap{margin-left: 20%;width: 80%;float: right;}

#sidebar2{width: 30%;margin-left: -10px;}



/*3カラム右右

#main{width: 70%;}

#side{width: 20%;float: right;margin-left: -20%;}

#mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;}

#sidebar2{width: 30%;margin-left: -10px;}*/



/*2カラム左

#main{width: 100%;}

#side{width: 25%;margin-right: -25%;float: left;}

#mainwrap{margin-left: 25%;width: 75%;float: right;}

#sidebar2{width: 100%;background-color: #666;}*/



/*2カラム右

#main{width: 100%;}

#side{width: 25%;margin-left: -25%;float: right;}

#mainwrap{width: 75%;margin-right: 25%;float: left;}

#sidebar2{width: 100%;background-color: #666;}*/



/*1カラム

#main{width: 100%;}

#side{width: 100%;float: left;}

#mainwrap{width: 100%;float: right;}

#sidebar2{width: 100%;background-color: #666;}*/





/***** 共通のタグ CommonTag *****/

body{background-color: #eee;font-family: "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;}

a{ outline:none;color: #666;text-decoration: none;}

a:hover{color: #999;text-decoration: underline;}





/***** スペース領域 AreaSpace *****/

#container{margin-right:auto;margin-left:auto;}

#main{float: left;text-align:left;background-color: #fff;overflow: hidden;}

#mainwrap{overflow: hidden;}

#side{overflow: hidden;}

#sidebar1{overflow: hidden;}

#sidebar2{float: right;overflow: hidden;}

.sidebar{padding-bottom: 15px;overflow: hidden;}

#topimage{height: 210px;clear: both;border-bottom: 3px solid #333;background: #333 url(img/wsc5-topimage.gif) no-repeat;text-indent: -9999px;}

#header{overflow: hidden; border-bottom: 2px solid #424242; background-color: #fff; float: left; width: 100%;}

#footer{clear:both;background-color: #868A08; float: left;width: 100%;}

#wrap{clear:both;background-color: #000000; float: left;width: 100%;overflow: hidden;margin-top: -1px;border-top: 1px solid #7f7f7f;}

#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;}





/***** ヘッダー Header *****/

#header #header-left{float:left;padding: 10px 2%;width: 75%;}

#header #header-right{float:right;padding: 10px 2%;width: 15%;}

#header img {float:left; margin:10px;}

#header .header_ttl a{color:darkblue;font-size: 170%;}

#header .header_ttl{margin:0;padding: 5px 0;font-weight: normal;font-style: normal;}

#header .header_ttl a:hover{color:darkblue}

#header .header_description {color: #3B0B24; font-weight: normal; font-style: normal; margin: 8px 0px 0px 15px; padding: 0px 0px 0px0px; font-size: 100%;}



/*ヘッダーナビ header_navi*/

#header_navi{padding: 0;width: 100%;background-color: #ffffff ; float: left;clear: both;}

#header_navi #page_navi{list-style-type:none;text-align: left;white-space: nowrap;float: left;width: 100%;background: #ffffff none left top;padding: 0;}

#header_navi, #page_navi ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300;  width:100%; background:#fff; font-weight:bold;}


#header_navi #page_navi li{padding: 0;margin: 0; float: left; position:relative; }


#header_navi #page_navi li ul{float: left; padding: 0; margin: 0; list-style-type: none;}

#header_navi #page_navi li ul li{padding: 0;}
/**Color**/
#header_navi #page_navi li a{color: #ffffff; padding: 5px 5px; float: left;background-color: #868A08; border-right: 1px solid #b6b6b6; border-left: 1px solid #f0f0f0; font-size: 90%;}

#header_navi #page_navi li a:hover{text-decoration: none;background-color: #dedede;color: #900;}

#header_navi #page_navi li.current_page_item a{background-color: #e1d065;color: #875400;}



#header_navi #page_navi ul {position:absolute; display:none; width:110em; top:1.9em; left:-1px;} 

#header_navi #page_navi ul a {border-left:1px solid #c8c8c8;} 

#header_navi #page_navi li ul {border-top:0px solid #c8c8c8; width:10em;} 

#header_navi #page_navi li ul a {width:11em; height:auto; float:left; border-bottom:1px solid #c8c8c8; text-align:left;} 

#header_navi #page_navi ul ul {top:auto;} 

#header_navi #page_navi li ul ul {left:11em; margin:0px 0px 0px 10px;} 

#header_navi #page_navi li:hover ul ul, #page_navi li:hover ul ul ul, #page_navi li:hover ul ul ul ul {display:none;} 

#header_navi #page_navi li:hover ul, #page_navi li li:hover ul, #page_navi li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 





/*ヘッダーナビカテゴリー　header_navi_cats*/

#header_navi_cats{padding: 0;width: 100%;background-color: #000000 ; float: left;clear: both;}

#header_navi #cats_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: #000000 none left top;padding: 0;}

#header_navi_cats #cats_navi li{padding: 0;margin: 0;float: left;}

#header_navi_cats #cats_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}

#header_navi_cats #cats_navi li ul li{padding: 0;}

#header_navi_cats #cats_navi li a{color: #ffffff; padding: 5px .7em;float: left;background-color: #000000; border-right: 1px solid #b6b6b6;border-left: 1px solid #f0f0f0;font-size: 100%;border-bottom: 1px solid #7e7e7e;}

#header_navi_cats #cats_navi li a:hover{text-decoration: none;background-color: #dedede;color: #900;}

#header_navi_cats #cats_navi li.current_page_item a{background-color: #e1d065;color: #875400;}







/*ヘッダーbreadcrumb*/

.breadcrumb{margin:3px; padding:10px 5px 5px 10px;  width: 100%; background-color: #fff; float: left; clear: both;text-align:left; font-size:90%; } 

.breadcrumb a {color: #2E2EFE;}

.breadcrumb a:hover {color: red;text-decoration: underline;}



/***** フッター Footer *****/

#footer .copyright {color: #fff;padding: 20px 1%;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#footer .copyright a{color: #fff;padding:}

#footer #wp_loginout {padding: 0;margin: 0;float: right;font-size: 80%;}

#footer #wp_loginout li{display: inline;padding: 0 1em 0 0;float: left;}

#footer #wp_loginout li a{float: left;background-color: #555;color: #ccc;padding: 3px 10px;font-weight: normal;white-space: nowrap;}

.produced{color:#666;text-align:right;float: right;padding: 10px 1%;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}



.footerlinks-container{

    margin:10px 15px; }



.footerlinks ul {text-transform:uppercase;

     display: inline;

     list-style-type: none;

     list-style-image:none;

     margin:0; }

.footerlinks li, .footerlinks li li, .footerlinks li li li {

     display: inline;

     padding: 0px 5px; }



.footerlinks a {text-decoration:none;

     padding: 0px 3px;

     border-right: 1px solid #ffffff;

     color: #ffffff; }









/***** コンテンツ Content *****/

.pagename{font-weight: bold;clear: both;color: #005376;background-color: #eee;border-bottom: 1px solid #999;margin-bottom: 0;padding: 15px 2%;font-size: 120%;}

.content {clear: both;font-size: 90%;line-height: 180%;padding: 15px 2%;}

.content .title{margin: 0;padding: 0 0 10px;}

.content .title a{color: #C00;text-decoration:none;display: block;background-color: #ccc;font-size: 105%;line-height: 100%;padding: .2em 1.5%;}

.content .title a:hover{color:#E6332D;background-color: #dfdfdf;} 

.content p{}

.content h1{font-size: 140%;line-height: 100%;}

.content h2{font-size: 120%;line-height: 100%;}

.content h3{font-size: 105%;line-height: 100%;}

.content h4{font-size: 95%;line-height: 100%;}

.content h5{font-size: 90%;line-height: 100%;}

.content h6{font-size: 75%;line-height: 100%;}

.content small{font-size: 80%;}

.content big{font-size: 130%;}

.content a{color: #226db9;} 

.content a:hover{color: #2783de;} 

.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 

.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}

.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}

.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}

.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}

.content blockquote p{margin: 0;padding: 0px 0px .8em;}

.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}

.content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}

.content img.alignleft{float:left;padding:0 10px 10px 0;}

.content img.alignright{float:right;padding:0 0 10px 10px;}

#pagewrap .relation ul {padding: 15px 0 15px 40px;}



/*コメント comments*/

#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}

#comments-area small{font-size: 85%;}

#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}

#comments-area input#author,

#comments-area input#email,

#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}

#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}

#comments-area form#commentform {padding: 0 0 0 5%;}

#comments-area p.nocomments {display: none;}



/*ナビゲーション Navi*/

.navigation{clear: both;text-align: center;padding:10px 0;white-space: nowrap;float:left;width:100%;}

.navigation a{color: #fff;padding:2px 5px;background-color: #999;border: 2px solid #ccc;float: left;font-size:70%;line-height:100%;}

.navigation a:hover{color: #fff;}

.navigation div.alignleft {float: left;padding:0 0 0 10px;}

.navigation div.alignright {float: left;padding:0 0 0 10px;}



/******* 画像 ********/



.imageleft {float: left; margin: 0px 15px 5px 0px; }

.imageright {float: right; margin: 0px 0px 5px 10px; }

.clear {clear: both; }





/******* table styles ********/



table{

margin: 10px 5px 15px 5px;

width: auto;

max-width: 95%;

border: 1px solid #cccccc;

border-collapse: collapse;

font-size: 100%;

line-height: 1.4em;

color: #333333;

}



caption{

text-align: left;

padding: 0.4em;

white-space: nowrap;

font-weight: bold;

}



td{

padding: 0.2em;

border: 1px solid;

empty-cells: show;

}



th{

padding: 0.2em;

border: 1px solid;

empty-cells: show;

font-weight: bold;

background-color: #CBEEF7;

line-height: 1.5em;

}

thead, tfoot{

padding: 0.4em;

font-weight: bold;

text-align: center !important;

}

.right{

text-align: right;

}

.center{

text-align: center;

}

.left{

text-align: left;

}

col.article{

text-align: center;

font-weight: bold;

background-color: #E4E4E4;

}

col.hatching{

background-color: #dcdcdc;

}

col.crawl{

width: 5em !important;

}

table.robot{

width: auto !important;

}

table.robot td, table.robot th{

padding: 2px 7px;

}

.center-center{

text-align: center !important;

}

.whitetext{

color: #ffffff;

}





/***** サイドバー Sidebar *****/

.sidebar {font-size: 0.85em;line-height: 1.4em;}

.sidebar ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #fff;padding: 7px 3%;}

.sidebar ul li{background: #fff url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0.2em 10px;}

.sidebar p{line-height: 150%;padding: 7px 3%;}

.sidebar .widget{overflow: hidden;margin: 15px 5% 0;}

.sidebar .module_title {margin: 0 0 5px;clear: both;background-color: #ccc;font-size: 90%;line-height: 130%;font-weight: bold;padding: 3px 2%;}

.sidebar a {color: #05f;}

.sidebar a:hover {color: #08f;text-decoration: underline;}

.sidebar img {float: left; margin:2px;}



/*テキスト textwidget*/

.sidebar .textwidget  {background-color: #fff;}

.sidebar .textwidget p {background-color: #fff;}

.sidebar .textwidget .clear {clear: both;}



/*検索 search*/

.sidebar #searchform  {background-color: #fff;}

.sidebar #searchform input#s {width: 50%;border: 1px solid #999;padding: 4px;font-size: 100%;}

.sidebar #searchform label.hidden {font-weight: bold;}



/*カレンダー Calendar*/

.sidebar #wp-calendar {color: #666;background-color: #fff;line-height: 100%;font-size: 95%;width:100%;margin:0 auto;}

.sidebar #calendar p.module_title {display: none;}

.sidebar #wp-calendar thead {background-color: #eee;}

.sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;}

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

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



/*タグクラウド*/

.sidebar #tag_cloud-2 {line-height: 1.2;color: #666;background-color: #ffffff;}



/*Tiny Contact Form*/

.sidebar #tiny-contact-form {background-color: #fff;}



/* transposh */

.sidebar #transposh {background-color: #fff;}



/** text-708688651 **/

.sidebar #text-708688651 {background-color: #fff;}





/***** その他 Others *****/

#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}

#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}