body {
 font-family:"Verdana","Impact","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka",sans-serif;
 line-height: 1.6;
 padding: 0;
 margin: 0;
 color: #000000;
 background-color: #E3E3E3;
}

/* ブログ左上に表示されるブログタイトル */
h1 { font-size: 20px; }

/* ブログタイトルの下に表示される説明文 */
h_intro {
 font-size:14px;
 /* 文字色 color:#0000ff; */
 /* 背景色 background: #cccccc; */
 text-align: left;/* 文字を左揃 */
}

/* 未訪問時の設定 */
a:link {
 color:#000000;
 text-decoration: underline;
}

/* 訪問時の設定 */
a:visited {
 color: #000000;
 text-decoration: none
}

/* クリック時の設定 */
a:active {
 color: #d00;
 text-decoration: none
}

/* マウスオン時の設定 */
a:hover {
 color: #d00;
 text-decoration: underline;
}

/* レイアウト設定 */
/* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。
 そのために、left 属性では左に大きくパディングを取ってます。
 left でも実際は、右側に表示されることになります。 */

/* 表示全体 */
#super_container{
 width : 1500px;
 padding: 0 2%;
}

/* 記事表示部分 */
#left {
 width: 1280px;
 margin: 3.7em 0 0 15em;
 padding: 0 0 0 0px;
 word-break: break-all;

}

/* メニュー表示部分 */
/* 横幅を増やした場合は left 属性の右パディングも増やしてください。 */
#right {
 font-size:10px;
 width: 250px;
 position: absolute;
 top: 6.5em;
 left:0.5em;
 font-size:12px;
 color: #232323;
}

.rightmenu{
    overflow-x: scroll;
    overflow-y: hidden;
white-space:nowrap;
background: #eee;		/* メニュー背景色 */ 
font-size: 90%;
line-height: 150%;
}

/* メニューの見出し*/
#right h3 {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
 padding: 0 0.1em 0 0.7em;
 color:#666;
 font-size: 14px;
 letter-spacing: 0.2em;
 padding:3px;
 background-color: #CCCCCC;
}

/* 自己紹介的なところのリスト要素 */
#right ul.info {
 list-style-type: circle;
}

/* その他のメニュー内のリスト */
#right ul {
 list-style-type: square;
 padding: 0.1em 0.1em;
 margin: 0;
}

#right ul li {
 font-size: 12px;
 margin: 0 0 0 0.7em;
 list-style-position: outside;
padding: 3px 1px;
}

/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
#right ul li span {
 margin-left: 0.3em;
}

#right p{
 color:#666666;
 margin:0.3em;
}

/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {
 margin: 5.7em 0 0 0;
 text-align: right;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
 font-size: 12px;
 letter-spacing: 0.2em;
}


/* 記事の見出し(タイトル) */
#left h3 {
background-color:#DCDCDC;
 font-size:14px;
 /* border-left: 7px solid #0000FF; 見出し左に■を表示 色は青 */
 padding: 0 0.1em 0 0.7em;
 margin: 0 0 0 0;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;

}

/* 記事表示部分を囲うブロック要素の属性 */
.body {
 font-size: 12px;
 border-top: 1px dashed #999;
 border-bottom: 1px dashed #999;
background-color: #EFEFEF;
 margin: 0 0 5.7em 0;
 padding: 1.5em;
 line-height: 1.4;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
 word-break: break-all; /* 表示範囲に合わせて改行 */
}

/* 記事内に画像があった場合、左に滑り込ませる */
.body img {
 margin: 0 0.7em 0 0;
}

/* 記事のステータス用リスト */
.sub {
 text-align: right;
 margin: 2.7em 0 0 0;
}
.sub li {
 display: inline;
}
.sub a {
 margin-right: 0.3em;
}

/* レスフォーム設定 */
.reaf {
 color: #333;
 position: relative;
 width: 100%;
 margin: 1.7em 0%;
}
.reaf dt {
 letter-spacing: 0.1em;
 position: absolute;
 left: 0;
}
.reaf dd {
 padding: 0 0 0.5em 5.7em;
}
.reaf input {
 /*width: 50%;*/
}
.reaf textarea {
 width: 80%;
}
#himitsu {
 width: auto;
}

/* フォームをコンパクトにする場合は以下 */
/*
.reaf {
 color: #999;
 width: 100%;
}
.reaf dt {
 letter-spacing: 0.1em;
}
.reaf dd {
 margin: 0;
 padding: 0 0 0.5em 0;
}
.reaf input {
 width: 50%;
}
.reaf textarea {
 width: 80%;
}
#himitsu {
 width: auto;
}
*/

/* 自己紹介的なところで画像を使用した場合の中央寄せ */
.pay {
 text-align: center;
 margin-right:2em;
}

/* コメントリストの設定 */
#commentlist {
 margin-top: 1.7em;
 margin-bottom: 7.7em;
 margin-right: 1.7em;
background-color: #FFFFF0;
}

/* トラックバックリストの設定 */
#trackbacklist {
 margin: 2.7em 1.7em 0 0;
 padding: 1.7em 0 2.7em 3.7em;
 border-top: 1px solid #ddd;
background-color: #FFFFF0;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
 margin-top: 0.7em;
 margin-bottom: 1.7em;
background-color: #FFFFF0;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
 margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
 margin-bottom: 0.5em;
}

/* trackback uri 表示部分の設定 */
#trap dt {
 margin: 0 0 0.5em 0.7em;
}
#trap dd {
}
#trap dd a {
 text-decoration: underline;
}

/* 検索 */
#right form {
 margin: 0;
}
.light {
 margin: 2.7em 0 0 0;
 padding: 0.7em 0 0 0;
}
.search {
 margin: 0 0 3.7em 0;
 padding: 0.7em 0;
}
.search input {
}

textarea,input,select {
 font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

img.emoji{
 vertical-align:middle;
 border:0;
}

.plugin-title{
 color:#666666;
 font-weight:bold;
 font-size: 13px;
 letter-spacing: 0.1em;
 margin: 1.7em 0 0 0;
 text-decoration: underline;
}
.plugin-content{
 color:#666666;
 font-size: 12px;
}
.plugin-content p{
 color:#666666;
 margin:0.1em 0.5em 0 0.3em;
 padding:0.5em;
 font-size: 12px;
}
.plugin-content ul,li{
 color:#666666;
 font-size: 12px;
 list-style-type:disc;
}
.plugin-content li{
 padding:0 0.3em 0.2em 0.3em;
}

/* aaをずれなく表示する */
.aa{
font-family:"Textar","ＭＳ Ｐゴシック","ＭＳＰゴシック","MSPゴシック","MS Pゴシック",sans-serif;
font-size: 16px;
line-height:18px;
color:#000000;
}

.textar-aa{
font-family:"Textar","ＭＳ Ｐゴシック","ＭＳＰゴシック","MSPゴシック","MS Pゴシック",sans-serif;
font-size: 16px;
line-height:18px;
color:#000000;
}

/* 色の指定と大きさ */

.br{color:red;font-size:large;}

.r{color:red;}

.bb{color:blue;font-size:large;}

.b{color:blue;}

.bg{color:#32CD32;font-size:large;}

.g{color:#008000;}

.gol{color:#9932CC;}

.mid{color:#33CC66;}



/* 破線 */
.has{border-bottom: 1px dashed #000000;}

.tab {
position: relative;
color: #111;
border-left: 4px solid #696969;

background: #ffffff;
font-size: 13px;
line-height: 125%;
margin:10px 300px 0 0;
padding:10px 20px 10px 10px;
}

.siro_tab {
position: relative;
color: #111;
border: 1px solid #000;
background: #FFFACD;
font-size: 13px;
line-height: 1;
margin:0px 100px 0 0;
padding:10px 20px 10px 10px;
}

.kakoi{
border-style: solid ;
border-width: 1px;
padding: 10px;
border-color: #0000FF;
color: #000000;
background-color: #E0FFFF;
width: 500px;
}

div.nametab{
width: 600px; /* 見出しエリアの幅 */
margin-bottom: -0.5em;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #E2D2FF ; /* 見出しエリアの背景 */
border: 1px #000000 solid; /* 見出しエリアの境界線 */
}

div.nametab h4{
margin: 0;
padding: 0 0 0 5px; /* 見出しのパディング（上右下左） */
border-left: 4px solid #001CEE;/* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
color: #000000;
}

.donbiki{
position: relative;
border-top: 3px solid #c1c1ff;
/* border-right: 3px dotted #c1c1ff; */
border-bottom: 3px solid #c1c1ff;
/* border-left: 14px solid #c1c1ff; */
padding: 10px;
border-color: #0000FF;
color: #000000;
background-color:#E6E6FA;
margin:10px 100px 0 5px;
padding:10px 20px 10px 10px;
}

.plate {
position: relative;
color: #000;
border: 2px double #000;
background: #f3f3f3;
font-size: 14px;
line-height: 120%;
margin: 0px 100px 0px 0px;
padding:10px 20px 10px 10px;
}


/* 更新履歴用スクロールボックス */
 ul.update-scroll {
 list-style-type: none;
 font-size: 12px;
 background-color: #FFFFFF;
 width: 600px;
 height: 25em;
 overflow: auto;
 border: 5px solid #bbb;
 padding-left: 3em;
}
ul.update-scroll li {
 margin-top: 1em;
}
ul.update-scroll a {
 text-decoration: none;
}


/* TOPページ・各作者を区切るボックス */
/* --- ボックス --- */
div.section {
width: 600px; /* ボックスの幅 */
margin: 0px 270px 0px 0px;
padding:15px 20px 10px 10px;
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #000000 solid; /* ボックスの境界線 */
font-size: 14px; /* ボックスの文字サイズ */
}

/* --- 見出しエリア --- */
div.heading {
width: 600px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 5px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #000000 solid; /* 見出しエリアの下境界線 */
color:#000000;
}

/* --- 見出し --- */
div.section midashi {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #0000FF solid; /* 見出しの左境界線 */
font-size: 14px; /* 見出しの文字サイズ */
line-height: 100%;

}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
color:#000000;
}


div.selector12{  
border-left:7px solid #1E90FF;
border-bottom:1px dotted #1E90FF;
border-top:1px dotted #1E90FF;
} 
div.selector12b {
color:#000000;

padding: 3px 3px 0 7px; /* 見出しのパディング（上右下左） */
font-size:16px; 
}
div.selector12 p{
padding: 0 0 0 10px; /* 見出しのパディング（上右下左） */
line-height: 2em;
font-size:14px;  
color:#000;  
}

.comment_cut{
display:block;
background-color: #EFEFEF;
/* width:1000px; */
/* font-size: 16px; */
/* padding-left: 1.5em; */
}


/* --- ボックス --- */
div.selector {
margin: 0px 270px 0px 0px;
padding: 5px 10px 5px 5px;
background-color: #EFEFEF; /* ボックスの背景色 */
border: 1px #000000 solid; /* ボックスの境界線 */
font-size: 14px; /* ボックスの文字サイズ */
}

/* --- 見出しエリア --- */
div.selectormi {

padding: 0 5px 5px 5px; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #000000 solid; /* 見出しエリアの下境界線 */
margin: -15px 0 0 0; 
}

/* --- 見出し --- */
div.selector midashi {
padding: 0 0 0 10px; /* 見出しのパディング（上右下左） */
border-left: 5px #0000FF solid; /* 見出しの左境界線 */
font-size: 16px; /* 見出しの文字サイズ */
line-height: 100%;

}

/* --- ボックス内の段落 --- */
div.selector p {
margin: -5px 0 0 0; 
padding: 0 0 0 10px; /* 見出しのパディング（上右下左） */
line-height: 2em;
color:#000000;
}

button.button1 {color:#ff0000;}
button.button2 {color:#000000;}