@charset "EUC-JP";

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

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

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


/* --------------------------------------
　リセット
--------------------------------------- */
 
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

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

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

/* ページ全体 */
body {
	width:100%;
	text-align:center;
	font-size:13px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.7em;
	background-color:#ffffff;
}


/* ページ全体のリンク色 */
a {color:#000000;text-decoration:none;}
a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#000066;text-decoration:none;}
a:active {color:#333333;text-decoration:none;}

/* ブログ名の色 */
h1 a,h1 a:link,h1 a:visited {color:#000000;text-decoration:none;}
h1 a:hover,h1 a:active {color:#999999;text-decoration:none;}

/* サイドメニューのリンク色 */
#side a {color:#0066CC;text-decoration:none;}
#side a:link {color:#0066CC;text-decoration:none;}
#side a:visited {color:#0066CC;text-decoration:none;}
#side a:hover {color:#000066;text-decoration:none;}
#side a:active {color:#000066;text-decoration:none;}


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

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

/*ページ全体の幅、レイアウトを中央揃え*/
#wrapper {
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: center;
	background-image: url(http://img.merry-shaka.com/20110126_853016.gif);
	width: 1020px;
}

h1 {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	color: white;

}

#header {
	color: white;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 950px;
}







.blog-info {
	text-align: center;
	font-weight: bold;
	width: 200px;
	padding: 0px;
	margin: 0px;
	float: right;
	clear: both;
	background-color: #666666;
}
.blog-info a {
text-color:#000000;
}

.twitter {
	padding-left: 15px;
	padding-right: 5px;
	float: left;
}

.mixi {
	padding-right: 5px;
	padding-left: 10px;
	float: left;
}

.rss {
	padding-right: 5px;
	padding-left: 10px;
	float: left;
text-color:#000000;
}

.title-banner {
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
}

.title-banner a {color:white;}
.title-banner a:link {color:white;}
.title-banner a:hover {color:white;}
.title-banner a:visited {color:white;}




#main {
	text-align: left;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: white;
	width: 950px;
}

.top {
}

.banner {
	color: white;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	height: 80px;
	width: 700px;
	background-color: black;
}

.about {
	margin-top: 10px;
	margin-right: 10px;
	text-align: left;
	float: right;
	height: 60px;
	width: 210px;
}

.about li {border:0;}

h3 {
	margin: 0px;
padding:0px;
	font-size: 12px;
	color: #3399cc;
border-bottom:1px solid #0066cc;
}

.kiji {
	margin-left: 10px;
	float: left;
	width: 470px;
}

.entry {
          padding:10px 0;
          margin: 0px;
	
}

.category-pict {
	background-color: aqua;
	margin-top: 15px;
	margin-right: 10px;
	float: left;
	height: 100px;
	width: 100px;
}

.entry-title {
        color:ff3399;
	line-height: 2em;
	width: 360px;
	padding-top: 15px;
	float: left;
}

.entry-info {
	float: left;
}

ul.entry-data {
	clear: both;
}

ul.entry-data li {
	color: #999999;
	margin:0 0 0 5px;
	list-style-type: none;

}

h2 {
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
}

h2.li {color: #333333;} 

.entry-state {
	line-height: 1.8em;
	font-size: 14px;
margin-bottom:10px;
	padding-top: 10px;
border-bottom: 1px dotted #3399cc;
	clear: both;
}


.user-name {
	color: #333333;
	padding: 0px;
	margin: 10px;
	font-size: 16px;
	border-bottom: 1px dotted #333333;

}

.user-text {
	color: #333333;
	padding: 0;
	margin: 10px;
	font-size: 12px;
}


.tuduki {
margin:10px 0px;
}


.page_navi {
        text-align: right;
	margin: 0px;
	padding: 10px 0px;
	}


.side-a {
	margin-left: 20px;
	float: left;
	width: 210px;
}

.banner2 {
	margin-bottom: 5px;
}

.midashi {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: white;
	background-color: #cc0066;
	width: 200px;
}

.category {
font-color:#999999;
font-size:11px;
padding:10px 0;
border-bottom:1px dashed #DCDCDC;
}

.mini {
margin:0 10px 0 0;
float:left;
}



h4 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
font-color:#0066CC;
}



.side-b {
	margin-top: 0px;
	margin-right: 10px;
	float: right;
	width: 210px;
}

.banner3 {
}

.midashi-b {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: white;

	font-size: 11px;
	background-color: #333333;
}

.new-entry {
	margin: 0px;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #cc0066;
}

.sideContents {
          margin-top:10px;
}






.clear {
	clear: both;
	height: 0px;
}

#footer {
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #cccccc;
	height: 50px;
	width: 950px;
}

ul {
	font-weight: bold;
	list-styl: none;
	margin:0;
	font-size: 10px;
	padding: 0;
}
li {
     padding:1px 0;
     border-bottom:1px dotted #CCCCCC;
}


/* コメント関連 */
#comment {
background-color: white;
margin: 0 auto;
padding: 20px;
}

.koment01 {
background-repeat: no-repeat;
background-image: url(http://img-cdn.jg.jugem.jp/35f/745296/20110404_891792.gif);
}

.koment02 {
padding:0px 50px 0px 20px;
background-repeat: repeat-y;
background-image: url(http://img-cdn.jg.jugem.jp/35f/745296/20110404_891793.gif);
}

.koment03 {
background-repeat: no-repeat;
background-image: url(http://img-cdn.jg.jugem.jp/35f/745296/20110404_891794.gif);
}

.koment04 {
width:80px;
height:100px;
float:left;
}

.koment05 {
padding: 0px 30px 0px 0px;
font-size:11px;
}