@charset "UTF-8";

/* @override 
	http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b1/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: 950px;}


/***** カラム設定 (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-left: auto; margin-right: auto;text-align: left;}
#main{float: left;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;clear: both;border-bottom: 3px solid #333;background: #333 url(img/wsc5-topimage.gif) no-repeat;text-indent: -9999px;}
#footer{clear:both;background-color: #333;float: left;width: 100%;}
#wrap{clear:both;background-color: #999;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_navi*/

/***** フッター Footer *****/
#footer .copyright {color: #fff;padding: 20px 1% 10px 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 12px 0 0;float: left;}
#footer #wp_loginout li a{float: left;background-color: #555;color: #ccc;padding: 3px 10px;font-weight: normal;}
.produced{color:#666;text-align:right;float: right;padding: 10px 1%;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


/***** コンテンツ Content *****/
.content {clear: both;font-size: 80%;line-height: 160%;padding: 15px 2%; }
.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: 3px 3px 3px 5px;background-color: #f6f6f6;border-left: 5px solid #ccc;} 
.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; padding: 2px 0 8px; font-size: 85%;line-height: 160%; text-align: right; }
#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;font-size: 80%;white-space: nowrap;}
.navigation a{color: white;padding: 2px 5%;background-color: #999;border: 2px solid #ccc;float: left;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding: 0 0 0 10px;}
.navigation div.alignright {float: right;padding: 0 10px 0 0;}



/***** サイドバー Sidebar *****/
.sidebar {font-size: 80%;line-height: 1.4em;}
.sidebar p{padding: 3%;line-height: 150%;}
.sidebar .widget{overflow: hidden;margin: 15px 10px 0;}
.sidebar .module_title {margin: 0;clear: both;background: url(img/b49_p24_or_nl_m.png) no-repeat -3px top;font-size: 90%;line-height: 130%;font-weight: bold;padding: 10px 0 5px 5%;}
.sidebar a {color: #05f;}
.sidebar a:hover {color: #08f;text-decoration: underline;}

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

/*検索 search*/
.sidebar #searchform input#s {width: 65%;border: 1px solid #999;padding: 4px;font-size: 100%;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {width: 100%;color: #666;background-color: #fff;line-height: 100%;font-size: 95%;}
.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: 5px 0;}
.sidebar #wp-calendar td{text-align: center;padding: 3px 0;}


.sidebar #tag_cloud {line-height: 1.2;}


.widget { font-size: 90%; }


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


/* Begin Images */
p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* End Images */
/**********************************************/
/***** これ以降、八鍬と水野の修正部分 *****/
/**********************************************/
/*上村さんデザイン*/
body{background: #0000cc url(img/sns_h_bg.jpg) no-repeat center top;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; }
#header {height: 207px; background: #0000cc url(img/sns_h1.jpg) no-repeat left top; overflow: hidden;padding:0; margin: 0;}
#head_navi{padding: 0;margin: 0;width: 100%;background:#fff url(img/sns_navi_08.jpg) no-repeat left top;float: left; height: 35px; }
#head_navi img{ padding: 0; margin: 0;}
#head_navi a{ padding: 0; margin: 0;}
#wrap{clear:both;background:#fff url(img/sns_m_bg.jpg) no-repeat center top;float: left;width: 100%;overflow: hidden;margin-top: -3px; border-top: 1px solid #7f7f7f;}
#footer{clear:both;background: #fff url(img/sns_footer.jpg) no-repeat center top;float: left;width: 100%; padding-top: 30px;}
/*上村さんデザインここまで*/

.page ul{list-style-type: none;margin: 0;overflow: hidden;padding: 10px 2%;}
.page a{background: url(img/sidebar_li.gif) no-repeat -10px 0.6em; padding-left: 0;overflow: hidden;}
.page ul li{background: url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 5px 10px; overflow: hidden;}

.index .content {clear: both;font-size: 80%;line-height: 160%;padding: 0; border: #999 1px solid;margin: 5px 2%;background-color: #fff;}

.sidebar ul{list-style-type: none;margin: 0;overflow: hidden;padding: 10px 2%;}
.sidebar li a{background: url(img/sidebar_li.gif) no-repeat -10px 0.6em; padding-left: 0;overflow: hidden;}
.sidebar ul li{background: url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0 10px; overflow: hidden;}

.navigation{clear: both;text-align: center;padding: 10px 0;font-size: 80%;white-space: nowrap;}
.navigation a{color: #666;text-decoration: underline;padding: 0;background-color: #fff;border: none;float: left;}
.navigation a:hover{color: #999;text-decoration: underline;}
.navigation div.alignleft {clear: both;float: left;padding: 0 0 0 10px;}
.navigation div.alignright {clear: both;float: right;padding: 0 10px 0 0;}


#pagewrap .relation ul {padding: 5px 0 5px 20px;  line-height: 160%; font-size: 90%;}
#pagewrap .relation ul li{background: url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0 10px; }

#comments-area {padding: 15px;font-size: 80%;line-height: 170%;clear: both;}
#comments-area ol.commentlist {list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}

/*1カラム（fixpage.php用のカスタムスタイル）＝お店紹介ページ*/
#f_main{width: 100%;}
#f_side{width: 100%;float: left;}
#f_mainwrap{width: 100%;float: right;}
#f_sidebar2{width: 100%;background-color: #666;}
#f_main{float: left;text-align:left;background-color: #fff;overflow: hidden;}
#f_mainwrap{overflow: hidden;}
#f_side{overflow: hidden;}
#f_main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#f_main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

/*2カラム左(fixpage2,3,4用のカスタムスタイル）＝サポーターズアーカイヴ用のスタイル*/
#f2_wrap{clear:both;background:#fff url(img/sns_m_bg2.jpg) no-repeat center top;float: left;width: 100%;overflow: hidden;margin-top: -4px; border-top: 1px solid #7f7f7f;}
#f2_main{width: 100%;float: left;text-align:left;overflow: hidden;}
#f2_side{width: 20%;margin-right: -20%;float: left;overflow: hidden;}
#f2_mainwrap{margin-left: 20%;width: 80%;float: right;overflow: hidden;}
#f2_main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#f2_main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

/*2カラム左(fixpage4.php用のカスタムスタイル）＝サポーターズアーカイヴ トップページ専用のスタイル -- backgroundimageのみ別指定*/
#f4_wrap{clear:both;background:#fff url(img/sns_m_bg_sa.jpg) no-repeat center top;float: left;width: 100%;overflow: hidden;margin-top: -4px; border-top: 1px solid #7f7f7f;}
/*2カラム左(fixpage5.php用のカスタムスタイル）＝サポリン運営スポンサー日本海バス専用のスタイル -- backgroundimageのみ別指定*/
#f5_wrap{clear:both;background:#fff url(img/sns_m_bg_nk.jpg) no-repeat center top;float: left;width: 100%;overflow: hidden;margin-top: -4px; border-top: 1px solid #7f7f7f;}


/*サポーターズアーカイブ用サイドバー設定*/
.sidebar4 {font-size: 80%;line-height: 1.4em;overflow: hidden;margin-left: 10px;}
.sidebar4 a {color: #05f;}
.sidebar4 a:hover {color: #05f;text-decoration: none;}
 
/*大き目のテーブル*/
.content table#table_w { width: 100%; margin: auto; border: 1px #a9a9a9 solid; border-collapse: collapse; border-spacing: 0; margin-bottom: 15px;}
.content table#table_w th { padding: 5px; border: #a9a9a9 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; white-space: nowrap; text-align: center}
.content table#table_w td { padding: 5px; border: 1px #a9a9a9 solid; border-width: 0 0 1px 1px; white-space: normal; }

/*中くらいのテーブル*/
.content table#table_m { width: 60%; margin: auto; border: 1px #a9a9a9 solid; border-collapse: collapse; border-spacing: 0; margin-bottom: 15px;}
.content table#table_m th { padding: 3px; border: #a9a9a9 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; white-space: nowrap; text-align: center}
.content table#table_m td { padding: 3px; border: 1px #a9a9a9 solid; border-width: 0 0 1px 1px; white-space: normal; }


/*ページタイトル部分：要調整*/
/* -- 記事ページ -- */
.pagename{font-weight: bold;clear: both;color: #D3F0FF;margin-bottom: 0;padding: 15px 2%; font-size: 150%; }
.pagename3{font-weight: bold;clear: both;color: #D3F0FF;margin-bottom: 0;padding: 15px 2%; font-size: 150%; }
.pagename9{font-weight: bold;clear: both;color: #D3F0FF;margin-bottom: 0;padding: 15px 2%; font-size: 150%; }
/* -- 固定ページ -- */
.pagename_page{font-weight: bold;clear: both;color: #D3F0FF;margin-bottom: 0;padding: 15px 2%; font-size: 150%; }
/* -- １カラム（サポミシュラン用） -- */
.pagename_f{font-weight: bold;clear: both;color: #fff;margin-bottom: 0;padding: 15px 2%; font-size: 120%; }
/* -- ２カラム（サポーターズアーカイブ用） -- */
.pagename_f2{font-weight: bold;clear: both;color: #fff;margin-bottom: 0;padding: 15px 2%; font-size: 130%; }
/* -- ２カラム（サポーターズアーカイブ トップページ用） -- */
.pagename_f4{font-weight: bold;clear: both;color: #fff;margin-bottom: 0;padding: 35px 2%; font-size: 150%; }
/* -- ２カラム（サポリン運営スポンサー日本海交通用） -- */
.pagename_f5{font-weight: bold;clear: both;color: #fff;margin-bottom: 0;padding: 35px 2%; font-size: 150%; }

/* サポーターズアーカイヴstillgrowringup用*/
.sgu_toparea{font-size: 105%; font-weight: bold; border-color:#FF6600; border-style:none none solid solid; border-width:0 0 2px 10px; padding:3px 10px;}
.sgu_saiten{font-size: 90%; color:#0000CC; background-color:#D2EFFD; border-style:dotted; border-color:#0000CC; border-width:2px; padding:3px 10px;}

/*INDEXページ用記事囲み実験：contentboxスタイル*/
.contentbox { width: 510px; background: url(img/table_bottom.gif) no-repeat left bottom; padding-bottom: 17px; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
.contentbox h3 { height: 32px; background: url(img/table_top.gif) no-repeat left top; padding: 10px 15px; font-size: 105%;line-height: 100%; border-bottom: 1px #ccc solid; vertical-align: middle; }
.contentbox p { width: 478px; background: url(img/table_body.gif) repeat-y left top; padding: 10px 16px 0 16px; }
.contentbox .postmetadata {margin: 0;color: #555;clear: both; padding: 0 0 8px; font-size: 85%;line-height: 160%; text-align: right; padding-right: 8px;background: url(img/table_body.gif) repeat-y left top;}
.contentbox a.more-link {display: block; text-align: right; margin: 0;padding: 0;border-left: none; margin-bottom: 0px;background: url(img/table_body.gif) repeat-y center top; } 
.contentbox .content { padding:0; }
.contentbox .summary{ padding: 0; background: url(img/table_body.gif) repeat-y left top;  }

.index .content {clear: both;font-size: 80%;line-height: 160%;padding: 0; margin: 0;background-color: #fff;}

/*アーカイヴページのパンくずリスト*/
.breadcrumb { float: right; font-size: 80%; color: #b0e0e6; padding: 5px 10px 0 0; margin-bottom: 0;}
.breadcrumb a { color: #fff;}