編集資料：スタイルシート

←冒頭スペース

Webかわさき会員　海口によるバックデータです。「公開日時」を「６月20日08:00」とし、「投稿一覧」の末尾に入れました。
さらに「みばえ」をカスタマイズしたい時の編集資料としてご利用ください。（20150628投稿）

以下、デフォルトのスタールシートです。
「拡張css」にコピペしてカスタマイズしている記述を赤字に、そのデフォルトを青字にしています。

 デフォルトのスタールシート
（このタイトルは「見出し２」を指定。別ページではありません。）

/*
Theme Name: yamayuri HP studio
Description: 2014 By Miwa
*/

/* 基本 */
body {
font-family: ‘メイリオ’, ‘Hiragino Kaku Gothic Pro’, sans-serif;
background-color: #F1FCE9; /* 全体の背景色 */
margin: 0 auto;
}

body {
background: url(http://web-asao.jp/hp2/kakiokyoudo-shiryoukan/wp-content/uploads/sites/22/2015/06/Back-Arnd2.jpg) repeat;
}

/*★※「全体の背景画像利用の有無」のチェックを外す必要あり　*/

.claer {
elcar: both;
}
a {text-decoration: none;
color: rgb(10,115,201); /*#0c8bcd*/ }
a:hover {text-decoration: underline;
color: rgb(204,102,0); }
a img {border: none}

/* コンテナ */
div#container {
position: relative;
top: 0;
width: 980px;
margin: 0 auto;
/* background-color: #F1FCE9;*/ /* miwa url(images/back-image.png) repeat-y;*/
}

---

/* ヘッダー */
div#container-inner {
font-family: ‘Hiragino Kaku Gothic Pro’, sans-serif;
margin-bottom: 0; /*20px*/
margin-top: 0;
/*box-shadow: 15px 15px 10px gray;*/
}

div#container-inner h1 {font-size: 1.0em;
margin: 0}

div#container-inner h1 a {color: rgb(82,18,188);}

div#container-inner div#desc {
float: left;
font-size: 1.0em;
font-family: ‘Hiragino Kaku Gothic Pro’, sans-serif;
font-weight: normal;
color: rgb(0,0,255);
height: 2.0em;
/* margin: -5px auto auto 210px;*/
line-height: 250%;
}
div#container-inner div#site-title {
position: absolute;
top: 60px;
left: 30px;
float: left;
font-size: 2.0em;
font-family: ‘Hiragino Kaku Gothic Pro’, sans-serif;
font-weight: blod;
color: rgb(0,0,255);
/* height: 2.0em;*/
/* margin: -5px auto auto 210px;*/
/* line-height: 250%;*/
}
div#subinfo {text-align: right;
margin: 8px 0}

/* トップページの画像 */
div#title-image {
margin: 0 0 0 0 ;
position: relative;
}

div#title-image div.address {
position: absolute;
top: 90px;
left: 595px;
height: 30px;
width: 300px;
color: black;
font-size: 0.75em;
}

div#top-image {
margin: 45px auto;
text-align: center;
/* box-shadow: 15px 10px 10px gray;*/
}

---

/* 新着情報 */
div.feed {
margin: 10px auto 0 ;
margin:10px 0;
background-color: White;
border-radius: 5px; /* CSS3 */
-webkit-border-radius: 5px; /* Safari,Google Chrome */
-moz-border-radius: 5px; /* Firefox */
border: 1px Silver solid;
font-size: 100%;
}

.newmark {
vertical-align: top !important;
}
div.feed-head {
background-color: #40e200;
color: #4929bc;
margin: 0;
padding: 5px 10px;
box-shadow: 1px 1px 4px #ccc;
-webkit-box-shadow: 1px 1px 4px #ccc;
-moz-box-shadow: 1px 1px 4px #ccc;
border: 0;
border-bottom: 1px Silver solid;
border-top-left-radius: 3px; /* 左上 */
border-top-right-radius: 3px; /* 右上 */
-webkit-border-top-left-radius: 3px; /* 左上 */
-webkit-border-top-right-radius: 3px; /* 右上 */
-moz-border-radius-topleft: 3px; /* 左上 */
-moz-border-radius-topright: 3px; /* 右上 */
overflow: hidden;
}
div.feed-title {
font-weight: bold;
font-size: 100%;
text-align: left;
float:left;
}
div.feed .list {
margin: 5px 0;
padding: 0;
border: 0;
overflow: hidden;
}
div.feed .list-date {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
float: left;
width: 8.7em;
font-weight: normal;
overflow: hidden;
}
div.feed .list-title {
margin: 0;
padding: 0 2px;
overflow: hidden;
}

---

/* ナビゲーションバー */
div#nav {
position: relative;
font-size: 0.75em;
font-weight: normal;
height: 50px;
border-left: solid 1px #aaaaaa;
background-color: rgb(134,187,76);
margin-top: 4px;
/* margin-left: 50px;*/
margin-bottom: 8px;
box-shadow: 15px 10px 10px gray;
}

div#nav ul {margin: 0;
padding: 0}

div#nav li {list-style-type: none;
float: left;
/*display: block;*/
}

div#nav li a {
display: block;
margin-top: 5px;
width: 178px;
line-height: 30px;
border-top: solid 1px #aaaaaa;
border-right: solid 1px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
color: #000000;
background-color: rgb(255,255,204);
text-align: center;
}

div#nav li a:hover {background-color: #c4f254}

div#nav li.current_page_item a {
background-color: #c4f254;
}
.menu-mainnavi-container {
margin-left: 10px;
}

ページの先頭へ

---

/* コンテンツ全体（サイドバー＋コンテンツ）*/
div#container-inner div#content-body:after {
clear: both;
content: “”;
/* display: block;*/
}
div#container-inner div#content-body {
position: relative;
background-color: #F1FCE9; /* コンテンツ領域の初期の背景色 ＝本文の背景色でもあります★#F1FCE9＝薄い緑です。*/
overflow: hidden;
width: 100%;
}

/* コンテンツ */
div#container-inner div#content:before {
/* background-color: #F1FCE9;*/ /* miwa */
clear: both;
}
div#container-inner div#content:after {
clear: both;
content: “”;
display: block;
}
div#container-inner div#content {
/* background-color: #F1FCE9;*/ /* 本文表示域の背景色 */
clear: both;
width: 70%;
float: right;
padding-right: 10px;
padding-top: 20px;
padding-left: 10px;
color: rgb(32, 32, 32);
min-height: 760px;
line-height: 130%;
}

---

/* トップページコンテンツ */
div#content div#contentinner-top {width: 510px;
float: left;
}

p.title {
/* display: none; *//* 非表示 */
font-weight: bold;
color: #585858;
width: 200px;
margin: 0 0 10px;
padding: 0 30px 0 10px;
background-image: url(bar.png);
background-repeat: no-repeat;
background-position: right top}

/* ページ送り */
p.pagenation {font-size: 0.75em;
overflow: hidden}

span.oldpage, span.oldpage a {float: left;
background-color: #78982b;
color: #ffffff;
}

span.newpage, span.newpage a {float: right;
background-color: #78982b;
color: #ffffff;
}
div.to-detail {
float: right;
}
div.to-detail a:hover {
Opacity:0.75;
filter: alpha(opacity=75);
-moz-opacity:0.75;
-webkit-opacity: 0.75;
-khtml-opacity: 0.75;
}

---

/* 記事 */
div.post {margin-bottom: 30px; font-size: 0.9em;
overflow: hidden}

div.post h2 {
/* background-image: url(images/chip.png); */
background-repeat: no-repeat;
background-position: left center;
/* border-top: solid 1px #aaaaaa; */
border-left: solid 1em #0cb00d;
border-bottom: solid 1px #0cb00d;
font-size: 0.875em;
padding: 3px 8px; /*10px 18px;*/
margin: 0;
}

font-size: 16px;

div.post h2 a {color: #000000;
}

div.post p {font-size: 0.875em;
line-height: 1.6;
letter-spacing: 0.03em;
padding-left: 20px;
}

div.post p.postcat {text-align: right;
margin: -10px 10px 10px 0;
display: none; }

div.post p.postcat a {font-size: smaller;
background-color: #a7d043;
border-radius: 2px;
color: #ffffff;
padding: 1px 5px}

div.post p.postinfo {color: rgb(10,115,201); /*#0c8bcd;*/
text-align: right;
margin: 0;
display: none; }

/* 関連記事 */
div.yarpp-related {
background-position: left center;
background-repeat: no-repeat;
border: 1px solid #999999;
/* border-left: 1em solid #0CB00D;*/
margin: 20px 0;
padding: 0px 8px;
}
div.yarpp-related h3 {
background-position: left center;
background-repeat: no-repeat;
text-decoration: underline;
/* border-bottom: 1px solid #ffB00D;*/
/* border-left: 1em solid #0CB00D;*/
font-size: 0.875em;
}

/* 記事内の画像 */
.aligncenter {display: block;
margin-left: auto;
margin-right: auto}

.alignleft {float: left;
margin-right: 10px;
margin-bottom: 10px}

.alignright {float: right;
margin-left: 10px;
margin-bottom: 10px}

.wp-caption {
/* border: solid 1px #aaaaaa;*/
text-align: center;
padding-top: 5px}

---

/* サイドバー */
div#container-inner div#sidebar {
/* background-color: #F1FCE9;*/ /* miwa */
width: 248px;/*26%;*/
border: 1px solid #999999;
/* margin-top: 20px;*/
float: left;
}
div#container-inner div#sidebar .side-menu {
padding-top: 10px;
}
div#sidebar ul {
margin-top: 3px;
padding: 0 0 0 3px;
list-style-type: none;
/* color: #ffffff;*/
/* font-weight: bold;*/
/* font-size: 20px;*/
}
div#sidebar ul ul {
margin-top: 3px;
padding: 0;
list-style-type: none;
/* color: #ffffff;*/
/* font-weight: bold;*/
/* font-size: 20px;*/
}
div#sidebar .widget {margin-bottom: 20px;
/* border: solid 1px #aaaaaa; */
}
div#sidebar .child_item {
padding: 0 0 0 10px;
list-style-type: none;
/* color: #ffffff;*/
}
div#sidebar #side-title
{
font-size: 1.2em;
letter-spacing: 0.01em;
color: white; /*rgb(10, 24, 158);*/
padding: 2px 0 0 10px;
text-align: left; /*center;*/
font-weight: bold;
height: 25px;
}

div#sidebar h2 {font-size: 0.75em;
color: rgb(255,255,204);
/* background-color: rgb(68,169,255);*/ /*#aaaaaa;*/
/* border-radius: 3px; */
padding: 2px 20px;
margin: 0;
text-align: left; /*center;*/
text-decoration: underline;
}

/*
div#sidebar li li {font-size: 0.75em;
margin: 0}
*/
div#sidebar li a {
font-size: 16px;
color: #444; /* サイドバーの文字の色 */
display: block;
padding-left: 16px;
line-height: 280%;
/* margin: 18px 0 18px 15px;*/
height: 20px;
margin-bottom: 2px;
font-weight: bold;
/* background: url(images/arrow.png) no-repeat;*/
}
div#sidebar li a:hover {
color: #cc6600;
text-decoration: underline;
/* background: url(images/arrow.png) no-repeat;*/
}
div#sidebar li li a {
/* font-size: 0.75em;*/
/* color: rgb(232,232,232); *//*#009999;*/
display: block;
padding-left: 30px;
/* padding: 5px 10px; */
/* margin: 15px 0 0 30px;*/
}

div#sidebar li li li a {
font-size: 0.75em;
color: rgb(232,232,232); /*#009999;*/
display: block;
/* padding: 5px 10px; */
margin: 15px 0 0 45px;
}

div#sidebar li li a:hover {
/* background-color: rgb(32,32,32);*/
color: rgb(250,30,30);
}
div#sidebar #banner {
margin: 20px auto;
text-align: center;
}
div#sidebar #banner a:hover {
opacity: 0.75;
}

div#sidebar #banner img {
margin: 10px 0;
text-align: center;
}
div#sidebar #archives-list {
font-size: 0.9em;
padding-top: 20px;
padding-left: 16px;
color: #ff0000;
font-weight: bold;
}
div#sidebar #archives-list ul li a {
background-image: none;
height: 20px;
}

/** 保留
div#sidebar .current_page_item a , div#sidebar li.current-menu-item a{
color: red;
}
**/

ページの先頭へ

---

/* テキストウィジェット */
div.textwidget {
border: solid 1px #606060 ;
font-size: 0.7em;
background-color: rgb(253,242,142);
text-indent: 1em;
}

---

/* 右サイドバー */
div#sidebar-r {
float: right;
width: 160px; }

div#sidebar-r ul {margin: 0;
padding: 0;
list-style-type: none}

div#sidebar-r .widget {margin-bottom: 20px}

div#sidebar-r h2 {
display: none;
font-size: 0.75em;
color: #ffffff;
background-color: rgb(68,169,255); /*#aaaaaa;*/
border-radius: 3px;
padding: 2px 10px;
margin: 0}

div#sidebar-r li li {font-size: 0.75em;
border-bottom: dotted 1px #aaaaaa;
margin: 0}

div#sidebar-r li li a {color: rgb(68,169,255); /*#000000;*/
display: block;
padding: 5px 10px}

div#sidebar-r li li a:hover {background-color: #f7e29e}
div.widget_sp_image-description { font-size: 0.6em; }

---

/* フッター */
div#footer {
clear: both;
background-color: #3366ff;
border-top: solid 1px #aaaaaa;
padding: 6px 0;
/* margin-left: -80px;*/
width: 100%;
}

div#footer p {
color: #dddddd;
font-size: 0.75em;
font-style: normal;
font-family: Verdana, sans-serif;
margin: 0;
text-align: center;
}

div#footer p a {
color: #d0d0d0;
}
div#footer span.access-counter {
color: red;
}

/* Photo Dropper */
div.flickrphoto {text-align: center;
margin: 30px 0}

div.flickrphoto a img {border: solid 1px #aaaaaa;
padding: 10px}

div.flickrphoto small a img {border: none;
padding: 0
}

ページの先頭へ

---

/* ギャラリー */

.gallery-item {
width: 　; /*★25%　　←33%; for 3col*/
float: left;
margin-top: 0;
text-align: center
}

.gallery img {
border: solid 1px #aaaaaa;
padding: 5px;
}

.gallery a:hover img {
background-color: #c4f254;
}

.gallery dd {
margin: 0;
font-size: 0.75em;
}

.gallery br+br {
display: none;
}

---

/* カスタムフィールド */
div.customfld {width: 500px;
float: none;
text-align: center;
border: solid 1px #f3b62f;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px}
table.customtbl {width: 600px;
float: none;
text-align: left;
border-top: solid 1px #f3b62f;
border-left: solid 1px #f3b62f;
border-right: solid 0px #f3b62f;
border-bottom: solid 0px #f3b62f;
padding: 0px;
/* margin-right: 10px;
margin-bottom: 10px; */}

th.customth, td.customtd {
font-size: 0.875em;
border-top: solid 0px #f3b62f;
border-left: solid 0px #f3b62f;
border-right: solid 1px #f3b62f;
border-bottom: solid 1px #f3b62f;
}

/* 関連記事 */
div.related {border: solid 1px #aaaaaa;
margin-top: 20px}

div.related p {color: #ffffff;
background-color: #a7d043;
margin: 0;
padding-left: 10px}

div.related ol {font-size: 0.75em}
.single div.post h2 a {color: black; /*white; */}

/* 分割した記事へのリンク */
#postpage {text-align: center;
padding-top: 20px;
clear: both}

#postpage a {border: solid 1px #aaaaaa;
padding: 5px 10px;
margin: 0 10px}

#postpage a:hover {background: #f7e29e}

#postpage span {padding: 5px 10px;
color: #888888;
background: #dddddd}

#postpage a span {padding: 0;
color: black;
background: none}

/* 画像の個別ページ */
.attachment div#content {width: 100%;
float: none}

.attachment p.photo {text-align: center}

/* タイトルの一覧 */
ul.post {list-style-type: none;
margin: 0;
padding: 0;
border-top: dotted 1px #aaaaaa}

ul.post li {border-bottom: dotted 1px #aaaaaa;
background-image: url(chip.png);
background-repeat: no-repeat;
background-position: left center;
padding: 15px 0 15px 20px}

ul.post li a {color: #000000}

ul.post li span {font-size: smaller;
color: #888888}

/* 続きを読む */
div.post p.more {margin: 2;
font-size: 0.9em; /*0.625em */}

div.post p.more a {border: solid 1px #aaaaaa;
color: #000000; /*#333333;*/
padding: 0px}

div.post p.more a:hover {background: #f7e29e}

---

/* サムネイル画像 */
div.post p.thumb {float: left;
margin: 0 10px 10px 0}
/* トップページのタイトルの一覧 */
ul.toplist {list-style-type: none;
margin: 0 0 30px;
padding: 0;
border-top: solid 1px #aaaaaa}

ul.toplist li {font-size: 0.875em;
font-weight: bold;
border-bottom: solid 1px #aaaaaa;
background-image: url(chip.png);
background-repeat: no-repeat;
background-position: left center;
padding: 5px 0 5px 20px}

ul.toplist li a {color: #000000}

ul.toplist li span {font-size: smaller;
color: #888888}

/* おすすめ記事 */
div#pickup div.post {border: dotted 2px #f3b62f;
background-color: #ffeedd;
padding: 15px}

/* ステータス */
div#sidebar li#execphp-3 h2 {background-color: #333333;
border-radius: 0}

div#sidebar li#execphp-3 ul {border: solid 1px #aaaaaa}

div#sidebar li#execphp-3 li {padding: 5px 10px}

div#sidebar li#execphp-3 span {color: #888888}

/* 人気記事ランキング */
div#sidebar ol {margin: 0;
padding: 0;
list-style-type: none}

div#sidebar ol li a:before {content: counter(mycount);
font-family: ‘Trebuchet MS’, sans-serif;
font-weight: bold;
font-size: larger;
color: #ffffff;
background-color: #f3b62f;
padding: 2px 7px;
margin-right: 7px;
vertical-align: -2px}

div#sidebar ol li {counter-increment: mycount}

---

/* パンくずリスト */
.single div#container-inner, .archive div#container-inner
{margin-bottom: 5px}

#breadcrumb {
margin: 0;
display: none;/*★パンくずリストを非表示にするときはdisplay: none;を追加します*/
}

#breadcrumb ul {
margin-top: 0;
padding-left: 2px;
}
#breadcrumb li {
font-size: 12px;
font-size: 0.857142857rem;
display: inline;
margin-right: 0.5em;
line-height: 1.5;
}

/* イベントカレンダー */
#calendar_wrap {

}

#wp-calendar {
font-size: 0.9em;
width: 200px;
border-style: solid;
border-top: 1px solid #606060;
border-left: 1px solid #606060;
border-bottom: 1px solid #606060;
border-right: 1px solid #606060;
text-align: center;
background-color: rgb(250,250,250);
}

#wp-calendar a {
color: rgb(209,27,200);
}

---

/* 検索フォーム */
#searchform, #searchform div {display: inline}

#searchform label {display: none}

#s {border: solid 1px #aaaaaa;
border-radius: 5px;
margin-top: 5px;
padding: 1px 8px}

#s:hover, #s:focus {background-color: #eeeeee}

#searchsubmit {background-color: #666666;
border-radius: 5px;
color: #ffffff;
border: solid 1px #aaaaaa;
padding: 1px 8px;
margin-top: 5px;
margin-right: 10px}

#searchsubmit:hover {background-color: #aaaaaa}

div#subinfo img {vertical-align: bottom}

/* 検索結果 */
.search p.title {width: auto;
background: #333333;
color: #ffffff;
padding: 10px;
font-size: 1.25em}

.search-no-results p.title {text-align: left;
margin-bottom: 50px}

.search-no-results #content {
/* text-align: center; */
line-height: 2;
/* border: solid 1px #333333;*/
padding-bottom: 40px}

/* お問い合わせ */
.wpcf7-form {
background-color: #fbfadb; /* メールフォームの背景色 */
padding: 20px;
border-radius: 10px}

.wpcf7-form span.req {color: #aa0000;
font-size: smaller}

.wpcf7-form input {width: 80%}

.wpcf7-form textarea {width: 100%}

.wpcf7-form p.submit {text-align: center}

.wpcf7-form .wpcf7-submit {
width: 200px;
height: 45px;
font-size: 150%;
}

/* お問い合わせ */
.wpcf7-form {
background-color: #d3cd17; /* メールフォームの背景色 #fbfadb*/
padding: 20px;
border-radius: 10px}

.wpcf7-form span.req {color: #aa0000;
font-size: smaller}

.wpcf7-form input {width: 80%}

.wpcf7-form textarea {width: 100%}

.wpcf7-form p.submit {text-align: center}

.wpcf7-form .wpcf7-submit {
width: 150px;
height: 45px;
font-size: 150%;
}

ページの先頭へ

---

/* ページ番号リンク */
p.pagenum {text-align: right}

p.pagenum a, p.pagenum span
{padding: 3px 6px;
color: #ffffff}

p.pagenum a {background-color: #78982b}

p.pagenum span {background-color: #a7d043}

/* コメント */
h3#comments {
font-size: 0.875em;
}

.commentlist {
font-size: 0.875em;
}

#respond h3 {
font-size: 0.875em;
}

---

/* テーブル枠定義 */
table {
margin: 4px;
padding: 0;
border-top: 1px solid #606060;
border-left: 1px solid #606060;
border-bottom: 0px solid #606060;
border-right: 0px solid #606060;
font-size: 14px;
border-style: solid;
border-collapse: collapse;
}

table, th, td {
border:none;
}

.table-noline {　/*★この使い方の説明はちょっと複雑なので保留　*/
margin: 4px;
padding: 0;
border-top: 0px solid #606060;
border-left: 0px solid #606060;
border-bottom: 0px solid #606060;
border-right: 0px solid #606060;
font-size: 14px;
border-style: solid;
}

th, td {
padding: 2px;
border-top: 0px solid #606060;
border-left: 0px solid #606060;
border-bottom: 1px solid #606060;
border-right: 1px solid #606060;
color: #333;
border-style: solid;
}

.th-noline, .td-noline {　/*★この使い方の説明はちょっと複雑なので保留　*/
padding: 2px;
border-top: 0px solid #606060;
border-left: 0px solid #606060;
border-bottom: 0px solid #606060;
border-right: 0px solid #606060;
color: #666;
border-style: solid;
}

---

/* 囲み記事用として(html表記) */
pre {
margin:10px 10px 18px 10px;
padding:10px;
background:#fffff6;
border:1px solid #999;
font-size:13px;
line-height:140%;
/* width:98%; */
/* _width:100%; */
width:90%;
_width:98%;
text-indent: 1em;
overflow:auto;
}

p#jump {
text-align: right;
display: block;
}
p#jump a.totop {
/* background: url(images/v_hd.gif) 0 0 no-repeat;*/
background: url(images/totop.png) 0 0 no-repeat;
font-size: 12px;
color: blue;
font-weight: normal;
width: 100px;
padding: 4px 0 10px 20px;
height: 20px;
}
p#jump a.toprev {
/* background: url(images/v_top.gif) 0 0 no-repeat;*/
background: url(images/toprev.png) 0 0 no-repeat;
font-size: 12px;
color: red;
font-weight: normal;
width: 100px;
padding: 4px 0 10px 20px;
height: 20px;
}
p#jump a.totop:hover ,
p#jump a.toprev:hover {
Opacity:0.75;
filter: alpha(opacity=75);
-moz-opacity:0.75;
-webkit-opacity: 0.75;
-khtml-opacity: 0.75;
}

display: inline;