@charset "UTF-8";
@import"design.css";

/* @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;
}
blockquote, q {quotes: none;}
ol, ul {list-style: 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%;
}
#head_wrap {
	width: 100%;
	background-image: url(img/head_wrap.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}




/*2カラム右*/
#main{width: 100%;}
#side{
	width: 240px;
	float: right;
}
#mainwrap{
	width: 720px;
	float: left;
}
#sidebar2{width: 100%;}


/***** 共通のタグ CommonTag *****/
body{
	font-family: sans-serif "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ;
	text-align: center;
	background-color: #2E2E2E;
}

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{
       height: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	background-image: url(img/top_container_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#main{text-align:left;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;
width: 720px;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #000000;
}

#header{
	overflow: hidden;
	width: 960px;
	position: relative;
	height: 90px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	display: block;
	background-image: url(img/header-img02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer{
	clear:both;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
position: relative;
	text-align: left;
	display: block;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 90px;
}
#wrap{
	clear:both;
	width: 960px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: left;
	display: block;
}

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





/***** ヘッダー Header *****/
#header #header-left{
	width: 320px;
	text-align: left;
	height: 40px;
	position: absolute;
	left: 90px;
	top: 35px;
	z-index: 999;
}
#header .header_ttl a{
	text-indent: -9999px;
	display: block;
}
#header .header_ttl{
        width: 175px;
        height: 20px;
	margin:0;
	padding: 0px;
	display: block;
}
#header .header_description{
	color: #a6a6a6;
	font-weight: normal;
	font-style: normal;
	font-size: 75%;
	line-height: 170%;
	padding-top: 8px;
        padding-left: 30px;
}



/*トップーナビ top_navi*/
#top_navi{
	list-style-type:none;
	text-align: right;
	white-space: nowrap;
	padding: 0;
	position: absolute;
	top: 0px;
	right: 100px;
	z-index: 999;
	overflow: hidden;
}
#top_navi li{padding: 0;margin: 0;float: left;}

#top_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#top_navi li ul li{padding: 0;}
#top_navi li a{
	color: #969696;
	padding: 5px .7em;
	float: left;
	font-size: 80%;
}
#top_navi li a:hover{
	text-decoration: none;
	color: #C06;
}
#top_navi li.current_page_item a{
	background-color: #333;
	color: #C39;
}


/***** フッター Footer *****/
#footer .copyright {
	color: #555;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 180%;
position: absolute;
bottom: 10px;
left: 100px;
}
#footer #wp_loginout {padding: 0;margin: 0;position: absolute;bottom: 0px;right: 0px;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: 0px 1%;font: 60% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#footer .under_nav {
font-size: 12px;
position: absolute;
top: 20px;
left: 200px;
}






/***** コンテンツ Content *****/
.pagename{
	font-weight: bold;
	clear: both;
	color: #C9C;
	font-size: 110%;
	background-image: url(img/h1_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 85px;
	width: 720px;
	line-height: 150%;
	margin: 0;
	display: block;
	overflow: hidden;
	padding: 0px;
}

.pagename h1 {
	padding-top: 18px;
	padding-right: 25px;
	padding-left: 25px;
}

.pagename h2 {
	padding-top: 18px;
	padding-right: 25px;
	padding-left: 25px;
}

.content {clear: both;font-size: 90%;line-height: 180%;padding: 15px 2%;}
.content .title {margin: 0;padding: 0 0 10px;}
.content .title a {color: #ff0099;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; text-decoration: none;} 
.content p{
	color: #7E7E7E;
}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{font-size: 120%;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: #F0C;
} 
.content a:hover{
	text-decoration: underline;
} 
.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%;color: #05F; text-decoration: none;}
.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 dotted #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;}

.alignleft{float:left;padding:0 10px 10px 0;}
.alignright{float:right;padding:0 0 10px 10px;}

/*コメント 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;
	white-space: nowrap;
	float:right;
	width:100%;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.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;}

/*コンテンツ・タグ・カテゴリー*/
.postmetadata a {
	color: #05F;
	text-decoration: none;
}
.postmetadata a:hover {
	text-decoration: none;
}



/***** サイドバー Sidebar *****/
#side {
	padding-top: 80px;
	background-image: url(img/label.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#side .top_banner {
margin-top: 20px;
margin-left: 15px;
}


#sidebar2 ul li {
list-style-type: none;
list-style-image: none;
background-image: none;
}
.sidebar {font-size: 0.85em;line-height: 1.4em;}
.sidebar ul{
	list-style-type: none;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 3%;
	padding-bottom: 7px;
	padding-left: 3%;
	background-color: #EEE;
}
.sidebar ul li{
	padding: 0.2em 0 0.2em 10px;
	background-image: url(img/sidebar_li.gif);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
}
.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; font-size: 100%;line-height: 130%;font-weight: bold;padding: 3px 2%;}
.sidebar a {
}
.sidebar a:hover {
	color: #C06;
	text-decoration: none;
}

/*テキスト textwidget*/
.sidebar .textwidget p {background-color: #fff;}

/*検索 search*/
.sidebar #searchform input#s {width: 110px;border: 1px solid #999;padding: 4px;font-size: 95%;}
.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 {line-height: 1.2;}




/***** その他 Others *****/
#main .edit{
	text-align: center;
	font-style: italic;
	padding: 0;
	width: 49px;
	height: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

#mainwrap .kuzu {
	position:absolute;
	top:0;
	font-size:11px;
	color:#8C8C8C;
	line-height:160%;
	right: 10px;
}

#mainwrap .kuzu a{
	color:#8C8C8C;
}



#pagewrap .text1 {
font-size: 130%;
font-weight: bold;
color: #ff00cc;
}

#pagewrap .box1 {
margin-top: -30px;
padding: 10px;
border: solid 1px #eee;
width: 320px;
float: left;
}

#pagewrap .box2 {
margin-top: -30px;
padding: 10px;
border: solid 1px #eee;
width: 300px;
float: left;
}

#pagewrap .box4 {
margin-top: -30px;
padding: 10px;
border: solid 1px #eee;
width: 280px;
float: left;
}

#pagewrap .box5 {
padding: 10px;
border: solid 1px #eee;
width: 340px;
float: left;
}

#pagewrap .box3 {
padding: 10px;
border: solid 1px #eee;
width: 300px;
float: left;
}

#pagewrap .box8 {
padding: 10px;
border: solid 1px #eee;
width: 330px;
float: left;
}

#pagewrap .box6 {
font-size: 12px;
line-height: 1.7;
margin-top: -10px;
padding: 10px;
border: solid 1px #eee;
width: 350px;
}

#pagewrap .box7 {
font-size: 12px;
line-height: 1.7;
padding: 10px;
border: solid 1px #eee;
width: 350px;
}

#pagewrap .box_small {
font-size: 11px;
line-height: 1.6;
padding: 10px;
border: solid 1px #eee;
width: 200px;
float: left;
margin-right: 5px;
margin-top: 10px;
vertical-align: top;
}

#pagewrap table {
font-size : 11px;
line-height: 1.5;
}

#pagewrap table a {
color: #ff66cc;
}

#pagewrap table a h5 {
font-size; 13px;
line-height: 1.5;
}

#pagewrap .table2 {
font-size : 11px;
line-height: 1.5;
padding: 5px;
border: solid 1px #D3D3D3;
}





/***** トップページ topics_content *****/

#pagewrap .topics_content {
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 10px;
	font-size: 90%;
	line-height: 160%;
}
#pagewrap .topics_content h3 {
	font-size: 120%;
	font-weight: bold;
	color: #C06;
	background-color: #EEE;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#pagewrap .topics_content ul li {
    margin-top:15px;
}

#pagewrap .topics_content ul li a img {
	padding: 3px;
	border: 3px solid #EEE;
       float: left;
       margin-right: 10px;
}


/***** サイトマップ sitemap *****/
.ddsg-wrapper a {outline:none;color: #666;text-decoration: none;}

.ddsg-wrapper a:hover{color: #999;text-decoration: underline;}
.ddsg-wrapper h2 {
	font-size: 120%;
	font-weight: bold;
	color: #C06;
	background-color: #EEE;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#sidebar2 .xoxo.blogroll li {
display: inline;
width:195px;
height: 45px;
margin: 0;
padding: 0;
}

/*こちらもおすすめ*/
.st-related-posts {
margin-bottom: 30px;
}	

.ac1 {
position: relative;
bottom: 0;
left: 0;
}