@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, img, h1, h2, h3, h4,ul,ol {
	margin : 0;
	padding : 0;
	border : 0;
}

/* ブログタイトルリンクのデザイン
--------------------------------------------------------*/
#blog_title {
	padding : 25px 0 0 28px;
	font-size : 28px;
	line-height : 1.0;
	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 : 7px 0 0 28px;
	font-size : 14px;
	font-weight : normal;
	text-align : left;
}

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

/*ヘッダーのデザイン
--------------------------------------------------------*/	
#header {
	width : 100%;
}

/*メインエリアのデザイン
--------------------------------------------------------*/
#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 : 20px;
}

#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: 140%; /*行間*/
margin : 10px 10px 0 10px;
font-size : 14px;
}

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

.kiji p{
	line-height: 1.5;    /*段落の行間*/
	margin-top : 7px; 
	margin-bottom : 7px; 
}
.kiji ul{
	margin:10px 28px;
	padding:0;
}
.kiji ol {
	margin:10px 28px;
	padding:0;
}

/*ページ送り
--------------------------------------------------------*/
.page_navi {
 text-align: center;
 color:#d0d0d0;
padding: 30px 0;
margin:0;
 font-size:12px;
}
.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 : 14px;
	margin : 10px;
}
.comment_title {
	text-align:left;
	font-weight:bold;
}

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

/*エントリフッターで使用
--------------------------------------------------------*/
.entryInfo {
	padding : 0px 10px 5px 10px;
	font-size : 11px;
	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 : 12px;
	 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 : 14px;
}

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

/*全記事一覧のデザイン
--------------------------------------------------------*/
#archives_titlelist {
	font-size : 14px;
	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 : 14px;
	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: 11px; /* 文字サイズ */
height:40px; /* 高さ */
background-color:#f8f8ff; /* 背景色*/
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:#696969; /* リンク文字の色 */
background-color:#f8f8ff; /* メニューボタンの背景 #*/
text-decoration:none;
}

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

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

#footer {
width:100%;
clear:both;
font-size:11px;
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:14px;
	-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 : 14px;
}
.relate_li {
        list-style: none;
	line-height : 2;
	color :  #121419;  /* マルの色*/
}
.relate_li a {text-decoration: underline;
}

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

/*ランキングスペース
--------------------------------------------------------*/
.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;
	}
/*小見出しデザイン
--------------------------------------------------------*/
.midashi01 {
	border-left : 10px solid #d0d0d0;
	margin-top:10px 0 0 ;
	padding :7px;
        font-size: 18px;
	}
.midashi02 {
	border-bottom : 2px solid #d0d0d0;
	margin:16px 0 0 0;
	padding :7px;
	font-size: 18px;
	}


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