@charset "utf-8";

/* BODY */

body {
font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
line-height: 180%;
color: #484848;
text-align: center;
background-image:url(https://blog-imgs-97-origin.fc2.com/e/x/p/expressionmoments/bgcrossw.gif);
background-attachment:fixed;
background-color: #ffffff;
margin: 0px auto;
padding: 0px;
}

a {
color: #484848;
text-decoration: none;
}

a:link {
color: #484848;
text-decoration: none;
}

a:visited {
color: #aaaaaa;
text-decoration: none;
}

a:active {
color: #484848;
text-decoration: none;
}

a:hover {
color: #48b;
text-decoration: no-underline;
}

a {
outline:none;
}

a{
text-decoration: none;
-webkit-transition: 0.5s ease;             /* リンク色がフェードするトランジション */
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

/* オリジナルカーソルを入れるならここ～ */
body {
cursor:url(//expressionmoments.web.fc2.com/container/web/cursor/cursorblue.cur),url(//expressionmoments.web.fc2.com/container/web/cursor/cursorblue.cur),auto
}
a {
cursor:url(//expressionmoments.web.fc2.com/container/web/cursor/cursoron.cur),url(//expressionmoments.web.fc2.com/container/web/cursor/cursoron.cur),auto
}
/* ～オリジナルカーソルを入れるならここへ */

/* 全体 */

#container {
width:1160px;
margin: 0px auto;
text-align: left;
}

div#floatscroll {
        position: absolute;
        top: 500px;
        right: 30px;
}
#floatscroll li:first-child {
        background: url(https://blog-imgs-75-origin.fc2.com/f/o/u/fourseasoncolor/uparrow.png) no-repeat;
        padding: 15px;
}
#floatscroll a {
        display: block;
}

/* ヘッダー */

#header {
height:135px;
border: 1px solid #adadad;
margin-top: 18px;
background:#75a0cb;
background-image: url(https://blog-imgs-97-origin.fc2.com/e/x/p/expressionmoments/fourseasoninquiry_sky.jpg);
background-repeat:no-repeat;
box-shadow: 0 0 0px #bbb;
}

#header h1 {
font-size:37px;
font-weight: bold;
margin: 0px 0px 3px 0px;
padding: 30px 0 0px 40px;
text-shadow:
0 0 8px #08c,
0 0 8px #08c,
0 0 0.8px #08c;
filter:dropshadow(color=#ccc,offX=5,offY=5);
}

#header > h2 {
color: #ffffff;   /* サブタイトルカラー */
font-size: 13px;
font-weight: bold;
padding: 0px 2px 0px 42px;
text-shadow:
0 0 6px #08c,
0 0 6px #08c,
0 0 0.6px #08c;
}

#header a: {
color: #fc0;
text-decoration: none;
}

#header a:link {
color: #fff;
text-decoration: none;
}

#header a:visited {
color: #fff;
text-decoration: none;
}

#header a:hover {
color: #fefe77;
text-decoration: none;
}

#header a:active {
color: #ccc;
text-decoration: none;
}

/* Audio */
#frame{
  position:relative;
}
.headeraudio{
  position:absolute;
  width:200px;
  height:80px;
  padding: 95px 28px 25px 941px;
}

/* ヘッダーメニュー */

#dropmenu{       
  list-style-type: none;
  width: 1160px;
  height: 29px;
  margin: 0px auto 0px ;
  padding: 0;
  background: #dde9fa;
  background-color: rgba(221, 233, 250, 0.5);
  border-radius: 0px 0px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 9px 0 7px;
  color: #484848;      
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
}
#dropmenu li + li a{
  border-left: 0;
  border-right: 1px solid #adadad;       
}
#dropmenu li:hover > a{
  background: #99bbee;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 0px 0px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 0px 0px;
}
#dropmenu li:last-child ul{
  center: 100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 4px 15px;
  background: #adadad;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 20px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* 記事メイン */

#main {
float:left;
width:880px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#main .category {
background: #fff;
background-color: rgba(255, 255, 255, 0.6);
margin: 0px 0px 20px 0px;   /* 記事枠と記事枠の間 */
border: 1px solid #adadad;
}

#main h2 {
background-image: url(https://blog-imgs-97-origin.fc2.com/e/x/p/expressionmoments/titlebg_44x45-50-2.gif);
background-repeat;
border-bottom: 2px solid #66aacc;
color: #484848;
font-size: 22px;
font-weight: bold;
padding: 12px 8px 8px 40px;  /* エントリー見出し   左と3番目で上下のスペース */
margin: 0px 0px 40px 0px;  /* タイトルと画像の空き */
}

#main .entry_body {
margin: 15px 17px -10px 40px;  /* 本文の空き */
padding: 0px 0px 0px 0px;
width:50em;
}

.entry_body{
font-size:16px;
color: #484848;
line-height: 180%;            /* 行間 */
}

#main p {
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#main blockquote {
margin: 20px auto 20px auto;
padding: 10px 10px 10px 20px;
border:#484848 dotted 2px;
background: #e2f2ff;
}

#main ul {
margin: 0px 0px 0px 20px;
padding: 10px 0px 10px 0px;
}

#main li {
line-height: 120%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}

#main table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main table {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
width:565px;
border:solid #adadad 1px;
}

#main td {
padding: 5px 5px 5px 5px;
border:solid #adadad 1px;
}

#main dt.relate_dt {
font-weight:bold;
text-align: center;
}

#main dd.relate_dd {
border:1px dashed #adadad;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}

img { margin: 0px 0px 20px 0px;    /* エントリーの画像周りの空き */
border:0;
}

/* サイドバー */

#side {
float:right;
font-size:12px;
width:260px;
height:auto;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side .category {
background: #fff;
background-color: rgba(255, 255, 255, 0.6);
margin: 0px 0px 20px 0px;   /* プラグイン枠とプラグイン枠の間 */
border: 1px solid #adadad;
}

#side h3 {
background-image: url(https://blog-imgs-97-origin.fc2.com/e/x/p/expressionmoments/titlebg_34x35-50-2.gif);
background-repeat;
border-bottom:2px solid #66aacc;
color: #484848;
font-size:14px;
text-align:left;     /* サブタイトル */
font-weight:bold;
margin: 0px 0px 5px 0px;
padding: 5px 10px 5px 16px;
}

#side .entry_body {
font-size:14px;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}

#side a:link {
color: #484848;
text-decoration: none;
}

#side a:visited {
color: #aaa;
text-decoration: none;
}

#side a:active {
color: #484848;
text-decoration: none;
}

#side a:hover {
color: #48b;
text-decoration: no-underline;
}

#side p {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#side blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#0088ff dotted 2px;
background: #fff;
}

#side ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
}

#side li {
line-height: 120%;
margin: 5px 0px 5px 15px;
padding: 0px 0px 5px 0px;
list-style-type: square;
}


/* フッター */

#footer {
width:1158px;
height:52px;
margin: -10px auto 0px auto;
text-align:center;
font-size:12px;
color:#222;
text-shadow:
0 0 8px #ebffeb,
0 0 8px #ebffeb,
0 0 0.8px #ebffeb;
background: #37515b;
background-image: url(https://blog-imgs-90-origin.fc2.com/f/o/u/fourseasoncolor/footerbluesys3.jpg);   /* 画像 */
background-repeat:no-repeat;
padding: 5px 0px 5px 0px;
border: #adadad solid 1px;
}

#footer p {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
}


/* FC2 */

.entry_header a:link {
color: #484848;
text-decoration: none;
}

.entry_header a:visited {
color: #484848;
text-decoration: none;
}

.entry_header a:hover {
color: #48b;
text-decoration: none;
}

.entry_header a:active {
color: #aaa;
text-decoration: none;
}

.fc2_footer {
margin: 20px 0px 0px 0px;
}

.entry_data {
width: auto;
border-top:#adadad 1px dotted;    /* 下部線 */
margin: 7px 0px 10px 0px;
padding: 10px 40px 0px 0px;
font-size: 12px;
text-align: right;
}

.entry_state {
margin: 20px 25px 20px 25px;
padding: 0px 14px 0px 0px;    /* day.cat.tag */
font-size: 12px;
text-align: right;
}

.trackback-title {
border-left:0px solid #adadad;
border-bottom:1px  dotted #adadad;
font-size: 16px;
font-weight:bold;
margin: 10px 0px 10px 0px;
padding: 10px 10px 15px 40px;
}

.disabled {
pointer-events: none;
}

#header > ul {
margin: 25px 15px 0px 10px;
padding: 0;
text-align: right;
}

#header > ul > li {
display: inline;
padding: 0 2px;
}

#header > ul .liright {
border-right:1px solid #adadad;
padding-right: 7px;
}

#yads {
border-top: 1px  dotted #adadad;
border-bottom: 1px  dotted #adadad;
margin-top: 12px;
padding-top: 7px;
}

a:hover img{
 filter: alpha(opacity=50);
 -moz-opacity:0.5;
 opacity:0.5;
 }

.calender {
font-size: 100%;
color: #484848;
width: 100%;
margin-top: 1.0em; 
margin-right: auto;
margin-bottom: 1.0em;
margin-left: auto;
text-align: center;
}

.calender caption { color: #484848;}

.calender th {
color: #484848;
font-weight: bold;
line-height: 100%;
border-bottom: 1px solid #484848;
}

th#sun { color: #cc0000; border-bottom: 1px solid #cc0000;}

th#sat { color: #0080c0; border-bottom: 1px solid #0088c0;}

.calender td {
text-align: center;
padding: 0.4em;
line-height: 60%;
border: 1px solid #888;
color: #aaa;
}

img {
vertical-align:text-top;
}

div.commentfield {/* コメントの表示スペース */
margin:1.5em 1.5em 1.5em 1.5em;
padding:5px 20px 0px 25px;
border:1px #adadad solid;
background:#dddddd;
border-radius:0px;
font-size:14px;
}
h4.comment-header {/* コメントの件名 */
margin:0.8em 0.0em 0.2em -0.6em;
color:#484848;
font-size:14px;
}
h4.comment-header span.mark {/* 吹き出しのアイコン部分 */
margin:0 0.2em 0 0.5em;
color:#484848;
font-size:20px;
}
ul.comment-state {
margin:0.5em 0.0em 0.5em 0.0em;
list-style-type:none;
}
ul.comment-state li {
display:inline;
font-size:12px;
}
li.comment-date { margin-right:0 0.5em 0.5em 0; }/* コメント日時 */
li.comment-author { margin:0 0.5em 0.5em 0; }/* コメント投稿者 */
li.comment-author-site { margin:0 0.5em 0.5em 0; font-weight:bold; }/* URL */
li.comment-edit { margin:0 0.5em 0.5em 0; }/* 編集 */

div.東雲1{background:#cdecde;}/* 自分のコメントは背景色を変更 */
.c{ display:none; }/* 自分以外の投稿者名に@管理人を付けない */
.東雲{ display:none; }/* 自分のコメントは投稿者名に敬称を付けない */
.東雲2{ display:inline; } /* 自分のコメントは投稿者名に@管理人を付ける */
.東雲3{ color:#484848; font-weight:bold; }/* 自分のコメントは投稿者名の色を変更 */

.shinonome-left,
.shinonome-right {
   overflow: hidden;
   height: auto;
}
 
.shinonome-left img {
   float: left;
   margin: 0 24px 0px 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.shinonome-right img {
   float: right;
   margin: 0 0 0px 24px !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.shinonome-left p,
.shinonome-right p {
   overflow: hidden;
   height: auto;
}

.new {color:#e12323; font-weight:bolder;}