/************************************/
/* body              */
body{
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Arial, Helvetica, Osaka, sans-serif;
  background-color: #d4e6f3;
  background-image: url(https://blog-imgs-45-origin.fc2.com/o/t/i/otium/PP-Ot2.jpg);background-attachment: fixed;
  margin: 0;
  padding: 0;
  text-align: center;
}
#baseBlock {
  width: 840px;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
}
/************************************/
/* リンクの色  */
a{
  color: #0000ff;
  text-decoration: none;
}
a:hover {
  text-decoration : none ; 
  background-color : #cce6f3 ;
  color : #18605a ;
}

/************************************/
/* list要素              */
blockquote {
  margin: 10px;
  padding: 10px;
  background-color: #EAF4FD;
  border-top: 2px solid #b3ccd9;
  border-bottom: 2px solid #b3ccd9;
}

/************************************/
/*head要素              */

#headBlock1 {
  height: 10px;
  width: 840px;

}
#headBlock2 {
  margin: 0px;
  padding: 0px;
  height: 200px;
  width: 840px;
  background-color: #e1f0ff;
  background-image: url(https://blog-imgs-45-origin.fc2.com/o/t/i/otium/121114-031.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#headBlogName{
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Osaka, sans-serif;
  font-size: 18pt;
  color: #666600;
  padding: 15px 270px 0px 35px;
  font-weight: bold;
text-shadow:  3px  3px 3px #000080; /* (右下:青) */
}
#headBlogName a:link { color: #ffcc33; text-decoration: none;}
#headBlogName a:active { color: #ffcc33; text-decoration: none;}
#headBlogName a:visited { color: #ffcc33; text-decoration: none;}
#headBlogName a:hover { color: #ffcc33; text-decoration: none; background-color: #4f6e8f;}

#headIntroduction{
  font-size: 10pt;
  line-height: 130%;
  color: #ffffff;
  padding: 15px 150px 0px 35px;
}

/*横カレンダー要素              */
#headBlock3 {
  text-align : center;
  margin: 0px;
  padding: 0px;
  width: 840px;
  color: #808080;
}

#headBlock3 ul {
  font-family: Arial, Geneva, Helvetica, sans-serif,Osaka;
  font-size: 9pt;
  list-style-position : inside;
  margin: 0px;
  padding: 10px;
}
#headBlock3 li {
  display : inline;
  list-style-type : none;
}
#headBlock3 a{
  color : #336699 ;
  text-decoration:none;
  font-weight: bold;
}

#headBlock3 a:hover {
  text-decoration : none ; 
  background-color : #336699 ;
  color : #ffffff ;
}

li.day {
  padding: 0px 2px 0px 2px;
}
.prev-month-calendar {
  margin-right : 8px;
}
.next-month-calendar {
  margin-left : 8px;
}

/************************************/
/* menu 要素              */
#menuBlock {
  float : right;
  width : 270px;

}
.menuBlockBase {
  margin: 0px 0px 10px 0px;
  border: 1px solid #4f6e8f;
}
.menuBlockHead {
  padding: 7px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif,Osaka;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  background-color: #4f6e8f;
}
.menuBlockBody {
  padding: 5px 5px;
  background-color: #ffffff;
}
.menuText {
  font-size: 9pt;
  padding: 0px;
  color: #4c6b73;
  line-height: 130%;
}
.menuText p{
  margin: 0.3em;
}

.menuText ul {
  padding: 0px;
  margin: 0px;
  list-style-type: circle;
}
.menuText ul li {
  margin: 5px 5px 5px 20px;
}
/* form 要素              */
form {
  padding: 0px;
  margin: 0px;
}
.search {
  width:100px;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
}

/************************************/
/* プラグインのカレンダー */

table.calender {
  font-size: 9pt;
  width: 90%;
  margin: 6px;
  text-align : center;
  font-family: geneva,hiragino maru gothic pro,arial, helvetica, sans-serif;
}
.caption {
  padding: 3px;
}
.calender th {
  font-weight: normal;
  border-bottom: 1px solid #598080;
}
.calender td {
  text-align: center;
  padding: 2px;
  border-bottom:0px #598080 solid;
}
.calender td a {
  background-color : #ffe699 ;
  color : #d2691e ;
  display: block;
}
.calender a:hover {
  text-decoration : none ; 
  background-color : #f3b366 ;
  color : #ffffff ;
}
th#sun {
  font-size:8pt;
  color: #cc3333;
}
th#sat {
  font-size:8pt;
  color: #1822cd;
}

/************************************/
/* main 要素              */
#mainBlock {
  float : left;
  width : 540px;
}

.mainEntryBlock {
  width : 540px;
  margin: 0px 10px 20px 0px;
  background-color: #ffffff;
  border-width:2px;
  border-color:#4f6e8f;
  border-style:solid;
  background-image: url(https://blog-imgs-18-origin.fc2.com/p/u/k/puku2/kumo600.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.mainEntryTitle {
  padding: 8px 15px 8px 15px;
  font-size: 11pt;
  font-weight: bold;
  color: #ffffff;
  background-color: #4f6e8f;
}
.mainEntryBody {
  padding: 10px 15px;
  font-size: 10.5pt;
  line-height: 1.5;
  color: #223033;
}

.mainEntryDate {
  padding: 5px 10px;
  font-size: 8pt;
  line-height: 140%;
  color: #666666;
  text-align: right;
}
.mainEntryDate a:link { color:#336699; text-decoration: none;}
.mainEntryDate a:active { color: #336699; text-decoration: none;}
.mainEntryDate a:visited { color: #336699; text-decoration: none;}
.mainEntryDate a:hover { color: #ffffff; text-decoration: none; background-color: #4f6e8f;}

.pageLink{
  font-size: 10pt;
  color: #4c6b73;
  text-align: left;
  margin: 15px 10px 30px;
}
.padmin{
  text-align:right;
  font-size:9pt;
  color: #4c6b73;
  padding:5px;
}



/************************************/
/* mainComment要素              */
.mainCommentBold {
  padding: 10px 15px;
  font-size: 10pt;
  font-weight: bold;
  color: #336699;
}
.mainCommentTitle{
  font-weight: bold;
  font-size: 10pt;
  color: #808080;
  padding: 10px 15px;
}
.mainCommentBody {
  font-size: 10pt;
  line-height: 140%;
  color: #4c6b73;
  padding: 5px 15px;
}
.mainCommentDate {
  font-size: 9pt;
  color: #666666;
  padding: 5px 15px 25px;
}

/************************************/
/* maintForm要素              */
.mainForm {
  margin: 10px;
}
.mainFormText {
  width: 200px;
  border: 1px solid #4c6b73;
}
.mainFormTextarea {
  width: 350px;
  border: 1px solid #4c6b73;
}
.mainFormPass {
  width: 100px;
  border: 1px solid #4c6b73;
}
.mainFormCheck {
  border: 1px solid #4c6b73;
}
.mainFormButton {
  width: 100px;
}

/************************************/
/* maintTaba要素              */
.mainTrabaBold{
  padding: 10px 15px;
  font-size: 10pt;
  font-weight: bold;
  color: #336699;
}
.mainTrabaTitle{
  font-weight: bold;
  font-size: 10pt;
  color: #808080;
  padding: 10px 15px;
}
.mainTrabaBody {
  font-size: 9pt;
  line-height: 140%;
  color: #4c6b73;
  padding: 5px 15px;
}
.mainTrabaDate {
  font-size: 8pt;
  color: #666666;
  padding: 5px 15px 25px;
}
.mainTrabaUrl {
  padding: 5px 15px 25px;
}
.mainTrabaForm {
  width: 400px;
  border: 1px solid #4c6b73;
}

/************************************/
/* footer 要素              */
#footBlock {
  width: 820px;
  height: 70px;
  padding: 10px;
  margin: 0px;
  clear: both;
  font-size: 9pt;
  line-height: 150%;
  color: #ffffff;
  text-align:center;
  background-color: #4f6e8f;
}
#footBlock a:link { color: #ffffff; text-decoration: none;}
#footBlock a:active { color: #ffffff; text-decoration: none;}
#footBlock a:visited { color: #ffffff; text-decoration: none;}
#footBlock a:hover { color: #000080; text-decoration: none;}

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{
  background: none;
  vertical-align:middle;
  border:0;
}


/************************************/
/* 箱型ページリンク見出し */
/* リスト全体 */
ul.pagelinks {
    margin: 0px;
    padding: 0px;
 }

 /* 各項目の装飾 */
ul.pagelinks li {
    width: 1.2em;
    line-height: 1.2em;
    list-style-type: none;
    border: 1px solid blue;
    float: left;
    margin: 0.4em;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    text-align: center;
 }

 /* リンクの装飾 */
ul.pagelinks li a {
    display: block;
    text-decoration: none;
    width: 1.2em;
 }
 /* 未訪問リンクの色 */
ul.pagelinks li a:link {
    background-color: white;
    color: blue;
 }
 /* 既訪問リンクの色 */
ul.pagelinks li a:visited {
    background-color: white;
    color: purple;
 }
 /* マウスが載ったときの色 */
ul.pagelinks li a:hover {
    background-color: blue;
    color: yellow;
 }

 /* 現在位置項目の装飾 */
ul.pagelinks li.here {
    background-color: #4f6e8f;
    color: #eaf4fd;
    border-color: #4f6e8f; 
 }

/* タイトルを付ける */
p.linkhead {
    float: left;    /* 横に並べる */
    margin: 0px;    /* 余白をなくす */
    font-size: 90%; /* 文字を小さく */
    padding-top: 0.4em; /* 上側の余白 */
 }