@charset "EUC-JP";

/* ----------------------------------------
 ■はじめに
 [custom]は、カスタマイズするために最適化された
 公式テンプレートです。
 カスタマイズした場合は、下記のクレジットを書いて、
 ユーザーテンプレートファイル（utf）に公開しよう！
 ※カスタマイズしたらこの文章は削除してください

 ■カスタマイズ方法がわからない人へ
 StepUp!JUGEM「PCテンプレ編集講座」
 http://stepup-j.jugem.jp/?cid=12
---------------------------------------- */

/* ----------------------------------------
 作成日:2009.00.00
 テンプレート名:
 by ユーザー名 (http://xxxxxx.jugem.jp)
---------------------------------------- */


/* --------------------------------------
　リセット
--------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


/* --------------------------------------
　選択時の色の変更
--------------------------------------- */

::selection {
background: #ffff64; /* Safari */
}

::-moz-selection {
background: #ffff64; /* Firefox */
}

a { 
    overflow: hidden;
    outline: none;
}

/* --------------------------------------
　共通部分
--------------------------------------- */

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


/* ページ全体のテキスト色 */
html {color:#000000;}

/* ページ全体 */
body {
	width: 1024px;
	height: auto;
	margin: 0 auto;
	position: relative;
	font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }	


/* ページ全体のリンク色 */
a:link { 
	color: #000000 ; 
	text-decoration: none;
	font-size:12px;
	font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	
a:visited { 
  color: #000000 ; 
  text-decoration: none; 
  }
  

a:hover { 
    color: #000000 ; 
	text-decoration: line-through;
	}
	
a:active { 
    color: #000000 ; 
	text-decoration: none; 
	}


#navi a:link { 
	color: #000000 ; 
	text-decoration: none;
	font-size:12px;
	letter-spacing:0.1em;
	}
	
#navi a:visited { 
  color: #000000;
  font-size:12px;
  letter-spacing:0.1em;
  text-decoration: none; 
  }
  

#navi a:hover { 
        color: #000000;
	font-size:12px;
        letter-spacing:0.1em;
	text-decoration: line-through;
	}
	
#navi a:active { 
    color: #000000;
	font-size:12px;
        letter-spacing:0.1em;
	text-decoration: none; 
	}



/* ブログ名の色 */
h1 a,h1 a:link,h1 a:visited {font-size:32px; color:#000000;text-decoration:none;}
h1 a:hover,h1 a:active {color:#000000;text-decoration:none;opacity:.6;}


/* サイドメニューのリンク色 */
#side a {
        color: #000000 ; 
	text-decoration: none;
	font-size:12px;
	}


#side a:link {
	color: #000000 ; 
	text-decoration: none;
	}

#side a:visited {color: #000000 ; 
	text-decoration: none;
	}

#side a:hover {
	color: #000000 ; 
	text-decoration: line-through;
	}

#side a:active {color: #000000 ; 
	text-decoration: line-through;
	}



#entryNavi a:link { 
	color: #000;
background-color:#FFFF00; 
	text-decoration: none;
	font-size:12px;
	letter-spacing:0.1em;
        line-height:18px;
	}
	
#entryNavi a:visited { 
  color: #000 ; 
background-color:#FFFF00;  
text-decoration: none; 
  }
  

#entryNavi a:hover { 
    color: #000 ; 
background-color:#FFFF00;	
text-decoration: line-through;
	}
	
#entryNavi a:active { 
    color: #000 ; 
background-color:#FFFF00;
	text-decoration: none; 
	}




/* カレンダーのリンク色 */ 
.cell a,.call a:link,.call a:visited {color:#535353;text-decoration:none;line-height:25px;
}
.cell a:hover,.call a:active {color:#999999;text-decoration:none;line-height:25px;
}

/*ハイライト*/

.high_light a {color: #000000 ; 
	text-decoration: none;
	font-size:12px;
}

.high_light a:link {
color: #000000 ; 
  text-decoration: none; 
}

.high_light a:active {
        color: #000000 ; 
	text-decoration: line-through;
}

.high_light a:visited {
 color: #000000 ; 
  text-decoration: none; 
}

.high_light a:hover {
color: #000000 ; 
	text-decoration: line-through;
}



/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */
/* -------------------------------------

　■ページ全体の変更方法（初期は幅950に設定されています）
  ・A にページ全体の幅を指定する
  ・B + 40 = A になるように B の値を指定する
  ・C + D + E + 40 + 40 = A になるように C と D と Eの値を指定する
  
  ※左サイドの幅は C　、記事の枠の幅は D 、右サイトの幅は E の値を変更 
  ※余白(padding)の値を変えない場合の方法です
--------------------------------------- */


/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper { 
	width: 960px; /* A */
	height: auto;
	margin: 0 auto;
	position: relative;	
}

/*ブログ名と説明文、トップ画像*/
#header {
	width:960px;  /* B */
	height: 120px;
	margin-top: 50px;
text-align:center;
}


#header_bar {
        height:22px;
	font-size:14px;
	}

#navi {
	font-size:14px;
}


/*コンテンツ枠（記事の枠＋両サイドメニューの枠）*/
#content {
	width: 960px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

/*　左側の幅（右サイドメニューの枠）　*/
#left {
	float:left;
	width:200px;  /* C */
	zoom:1;
}

/*　メインの幅（記事の枠）*/
#main {
	float:left;
	width:540px;  /* D */
	padding:0 20px 0 20px;
	zoom:1;
}

/*　右側の幅（右サイドメニューの枠）　*/
#right {
	float:left;
	width:180px;  /* E */
	zoom:1;
}

/*　フッター */
#footer {
 	width:100%;
 	clear:left;
}
 
 
/* --------------------------------------
　メイン
--------------------------------------- */

/* ブログ名 */
h1 {
	font-size: 32px;
	font-family: "Courier New",serif;
	font-weight:normal;
}

/* ブログの説明文 */
div#description {
font-size:13px;
color: #7d7d7d;
margin:3px 0 0 0;
padding:0 0 0 10px;
font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


.entry {border-bottom: 1px dotted #000000;margin:0 0 30px 0;}

/* 次の記事・前の記事 */
#entryNavi {font-size:12px;
	line-height:18px;
	color:#707070;
	text-align:center;
	margin:0 0 26px 0;}

/* 記事のタイトル */
h2 {
font-size:18px;
color: #555555;
line-height:1.8em;
margin:0 0 30px 0;
font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
letter-spacing: 0.2em;
text-decoration:underline;
font-style: italic;
}


/* 記事本文 */
.entryBody {
font-size:12px;
line-height:24px;
font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #000000 ;
margin:0 0 38px 0 ;
}

/* 記事の続き */
.entryMore {
font-size:12px;
line-height:24px;
font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #000000 ;
margin:10px 0 10px 0;
}

/* 記事の情報 */
ul.entryState li {
        font-size:10px;
        display:inline;
	border-left:1px dotted #b5b5b5;
	padding-left:5px;
}

/* コメント枠 */
#comment {border:1px #B5B5B5 dotted;padding:20px;margin:20px 0 20px 0;}

	#commentTitle {
               color: #000000;
		margin:0 0 10px 0;
		font-size:14px;
	}
	
	#commentSendTitle {
                color: #000000;
		margin:20px 0 20px 0;
		font-size:14px;
	}
	
	.commentBody {font-size:12px; line-height:18px;color: #707070; margin:10px 0;}
	
	ul.commentState {font-size:10px;color: #707070;margin:20px 0 50px 0;}
	
	ul.commentState li {
                color: #000000;
                font-size:10px;
	        display:inline;
		border-left:1px dotted #B5B5B5;
		padding-left:5px;
	}
	
	.commentSendForm {
font-size:12px;
line-height:18px;
margin:0;
}	

	.commentSendForm .input {width:250px;}
	.commentSendForm textarea {width:350px;margin:0 0 10px 0;}
	
	
/* トラックバック枠 */
#trackback {border:1px #b5b5b5 dotted;padding:20px;margin:20px 0 20px 0;}

	#trackbackURL {
                color: #000000;
		margin:0 0 5px 0;
		font-size:12px;
		font-weight:normal;
	}
	
	#trackbackTitle {
                color: #000000;
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:normal;
	}
		
	#trackback input {color: #000000;width:350px;}
	
	.trackbackName {font-size:12px;margin:0;}
	.trackbackBody {font-size:12px;line-height:18px;margin:5px 0;}
	
	ul.trackbackState {font-size:12px;color: #707070;margin:0 0 15px 0;}
	
	ul.trackbackState li {
                color: #000000;
                font-size:12px;
	        display:inline;
		border-left:1px dotted #707070;
		padding-left:5px;
	}

/* プロフィールのページ */
#profile{margin:0;}

	#profileTitle {
		font-size:18px;
		color: #555555;
		line-height:1.6em;
		margin:20px 0 30px 0;
		font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: 0.2em;
		text-decoration:underline;
		font-style: italic;
		}
	
	#profileName {
		margin:15px 0 0 0;
		font-size:12px;
		line-height:24px;
		font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		}
	
	#profileBody {
		margin:5px 0;
		font-size:12px;
		line-height:24px;
		font-family: "Courier New", Times New Roman, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		}
	
/* このページの先頭へ */	
.pageTop {float:right;}

/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
#main blockquote {
	border:1px dotted #CCC;
	padding:10px;
	margin:10px;
        font-style: italic;
}

/* 画像 */
#main .pict {border:0px;}
.pict a:hover {opacity:.6;}

/* リスト */
div.entryBody li,div.entryMore li {
	list-style:circle;
	margin:0 0 0 15px;
}


/* --------------------------------------
　サイドメニュー
--------------------------------------- */

/* サイドメニューのタイトル */
h3 {font-size:14px;
text-decoration:underline;
margin:0 0 5px 0;
font-weight:normal;
font-style: italic;
}

/* サイドメニューの内容 */
.sideContents {
font-size:12px;
line-height: 170%;
margin:0 0 20px 0;
}

/* カレンダーの１マス幅 */
.cell {width:25px;
        hight:25px;
}


/* ----------------------------------------
 Footer
---------------------------------------- */

#footer {
	width: 960px;
	height: auto;
	padding-top:18px;
	padding-bottom:26px;
	float: left;
	font-size:12px;
	font-family: "Courier New", Times New Roman, serif;
border-top: 1px dotted #CCCCCC;
	}
	
#footer_copyright {
	margin-top:6px;
	float:left;
}

#footer_sns {
	float:right;
}

#copyright {
    color: #707070;
}


#tab_pop_badge {
float: left;
width: 170px;
font-size: 12px;
line-height: 140%;
}

.tab_pop_badgetitle {
font-size: 12px;
font-weight: bolder;
color: #898989;
line-height: 170%;
margin: 10px 0px 10px 0px;
}

/*font*/

.red {
	color:#ff0000;
}