@charset "UTF-8";

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all; /* IEで半角英数字を強制改行 */
}

body {
width:100%;
text-align:center; /* 中央に配置 */
color:#000; /* 画面全体の文字色 */
font-family:Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",'Hiragino Kaku Gothic Pro','Osaka',sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
background-image:url(); /* 背景画像のURL（全体幅800pxの時のみ有効です。作者ブログにて別サイズも配布してます） */
background-color:#ECECEC; /* 画面全体の背景の色 */
background-position:center top; /* 背景画像の位置 */
background-repeat: repeat-y; /* 画像を縦にリピート */
padding:0;
margin:0;
}


/* ---------------------------------------
▼各部の幅と左右変更
---------------------------------------- */
/* 全体のレイアウト（メニュー幅＋メイン幅＋余白＝全体のレイアウト＝ヘッダーです。メニューやメインを増やした分だけレイアウトとヘッダーに加算してください） */
#layout {
width:100%;
width:940px; /* レイアウトの幅 */
background-color:#ffffff; /* レイアウト部分の背景色 */
border-left:dashed 1px #000; /* 左に点線 */
border-right:dashed 1px #000; /* 右に点線 */

margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;
}

/* ヘッダー */
#header {
width:940px;  /* ヘッダーの幅 */
height:80px; /* ヘッダーの高さ */
background-color:#ffffff;
background-repeat:no-repeat;
background-position: left top; /* ヘッダー画像を左上にひとつだけ置いています */
background-color:#ffffff; /* ヘッダーの背景色 */
}

/* メイン */
#main {
float:left; /* 右に回り込む（右メニューにしたい時はrightをleftに変更してください・左右変更箇所、全部で5つ、その1） */
width:590px; /* メイン幅 */
margin:8px 0 0 0;
padding:0;
}

/* メニュー */
#menu {
float:right; /* 左に回り込む（右メニューにしたい時はleftをrightに変更してください・左右変更箇所その2） */
width:340px; /* メニューの幅 */
background-color: transparent; /* 背景を透明に */
margin-bottom:10px;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* 記事囲み */
.entry_block {
width:98%;
text-align:left;
border-collapse:collapse; /* 余白をなしに */
background-color:#ffffff; /* 背景色 */
border:1px solid #000; /* 記事を実線で囲んでいます */
padding:0;
margin:0px 5px 15px 9px; /* 上右下左の順に記述（右メニューにしたい時は左右を入れ替えて25px 0 35px 15pxに・左右変更箇所その3 25px 15px 35px 0   0px 9px 15px 5px） */
}

/* メニュータイトル */
.menu_title {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#80cedd;
	border-style:solid;
	background:#5c949e;
	color:#FFFFFF;
	line-height:140%;
}

.menu_title2 {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#80cedd;
	border-style:solid;
	background:#5c949e;
	color:#FFFFFF;
	line-height:140%;
}

/* メニュー中味 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#333; /* 文字色 */
line-height:20px; /* 行間 */
padding:2px 0 2px;
}

.menu_text2 {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
line-height:20px; /* 行間 */
padding:2px 0 2px;
}

.menu_text p {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
margin:4px;
}

/* メニュー内枠 */
.menu_body{
margin-right:6px; /* 右メニューにしたい時はmargin-left:10px;をmargin-right:10px;に（左右変更箇所その5）　*/
padding:0;
}

/* ---------------------------------------
▼LINK
---------------------------------------- */
/* 全体のリンク */
/* 未閲覧 */
a:link {
color:#0000FF; /* 文字色 */
text-decoration:none; /* アンダーラインなし */
}
/* 閲覧済 */
a:visited {
color:#800080;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#DB7093;
text-decoration:none;
}
/* クリックした時 */
a:active {
color:#999;
text-decoration:none;
}

/* ブログタイトルのリンク設定 */
#header h1 a:link, #header h1 a:visited {
color:#0099ff;
text-decoration:none;
}

/* 本文のリンク設定 */
.entry_body a:link {
color:#0000FF;
text-decoration:underline;
}

.entry_body a:visited {
color:#800080;
text-decoration:underline;
}

/* プラグインのリンク設定 */
.menu_body  a:link {
color:#0000FF;
text-decoration:underline;
}

.menu_body  a:visited {
color:#800080;
text-decoration:underline;
}


/* ブログタイトルのカーソルが乗った時 */
#header h1 a:hover {
color:#4da619;
text-decoration:none;
}

/*管理リンクと 記事タイトルと横カレンダーと全記事リスト下のリンク設定 */
.admin a:link,.yoko_calender a:link, .all_bottom a:link, .admin a:visited, .yoko_calender a:visited, .all_bottom a:visited {
color:#000000;
text-decoration:none;
}

.entry_body p.tag_lnk a:link,.entry_body p.tag_lnk a:visited{
font-size:12px; 
color:#000000;
text-decoration:underline;
}

.entry_title a:link, .entry_title a:visited, {
color:#0099ff;
text-decoration:none;
}

/* カーソルが乗った時 */
.admin a:hover, .entry_title a:hover, .yoko_calender a:hover, .all_bottom a:hover {
color:#000000; /* 文字色 */
text-decoration:none;
}

/* プラグインカレンダーのリンク設定 */
.calender td a:link, .calender td a:visited {
color:#000; /* 文字色 */
background:#eee; /* 背景色 */
text-decoration:none;
display:block;
}
/* カーソルを乗せた時  */
.calender td a:hover {
color:#fff;
background:#9c3;
text-decoration:none;
}


/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
font-family:Arial,Helvetica; /* 文字種類 */
color:#666; /* 文字色 */
padding:0;
margin:5px 20px 0;
}

/* ブログタイトル */
#header h1 {
text-align:left; /* 右寄せ */
font-family: Meiryo,Verdana,Chicago,Arial,Helvetica; /* タイトルのフォント */
font-size: 24px; /* タイトルの大きさ */
color:#0099ff; /* タイトルの色 */
font-weight: bolder; /* タイトルの太さ */
}

/* ブログ説明文 */
.intro {
text-align: left; /* 右寄せ */
font-size: 12px; /* 説明文の大きさ */
color: #000000; /* 説明文の色 */
font-weight: none; /* 説明文の太さ */
margin: 0;
padding: 7px 20px 0px 13px; /* 説明文の位置、上・右・下・左の順に記述 */
}

/* ---------------------------------------
▼メイン（記事部）
---------------------------------------- */
/* メイン内枠 */
#main_block {
margin:0;
padding:0;
}

/* プラグイン3タイトル */
.p3_title {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#80cedd;
	border-style:solid;
	background:#5c949e;
	color:#FFFFFF;
	line-height:140%;
}

/* エントリー（記事）*/
/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
font-weight:bold; /* 文字の太さ */
font-family:Verdana,Chicago; /* フォント種類 */
color:#6E59AF; /*文字色 */
margin:18px 0 18px 0px;
padding:2px 5px;
}

/* 記事タイトル、コメント・トラバのナビ */
.entry_title {
text-align:left; /* 左寄せ */
font-size:17px;/* 文字サイズ */
font-weight:bold; /* 字の太さ */
color:#0099ff; /* 文字色 */
background:#ffffff;
padding:35px 0px 10px 5px; 
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:15px; /* 記事本文の文字サイズ */
color:#000; /* 記事本文の文字色 */
line-height:1.4; /* 行間 */
padding:10px 15px;
margin:0;
}

/* 続きを読む */
.more {
text-align:left; /* 左寄せ */
font-weight:normal; /* 文字太さ */
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント種類 */
color:#090; /* 文字色 */
margin:10px 0 5px;
}

/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中に使われたタグのリンクリスト */
.entry_body p.tag_lnk {
text-align:right; 
margin-top:5 px;
}

/* 記事本文下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:110%; /* 行間 */
margin:0;
padding:5px;
}


/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 10px;
}
.all_state {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
color:#000; /* 文字色 */
font-family:Verdana,Chicago; /* フォント種類 */
padding:5px;
}

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center; /* 中央寄せ */
font-size:10px; /* 文字サイズ */
color:#999; /* 文字色 */
margin:15px 0;
padding:13px;
line-height:130%; /* 行間 */
}

/* 頁移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-family:Meiryo,Verdana,Chicago;
font-size:11.5px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:10px 0;
padding:0 10px;
}

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラックバック共通の見出し */
.ct {
text-align:left; /* 左寄せ */
font-size:14px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
font-family:Verdana,Chicago; /* 文字種類 */
color:#fff; /* 文字色 */
background-color:#000; /* 背景色 */
margin:0;
padding:4px 10px;
}

/* コメント・トラックバック共通のナビ */
.ct_navi {
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#000; /* 文字色 */
border-bottom:1px solid #000; /* 下にライン */
margin:2px 10px 10px;
padding-top:10px;
}

/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#000;/* 文字色 */
font-weight:bold; /* 文字太さ */
margin:0;
padding:5px 10px;
}

/* コメント本文 */
.comment_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#000; /* 本文の色 */
margin:5px 20px;
line-height:1.5; /* 行間 */
}

/* コメント日付 */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
border-bottom:1px dashed #666; /* 下にライン */
margin:5px;
padding:0 10px 5px;
}

/* コメントテーブル */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}

/* トラックバックアドレス */
.tra_url {
text-align:left;
padding:4px 0 20px 10px;
}

/* トラックバック本文 */
.tra_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 本文の色 */
margin:5px 20px;
line-height:1.3; /* 行間 */
}

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:12px; /* トラックバック日付文字サイズ */
color:#999; /* トラックバック日付色 */
margin:0;
padding:5px 15px 15px;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
/* 名前・タイトル・アドレス等記入欄 */
.form_text {
width:250px; /* 幅 */
}
/* コメント記入欄 */
.form_textarea {
width:400px; /* 幅 */
}
/* 送信・削除ボタン */
.form_button {
width: 40px;
}

/* テキストエリア・フォーム等全般 */
INPUT,SELECT,TEXTAREA {
color:#000; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#fff; /* 背景色 */
border:#000 1px solid; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュー字 */
.menu_text{
text-align:left;
font-size:13px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:17px; /* 行間 */
padding:5px 0 0 2px;
}
.menu_text p{
text-align:left;
font-size:13px;
color:#000;
margin:0;
}

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left;
color:#000; /* リストの文字色 */
line-height:160%; /* 行間 */
list-style-type:none; /* リストマークの種類 disc*/
margin:0;
padding-left:2px; /* リストマークの分、左に余白 14px*/
}
/* メニューリスト子要素 */
.menu_body li {
text-align:left;
padding:2px;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
background-image:url(https://blog-imgs-14.fc2.com/d/o/k/dokode/kabe01.gif); /* 背景壁紙 */
background-color:#dcdcdc; /* 背景色 */
line-height:140%; /* 行間 */
margin:10px 0 0;
padding:5px 10px;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* 引用文 */
blockquote {
color:#333; /* 文字色 */
font-size:15px; /* 文字サイズ */
background-color:#f5f5f5; /* 背景色 */
border: 1px dotted #999; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

/* リスト */
ul {
text-align:left;
margin-left:15px;
padding:0;
list-style:none;
}
ol {
text-align:left;
margin-left:25px;
padding:0;
}

/* 画像 */
a img {
border-style: none;
border-width:0;	
text-decoration:none;
padding:0;
margin:0; /* 余白はありません */
}

/* 絵文字 */
.emoji {
vertical-align:middle;
border:0;
}

/* 文字装飾 */
/* 強調 */
em, strong {
font-weight:bold;
}
/* 太字 */
b{
font-weight:bold;
}
/* 斜体 */
i{
font-style:italic;
}
/* 打ち消し線 */
s{
text-decoration:line-through;
}
/* 下線 */
u {
text-decoration: underline;
}

/* プロフィール */
.pay {
text-align:center;
margin:10px 0;
}

/* コード */
/* 記事中にプログラムコードなどを書く時に使います */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #633;
font-family:sans-serif;
overflow:auto;
width:90%; /* pre element clearing bug in WinIE  */
}
/* MacIE用バグ対応 */
/* for without MacIE5 \*/
div.section pre {
overflow:scroll;
}/* */
div.section > pre {
width:auto;
}

div.section code {
font-family:monospace; /* 等幅フォントを指定 */
}

/* MAC・IE用テキストエリア等バグ回避 */
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;
}

/* IEの改行バグ回避用 */
br {
letter-spacing:normal;
}

.pankuzu {
font-size:12px; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#0000FF} 
.pankuzu a:visited{color:#0000FF}


h4{padding: .25em 0 .25em .75em;
	border-left: 6px solid #5c949e;
font-size: 1.12em;

}

h5{padding: .25em 0 .25em .75em;
	border-left: 6px solid #5c949e;
font-size: 1.12em;

}


#nav-main{
	height:35px;
	border:#ccc thin solid;
	border-bottom:#be0c0c 2px solid;
	margin:10px 0 0 0;
}


.adsection {background-color:#0000ab;
 height:22px;
 width:940px;}

#radiobooth {font-size:9pt;} 

#adsection2 {background-color:#E1FFFF;
 width:200px;}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% 'Meiryo', 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}
#cssmenu ul {
  background: #333333;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #333333 url('images/seperator.png') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #2580a2 url('images/hover.png') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 250px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('images/sub_sep.png') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 250px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #2580a2 url('images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}


.free_category { 
 padding: 5px 5px 5px 15px;
 font-size: 14px;
 } 

.kensakubox{float: left;
margin-top: 25px;}

/* SNSボタン */
.sns{ list-style-type:none; }
/* display:inline-block;を指定 */
.sns li{
    display:inline-block;
    margin-right:5px;
    vertical-align:bottom;
    *display: inline;   <!-- IE用のハック -->
    zoom: 1;        <!-- IE用の hasLayout を true にするための記述 -->
}