@charset "utf-8";

body {
font-family:"メイリオ","Meiryo", Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif,Ariel,Helvetica;
color:#121419;
margin:0 auto;
text-align:center;
line-height:1.3;
font-size:100%;
background-color : #FFFFFF;
}

a:link  {
  color : #0083C0;
  text-decoration : none;
}
a:hover {
  color : #C94093;
  text-decoration :  none;
}
a:visited {
color:#80008b;
outline:none;
}
div, p, form, label, ul, img, h1, h2, h3, h4 {
  margin : 0;
  padding : 0;
  border : 0;
}
ul,ol {
margin:0;
padding:0;
}

/* ブログタイトルリンクのデザイン
--------------------------------------------------------*/
#blog_title {
  padding : 25px 30px 0 30px;
  font-size : 28px;
  line-height : 1.1;
  font-weight : normal;
  text-align : left;
}
#blog_title a {
  color : #121419;
  text-decoration : none;
}
#blog_title a:hover {
  color : #0083C0;
  text-decoration : none;
}

/*ブログタイトル下の説明文のデザイン
--------------------------------------------------------*/
#blog_info {
  padding : 5px 30px 10px 30px;
  font-size : 10pt;
  font-weight : normal;
  text-align : left;
}

/*コンテンツ全体のデザイン
--------------------------------------------------------*/  
#wrapper { 
  width : 1040px;
  margin: 0 auto;
  text-align : left;
}

/*ヘッダーのデザイン
--------------------------------------------------------*/  
#header {
  height : 145px; 
  margin-bottom : 15px;
  margin-top : 0;
}

/*メインエリアのデザイン
--------------------------------------------------------*/
#main {   
  float : left;
  width : 770px;
  text-align : left;
  overflow : hidden;
  display:block;
  margin-right:20px;
}

#center_column{
  float:right;
  width:500px;
  display:block;
  font-size : 11pt;
  margin-left: 20px;
}  

#center_column a:visited {
color:#A55AAA;
outline:none;
}

#center_column img {
    max-width: 100%;
    height: auto;
}

/*各記事タイトルのデザイン
--------------------------------------------------------*/
.kiji_title ,#main h1 {
  margin:23px 0 0 0;
  padding:10px;
  border-bottom: solid 1px #696969;
  line-height:140%;
  font-weight:bold;
  font-size : 13pt;
}

#center_column .kiji_title a:link {
  color:#121419;
  text-decoration :  none;
}
#center_column .kiji_title a:hover {
  color:#0083C0;
}

#center_column .kiji_title a:visited{
  color:#A55AAA;
}
.kiji_title_under  {
  margin:0 0 15px 0;
  padding:10px;
  border-bottom: solid 1px #d0d0d0;
  line-height:140%;
}

/*記事本文
--------------------------------------------------------*/
.kiji{
line-height: 1.7;
margin : 10px;
font-size : 11pt;　
}

.kiji a:link  {
  color : #1E87AF;
  text-decoration :underline;
}
.kiji a:hover {
  color : #A55AAA;
  text-decoration : underline;
}

.kiji p{
line-height: 1.7;    /*段落の行間*/
 margin-top : 10px;    　/*段落の上余白*/
 margin-bottom : 10px;    　/*段落の下余白*/
}

/*ページ送り
--------------------------------------------------------*/
.page_navi {
 text-align: center;
 color:#d0d0d0;
padding: 30px 0;
margin:0;
 font-size:16px;
}
.page_navi i {
 font-size:20px;
padding: 4px;
}
.page_navi_box_left {
border: 1px #d0d0d0 solid;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */ 
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width:220px;
float: left;
padding: 8px;
}
.page_navi_box_right {
border: 1px #d0d0d0 solid;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */ 
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width:220px;
float: right;
padding: 8px;
}


/*コメントで使用
--------------------------------------------------------*/
.comment_in {
  font-size : 10pt;
  margin : 10px;
}
.comment_title {
  text-align:left;
  font-weight:bold;
}

.comment_body {
margin:0 auto;
padding:5px 10px;
overflow:hidden;
}
.comment_date {
  font-size : 9pt;
}

/*エントリフッターで使用
--------------------------------------------------------*/
.entryInfo {
  padding : 0px 10px 5px 10px;
  font-size : 9pt;
  clear : left;
  color:#333333;
}

/*左のプラグイン全体のデザイン
--------------------------------------------------------*/
#left_menu {
  float : left;
  width : 250px;
    overflow: hidden;
  margin : 10px 0;  
}
/*右のプラグイン全体のデザイン
--------------------------------------------------------*/
#right_menu {
  float : right;
  width : 250px;
  overflow : hidden;
  margin : 10px 0;
}
/* プラグインのリンクの色
--------------------------------------------------------*/
#right_menu a,#left_menu a {
  color : #0083C0;
  text-decoration : none;
}
#right_menu a:hover ,#left_menu a:hover{
  color : #C94093;
  text-decoration :  none;

}
/*プラグインのデザイン
--------------------------------------------------------*/
.menu_box {border:solid 1px #d0d0d0;
  font-size : 9pt;
   margin:0 0 20px 0;
   padding:10px}
.menu_box_in  {
  margin : 0;
  line-height: 1.4;
}
/*プラグインのリストメニューのデザイン
--------------------------------------------------------*/
.menu_box_in ul{margin-left:20px}

.menu_box_in li {
  line-height : 20px;
  color : #c1c6c9; /* マルの色*/
}

.menu_box_in li a {
  color : #313131;
}
.menu_box_in li a:hover {
  color : #c1c6c9; /* マルの色*/
}

/*プラグイン１・２のタイトル
--------------------------------------------------------*/
.menu_box_title {
  margin-bottom:10px;
  border-color:f1f1f1 ;/*左端の色*/
  color:#121419;/*文字の色*/
  font-weight: bold;
  font-size : 10pt;
}

/*プラグイン３
--------------------------------------------------------*/
.pg_third_title{
  margin:10px 0;
  color:#c1c6c9;
  font-size : 9pt;
}
/*パンくず・ページ送りのデザイン
--------------------------------------------------------*/
.pankuzu, .footer_navi{
  font-size : 9pt;
  margin:10px;
  }

/*全記事一覧のデザイン
--------------------------------------------------------*/
#archives_titlelist {
  font-size : 10pt;
  margin : 30px;
  line-height : 1.7; 
}
#archives_titlelist li {
  margin-bottom : 10px;
  color : #C94093;
  list-style-type: none;
}

/*月別アーカイブ、カテゴリ、検索結果のデザイン
--------------------------------------------------------*/
#date_style, #category_style,  #search_style{
  font-size : 11pt;
  margin:30px 15px 15px  50px;
}
#date_style li, #category_style li,  #search_style li{
  margin-bottom : 15px;
  line-height : 1.4; 
  color : #c1c6c9; /* マルの色*/
}


/*グローバルメニューのデザイン
--------------------------------------------------------*/
#menu_bar {
font-size: 11pt; /* 文字サイズ */
height:40px; /* 高さ */
background-color:#b8de21; /* 背景色*/
width:100%;
margin-top:25px; /* 上の間隔 */
margin-bottom:0px; /* 下の間隔 */
border-top : 1px solid #d0d0d0; /* 上の線*/
border-bottom : 1px solid #d0d0d0; /* 下の線*/
text-align:center;
}

#menu_bar li {
list-style-type:none;
float:left;
line-height:40px; /* 高さ */
margin:0;
padding:0px;
}

#menu_bar li a {
display:block;
text-align:center;
width:145px; /* １つのメニューボタンの幅 */
color:#a5a5a5; /* リンク文字の色 */
background-color:#b8de21; /* メニューボタンの背景 #*/
text-decoration:none;
}

#menu_bar li a:hover{
color:#d38d8d; /* マウスが乗ったときのリンク文字の色 */
background-color:#b1d1e7; /* マウスが乗ったときの背景色 */
text-decoration:none;
}

/*フッター
--------------------------------------------------------*/

#footer {
width:100%;
clear:both;
font-size:9pt;
padding:0;
margin:0 auto;
background-color:#fff; /* 背景色 */
color:#121419;/* 文字色 */
border-top : 1px solid #d0d0d0;/*上線*/
}

#footer-in {
margin:0 auto;
padding:20px;
}

/*続きを読むボタン
--------------------------------------------------------*/
#main .more_button {
  display: inline-block;
  width: 120px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
  position: relative;
  background-color: #dcdcdc;
-webkit-border-radius:4px;
-moz-border-radius:4px;
  border-radius: 4px;
  font-size:80%;
  -webkit-transition: none;
  transition: none;
  margin-left:10px;
  margin-bottom:10px;
}
#main .more_button:hover {
  background-color: #696969;
  color:#f5f5f5 ;
}

#more_bt a:link {
color:#696969; /* リンク文字の色 */
}

#more_bt a:visited {
color:#696969; /* リンク文字の色 */
}
  
/*ソーシャルボックス
--------------------------------------------------------*/
.social-button {
  list-style-type: none;
  margin: 0 10px 10px 10px;
  padding-bottom:10px;
}

.social-button li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
/*カレンダー
--------------------------------------------------------*/
table.calender {
width:100%;
margin:0px auto;
font-size:100%;
}

table.calender caption {
margin-bottom:15px;
margin:0px auto;
}
table.calender th,
table.calender td {
text-align:center;
}

table.calender td a {
display:block;
text-decoration:underline;
}

table.calender td a:hover {
background-color:#d0d0d0;
font-weight:bold;
}

table.calender th#sun {
color:#FF0000;
}

table.calender th#sat {
color:#0000FF;
}

/*関連記事
--------------------------------------------------------*/
.relate_ul{
        margin:10px;
  font-size : 11pt;
}
.relate_li {
        list-style: none;
  line-height : 2;
  color :  #121419;  /* マルの色*/
}
.relate_li a {text-decoration: underline;
}

.relate_li_nolink{
        list-style: none;
        color:#d0d0d0;
}

/*ランキングスペース
--------------------------------------------------------*/
.ranking{
        margin-top:15px;
        margin-bottom:15px;
}

/*区切り線
--------------------------------------------------------*/
.style-hr01{
    border: 0;
    border-bottom: 1px dashed #ccc;
}

/*引用デザイン
--------------------------------------------------------*/
blockquote {
  border : 1px dashed #c1c6c9;
  margin:0 5px;
  padding : 10px;
  }







.title3 {
border-bottom: 3px solid #bc8f8f;
text-align: left;
background-color: #ffe4e1;
font-size: 14px;
color: #000;
margin: 0px;
padding: 2px 2px 2px 15px;
width:400px;
}


/* 新着記事サムネイル画像表示 */
.img_recent br {
clear:left;
}
.img_recent img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
margin-bottom:10px; /* 画像の下余白 */
width: 100px; /* 画像表示サイズ */
height: 100px; /* 画像表示サイズ縦　*/
}

blockquote {
    padding : 20px;
    padding-top : 0px;
}