body { 
text-align:left;
line-height:1.3;

font-family :"メイリオ", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "ＭＳ Ｐゴシック", sans-serif;
background-color:#F8F8FF;                       /* 外側背景色 */
} 
#outline_header { 
background-color:#FFFFFF;                     /* サイト背景色 */
}



/***************************************** ▼ メニューバー ▼ */
#menu_bar li.menu_bar_end a {
border-right:none;
}

ul#menu_bar {
font-size: 80%;                          /* 文字サイズ */
height:30px;                             /* 高さ */
background-color:#FFFFFF;                /* 背景色 */
margin-top:0px;                          /* 上の間隔 */
margin-bottom:0px;                       /* 下の間隔 */
color:#555555;                           /* リンク文字の色 */
text-decoration:none;

}

#menu_bar li {
list-style-type:none;
float:right;                             /* 右詰め */
min-width:90px;                          /* 最低幅 */
line-height:30px;                        /* 高さ   */
margin:0px;
padding:0px;
}

#menu_bar li a {
height: 30px;
display:block;
text-align:center;
border-right:0px solid #AAAAAA;          /* 区切り線 */
color:#555555;                           /* リンク文字の色 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#333333;                           /* マウスが乗ったときのリンク文字の色 */
font-weight:bold;
text-decoration:none;
}
/***************************************** ▲ メニューバー ▲ */



/******************************************* ▼ サイトの幅 ▼ */
#outline_main { 
width:1200px;                                         /* 全体 */
margin:0 auto; 
background:#F8F8FF;

}

#main { 
width:985px;                                          /* メイン*/
float:right; 
margin:0px 0px 0px 0px;

} 
#main1 { 
width:985px;                                          /* メイン*/
float:right; 
margin:0px 0px 0px 0px;

} 
#first { 
width:210px;                                            /* プラグイン１の幅 */
float:left;
padding-left:0px; 
} 
#second { 
width:0px;                                            /* プラグイン２の幅 */
float:left; 
} 
#main-first {             
width:1200px;               
float:left;
border:0px solid #DDDDDD; 
} 
/******************************************* ▲ サイトの幅 ▲ */


/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#3B7BEA; text-decoration:none;}      /* 通常 */
a:active  {color:#3B7BEA; text-decoration:none;}      /*実行中*/
a:visited {color:#3B7BEA; text-decoration:none;}      /*訪問済*/
a:hover   {color:#990033; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
margin-bottom:0px;                                     /* ヘッダ下間隔     */
padding-top:0px;                                       /* 上の余白         */
text-align:left; 
background-color:#F8F8FF;
}

/********************************************* ▲ ヘッダー ▲ */

/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:12pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:0px 0px 0px 0px;

}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#3B7BEA; text-decoration:none; } /* 通常 */
h1 a:active  { color:#3B7BEA; text-decoration:none; } /*実行中*/
h1 a:visited { color:#3B7BEA; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#3B7BEA; text-decoration:none; } /*マウス*/

                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */

/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:6pt;                                 /* 文字サイズ */
color:#333333;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:0px 0px 0px; 
padding-top:0px;
padding-bottom:0px;
background-color:#F8F8FF;
}
/***************************************** ▲ サイト紹介文 ▲ */

/************************************************* ▼ 記事 ▼ */
.ently_outline { 
box-shadow:0px 0px 5px;
border-bottom:#AAAAAA 0px dotted;         /* 下線 */
background-color:#fff8ff;                 /* 背景色             */
margin-top:5px;   
margin-bottom:15px;                       /* 次の記事までの間隔 */
padding:10px 15px 5px 20px; 
} 

.ently_title { 
font-size:13pt;                           /* 文字サイズ(記事タイトル)*/
color:#ffffff;                            /* 文字色    (タイトル)    */
text-align:left;                          /* 左寄せ    (記事タイトル)*/
padding:5px 10px;
margin:3px;
} 

h2{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h2:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff8ff #fff8ff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


h3{
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: white;
}

h3::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

h4,h5,h6{font-size:16px;}
h7{font-size:14px;}


h8 {
font-size:14px;
color: #6cb4e4;
text-align: center;
padding: 0.25em;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.ently_body { 
font-size:10pt;                       /* 文字サイズ(記事本文) */
color:#000000;                        /* 文字色    (記事本文) */
} 

.ently_body a img:hover {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.70; /* Firefox CSS3以前 */
opacity:0.70; /* CSS3 */                    /* マウスが乗った時の記事のサムネ画像効果*/
}

.ichiran_left img{
width:250px;
height:140px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:15px;
border-radius: 5px;
}
.ichiran_right{
text-align:left;
}


.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
line-height:180%;
margin:10px 10px; 
margin-bottom:0px;                    /* 記事末尾の間隔調整 */
}
.ently_navi { 
text-align:left;                      /* 右寄せ */
color:#000000;                        /* 文字色 */
padding-left:20px;
margin-top:5px;
background:#fff8ff;
border-radius: 10px;
} 

a.white:link {
text-decoration : underline; 
color : #000000; 
}
a.white:visited {
text-decoration : underline; 
color : #000000; 
}
a.white:active {
text-decoration : underline; 
color : #000000; 
}
a.white:hover {
text-decoration : underline; 
color : #000000; 
}

/************************************************* ▲ 記事 ▲ */

/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline { 
margin-bottom:0px;                             /* 次のプラグインまでの間隔 */
border:   #999999 0px solid;                /* 個別枠 */
} 
.plugin1_title { 
font-size:11pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
border-bottom:#999999 1px solid;      /* 下線 */
padding:4px 15px; 
background:#6699CC;
} 
.plugin1_body { 
font-size:10pt;                            /* 文字サイズ(本体) */
color:#333333;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
padding:0px 0px 0px 0px; 
border-color:#6699CC; border-width:2px 2px 2px 2px; border-style:solid;
line-height:1;
}
/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ 左側メニュー(プラグイン１) ▲ */

/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline { 
border:   #999999 0px solid;                /* 個別枠 */
margin-bottom:0px; /* 次のプラグインまでの間隔 */
} 
.plugin2_title { 
font-size:11pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
border-bottom:#999999 1px solid;      /* 下線 */
padding:0px 0px; 
background:#6699CC;
} 
.plugin2_body { 
font-size:10pt;                            /* 文字サイズ(本体) */
color:#333333;                            /* 文字色    (本体) */
background-color:#F8F8FF;                 /* 背景色    (本体) */
padding:0px 0px 0px 0px; 

line-height:1;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:2px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:2px;
}
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */

/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
margin-bottom:3px;
border:   #999999 0px solid;                /* 個別枠 */
} 
.plugin3_title { 
font-size:11pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
border-bottom:#999999 1px solid;      /* 下線 */
padding:5px 20px; 

} 
.plugin3_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#333333;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
padding:5px 20px; 

}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */

/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#999999 0px solid;           /* 外枠の/色太さ/実線     */
background-color:#F3F3F3;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:20px;                 /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:12pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:0px solid #999999;
padding:5px 20px; 
} 
.comment_body { 
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#555555;                    /* 文字色    (コメント本文) */
} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#333333;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント ▲ */



/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
background-color:#f3f3f3;             /* 背景色               */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:12pt;                 /*文字サイズ(ブロックタイトル)*/
color:#555555;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#555555;                    /* 文字色    (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#555555;                    /* 文字色    (タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body { 
font-size:3pt;                   /* 文字サイズ(個別本文)     */
color:#555555;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
} 
/*************************************** ▲ トラックバック ▲ */



/********************************************* ▼ フッター ▼ */
#footer_outline {
border:0px solid #000000;                       /* 外枠の色   */
}
#footer_body { 
font-size:9pt;                                  /* 文字サイズ */
color:#777777;                                  /* 文字色     */
border:0px solid #777777;                       /* 内枠の色   */
padding:5px; 
float:left;
} 
#footer_body a:link    { color:#777777; }     /* 通常         */
#footer_body a:active  { color:#777777; }     /* 実行中       */
#footer_body a:visited { color:#777777; }     /* 訪問済み     */
#footer_body a:hover   { color:#333333; }     /* オンマウス時 */

/********************************************* ▲ フッター ▲ */
/* ▼続きを読む▼ */
.readmore {
}
/* ▲続きを読む▲ */
/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }

/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 

.readclose { margin: 10px 0; } 

.page_navi{
 margin-top:20px;
 margin-bottom:20px;
}

.top_prevpage,.top_nextpage,.top_home { 
  margin:30px 0; 
  border:0px #999999 solid;
  background:#FFFFFF;
  color:#3B7BEA; 
  font-size:18px;
  padding:5px;
}



/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
} 

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 0px solid; /* 枠線 */
border-left:#4285F4 5px solid; /* 枠線(左) */
}

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:5px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:20px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */

/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

/* プラグイン内の入力欄幅設定 */
.plugin1_body input[type="text"],
.plugin2_body input[type="text"],
.plugin1_body textarea,
.plugin2_body textarea {
width: 90%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}

/* ▲ FC2バトンのスタイル ▲ */

h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}

/***************************************** ▼ ソーシャルボックス ▼ */
.sns_box {
	overflow: hidden;

}
.sns_box aa {
	float: left;
        margin-right:2px;
}
.sns_box iframe {
	margin:0 !important;
}
/***************************************** ▲ ソーシャルボックス ▲ */
input.menu_search_input {
 height: 22px;
 background-color: #FFFFFF;
 padding: 2px 2px 2px 6px;
 border: 1px solid #CCC;
 margin-right: 20px; 
}
 input.search_btn {
 background:#cccccc;
 border:1px solid #999999;
 padding: 2px;
 padding-right: 3px;
 padding-left: 3px;
 
 
 
 
}

#dmtbox { font-weight:bold; 
padding:3px 5px;border-color:#000000;border-width:1px 1px 1px 7px;border-style:solid;background:#fffff0;
font-size: 80%;
}

#dmr13box { font-weight:bold; 
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#F8F8FF;
font-size: 80%; padding: 15px 15px 15px 15px; margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%;
}

#dmbox {  
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#ffffff;
font-size: 95%; padding: 15px 15px 15px 15px; margin-left:0px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px; 
line-height:180%; 
}

#dmbox2 {  
border-color:#000000; border-width:0px 0px 0px 0px;border-style:solid; background:#FFE4E1;
font-size: 92%; padding: 15px 15px 15px 15px; margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%; 
}

#dmbox3 {  
border-color:#000000; border-width:0px 0px 0px 0px;border-style:solid; background:#E0FFFF;
font-size: 92%; padding: 15px 15px 15px 15px; margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%; 
}

#dmr13box2 { font-weight:bold; 
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#FFFFFF;
font-size: 100%; padding: 15px 15px 15px 15px; margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%;
}


#rssbox { font-weight:bold; 
                                /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
font-size: 80%;
}



#q  { color: #008000; }

.taglist1 {font-size: 10px; margin-left:15px; font-weight: bold;}

.taglist1 a:link    { color:#3B7BEA; text-decoration:none; background-color :#ccccff; line-height:200%; padding : 3px ;} /* 通常 */
.taglist1 a:active  { color:#3B7BEA; text-decoration:none; background-color :#ccccff; line-height:200%; padding : 3px ;} /*実行中*/
.taglist1 a:visited { color:#3B7BEA; text-decoration:none; background-color :#ccccff; line-height:200%; padding : 3px ;} /*訪問済*/
.taglist1 a:hover   { color:#3B7BEA; text-decoration:none; background-color :#ccccff; line-height:200%; padding : 3px ; } /*マウス*/

a.sample3{
display:block;
border-color:#f0f0f0; border-width:1px 1px 1px 1px;border-style:solid; background:#6699CC;
font-size: 80%; padding: 0px 0px 0px 0px; margin-left:0px;
width:175px;
margin-right:0px;
margin-top:0px;
margin-bottom:1px; 
line-height:150%;
}

a.sample3:hover{
background:#75A9FF;
}

a.sample3 {/*リンクされた文字*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:link.sample3 {/*未訪問のリンク*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:visited.sample3 {/*訪問後のリンク*/
    color:#ffffff;
    text-decoration:underline;
}
a:hover.sample3 {/*マウスをのせたとき*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:active.sample3 {/*クリック中*/
    text-decoration:none;
}

a.sample6{
display:block;
border-color:#f0f0f0; border-width:1px 1px 1px 1px;border-style:solid; background:#6699CC;
font-size: 100%; padding: 4px 2px 4px 2px; margin-left:0px;

margin-right:0px;
margin-top:0px;
margin-bottom:1px; 
line-height:150%;
}

a.sample6:hover{
background:#75A9FF;
}

a.sample6 {/*リンクされた文字*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:link.sample6 {/*未訪問のリンク*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:visited.sample6 {/*訪問後のリンク*/
    color:#ffffff;
    text-decoration:underline;
}
a:hover.sample6 {/*マウスをのせたとき*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:active.sample6 {/*クリック中*/
    text-decoration:none;
}


a.sample4{
display:block;
float: left;
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#25708b;
font-size: 110%; padding: 0px 15px 0px 15px; margin-left:0px;
width:88px;
margin-right:5px;
margin-top:0px;
margin-bottom:2px; 
line-height:150%;
}

a.sample4:hover{
background:#777777;
}

a.sample4 {/*リンクされた文字*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:link.sample4 {/*未訪問のリンク*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:visited.sample4 {/*訪問後のリンク*/
    color:#F5F5DC;
    text-decoration:underline;
}
a:hover.sample4 {/*マウスをのせたとき*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:active.sample4 {/*クリック中*/    text-decoration:none;
}
a.sample5{
display:block;
float: left;
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#dc143c;
font-size: 110%; padding: 0px 15px 0px 15px; margin-left:0px;
width:88px;
margin-right:5px;
margin-top:0px;
margin-bottom:2px; 
line-height:150%;
}

a.sample5:hover{
background:#777777;
}

a.sample5 {/*リンクされた文字*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:link.sample5 {/*未訪問のリンク*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:visited.sample5 {/*訪問後のリンク*/
    color:#F5F5DC;
    text-decoration:underline;
}
a:hover.sample5 {/*マウスをのせたとき*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:active.sample5 {/*クリック中*/
    text-decoration:none;
}

#plugbox
      {
         border: solid 0px #6699CC;
         
         height: 250px;
         padding: 10px 0px 0px 0px;
         overflow: auto;
background-color:#ffffff;
line-height:160%;
      }
#menubox1
      {
         border: solid 0px #808080;
         width: 35px;
         height: 30px;
         padding: 0.0em;
         overflow: auto;
margin-right:0px;
margin-top:5px;
margin-bottom:10px;
margin-left:5px;
      }
#menubox2
      {
        font-weight:bold; 
color: #ffffff;
float: left;
width: 128px;
border-color:#25708b; border-width:1px 1px 1px 1px; border-style:solid; background:#25708b;
font-size: 99%; padding: 17px 15px 16px 15px; margin-left:0px;
margin-right:25px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%;
      }
#menubox3
      {
         border: solid 0px #808080;
         width: 580px;
         height: 52px;
         padding: 0.0em;
         overflow: auto;
      }
#menubox4
      {
         border: solid 0px #808080;
         width: 1000px;
         height: 35px;
         padding: 0.0em;
         overflow: auto;
      }
#menubox5
      {
         border: solid 0px #808080;
         width: 80px;
         height: 25px;
         padding: 0.0em;
         overflow: auto;
margin-right:8px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
      }
#menubox6
      {
         border: solid 0px #808080;
         width: 260px;
         height: 40px;
         padding: 0.0em;
         overflow: auto;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
      }
#menubox7
      {
width: 1198px;
height: 115px;
background:#7e95b4;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;

      }
a.sample4{
width: 120px;
height: 20px;
display:block;
font-weight:bold; 
float: left;
margin-right:10px;
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
}

#newbox
      {
         border: solid 0px #808080;
         width: 100%;
         height: 20px;
padding : 8px ;
         overflow: auto;
      }

a.sample4:hover{
background:#777777;
}
#amazonbox
      {
float: left;
background:#FFFFFF;
         border-width: 1px 0px 1px 1px; border-color:#808080; border-style:solid;
         width: 160px;
         height: 175px;
margin-left:0px;}

#amazonbox1 {  
border-color:#000000; border-width:0px 0px 0px 0px;border-style:solid;
font-size: 92%; padding: 0px 10px 5px 12px; margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
}
#dmbox1 { font-weight:bold; 
border-color:#000000; border-width:0px 0px 0px 0px;border-style:solid; background:#F0F8FF;
font-size: 90%; padding: 15px 15px 15px 15px; margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px; 
line-height:150%;
}

◆CSS
/* ContentsArea
-------------------------- */
#contents {
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 100%;
}

p {
	padding: 10px 0;
}

#open01,
#open02 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}

.modal_window {
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	width: 400px;
	height: 300px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #000;
}
.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}

a.category{
display:block;
float: left;
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#25708b;
font-size: 90%; padding: 0px 15px 0px 15px; margin-left:0px;
width:188px;
margin-right:5px;
margin-top:0px;
margin-bottom:2px; 
line-height:150%;
}

a.category:hover{
background:#777777;
}

a.category {/*リンクされた文字*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:link.category {/*未訪問のリンク*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:visited.category {/*訪問後のリンク*/
    color:#F5F5DC;
    text-decoration:underline;
}
a:hover.category {/*マウスをのせたとき*/
    color:#F5F5DC;
    font-style:normal;
    text-decoration:underline;
}
a:active.category {/*クリック中*/
    text-decoration:none;
}

#eventmenu {  
border-color:#000000; border-width:0px 0px 0px 0px;border-style:solid; background:#dcdcdc;
font-size: 90%; padding: 0px 15px 0px 15px; margin-left:0px;
margin-right:0px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px; 
line-height:180%; 
}

#demo4{
    background: #ff00ff;
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#25708b;
font-size: 90%; padding: 0px 15px 0px 15px; margin-left:0px;
width:160px;
margin-right:5px;
margin-top:0px;
margin-bottom:2px; 
}
#demo4:hover{
    background: #00ff00;
}

#mainbox1 {  
border-color:#000000; border-width:1px 1px 1px 1px;border-style:solid; background:#ffffff;
font-size: 60%; padding: 15px 15px 15px 15px; margin-left:0px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px; 
line-height:180%; 
}

#blogbox {  
border-color:#6699CC; border-width:2px 2px 2px 2px;border-style:solid; background:#ffffff;
font-size: 95%; padding: 15px 15px 15px 15px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
line-height:180%; 
text-align:left;
}

#mainmenubox {  
         width: 728px;
         height: 20px;
         padding: 0.0em;
         overflow: auto;
margin-bottom:4px;
background-color:#F8F8FF;
}

#titlebox {  
border-color:#AAAAAA;  background:#fff8ff;
background-image: url("https://blog-imgs-116.fc2.com/d/e/n/deneblog1/01a.jpg");
width:1200px; height:280px;
padding: 0px 0px 0px 0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;  
box-shadow:0px 0px 0px;
}
#title1box {  
border-color:#AAAAAA;  background:#fff8ff;
background-image: url("https://blog-imgs-116.fc2.com/d/e/n/deneblog1/02a.jpg");
width:1200px; height:280px;
padding: 0px 0px 0px 0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;  
box-shadow:0px 0px 0px;
}
#title3box {  
border-color:#AAAAAA;  background:#fff8ff;
background-image: url("https://blog-imgs-116.fc2.com/d/e/n/deneblog1/03a.jpg");
width:1200px; height:280px;
padding: 0px 0px 0px 0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;  
box-shadow:0px 0px 0px;
}

#title3box a{
display: block; /* ブロック化 */
width : 1200px;/* リストの幅 */
height : 280px;
padding:232px 0px 0px 30px;
  }


#title3box a:hover{/* マウスが上に来たとき
background-color :#a7e0f8;/* 範囲の背景色 */
  }


#title2box {  
background:#ffffff;
width:1200px; height:50px;
padding: 0px 0px 0px 0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;  
box-shadow:0px 0px 0px;
}

#titlebox a{
display: block; /* ブロック化 */
width : 1200px;/* リストの幅 */
height : 280px;
padding:232px 0px 0px 30px;
  }


#titlebox a:hover{/* マウスが上に来たとき
background-color :#a7e0f8;/* 範囲の背景色 */
  }

#title1box a{
display: block; /* ブロック化 */
width : 1200px;/* リストの幅 */
height : 280px;
padding:232px 0px 0px 30px;
  }


#title1box a:hover{/* マウスが上に来たとき
background-color :#a7e0f8;/* 範囲の背景色 */
  }

#title4box {  
border-color:#AAAAAA;  background:#fff8ff;
background-image: url("https://blog-imgs-102.fc2.com/d/e/n/deneblog1/20170329030633aeb.jpg");
width:1200px; height:280px;
padding: 0px 0px 0px 0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;  
box-shadow:0px 0px 0px;
}

#title4box a{
display: block; /* ブロック化 */
width : 1200px;/* リストの幅 */
height : 280px;
padding:232px 0px 0px 30px;
  }


#title4box a:hover{/* マウスが上に来たとき
background-color :#a7e0f8;/* 範囲の背景色 */
  }

#logbox
      {
         border: solid 1px #808080;
         width: 1198px;
         height: 43px;
         padding: 0.0em;
         overflow: auto;
float: left;
background-color:#F8F8FF;
      }
#logbox a:link    {color:#0000ff; text-decoration:none;}      /* 通常 */
#logbox a:active  {color:#0000ff; text-decoration:none;}      /*実行中*/
#logbox a:visited {color:#0000ff; text-decoration:none;}      /*訪問済*/
#logbox a:hover   {color:#1e1eff; text-decoration:underline;} /*マウス*/

#logbox2
      {
         border: solid 1px #808080;
         width: 958px;
         height: 64px;
         padding: 0.0em;
         overflow: auto;
margin-top:1px;
margin-bottom:0px;
background-color:#F8F8FF;
      }
#logbox2 a:link    {color:#0000ff; text-decoration:none;}      /* 通常 */
#logbox2 a:active  {color:#0000ff; text-decoration:none;}      /*実行中*/
#logbox2 a:visited {color:#0000ff; text-decoration:none;}      /*訪問済*/
#logbox2 a:hover   {color:#1e1eff; text-decoration:underline;} /*マウス*/

#logbox3
      {
         
         width: 728px;
         height: 66px;
         padding: 0.0em;
         overflow: auto;
margin-bottom:0px;
background-color:#F8F8FF;
      }
#logbox2 a:link    {color:#0000ff; text-decoration:none;}      /* 通常 */
#logbox2 a:active  {color:#0000ff; text-decoration:none;}      /*実行中*/
#logbox2 a:visited {color:#0000ff; text-decoration:none;}      /*訪問済*/
#logbox2 a:hover   {color:#1e1eff; text-decoration:underline;} /*マウス*/

#logbox4
      {
         border: solid 1px #808080;
         width: 728px;
         height: 100px;
         padding: 0.0em;
         overflow: auto;
margin-bottom:0px;
background-color:#F8F8FF;
      }
#logbox2 a:link    {color:#0000ff; text-decoration:none;}      /* 通常 */
#logbox2 a:active  {color:#0000ff; text-decoration:none;}      /*実行中*/
#logbox2 a:visited {color:#0000ff; text-decoration:none;}      /*訪問済*/
#logbox2 a:hover   {color:#1e1eff; text-decoration:underline;} /*マウス*/

.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
}

/*アイキャッチ画像付関連記事 */
#fc2relate_entry_thumbnail_area {
 margin: 25px 0px 0px 0px !important;
 padding: 15px 0px 5px 0px !important;
 border: 1px #dddddd solid !important; /* 枠線の色 */
 background: #fafafa !important; /* リスト背景色 */
 -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}
 
#fc2relate_entry_thumbnail_area .relate_dt {
 margin: 0 !important;
 padding: 0px 20px 10px 20px !important;
 border: 0 none !important;
 border-bottom:1px solid #dddddd !important;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
 line-height: 1.1 !important;
 background: none !important;
}
 
#fc2relate_entry_thumbnail_area .relate_dd {
 margin-left:0px;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
 margin: 10px !important;
 padding: 0 !important;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
 width: 45%;/* 2列は50%　3列は33.3% */
 height: 107px;
 float: left;
 list-style: none;
 border-bottom:1px solid #dddddd;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
}
 
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image img {
 padding: 2px !important;
 margin: 5px !important;
 width: 90px !important;/* 画像の大きさ */
 height: 90px !important;/* 画像の大きさ */
 border: 1px #dddddd solid !important;/* 画像の枠線 */
}
 
.thumbnail_wrapper {
 display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: center;
}
 
.thumbnail_wrapper> *{
 flex:1 1 auto;
}
 
.relate_entry_String {
 word-break: break-all;
 line-height: 1.2em;
 padding:1em;
}
 
#fc2relate_entry_thumbnail_area .relate_li a{
 text-decoration: none !important;/* テキスト下線なし */
}
 
#fc2relate_entry_thumbnail_area .relate_li a:hover{
 text-decoration: underline !important;/* マウスホバーでテキスト下線あり */
}

#box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
#box2 p {
    margin: 0; 
    padding: 0;
}

#box3 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
#box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF8FF;
    color: #95ccff;
    font-weight: bold;
}
#box3 p {
    margin: 0; 
    padding: 0;
}

/* 吹き出し本体 */
#box4{
  position: relative;
  padding: 20px;
  background-color: #bdffad;
  box-shadow: 0px 0px 10px 0px #a7a7a7;         /* 吹き出し本体の影 */
}
/* 三角アイコン */
#box4::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #bdffad;
  border-left: 15px solid transparent;
}

#day{padding: 0px 0px 0px 16px;}

#commentcomment{text-align:right; padding: 0px 30px 0px 0px;}
/**************************************************************/
/*
ご利用ありがとうございます。
うぃず FC2テンプレート
【http://10lab.blog.fc2.com/】
*/
/**************************************************************/