@charset "UTF-8";
/* @override
http://wsc.studiobrain.net/4/wp-content/themes/wsc4.1/style.css
*/
/*
Theme Name: WSC
Theme URI: http://wsc.studiobrain.net/4/
Description: WSCプロジェクト がボランティアで開発するテーマ。この開発への寄付はこちら
Version: 4.1
Author: Go Imai
Author URI: http://imai.studiobrain.net/
Tags: fixed width, two columns, widgets
*/
/*共通のタグ CommonTag*/
/*背景画像の挿入*/
body{margin:0;padding:0;
background-repeat:repeat-x;margin:0px;padding:0px;}
/*背景画像の挿入*/
form{margin:0px;}
p, li, ul, div {
margin: 0;
padding: 0;
}
body {
text-align:center;
color:#666666;
background:url(https://www.sky-mermaid.com//image/back.jpg);
background-repeat:repeat-x;
line-height:180%;
font-size:13px;
}
h1 {
font-size:12px;
color:#000000;
font-weight:normal;
display:inline;
}
h2 {
font-size:10px;
font-weight:normal;
display:inline;
}
p {
margin-top:0px;
margin-bottom:10px;
line-height:150%;
}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
img{border: none;}
a{color: #666;text-decoration: none; outline:none;}
a:hover{color: #FF9900;text-decoration: underline;}
.content a[target="_blank"] {background: url(img/target_blank.gif) no-repeat right center;padding-right: 15px;}
/*スペース領域 AreaSpace*/
/*wrapper section\*/
#wrapper{
width:902px;
margin:0 auto;
padding:0;
text-align:left;
background-image:url(https://www.sky-mermaid.com//img/side_line.gif);
background-repeat:repeat-y;
background-color:#f6f4ed;
}
/*wrapper section\*/
/*header section\*/
#header_top{
height:133px;
width:902px;
background-image:url(https://www.sky-mermaid.com/img/header.gif);
background-repeat:no-repeat;
margin-left:1px;
}
#header_content{
margin:0 auto;
padding:0;
}
#header_contact{
margin:0;
margin-right:32px;
padding:0;
width:387px;
float:right;
}
#rogo{
margin:0;
margin-left:46px;
padding:0;
height:46px;
width:390px;
float:left;
}
.word_rogo{
margin:0;
padding:0;
float:left;
}
.h1_word{
margin:0;
padding:0;
padding-top:46px;
float:left;
padding-left:40px;
}
/*header section\*/
/*main pic\*/
#main_pic{
margin:0 auto;
padding:0;
clear:both;
}
/*main pic\*/
/*global Menu section\*/
#globalMenu02 {
margin:0;
padding:0;
margin:0 auto;
width:898px;
height:35px;
clear:both;
}
#globalMenu02 ol {
margin:0;
padding:0;
display:inline;
text-indent:-9999px;
}
#globalMenu02 li{
list-style:none;
float:left;
}
#globalMenu02 a{
display:block;
height:35px;
background-image:url(https://www.sky-mermaid.com/img/global02.gif);
}
a.home{
width:132px;
background-position:0px 0px;
}
a:hover.home{
width:132px;
background-position:0px -36px;
}
a.salon{
width:125px;
background-position:-132px 0px;
}
a:hover.salon{
width:125px;
background-position:-132px -36px;
}
a.facial{
width:133px;
background-position:-257px 0px;
}
a:hover.facial{
width:133px;
background-position:-257px -36px;
}
a.body{
width:118px;
background-position:-390px 0px;
}
a:hover.body{
width:118px;
background-position:-390px -36px;
}
a.menu{
width:131px;
background-position:-508px 0px;
}
a:hover.menu{
width:131px;
background-position:-508px -36px;
}
a.map{
width:123px;
background-position:-639px 0px;
}
a:hover.map{
width:123px;
background-position:-639px -36px;
}
a.contact{
width:136px;
background-position:-762px 0px;
}
a:hover.contact{
width:136px;
background-position:-762px -36px;
}
/*global Menu section\*/
/*line section\*/
#line{
margin-top:3px;
padding:0;
height:7px;
background-image:url(https://www.sky-mermaid.com/img/line_blue.gif);
background-repeat:repeat-x;
text-indent:-99999px;
clear:both;
}
#line02{
margin-top:3px;
margin-bottom:10px;
padding:0;
height:14px;
background-image:url(https://www.sky-mermaid.com/img/line_blue.gif);
background-repeat:repeat-x;
text-indent:-99999px;
}
/*line section\*/
/*コンテンツの幅設定 widthとpaddingで中央に設定する footer.phpそのものもこのラップで左の余白が空くので注意\*/
#rap{
width:902px;
}
*html body #rap{
padding-left:0px;
width:902px;
}
/*タイトルバーの入れ込み 記事文字色、サイズ alpha_bg=内容の方のタイトルバーの画像\*/
#alpha{float: left;text-align:left;width: 610px;margin-left:27px;padding: 7px 20px 20px 17px;margin-top:20px; color:#666666; font-size:13px; line-height:160%;}
*html body #alpha{float: left;text-align:left;width: 590px;margin-left:17px;padding: 7px 20px 20px 17px;margin-top:20px; color:#666666; font-size:13px; line-height:160%;}
.alpha_bg{background: url(img/alpha_bg.gif) repeat-x ;}
/*タイトルバーの入れ込み 記事文字色、サイズ\*/
#beta{border-left: 1px solid #ccc;width: 180px;padding: 15px 15px 0px;float: right;border-bottom: 1px solid #ddd;}
#gamma{text-align: left;width: 935px;padding: 20px 0 20px 20px;}
/*to top section\*/
.to_top a{
margin:0;
padding:0;
margin-top:5px;
font-size:10px;
color:#666666;
padding-right:30px;
padding-bottom:10px;
text-align:right;
float:right;
clear:both;
}
/*to top section\*/
/*footer section\*/
#line_brown{
margin:0 auto;
padding:0;
width:762px;
height:5px;
margin-top:10px;
margin-bottom:10px;
background-image:url(../img/line_brown.gif);
background-repeat:repeat-y;
text-indent:-9999px;
clear:both;
}
#footer_navi{
margin:0 auto;
margin-top:10px;
padding:0;
padding-top:15px;
width:880px;
font-size:15px;
color:#7a6246;
clear:both;
text-align:center;
border-top:3px solid #223377;
}
#footer_navi a{
margin:0 auto;
padding:0;
font-size:15px;
color:#7a6246;
text-align:center;
}
#footer_buttom{
margin:0 auto;
padding:0;
padding-bottom:10px;
color:#7a6246;
font-size:12px;
text-align:center;
width:902px;
}
#footer_buttom a{
margin:0 auto;
padding:0;
padding-bottom:10px;
color:#7a6246;
font-size:12px;
text-align:center;
width:902px;
}
/*footer section\*/
/*コンテンツ Content*/
.content .pagename{font-weight: bold;margin: 0;padding: 0;clear: both;color: #005376;font-size: 16px;line-height: 18px;height: 34px;}
.content .title a{color: #2b2b2b;text-decoration:none;}
/*トップページに「topics」を表示させない場合のタイトルバーの画像入れ替え*/
.content .index .title {color: #C00;text-decoration:none;background: url(img/title_bg.gif) no-repeat left bottom;padding: 0 0 3px 17px;margin-bottom: 10px;}
/*トップページに「topics」を表示させない場合のタイトルバーの画像入れ替え*/
.content .title a:hover{color:#E6332D;}
.content a{color: #226db9;}
.content a:hover{color: #2783de;}
.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;}
.content .index {padding: 0 0 20px;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;font: 11px/16px "Courier New", Courier, mono;white-space: pre;overflow: scroll;}
/*コメント comments コメント幅など*/
#comments,#respond {clear: both;font-size: 13px;color: #246;padding: 20px 0 10px;}
ol.commentlist{float: left;width: 360px;margin: 0;padding: 0 0 0 0px;list-style-type: none;}
ol.commentlist li{padding: 10px 10px 6px;font-size: 12px;line-height: 17px;}
ol.commentlist li img.avatar {float: left;margin-right: 7px;}
ol.commentlist li cite {}
ol.commentlist li small.commentmetadata {}
ol.commentlist li p {clear: both;padding: 3px 0;font-size: 12px;line-height: 15px;}
ol.commentlist li.alt {background-color: #eceeef;}
.nocomments{display: none;}
/*ページ page*/
.page{padding: 20px 0;clear: both;}
/*子ページ relation*/
.relation{padding: 5px 0 0;}
.relation ul {color: #666;list-style-type: none;padding: 0;margin: 0;}
.relation ul li{font-size: 12px;line-height: 14px;padding-left: 20px;display: block;}
.relation ul li a{color: #555;font-size: 12px;line-height: 14px;padding: 3px 0 3px 26px;display: block;background: url(img/icon_subpage.gif) no-repeat 6px top;border-bottom: 1px solid #ccc;width: 100%;}
.relation ul li a:hover{color: #3d99e4;text-decoration: none;background-color: #f6f6f6;}
/*ページ分割*/
.linkpages{text-align: center;}
/*アーカイブリスト Archive*/
.archive a{color: #1d9c14;font-size: 14px;line-height: 16px;}
.archive h4{color: #666;font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0 5px;}
.archive ul {padding: 0 0 0 15px;margin: 0;color: #666;}
.archive ul li{font-size: 11px;line-height: 13px;padding: 9px 0 9px 9px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 1px;list-style-type: decimal;list-style-position: inside;}
.archive ul li ul{padding: 7px 0 0 12px;}
.archive ul li li{font-size: 11px;line-height: 13px;padding: 6px 0 3px 8px;border-left: 2px solid #999;list-style-type: decimal;border-bottom-style: none;border-top: 1px solid #ccc;margin: 1px 0 0;}
.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: 10px 0;color: #246;}
.links a{font-size: 14px;line-height: 16px;}
.links ul li{padding: 0 0 1px;}
.links ul li li a{padding: 6px 0 2px 11px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 0 15px;display: block;}
.links ul li li a:hover{background-color: #fffae2;text-decoration: none;}
/*サイトマップ sitemap*/
.sitemap{color: #666;}
.sitemap h3{font-size: 13px;line-height: 15px;margin: 0;padding: 4px 0 3px 6px;border-left: 3px solid #999;color: #555;}
.sitemap ul{font-size: 11px;line-height: 13px;list-style-type: none;margin:0;padding: 0;}
.sitemap ul ul {padding-left: 15px;border-top: 1px solid #666;border-right: 1px solid #bbb;}
.sitemap ul li{margin: 0 0 20px;padding: 0;}
.sitemap ul ul a{font-size: 14px;line-height: 16px;color: #226db9;}
.sitemap ul ul a:hover{color: #2781db;}
.sitemap ul ul li{padding: 10px 0 6px 12px;border-left: 1px solid #bbb;margin: 0;border-bottom: 1px solid #aaa;background-color: #fafafa;border-top: 1px solid #fff;}
.sitemap ul ul ul{padding: 5px 0 2px 9px;margin:0;border-top-style: none;border-right-style: none;}
.sitemap ul ul ul a{font-size:12px;line-height: 14px;color: #666;}
.sitemap ul ul ul a:hover{color: #666;}
.sitemap ul ul ul li{border-style: none;list-style-type: disc;list-style-position: inside;padding: 2px;}
.sitemap ul ul ul ul li{}
/*delicious*/
.delicious-posts ul,#delicious ul{padding: 0;margin: 0;font-size: 12px;line-height: 15px;list-style-type: none;}
li.delicious-post.delicious-odd a,#delicious a{padding: 5px 0 5px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;background-color: #f9f9f9;display: block;color: #297ee5;width: 524px;}
li.delicious-post.delicious-even a{padding: 5px 0 5px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;background-color: #f0f0f0;display: block;color: #297ee5;width: 524px;}
li.delicious-post.delicious-odd a:hover,#delicious a:hover{text-decoration: underline;color: #43b2fc;background-color: #fcfcfc;}
li.delicious-post.delicious-even a:hover{text-decoration: underline;color: #43b2fc;background-color: #f3f3f3;}
/*タグ検索 Tags*/
.tags {line-height: 200%;}
/*トピックス表示 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: 11px;background-color: #aaa;padding: 3px 4px 2px;margin-right: 4px;}
/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 20px 0 0;}
.navigation a{color: white;padding: 2px 10px;background-color: #999;border: 2px solid #ccc;font-size: 11px;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {display: inline;margin: 0 5px;}
.navigation div.alignright {display: inline;margin: 0 5px;}
/*サイドバー共通 Sidebar*/
#beta ul{margin-left:0px;padding: 0;list-style-type: none;font-size: 11px;line-height: 15px;}
#beta ul li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta .widget{padding:0 0 15px;font-size:11px;line-height:1.3;}
#beta .module_title {font-size:12px;padding:0px 0px 4px 0;border-bottom:1px solid #bbb;margin:0 0px 6px;color:#888;}
/*サイドメニューボタン Menu*/
#beta li.cat-item{padding: 0 0 6px;background-image: none;}
#beta li.cat-item a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(img/menu_btn.gif) no-repeat center top;}
#beta li.cat-item a:hover{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
#beta ul.children{padding: 5px 0 0;}
#beta ul.children ul{padding: 0;}
#beta ul.children li.cat-item {padding: 0 0 0 10px;font-size: 11px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta ul.children li.cat-item a {font-size: 11px;line-height: 13px;height: auto;background-image: none;text-align: left;width: 100%;padding: 0;}
/*NAVT*/
div.navt_tog {padding: 2px 0 4px;margin: 0 0 0 -10px;background-image: none;background-color: #f9f9f9;}
div.navt_tog a {width: 180px;display: block;height: 24px;text-align: center;font-size: 12px;line-height: 15px;color: #4083af;margin: 0;padding: 11px 0 0;}
div.navt_tog a:hover{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
#beta ul.menu li.emptytab{height: 3px;margin: 0 0 5px;background-image: none;width: auto;font-size: 1px;line-height: 1px;border-bottom: 1px solid #bbb;padding: 0;}
#beta ul.menu li.item_parent li,
#beta ul.menu li.current_item_parent li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;list-style-type: none;height: inherit;width: inherit;}
#beta ul.menu li.item_parent li a,
#beta ul.menu li.current_item_parent li a {text-align: left;padding: 0;font-size: 11px;line-height: 13px;height: auto;width: inherit;background-image: none;}
div.navt_tog.blue a{background: url(img/menu_btn1.gif) no-repeat center top;}
div.navt_tog.yellow a{background: url(img/menu_btn2.gif) no-repeat center top;}
div.navt_tog.red a{background: url(img/menu_btn3.gif) no-repeat center top;}
div.navt_tog.green a{background: url(img/menu_btn4.gif) no-repeat center top;}
div.navt_tog.gray a{background: url(img/menu_btn.gif) no-repeat center top;}
/*タグクラウドウィジェット Tags*/
div#tag_cloud,div.st-tag-cloud {margin-bottom: 15px;line-height: 1.3;}
/*カレンダーウィジェット Calendar*/
#wp-calendar {width: 100%;font-size: 11px;color: #7f9e5e;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*/
/*コメント Comment*/
#commentform {padding-left: 40px;}
#commentform #comment{width: 300px;border: 1px solid #b3b3b3;background-color: #ffffff;height: 170px;font-size: 12px;line-height: 18px;padding: 5px;}
#commentform #author,
#commentform #email,
#commentform #url {border: 1px solid #b3b3b3;background-color: #ffffff;width: 250px;padding: 5px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;}
#commentform p {padding: 0 0 5px;}
#commentform 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;}
/*Contact Form 7*/
div.wpcf7 th{font-weight: normal;font-style: normal;font-size: 12px;line-height: 14px;padding-right: 10px;}
div.wpcf7 input {border: 1px solid #999;padding: 5px;font-size: 12px;margin: 2px 0;}
div.wpcf7 textarea {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0;}
div.wpcf7 select {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0;}
div.wpcf7 .text_s{width: 40px;}
div.wpcf7 .text_m{width: 200px;}
div.wpcf7 .text_l{width: 400px;}
div.wpcf7 .wpcf7-radio input {border-style: none;}
div.wpcf7 .submit{text-align: center;clear: both;}
div.wpcf7 .submit input {border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 4px 0 0;}
div.wpcf7 img.wpcf7-captcha-captcha {vertical-align: middle;float: left;padding: 2px;}
div.wpcf7 .wpcf7-form-control-wrap.captcha {float: left;}
div.wpcf7 .wpcf7-validates-as-required {background-color: #fffadf;}
div.wpcf7 input:focus,
div.wpcf7 textarea:focus,
div.wpcf7 select:focus { background:white; }
div.wpcf7 {padding: 0;margin: 0;clear: both;}
div.wpcf7 form{background-color: #eee;padding: 10px;border: 1px solid #ccc;margin: 0;}
div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {position: relative;float: left;}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 11px;width: 280px;padding: 2px;line-height: 13px;}
div.wpcf7 span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 11px;display: block;line-height: 13px;}
span.wpcf7-list-item {margin-left: 0.5em;}
/*地図 Map*/
#map {border-style: solid;border-width: 1px;}
/*WP2.5ビジュアルエディタ*/
.page img.aligncenter {display: block;margin: 0 auto;}
.page img.alignleft {float: left;margin: 0 10px 10px 0;}
.page img.alignright {float: right;margin: 0 0 10px 10px;}
/*その他 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;padding: 0;float: right;width: 49px;height: 15px;}
#alpha .edit a{width: 49px;height: 15px;float: right;text-indent: -9999px;background: url(img/edit.gif) left top;}
#alpha .edit a:hover{background-position: left bottom;}
/*----page up start----*/
#to_up{
clear:both;
padding-top:20px;
text-align:right;
font-size:11px;
margin-right:10px;
}
/*----page up end----*/
/*----trackback css----*/
input#tb_url {
font-family: "courier new", courier, monospace;
background-color: #CCC;
font-size: 1em;
padding: 0.2em;
width: 79%;
}
/*----trackback css----*/