@charset "UTF-8";

/* @override http://www.studiobrain.net/wsc3/wp-content/themes/wsc3/style.css*/


/*  
Theme Name: WSC Project
Theme URI: http://www.studiobrain.net/wsc3/
Description: This theme is <a href="http://www.studiobrain.net/wsc3/">WSC Project</a>.
Version: 3.0.2
Author: Studio-Brain
Author URI: http://www.studiobrain.net/
*/


/*共通のタグ CommonTag*/
body{background-color:#ccc;margin:0px;padding:20px 0px 0px 0px;font: small/140% "Lucida Grande", Lucida, Verdana, sans-serif;}
form{margin:0px;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0px 0 15px;clear: both;}
p{margin: 0;padding: 0px 0 15px;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 11px;}
img{border: none;}
a{text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}


/*スペース領域 AreaSpace*/
#beta,.content blockquote{background-color:#F4F7F8;}
#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;} 左サイドバー表示用*/
#alpha{float: right;} /*右サイドバー表示用*/
#alpha{text-align:left;width: 552px;overflow: hidden;padding: 18px 20px 20px;}
.alpha_bg{background: url(img/alpha_bg.gif) repeat-x center top;}
#beta{width: 178px;overflow: hidden;padding: 15px 15px 0px;margin: 0px;float: right;}
#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: 26px;height: 30px;width: 780px;display:block;color:#FFF;padding: 21px 0 2px 20px;line-height: 28px;}
.header_ttl{margin:0;float:left;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;}
#header #searchform {float: right;margin: -20px 0 0;padding: 0 12px 0 0;}
#header #searchform input{vertical-align: middle;height:20px;}
#header #searchform #s{vertical-align:middle;border:1px solid #999;padding:1px;margin:0px;height:16px;background-color: #fff;width: 148px;}
#header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}


/*ヘッダーナビ*/
#header_navi{padding: 0;width: 800px;border-bottom:2px solid #333;background-color: #eee;float: left;clear: both;}
#page_navi{padding: 0 5px 0 0;list-style-type:none;text-align: right;margin: 5px 0;white-space: nowrap;float: right;}
#page_navi li{font-size: 12px;line-height: 14px;float: left;padding: 0;margin: 0;}
#page_navi li a{color: #333;padding: 0 6px 0 7px;border-left: 3px solid #ccc;float: left;}


/*トップ画像 Topimage*/
#topimage{height: 210px;border-bottom:2px solid #333;background: #ccc url(img/topimage.jpg) no-repeat;clear: both;}


/*コンテンツ Content*/
.content .pagename{font-weight: bold;margin: 0;padding: 0;clear: both;color: #666;font-size: 16px;line-height: 18px;height: 34px;}
.content .title a{color: #C00;text-decoration:none;}
.content .title a:hover{color:#E6332D;} 
.content a{color: #c00;} 
.content a:hover{color: #E6332D;}
.content a.more-link {font-size: 12px;line-height: 14px;} 
.content {clear: both;}
.content ul{margin-left: 25px;padding-left: 0px;}
.content ol{margin-left: 30px;padding-left: 0px;}
.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;}
#comments,#respond {clear: both;font-size: 13px;color: #286e3a;padding: 0 0 10px;}
ol.commentlist li{background-color: #f4f7f8;padding: 7px 10px 0;margin-bottom: 5px;}
.nocomments{display: none;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;}


/*ページ page*/
.page{padding: 20px 0;}


/*アーカイブリスト Archive*/
.archive a{color: #c00;} 
.archive a:hover{color: #E6332D;}
.archive ul {padding: 0;margin: 0;color: #666;}
.archive ul li{font-size: 12px;line-height: 14px;margin: 0 0 13px 10px;padding: 0 0 0 10px;list-style-type: none;border-left: 3px solid #999;}
.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: 0 0 10px;color: #333;}
.links a{font-size: 14px;line-height: 16px;}
.links ul li{padding: 0 0 20px;}
.links ul li li{padding: 0 0 4px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;}


/*タグ検索 Tags*/
.tags {font-weight: bold;line-height: 200%;padding: 20px 0 0;}


/*トピックス表示 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: smaller;background-color: #666;padding: 2px 4px;margin-right: 4px;}


/*ナビゲーション Navi*/
.navigation{clear: both;height: 30px;text-align: center;}
.navigation a{color: white;padding: 2px 10px;background-color: #999;border: 2px solid #ccc;font-size: 11px;}
.alignleft{display: inline;margin: 5px;}
.alignright{display: inline;margin: 5px;}


/*サイドバー共通 Sidebar*/
#beta ul{margin-left:0px;padding: 0;list-style-type: none;font-size: 11px;}
#beta ul ul ul{margin-left:0px;padding: 0 0 0 25px;list-style-type: circle;font-size: 11px;}
#beta div.widget {font-size: 11px;padding: 0 0 10px;}
#beta .module_title {font-size: 14px;padding: 0px;border-bottom: 1px solid #999;margin: 0px 0px 10px 0px;color: #666;text-align: left;}


/*メニューボタン Menu カテゴリ*/
#beta li.cat-item,
#beta ul.menu li{height: 42px;}
#beta ul.menu li.emptytab{height: 10px;}
#beta li.cat-item a,
#beta ul.menu li a,
a.navt_clink{width: 178px;display: block;height: 24px;text-align: center;font-size: 12px;line-height: 15px;color: #4083af;margin: 0;padding: 11px 0 0;}
#beta li.cat-item a:hover,
#beta ul.menu li a:hover,
a:hover.navt_clink{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
img.navt_avatar {margin-top: -8px;vertical-align: middle;margin-right: 4px;width: 29px;}

/*メニューボタン Menu ページ*/
#beta li.page_item{height: 42px;}
#beta ul.menu li.emptytab{height: 10px;}
#beta li.page_item a{width: 178px;display: block;height: 24px;text-align: center;font-size: 12px;line-height: 15px;color: #4083af;margin: 0;padding: 11px 0 0;}
#beta li.page_item a:hover,
a:hover.navt_plink{background-position: center bottom;text-decoration: none;color: #5eb3d1;}

/*メニューボタン Menu メタ*/
#beta li.meta_item{height: 42px;}
#beta ul.menu li.emptytab{height: 10px;}
#beta li.meta_item a{width: 178px;display: block;height: 24px;text-align: center;font-size: 12px;line-height: 15px;color: #4083af;margin: 0;padding: 11px 0 0;}
#beta li.meta_item a:hover,
a:hover.navt_plink{background-position: center bottom;text-decoration: none;color: #5eb3d1;}


/*メニューボタンカラー Menu Color*/
.cat-item a {background: url(img/menu_btn.gif) no-repeat center top;}/*カテゴリー*/
#beta .page_item a {background: url(img/menu_btn4.gif) no-repeat center top;}/*ページ*/
#beta .meta_item a {background: url(img/menu_btn2.gif) no-repeat center top;}/*NAVTログイン*/

a.navt_clink {background: url(img/menu_btn1.gif) no-repeat center top;}/*NAVTカテゴリー*/
a.navt_plink {background: url(img/menu_btn2.gif) no-repeat center top;}/*NAVTページ*/
a.navt_ilink {background: url(img/menu_btn.gif) no-repeat center top;}/*NAVTログイン*/
a.navt_alink {background: url(img/menu_btn4.gif) no-repeat center top;}/*NAVT投稿者*/
a.navt_elink {background: url(img/menu_btn3.gif) no-repeat center top;}/*NAVTリンク*/


/*タグクラウドウィジェット Tags*/
#tag_cloud {margin-bottom: 15px;}


/*カレンダー 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;font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin-top: 17px;margin-left: 17px;}
.copyright a {color: #fff;}
.produced{color:#666;font-size: 11px;text-align:right;margin-top:10px;}
.produced a{color: #666;text-decoration: none; outline:none;}


/*コメント Comment*/
#commentform #comment{width: 550px;border: 1px solid #b3b3b3;background-color: #fbffe4;height: 170px;}
#author,
#email,
#url {border: 1px solid #b3b3b3;background-color: #fbffe4;width: 320px;}
#commentform p {padding: 0 0 5px;}
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;}


/*コンタクトフォーム ContactForm*/
#contactform {border: 1px solid #ccc;padding: 10px;width: 100%;background-color: #f4f7f8;}
#contactform th {font-weight: normal;font-style: normal;width: 70px;}
#contactform textarea {width: 450px;height: 120px;border: 1px solid #ccc;}
#contactform tbody tr td span input.wpcf7-validates-as-required {}
#contactform tbody tr td span input.wpcf7-validates-as-email.wpcf7-validates-as-required {}
#contactform tbody tr td span input {width: 250px;border: 1px solid #ccc;}
#contactform tbody tr td span span.wpcf7-radio input {width: 12px;}


/*その他 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;}
#alpha .edit a{color: green;font-size: 12px;line-height: 14px;}