@import "style.css";
* { 
margin: 0;
padding: 0;
border: 0; 
font-size: 99%;
color: #006699;
font-weight: normal;
font-family: メイリオ, Meiryo,  osaka, ＭＳ Ｐゴシック, Verdana, Arial, Helvetica, sans-serif;
font-style: normal; 
letter-spacing : 0px ;
line-height: 1.1;
background-color: transparent;
}

/*リンク関係*/
A:link {color:#006699;}
A:visited {color:#006699;}
A:active {color:#006699;}
A:hover {color:#006699; font-weight : 700 ; background-color:#D5EFFC; text-decoration:underline;}

body {margin:0; padding:0; overflow:hidden;}
body {background : url(i/site/FrameLeft-BG.gif) #FFFFff no-repeat  0% 0% fixed ; margin : 0px ; padding : 0px ;}

/*コンテナ*/
#container {float : right; width: 100%; margin-left : -150px; position:relative; height: 100%; min-height: 100%;}
body > #container {height: auto;}
/*右*/
#mainbox {margin:0 0 0 150px; padding:0; height:100%; overflow:auto;}
/*左*/
#leftbox {margin:0 1 0 0px; padding:0 0 0 0 ; height:100%; width:150px; border-right:1px solid #00486C; position:absolute; left:0; top:0; float : left;}
body > div#leftbox { position : fixed ; }
/*フッター*/
td#footer {bottom:0; width: 450px; background : url(i/site/FrameFooter.gif) right no-repeat; vertical-align:bottom; text-align:right; font-size:13px; margin:0px; color:#D5EFFC;}

/*ヘッダー*/
td#header1 {background-color: #00486C; vertical-align: top; text-align:left;}
td#header2 {background-color: #00486C; vertical-align: top; text-align:right;}
td#header3 {background-color: #00486C; vertical-align: top; text-align:left;}
td#header4 {vertical-align: top; text-align:left;}

/*ヘッダー(フッター用)*/
td#headerL1 {vertical-align: bottom; text-align:center;}
td#headerL2 {vertical-align: top; text-align:center;}
td#headerL3 {vertical-align: bottom; text-align:center; padding-bottom:5px;}

/*1枚連結座標指定、左メニュー*/
ul#menu2{list-style:none; width:110px;}
ul#menu2 li{list-style:none; float:left; width:110px;}
ul#menu2 a{display:block; width:110px; height:21px; background-image:url(i/site/FrameLeft-BT.gif);}
#menu2 a span { display:none; }

a.Index{background-position:0px 0px;}
a:hover.Index{background-position:0px -21px;}
a.About{background-position:-110px 0px;}
a:hover.About{background-position:-110px -21px;}
a.Diary{background-position:-220px 0px;}
a:hover.Diary{background-position:-220px -21px;}
a.Circle{background-position:-330px 0px;}
a:hover.Circle{background-position:-330px -21px;}
a.Like{background-position:-440px 0px;}
a:hover.Like{background-position:-440px -21px;}


/*見出し用*/
img {border:0px;}

div.padding18 {padding-left : 18px ;} /* <div class="padding18"></div> (メインパディング)*/
div.padding20 {padding-left : 20px ;} /* <div class="padding20"></div> */
div.padding40 {padding-left : 40px ;} /* <div class="padding40"></div> */

div.A {font-size: 180%;letter-spacing : -2px; font-weight : 900; padding-left : 10px ; display:inline ;} /* <div class="A"></div> */
div.B {font-size: 140%;letter-spacing : -1px; font-weight : 600; padding-left : 10px ;} /* <div class="B"></div> */
div.C {font-size: 100%;letter-spacing : -1px; font-weight : 700; padding-left : 10px ;} /* <div class="C"></div> */

div.T {font-size: 85%;letter-spacing : 0px; font-weight : 400; text-align:right; padding-right : 10px ;} /* <div class="M"></div> */
div.M {font-size: 85%;letter-spacing : 0px; font-weight : 400; padding-left : 10px ;} /* <div class="M"></div> */

td#bg {background : url(i/site/TextBG2.gif) left repeat-y; vertical-align: top;}
p{font-size: 14px; background : url(i/site/TextBG.gif) left repeat-y; vertical-align: top;}

h1{padding-left : 10px; font-size: 180%; letter-spacing : -2px; font-weight : 900;}
h2{padding-left : 10px; font-size: 110%; letter-spacing : 0px; font-weight : 400;}

input, textarea {
  font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
  color:#006699;
  font-size: 12px;
  background-color:#D5EFFC;
  border: 1px solid #006699;
}

.btn {
  background-color:#006699;
  color:#D5EFFC;
}


form {
  padding: 0px;
  margin: 0px;
}

blockquote {
  font-size: 11px;
  color: #ccc;
  padding: 7px;
  margin: 5px 5px 5px 5px;
  border-left: 3px solid #bbb;
}

h1 {
  font-size: 18px;
  margin: 0px;
}

h2 {
  font-size: 13px;
  margin: 0px;
}

/* ------- ■画像部分 ------- */
.pict {
  float: right;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}


/* ------- ■全体のくくり------- */
#inbox {
  PADDING: 0px; 
  margin: 0px;
  MARGIN-LEFT: auto; 
  MARGIN-RIGHT: auto; 
  width: 100%;
}

/* ------- ■タイトル部分 ------- */
#banner {
  background-color: #222;
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #006699;
  clear: both;
}

#banner_l {
  text-align: left;
  margin:0px 0px 0px 0px;
  padding: 10px 0px 10px 20px;
}

.site_title {
  margin: 0px;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
  color: #222;
  text-decoration: none;
}

.description {
  color: #bbb;
  margin: 5px 0px 0px 10px;
}

/* ------- ■右カラム部分 ------- */
#side {
  float: right;
  OVERFLOW: hidden;
  width: 28%;
}

/* ------- ■記事カラム部分 ------- */
#mainX {
  float: left;
  OVERFLOW: hidden;
  width:65%;
}

/* ------- ■記事の枠部分 ------- */
.entryBodyset {
  clear: both;
  width: 95%;
  margin: 0px 0px 15px 10px;
  text-align: left;
}

.entry_title {
  color: #006699;
  font-weight: bolder;
  font-size: 14px;
  letter-spacing : -1px;
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  padding: 3px 0px 0px 5px;
}

.entry_body {
  font-size: 12px;
  line-height: 150%;
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  margin: 3px 10px 3px 10px;
}

.entry_date {
  color: #006699;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  letter-spacing : -1px;
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  padding: 0px 0px 3px 15px;
  border-bottom: 2px solid #006699;
  border-left: 10px solid #006699;
}

.entry_author {
  color: #006699;
  font-size: 10px;
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  text-align: right;
  margin: 0px 30px 0px 0px
}

.entry_state {
  font-size: 12px;
  color: #006699;
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  margin: 3px 0px 10px 10px;
  text-align: left;
  clear: both;
}

/* ------- ■メニューの小分け部分 ------- */
.sideSet {
  width: 100%;
  margin: 0px 0px 20px 0px;
  text-align: left;
}

.linktitle {
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  font-size: 12px;
  font-weight: bold;
  color: #006699;
  text-align: center;
  border-bottom: 1px dotted #006699;
  padding: 4px 0px 2px 5px;
}

.linktext {
  font-family: "osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "arial";
  font-size: 12px;
  color: #006699;
  line-height: 150%;
  padding: 5px 10px 2px 10px;
}

.linktext ul {
  color: #006699;
  list-style-type: square;
  padding: 0px 0px 0px 15px;
  margin: 0px;
}


/* ------- ■ページ移動リンク ------- */
.pagearea {
  font-size: 12px;
  margin:20px 10px 10px 10px;
}
.pagearea a,
.pagearea a:link,
.pagearea a:visited,
.pagearea a:active,
.pagearea a:hover {
  text-decoration: none;
}

/* ------- ■ページトップ ------- */
.pagetop {
  color: #ccc;
  font-size: 11px;
  text-align: right;
  margin: 0px 0px 20px 0px;
}

/* ------- ■検索ボックス ------- */
#searcharea  {
  text-align: left;
  margin: 60px 0px 20px 20px;
}

.search {
  font-size: 12px;
}

.search input {
  border: 1px solid #aaa;
}

/* ------- ■カレンダー部分 ------- */
.calendar {
  padding: 4px 2px 5px 2px;
  font-size: 11px;
  color: #006699;
  letter-spacing : 1px;
  line-height: 120%;
}

.cell {
  color: #006699;
  font-size: 10px;
  font-family: Verdana;
  margin: 0px;
  width: 25px;
  height: 20px
}

.cell_today {
  color: #006699;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  border: 1px dotted #006699;
  margin: 0px;
  width: 25px;
  height: 20px
}

.cell_sunday {
  color: #990000;
  font-size: 10px;
  font-family: Verdana;
  margin: 0px;
  width: 25px;
  height: 20px
}

.cell_saturday {
  color: #006699;
  font-size: 10px;
  font-family: Verdana;
  margin: 0px;
  width: 20px;
  height: 20px
}

/* ------- ■フッダー部分 ------- */
#footerX {
  width: 100%;
  padding: 20px 0px 5px 0px;
}

.copyright {
  color: #006699;
  font-size: 11px;
  letter-spacing : 1px;
  text-align:center;
}