@charset "UTF-8";


/* 全体的な設定lammban
------------------------------------------------------------ */

/* contentプロパティの初期化 */



/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}

/* body要素以下全てに適用されます */
/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
/* background : url("hoge.gif") top left no-repeat; */

body {
	color : #333;							/* 文字の色 */
	background : url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/body.gif) 50% 0 repeat-y;		/* 背景画像を繰り返し表示 */
	background-color : #ccc;				/* 背景の色 */
	/* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
	text-align : center;					/* 古いIEでセンタリングする */
	line-height : 1.5;						/* 行間 */
	font-size : x-small !important;			/* 古いIEの文字サイズ */
	voice-family : "\"}\"";					/* おまじない */
	voice-family : inherit;					/* おまじない */
	font-size : small !important;			/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body {
	font-size : small !important;			/* Opera用の文字サイズ */
}

textarea {
	width : 90%;
}



/* リンクの設定
------------------------------------------------------------ */

/* リンクの設定 */
a {
	text-decoration : none;			/* アンダーラインなど装飾を施さない */
}

/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
a:link {
	color : #333;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
}

/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
a:visited {
	color : #333;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
}

/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
a:hover {
	color : #333;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	text-decoration:underline;
}

/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
a:active {
	color : #333;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
}

/* リンク画像の枠を表示しない */
a img {
	border-style : none;			/* 枠を非表示 */
	border-width : 0px;				/* 枠の幅を0pxに設定 */
	text-decoration : none;			/* 装飾を表示しない */
}


.entry-body a{color: #0000ff; text-decoration:none;}

.amazon a{color: #333 !important;}
.amazon a:link{color: #333 !important;}
.amazon a:visited{color: #333 !important;}
.amazon a:hover{color: #333 !important; text-decoration:underline;}
.amazon a:active {color: #333 !important;}

/* レイアウト用ブロックの設定
------------------------------------------------------------ */

/* 全体の大枠 */
/* 左右のマージンを自動で求める事でセンタリングを行ってます */
/* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

div#container {
	width : 1000px;						/* wrapper＋extra-columnの幅 */
	margin:0 auto;
	text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */
}

/* タイトル部分 */
/* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
/* background : url("hoge.gif") top left no-repeat; */

div#header {
	width : 1000px;						/* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
}

div.column {
	margin : 15px 0;				/* タイトル部分と記事、記事部分とフッター部分の間隔 */
}

/* primary-columnとsecondary-columnの回り込み */

div#wrapper {
	float : left;						/* 左側に回り込む */
	width : 785px;						/* primary-column＋secondary-columnの幅 */
	margin-left:15px;
	_margin-left:5px;
}

/* 本文部分ブロック */
/* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
/* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

div#primary-column {
	float : right;						/* 右側に回り込む */
	width : 600px;						/* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
	padding : 0 ;				/* パディング */
}



/* アーカイブ関連ブロック */

div#secondary-column {
	float : left;						/* 左側に回り込む */
	width : 170px;						/* コンテンツ幅 */
}

/* アーカイブ以外のブロック */

div#extra-column {
	float : right;						/* 左側に回り込む */
	width : 170px;						/* コンテンツ幅 */
	margin-right:15px;
	_margin-right:5px;
}

/* 著作表示ブロック */

div#footer {
	clear : both;						/* 回り込みを解除 */
}



/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

/* タイトル */


div#header h1{
	background:#2a64ba;
	color:#fff;
	font-size:11px;
	padding:0 10px;
}

#header .headlink{
	background:#f3f3f3;
}

.headmenu{
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/menubg.gif) repeat-x;
	zoom:100%;
}
.headmenu:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.headmenu img{
	float:left;
}

.headmenu form{
	float:right;
	padding:10px 15px 0 0;
}

.headmenu p{
	float:left;
	padding:14px 0 0 10px;
}


/* Primary-Columnの設定
------------------------------------------------------------ */

/* ページ移動用ナビゲーション */

p.prev-next-navi {
	margin-bottom : 20px;
	text-align : center;
}

/* 各記事毎のブロック */
/*

    *-------------+
    |             |
    |             |
    |   section   |
    |             |
    |             |
    +-------------+

    *-------------+
    |             |
    |             |
    |   section   |
    |             |
    |             |
    +-------------+

    
    +-+- section
    | |
    | +-+- h2（タイトル）
    |   |
    |   +-+- 記事
    |     |
    |     +- 段落
    |
    +-+- section
    | |
    | +-+- h2（タイトル）

    各記事はこのようにブロックで記事毎に階層が分けられています */

div.section {
	margin-bottom : 25px;				/* 記事と記事の間隔 */
}


/* 記事のタイトル部分 */

h2 {
	border:solid #e2e2e2;
	border-width:1px 1px 1px 0;
	border-left:7px solid #666;
	background:#f5f5f5;
	padding:3px 5px;
	font-size:16px;
	font-weight:bold;
}

.column h3 {
	border:solid #e2e2e2;
	border-width:1px 1px 1px 0;
	border-left:7px solid #666;
	background:#f5f5f5;
	padding:3px 5px;
	font-size:12px;
}

.section h2 a{
	font-weight:bold;
}

html>body div.section h2 {
	font-size : medium;					/* Opera用の文字サイズ */
}

/* 段落の設定 */

div.section p {
	margin : 1em 0;						/* 上下1行分空ける */
}

/* 記事本体部分 */

div.entry-body {
	padding : 0 10px;
	font-size:14px;
	line-height:1.3;
}


/* 追記部分 */

p.entry-more {
	padding : 25px 15px 15px 0;
	text-align : left;
}



/* フッター部分（コメントやトラックバックなど） */

div.section ul.entry-footer {
	padding : 4px 10px 4px 10px;
	list-style-position : inside;
	text-align:right
}

div.section ul.entry-footer li {
	display : inline;
	list-style-type : none;
}

.emoji{
	vertical-align:middle;
	border:0;
}

/* コメント部分の設定
------------------------------------------------------------ */

/* コメントフォーム */

div#primary-column form {
	padding : 0 10px;
}


/* 管理者だけにコメント */

input#himitu {
	margin-right : 0.5em;
}

/* コメントフォームのボタン */

p.form-btn {
	margin-top : 20px;
}

/* コメントトップ */

h3#comment-top {
	margin : 15px 0 10px 0;
	padding : 0 15px;
}

h3#saishinkiji-top {
	margin : 15px 0 10px 0;
	padding : 0 15px;
}

h3.comment-post,
h3.comment-edit {
	padding : 0 15px;
}

/* コメントのタイトル */

h4.comment-header {
	margin-bottom : 10px;
	padding : 0 10px;
	border-bottom : 1px solid #333;		/* 枠線 */
}

/* コメント本文 */

div.comment-body {
	padding : 0 10px;
         font-size:14px;
}

/* コメントフッター */

ul.comment-footer {
	padding : 10px 10px 15px 10px;
}

ul.comment-footer li {
	display : inline;
	list-style-type : none;
}



/* トラックバック部分の設定
------------------------------------------------------------ */

/* トラックバックトップ */

h3#trackback-top {
	margin : 15px 0;
}

/* トラックバックURI */

p.trackback-uri {
	margin-bottom : 15px;
	padding : 0.2em 0.5em;
	border : 1px solid #333;
}

/* トラックバックのタイトル */

h4.trackback-header {
	margin-bottom : 10px;
	padding : 0 10px;
}

/* トラックバック先の概要 */

div.trackback-excerpt {
	padding : 0 10px;
	background : transparent;
}

/* トラックバックフッター */

ul.trackback-footer {
	padding : 10px 10px 15px 10px;
	display : inline;
	list-style-type : none;
}

ul.trackback-footer li {
	display : inline;
	list-style-type : none;
}



/* Secondary-Columnの設定
------------------------------------------------------------ */

/* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

div#secondary-column h2 {
	border:solid #e2e2e2;
	border-width:1px 1px 1px 0;
	border-left:7px solid #666;
	background:#f5f5f5;
	padding:3px 5px;
	font-size:12px;
	font-weight:bold;
}

html>div#secondary-column h2 {
	font-size : small;					/* Opera用の文字サイズ */
}

/* カレンダーの位置調整 */

div#secondary-column h2.calendar-archives {
	margin-bottom : 5px;
}

/* 月別・カテゴリ別アーカイブの位置調整 */

div#secondary-column h2.monthly-archives,
div#secondary-column h2.categories-archives {
	margin-top : 20px;
	margin-bottom : 5px;
}

/* 検索の位置調整 */

div#secondary-column h2.search {
	margin-top : 20px;
	margin-bottom : 10px;
}

/* アーカイブ関連のリスト表示設定 */
/* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
/* 画像を使いたい場合はlist-style-imageを追加して下さい */

/* 例 */

/* list-style-type : none; */
/*list-style-image : url("http://blog-imgs-14.fc2.com/r/e/s/res2ch/libg.gif");*/

div#secondary-column ul {
	margin : 0 15px;
	list-style-type:none;
}

#secondary-column li{
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/libg.gif) 0 4px no-repeat;
	padding-left:10px;
}

#secondary-column p{
	margin:5px;
}


/* Extra-Columnの設定
------------------------------------------------------------ */

/* アーカイブ以外の見出（リンクやプロフィールなど） */

div#extra-column h2 {
	border:solid #e2e2e2;
	border-width:1px 1px 1px 0;
	border-left:7px solid #666;
	background:#f5f5f5;
	padding:3px 5px;
	font-size:12px;
	font-weight:bold;
}

html>div#extra-column h2 {
	font-size : small;					/* Opera用の文字サイズ */
}

/* 最近の記事の位置調整 */

div#extra-column h2.recent-entries {
	margin-bottom : 5px;
}

/* 最近のコメント・最近のトラックバック・リンクの位置調整 */

div#extra-column h2.recent-comments,
div#extra-column h2.recent-trackbacks,
div#extra-column h2.links {
	margin-top : 20px;
	margin-bottom : 5px;
}

/* プロフィールなどの位置調整 */

div#extra-column h2.appendix {
	margin-top : 20px;
	margin-bottom : 10px;
}

.randomjump{
	width:170px;
	height:63px;
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/randombg.gif) no-repeat;
	text-align:center;
	padding-top:15px;
}

/* アーカイブ関連のリスト表示設定 */
/* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
/* 画像を使いたい場合はlist-style-imageを追加して下さい */

/* 例 */

/* list-style-type : none; */
/* list-style-image : url("画像のパス"); */

div#extra-column ul {
	margin : 0 15px;
	list-style-type:none;
}


#extra-column li{
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/libg.gif) 0 4px no-repeat;
	padding-left:10px;
}

/* 著者名・著者概要・広告の位置調整 */

p.author-name,
p.author-description,
p.ads {
	margin : 0 15px;
}

/* プロフィール画像 */

p.author-image img {
	display : block;				/* ブロックレベルで表示 */
	margin : 10px 15px;				/* マージン */
	border : 1px solid #333;		/* 枠線 */
}

#extra-column p{
	margin:5px;
}



/* フッター部分の設定
------------------------------------------------------------ */

#footer{
	margin:0 auto;
	width:1000px;
	text-align:left;
	padding:0;
}

div#footer p {
	padding : 10px 0;				/* パディング */
}



/* 強調の設定
------------------------------------------------------------ */

/* 強調 */

em {
	font-style : italic;				/* 斜体 */
}

/* より強い強調 */

strong {
	font-weight : bold;					/* 文字を太字にする */
}



/* 引用の設定
------------------------------------------------------------ */

/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

/* 書式・例 */

/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
/* background : url("hoge.gif") top left repeat; */

blockquote {
	width : 500px;						/* 幅 */
	margin : 20px 0 20px 30px;			/* マージン */
	padding : 0.5em;					/* パディング */
	border : 0px solid #333;			/* 枠の色と線種 */
}



/* コード
------------------------------------------------------------ */

/* 記事中にプログラムコードなどを書く時に使います */
/* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */



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  */
}

/* for without MacIE5 \*/

div.section pre {
	overflow : scroll;					/* MacIE用バグ対応 */
}/* */

div.section > pre {
	width : auto;						/* MacIE用バグ対応 */
}

div.section code {
	font-family : monospace;			/* 等幅フォントを指定 */
}



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

/* マック版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;
}

/* AA*/
p.aa{

line-height:100%;
	font-size: 12px;
}
	/* コメントトップ */
	.comment {
		margin:15px 0 10px 8px;
		padding : 0 15px;
	}
.comment-state {
	margin-bottom: 10px; /* 下余白 */
	text-align: right; /* 右寄せ */
	border-bottom: 1px solid #ddd; /* 下線 */
}

li.T-fS9bvb4Q {
 background: #ffc; /* トリップがyourTripであるコメントの背景を#ffcにする */
 
}

/* 「含むはてなブックマーク」ボタン */
img.b_entry{
	float: none;
	clear: both;
	border: none;
}

/*中央部リスト*/
div#primary-column div#saishinkiji ul {
	margin : 0 15px;
	list-style-type:none;
         font-size:14px;
}

#primary-column #saishinkiji li{
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/libg.gif) 0 4px no-repeat;
	padding-left:10px;
}

/*記事下広告リスト*/
div#adv ul{
        	margin : 0 70px;
	list-style-type:none;
         font-size:14px;
}
#adv li{
	background:url(http://blog-imgs-14.fc2.com/r/e/s/res2ch/libg.gif) 0 4px no-repeat;
	padding-left:10px;
}


/*検索結果*/
/* 検索結果タイトル */
.search-title {
	padding: 0 5px; /* 左右余白 */
	font-weight: bold; /* 太字 */
	border-bottom: 1px solid #9c0; /* 下線 */
	color: #fff; /* 文字の色 */
	background-color: #fc0; /* 背景の色 */
}
.plugin-body {
	padding: 10px; /* 余白 */
	border-bottom: 1px solid #9c0; /* 下線 */
}

.adstyle {
background-color: #F8F8FF;
border-left: 10px solid #B4C7D2;
margin-right: 5px;
margin-left: 30px;
padding: 3px;
}


/* ■続きリンク■ */
.next a:link,.next a:visited,.next a:active{
 color: #660000;
 font-size: 85%;
 font-weight: bold;
 padding: 4px 10px;
 text-decoration: none;
 text-align: center;
 border: 1px solid #999999;
 dispplay: block;
 }
.next a:hover{
 background-Color: #B0C4DE;
 color: white;
 font-size: 85%;
 font-weight: bold;
 text-decoration:underline;
 text-align: center;
 border: 1px solid #999999;
 dispplay: block;
 }

/*hatena*/

#feed ul{
font-size: 12px;
width: 150px;
}
#feed li{
list-style-type:none;
margin-top: 20px;
}
#feed img{
border: none;
float: right;
margin-right: 10px;
}


@media screen and (max-device-width: 800px) { /* iPhone + small display friendly */
  .headline { display:none }
  #extra-column { display:none }
  #primary-column { min-width:800px; max-width:1280px }
}

#relatedArticles ul{
	font-weight: bold;
	margin : 0 50px;
	list-style-type:none;
         font-size:14px;
}
#relatedArticles li{
	background:url(http://blog-imgs-15.fc2.com/r/e/s/res2ch/lm01005_012000.png) 0 4px no-repeat;
	padding-left:10px;
	line-height:1.5;
font-size: 16px;
}


.imglink {
border: 2px solid #cccccc;
background-color:#ffffff;
margin:10px 0;
padding:1px;
}
.box02 {
line-height:1.3;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
text-align:left;
}
.boxnai {
float: left;
margin:2px 4px;
width: 190px;
height: 180px;
overflow:hidden;
}
.boxnai img{
margin:4px 0 2px 0;
}
.boxnai a{
color:#0033cc; text-decoration:none;
}
.boxnai a:hover {
color: #fd9231;
text-decoration:underline;
}
