@charset "UTF-8";


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


/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右*/
#main{width: 500px;}
#side{width: 150px;margin-right: -20%;float: left;}
#mainwrap{width: 650px;float: right;}
#sidebar2{width: 150px;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カラム左
#main2{width: 700px;}
#side2{width: 150px;margin-right: -20%;float: left;}
#mainwrap2{width: 650px;float: right;}
#sidebar22{width: 150px;background-color: #666;}

/*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: #fff;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 8px;}
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: 250px;clear: both;/*border-bottom: 3px solid #333;*/background: #fff url(img/topimage.jpg) */no-repeat;background-position:center;text-indent: -9999px;}
#header{overflow: hidden;/*border-bottom: 2px solid #424242;*/background-color: #fff;float: left;width: 100%;}
#footer{clear:both;background-color: #97926F;float: left;width: 100%;}
#wrap{clear:both;background-color: #fff;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: 0/*元のサイズ10px 2%*/;}
#header .header_ttl a{color:#000;font-size: 170%;}
#header .header_ttl{margin:0;padding: 0px 0;font-weight: normal;font-style: normal;}
#header .header_ttl a:hover{color:#666}
#header .header_description{color: #000;font-weight: normal;font-style: normal;margin: 0;padding: 0;font-size: 12px;}

/*ヘッダーナビ header_navi*/
#header_navi{padding: 0;width: 100%; float: left;clear: both; margin:0 0 0 0;border-top: 1px solid #7C573F;}
#header_img {height: 15px;clear: both;background: #fff url(img/line_headernavi.jpg) no-repeat;background-position:top center;}
#header_navi #page_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: #F1ECD8 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: 7px 1.5em;float: left;background-color: #F1ECD8;/*border-right: 1px solid #b6b6b6;border-left: 1px solid #f0f0f0;*/font-size: 12px;}
#header_navi #page_navi li a:hover{text-decoration: none;background-color: #DCCF9C;color: #900;}
#header_navi #page_navi li.current_page_item a{background-color: #e1d065;color: #875400;}



/***** フッター Footer *****/
#footer .copyright {color: #fff;padding: 15px 1%;font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align:center;}
#footer #wp_loginout {padding: 0;margin: 0;float: right;font-size: 12px;}
#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: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}







/***** コンテンツ Content *****/
.pankuzu{margin-left: 15px;padding: 0 0 7px 0;}
.pagename{width: 610px;font-weight: bold;clear: both;color: #005376;background: #fff url(img/titlebk.gif) no-repeat;/*元の背景設定　background-color: #eee;border-bottom: 1px solid #999;*/margin-bottom: 0; margin-left: 15px;padding: 15px 2%;font-size: 120%;}
.content {clear: both;font-size: 12px;line-height: 140%;padding: 3px 0 3px 15px;}
.content .title{margin: 0;padding: 0 0 10px;}
.content .title a{color: #005376;text-decoration:none;display: block;background-color: #F1ECD8;font-size: 105%;line-height: 100%;padding: .2em 1.5%;}
.content .title a:hover{color:#663300;background-color: #dfdfdf;/*元の色color:#E6332D;background-color: #dfdfdf;*/}
/*印刷用ボタン*/ 
.printbtn {width: 610px; padding: 0px 15px;align:right; }
.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%;}
#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: 12px;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: 12px;line-height: 16px; background-color:#FFF;}
.sidebar ul{list-style-type: none;margin: 0 10px 0 0;overflow: hidden;background-color: #fff;padding: 2px 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: 12px;line-height: 130%;font-weight: bold;padding: 3px 2%;}
.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: 70%;border: 1px solid #999;padding: 4px;font-size: 12px;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {width: 100%;color: #666;background-color: #fff;line-height: 100%;font-size: 9px;}
.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;}


/******サイドバー1　****/
.sidebar #inner {width:140px;padding: 10px 10px 3px 10px; background-color:#F1ECD8;}
#inner .text {width:127px; font-size:75%; float: left; background-color:#FFF; padding:5px 0 5px 3px; margin:0 0 10px 0;}

#inner .shop_title {color: #000000; padding: 2px 1%; font-size: 12px; text-align:center;}


/*****サイドバー2 今週の一品*****/
.sidebar #ippin {width:138px;padding: 0 1px 3px 9px; background-color:#fff;border: 1px solid #A8A8A8; margin:0 0 10px 0;}
#ippin .ippin_title {color: #FF6600; padding: 6px 1%; font-size: 14px; text-align:center;}

/*****サイドバー2 エクステリア施行例*****/
.sidebar #ex {width:138px;padding: 0 1px 3px 9px;background-color:#fff;border: 1px solid #A8A8A8; margin:0 0 10px 0;}
#ex .ex_title {color: #8C9D28; padding: 6px 1%; font-size: 14px; text-align:center;}

/*****サイドバー2 バナー*****/
.sidebar #ban {margin:0 0 10px 0;}


/***** 旧　サイドバー2 今週の一品
.sidebar #ippin {width:100%;background-color:#EDE6CB;padding: 0 5px 3px 5px;}
.sidebar #titleimage{height: 33px;clear: both;background: #fff url(img/ippin_title.gif) no-repeat;background-position:top center;}
*****/

/**** 旧　エクステリア施行例
.sidebar #ex {width:138px;padding: 0 5px 3px 5px;background-color:#fff;border-left: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;}
.sidebar #ex_titleimage{height: 35px;clear: both;background: #fff url(img/top_exteriortitle.gif) no-repeat;background-position:top center;}
.sidebar #ex_titleimage2 {height: 7px;clear: both;background: #fff url(img/top_sekoureisaki.gif) no-repeat;background-position:top center;}
****/

/**** 旧　リフォーム施行例
.sidebar #re {width:138px;padding: 0 5px 3px 5px;background-color:#fff;border-left: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;}
.sidebar #re_titleimage{height: 35px;clear: both;background: #fff url(img/top_reformtitle.gif) no-repeat;background-position:top center;}
.sidebar #re_titleimage2 {height: 7px;clear: both;background: #fff url(img/top_sekoureisaki.gif) no-repeat;background-position:top center;}
*****/


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



/********リフォーム・エクステリアTOP用*********/
#text_cate47 {font-size:12px; line-height:18px;}

/***文字色****/
.text-black10px     { font-size: 10px; font-style: normal; line-height: 16px;                    color: #000000 }
.text-black10bpx    { font-size: 10px; font-style: normal; line-height: 16px; font-weight: bold; color: #000000 }
.text-black12px     { font-size: 12px; font-style: normal; line-height: 18px;                    color: #000000 }
.text-black12bpx    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #000000 }
.text-black14px     { font-size: 14px;                     line-height: 21px;                    color: #000000 }
.text-black16px     { font-size: 16px;                     line-height: 24px;                    color: #000000 }
.text-black14bpx    { font-size: 14px;                     line-height: 21px; font-weight: bold; color: #000000 }
.text-blue10px      { font-size: 10px; font-style: normal; line-height: 12px; font-weight: bold; color: #000099 }
.text-blue2-16bpx   { font-size: 16px; font-style: normal; line-height: 35px; font-weight: bold; color: #000099 }
.text-blue2-20bpx   { font-size: 20px; font-style: normal; line-height: 35px; font-weight: bold; color: #000099 }
.text-blue12px      { font-size: 12px;                     line-height: 18px;                    color: #0000FF }
.text-blue12bpx     { font-size: 12px;                     line-height: 18px; font-weight: bold; color: #0000FF }
.text-blue14px      { font-size: 14px;                     line-height: 21px;                    color: #0000FF }
.text-blue14bpx     { font-size: 14px;                     line-height: 21px; font-weight: bold; color: #0000FF }
.text-blue14bpx     { font-size: 14px;                     line-height: 21px; font-weight: bold; color: #0000FF }
.text-brown10px     { font-size: 10px; font-style: normal; line-height: 12px;                    color: #804000 }
.text-brown12px     { font-size: 12px; font-style: normal; line-height: 18px;                    color: #804000 }
.text-brown14px     { font-size: 14px; font-style: normal; line-height: 21px;                    color: #804000 }
.text-brown12bpx    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #804000 }
.text-brown14bpx    { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #804000 }
.text-brown-2-10px  { font-size: 10px; font-style: normal; line-height: 12px;                    color: #CC3333 }
.text-brown-2-12px  { font-size: 12px; font-style: normal; line-height: 18px;                    color: #CC3333 }
.text-brown-2-14px  { font-size: 14px; font-style: normal; line-height: 21px;                    color: #CC3333 }
.text-brown-2-12bpx { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #CC3333 }
.text-brown-2-14bpx { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #CC3333 }
.text-green10px     { font-size: 10px; font-style: normal; line-height: 12px;                    color: #4A8800 }
.text-green12px     { font-size: 12px; font-style: normal; line-height: 18px;                    color: #4A8800 }
.text-green14px     { font-size: 14px; font-style: normal; line-height: 21px;                    color: #4A8800 }
.text-green12bpx    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #4A8800 }
.text-green14bpx    { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #4A8800 }
.text-pink10px      { font-size: 10px;                     line-height: 12px;                    color: #FF6666 }
.text-pink12px      { font-size: 12px;                     line-height: 18px;                    color: #FF6666 }
.text-pink14px      { font-size: 14px;                     line-height: 21px;                    color: #FF6666 }
.text-pink14bpx      { font-size: 14px;                     line-height: 21px;font-weight: bold;color: #FF3366 }
.text-purple10px    { font-size: 10px; font-style: normal; line-height: 12px;                    color: #9c00ce }
.text-purple12px    { font-size: 12px; font-style: normal; line-height: 18px;                    color: #9c00ce }
.text-purple14px    { font-size: 14px; font-style: normal; line-height: 21px;                    color: #9c00ce }
.text-red10px       { font-size: 10px; font-style: normal; line-height: 12px;                    color: #FF0000 }
.text-red12px       { font-size: 12px; font-style: normal; line-height: 18px;                    color: #FF0000 }
.text-red14px       { font-size: 14px; font-style: normal; line-height: 21px;                    color: #FF0000 }
.text-red12bpx      { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #FF0000 }
.text-red14bpx      { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #FF0000 }
.text-red18px       { font-size: 18px; font-style: normal; line-height: 27px;                    color: #FF0000 }
.text-red18bpx      { font-size: 18px; font-style: normal; line-height: 27px; font-weight: bold; color: #FF0000 }
.text-white10px     { font-size: 10px; font-style: normal; line-height: 12px;                    color: #FFFFFF }
.text-white12px     { font-size: 12px; font-style: normal; line-height: 18px;                    color: #FFFFFF }
.text-white14px     { font-size: 14px; font-style: normal; line-height: 21px;                    color: #FFFFFF }
.text-white10bpx    { font-size: 10px; font-style: normal; line-height: 12px; font-weight: bold; color: #FFFFFF }
.text-white12bpx    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #FFFFFF }
.text-white14bpx    { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #FFFFFF }
.text-yellow10px    { font-size: 10px; font-style: normal; line-height: 12px; font-weight: bold; color: #FF9900 }
.text-yellow12px    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #FF9900 } 
.text-yellow14px    { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #FF9900 }
.text-green18px     { font-size: 18px; font-style: normal; line-height: 27px;                    color: #4A8800 }
.text-green18bpx    { font-size: 18px; font-style: normal; line-height: 27px; font-weight: bold; color: #4A8800 }

.msg-black12px { font-size: 12px; font-style: normal; line-height: 12px; color: #000000 }
.text-blue-2-16px { font-size: 16px; line-height: 24px; color: #3399cc }
.text-blue-2-14px { font-size: 14px; line-height: 16px; color: #3399cc }
.text-blue-2-12px { font-size: 12px; line-height: 18px; color: #3399cc } 
.text-orange12px  { font-size: 12px; font-style: normal; line-height: 18px; color: #ff6600}
.text-brown-2-16px { font-size: 16px; font-style: normal; line-height: 24px; color: #CC3333 }
.text-brown-2-18px { font-size: 18px; font-style: normal; line-height: 27px; color: #CC3333 }
.text-black20px     { font-size: 20px; font-style: normal; line-height: 29px;                    color: #000000 }
.text-black20bpx     { font-size: 20px; font-style: normal; line-height: 29px; font-weight: bold; color: #000000 }
.text-black16bpx     { font-size: 16px; font-style: normal; line-height: 35px; font-weight: bold; color: #000000 }
.text-white18px { font-size: 18px; font-style: normal; line-height: 27px; color: #FFFFFF }
.msg-black10px { font-size: 10px; font-style: normal; line-height: 14px; color: #000000 }