@charset "UTF-8";
/* @override 
	http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b3/style.css
*/
/*  
Theme Name: WSC-Kunitachi-index
Theme URI: http://cycom.shop-info.com/
Description: くにたちイベント情報
Version: 0.1
Author: N.Tamura
Author URI: http://cycom.shop-info.com/
*/





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


/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右*/
#main{width: 600px;}
#side{width: 200px;margin-right: -200px;float: left;}
#mainwrap{margin-left: 200px;width: 800px;float: right;}
#sidebar2{width: 200px;margin-left: -10px;}
/* #sidebar1{margin-left: -5px; } */

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





/***** 共通のタグ CommonTag *****/
body{background-color: #999;font-size: 90%; 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;
	width: 600px;
	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{display:none; 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; /* #333; */
 	background-image: url(/wp-content/themes/wsc5_event/img/header_bg.gif); 
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100px;
}
#footer{clear:both;background-color: #DFD;float: left;width: 100%;}
#wrap{clear:both;background-color: #FFF;float: left;width: 100%;overflow: hidden;margin-top: -1px;border-top: 1px solid #7f7f7f;} /* background-color: #999; */
/* #pagewrap{clear: both;float: left;overflow: hidden;width: 100%; margin: 0;} <--- original */
#pagewrap{
	width: 600px;
	clear: both;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0px;
}





/***** ヘッダー Header *****/
#header #header-left{float: left;padding: 0 5px; width: 96%; height: 100px;}
#header .header_ttl a{color:#FFF;font-size: 170%;}
#header .header_ttl{margin:55px 0 0 0;padding: 5px 0;font-weight: normal;font-style: normal;}
#header .header_ttl a:hover{color:#fff}
#header .header_description{color: #fff;font-weight: normal;font-style: normal;margin: 0;padding: 0;font-size: 80%;}

#header #headerleft {width: 680px;float: left;border:1px}
#header #headerright {width: 300px;float: right;margin: 0px;text-align: right;}
#header #searchform{float: right; margin-top: -30px; padding: 5px;}
#header #s {width: 190px;border: 1px solid gray;padding:1px;}
#header #searchbutton{font: bold 11px Verdana;height: 20px;background-color: #fdffef;}

/*ヘッダーナビ header_navi*/
#header_navi{padding: 0;width: 100%;background-color: #333;float: left;clear: both;}
#header_navi #page_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: #ccc none left top;padding: 0;}
#header_navi #page_navi li{padding: 0;margin: 0;float: left;}
#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;}
#header_navi #page_navi li a{color: #333;padding: 5px .7em;float: left;background-color: #eee;border-right: 1px solid #b6b6b6;border-left: 1px solid #f0f0f0;font-size: 90%;border-bottom: 1px solid #7e7e7e;}
#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;}



/***** フッター Footer *****/
#footer .copyright {
	text-align: center;
	padding: 20px 1%;
	font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#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;}







/***** コンテンツ Content *****/
.pagename{
	font-weight: bold;
	clear: both;
	color: #030;
	background-color: #096;
	background-image: url(/wp-content/themes/wsc5_event/img/content_headbarA.gif);
	background-repeat: no-repeat;
/*	border-bottom: 1px solid #999;*/
	margin: 5px 0 0 0;
	padding: 8px 10px;
	font-size: 90%;
}
.content {
/*	width: 600px;*/
	clear: both;
	font-size: 90%;
	line-height: 150%; /* 180px */
/*	margin-top: 5px; */
	margin: 5px 0 5px 0;
	padding: 0 0 15px 0;
}
.content .title{margin: 0;padding: 0px 5px 5px 10px;}
.content .title a{color: #030;text-decoration:none;display: block;font-size: 105%;line-height: 100%;padding: 8px 10px;}
.content .title a:hover{color:#393;} 
.content p{}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{
/*	width: 600px; */
	height: 30px;
	font-size: 90%;
	line-height: 250%;
	background-color: #090;
	background-image: url(/wp-content/themes/wsc5_event/img/content_headbarA.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.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: 10px;}

ul.alerts {
	color: #F00;
}

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


/***** サイドバー Sidebar *****/
.sidebar {font-size: 90%;line-height: 150%;}
.sidebar ul{
	list-style-type: none;
	font-size: 90%;
	margin: 0;
	overflow: hidden;
	background-color: #fff;
	padding: 7px 3%;
	border-top: none;
	border-left: 1px solid #096;
	border-bottom: 1px solid #096;
	border-right: 1px solid #096;
}
.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: 130%;padding: 7px 3%;}
.sidebar .widget{overflow: hidden;margin: 5px;}/* 5% */
.sidebar .module_title {
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0 5px;
	clear: both;
	background-color: #063;
	background-image: url(/wp-content/themes/wsc5_event/img/sidebar_headbarA.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	line-height: 250%;
	font-weight: bold;
	color: #030;
}
.sidebar a {color: #05f;}
.sidebar a:hover {color: #08f;text-decoration: underline;}

/*テキスト textwidget*/
.sidebar .textwidget {
	margin: 0;
	padding: 0;
	font-size: 90%;
	border-top: none;
	border-left: 1px solid #096;
	border-bottom: 1px solid #096;
	border-right: 1px solid #096;
}
.sidebar .textwidget p {
	background-color: #fff;
/*	background-image: url(/wp-content/themes/wsc5_event/img/sidebar_box_bgA.gif);
	background-repeat: no-repeat;
	background0position: bottom;
	margin-bottom: 3px;*/
}

/*検索 search*/
.sidebar #searchform input#s {width: 70%;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 #calendar_wrap {
	border-top: none;
	border-left: 1px solid #096;
	border-bottom: 1px solid #096;
	border-right: 1px solid #096;
}

/*タグクラウド*/
.sidebar #tag_cloud {line-height: 1.2;}


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


/* header dropdown menu
---------------------------------------------------------------------------------------------- */
/*#navpages {width:1000px;background: #4c9ef1 url(/wp-content/themes/wsc5_event/img/bgpages_g.gif) repeat-x top;clear:both;}*/
#navpages {width:1000px;background: #357E35 url(/wp-content/themes/wsc5_event/img/bgpages_g.gif) repeat-x top;clear:both;}
#navpages #navpagelist li {float: left;width: auto;}
#navpages ul li a:link,#navpages ul li a:visited {display: block;font: .9em Arial, Tahoma, Verdana;color: #fff;padding: 7px 10px;border-right:1px solid #357E35;}
#navpages ul li a:hover {background: #357E35;color:#fff;border-right:1px solid #357E35;}
#navpages #navpagelist li li {float: left;width: 160px;}
#navpages #navpagelist li li a:link, #navpagelist li li a:visited {background: #357E35;float: none;padding: 4px 10px 3px 10px;border-top: 1px solid #ccc;border-right:0;width: 140px!important;width:160px;width/**/:/**/140px;}
#navpages #navpagelist li li a:hover, #navpagelist li li a:active {background: #357E35;color:#fff;}
#navpages #navpagelist li ul {position: absolute;width: 160px;left: -999em;border-bottom:1px solid #ccc;}
#navpages #navpagelist li:hover ul {left: auto;display: block;}
#navpages #navpagelist li:hover ul, #navpagelist li#navpagelist ul {left: auto;}

ul#feeds { float:right;}	
ul#feeds li { float: left;}
ul#feeds li a,ul#feeds li a:visited {display: block;font: 1em Arial, Tahoma, Verdana;border-right:1px solid #ddd;color: #fff;padding: 6px 10px;}
ul#feeds li a:hover, ul#feeds li a:focus,ul#feeds li a:active {color: #fff;background:#357E35;}
ul#feeds .rss {font-size:90%;} 

#navcats {width:1000px;background: #dfdfdf url(images/bgnavcats.gif) center center;border-bottom:1px solid #afafaf;}	
#navcats #navcatlist li {float: left;width: auto;}
#navcats ul li a:link,#navcats ul li a:visited {display: block;font: .9em Arial, Tahoma, Verdana;color: #333;padding: 6px 10px;border-right:1px solid #aaa;}
#navcats ul li a:hover {background: #d0d0d0;color:#000;}
#navcats #navcatlist li li {float: left;width: 160px;}
#navcats #navcatlist li li a:link, #navcatlist li li a:visited {background: #dfdfdf;float: none;padding: 4px 10px 3px 10px;border-top: 1px solid #afafaf;width: 140px!important;width:160px;width/**/:/**/140px;}
#navcats #navcatlist li li a:hover, #navcatlist li li a:active {background: #d0d0d0;color:#000;}
#navcats #navcatlist li ul {position: absolute;width: 160px;left: -999em;border-bottom:1px solid #afafaf;border-left:1px solid #afafaf;}
#navcats #navcatlist li:hover ul {left: auto;display: block;}
#navcats #navcatlist li:hover ul, #navcatlist li#navcatlist ul {left: auto;}


/* top page
---------------------------------------------------------------------------------------------- */
.top {
	border: solid 1px #999;
}

.top h3 {
	height: 25px;
	font-size: 100%;
/*	line-height: 150%; */
	background-image: url(/image/content_headbarD.gif);
	background-repeat: repeat-y;
	background-color: #ccc;
/*	background-image: none;*/
	padding-left: 10px;
	border-bottom: solid 1px #999;
}



/* twitter */

.cy_twitter_list {
	margin-top: 5px;
}

.cy_twitter_list_box {
	border-collapse: collapse;
	}

.cy_twitter_list_title {
	font-size: 90%;
	padding: 10px 4px;
	line-height: 120%;
	border-top: 1px dotted #030;
]

.cy_twitter_list_img {
	border-top: 1px dotted #030;
}

.cy_twitter_date {
	font-size: 85%;
}