body {
	margin: 10px 0px 10px 10px;
		background-color: #FFFFFF;
	
        	text-align: center;
        
	}

a {
	text-decoration: underline;
	
	
	}

a:link {
	color: #0063DC;　/**未訪問リンクの色　オリジナルは #8FABBE **/	}

a:visited {
	color: #8FABBE;　/**既に見たリンクの色　オリジナルは #8FABBE **/	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: blue; text-decoration:none;　/**ロールオーバー、下線を消す　オリジナルは #006699　のみ **/
 　　　}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#container {
	line-height: 170%;
		margin-right: auto;
	margin-left: 0;
	text-align: left;
	padding: 0px;
	width:100％;
	
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}

#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #666666; 
  background: url("ru-keBanner.jpg") top left no-repeat;  /**チッピー家の6つの天使～\n　　　　　　　　ルーク　ちゃんです。　オリジナルはbanner_back.jpg Sinjitu.jpg  保存は./ のルートディレクトリへ　**/ 
	background-color:#FFFFFF; /**標題の背景色　オリジナルは FFFFFF **/ 
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 190px;/**バナーの高さ　オリジナルは 50 **/ 
	}

#banner-img {
	display: none;
	}


#banner a {
	color: #8166FF; /** 標題の文字の色　オリジナルは#666666 **/
	text-decoration: none;
	}

#banner h1 {
	font-size: x-large;/*標題の文字サイズ　xx-large がデフォルト*/

		}

#banner h2 {
	font-size: medium;
        font-weight: bold;
	}

#center {
		float: left;
	width:75%;
	
	
	overflow: hidden;
	}

.content {
	line-height: 200%;
        padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
border: 2px dotted #999999;
width: auto ;
	}
.content pre {
	font-size:xx-large;
}


.content h3{
font-size:0px;
margin-top: 0px;
margin-bottom:0px;
padding-left: 40px;
border-bottom: 1px solid #B2B2A0;
background-image: url(./images/pen_s.gif); /**ペンのアイコン **/
background-repeat: no-repeat;
background-position: 0px -2px;
}

#right {
		float: right;	/**右側がメニューになるのだが left になっていた **/
		
	width: 25%;
	background-color: #F7FFFF; 　　　/**右側の背景色　オリジナルは#FFFFFF **/
	
	overflow: hidden;
	}

.content p {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;　/***文字のサイズ・・small　mediumではちょっと大きい　x-smallでは小さすぎ。***/
	font-weight: normal;
	line-height: 140%;　　　　　　　　　　/***本体の行間の幅 　もとは130だった***/
	text-align: left;
	margin-bottom: 10px;
	}

/***オリジナル.content blockquote {
	line-height: 150%;
	}オリジナル***/

.content blockquote {
	color: #333333;
	margin: 10px 0px 10px 0px; /** 枠の上から、右から、下から、左からどれだけ離れているか。左右はゼロに変更（スマホ対応）**/
	padding: 5px 5px 5px 5px;/** ページの中の枠の位置を決める、上、右、下、左からの位置。これもスマホ対応。**/
	background:#EEFFFF;
        border-width: 0px 1px 2px 0px; /**新規に追加　上、右、下、左　**/
	/** border: 1px; **/
	border-color: #cccccc;/**もとは DA9B23  **/
	border-style:solid; /**もとは点線 dotted　**/
	line-height: 140%;　　　　/***本体のBlockquote で囲まれた行間の幅、135%を150%へ***/
	
}

.content li {
	line-height: 150%;
	}

.content h2 {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: left;
	font-weight: normal;
	
	
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	
	
	
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

.sidebar {
	padding: 2px;/***スマホ対応で15pxだったのを2pxに変更***/
	}



#calendar {
  	line-height: 100%;/***カレンダーの行間、140%を100%に変更***/
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 7px;/***カレンダーの文字サイズ、x-small;を7px;に変更***/
	
	    background-color: #E6FFFF;	/***カレンダーの背景色を追加***/
            background-image: url("");
	border-right: solid 1px #999999; /*** 陰を追加　***/
	border-bottom: solid 1px #999999; /*** 陰を追加　***/
  	padding: 2px;
	text-align: center;
	margin-bottom: 10px;/***カレンダーの下部、30px;を10px;に変更***/
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #666666;
        background-color: #CEFFFF;/**カレンダーの標題の背景色を追加 **/
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
	        
        color: #6A6FFF; 　　　　　　　　　/*** オリジナルの文字の色　color: #666666;　***/
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small; 
       	/** border: 1px solid #FFFFFF; **/  /***四角に囲んで背景色を付けるを追加　***/
        background-color: #DDFEFF; /***四角に囲んで背景色を付けるを追加　***/
        line-height: 100%;               /***四角に囲んで背景色を付けるを追加　***/
        padding: 3px 0px 1px 0px;    /***四角に囲んで背景色を付けるを追加　***/
        border-right: solid 1px #999999; /*** 陰を追加　***/
	border-bottom: solid 1px #999999; /*** 陰を追加　***/
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;

	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;/*どのボトムかな？　30pxから10px*/
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;/*スマホ対応で15pxから5px*/
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;　/*右側のカテゴリ、アーカイブ、最近のエントリーの文字サイズ*/
	text-align: left;
	line-height: 150%;　/*右側のカテゴリ、アーカイブ、最近のエントリーの行間。120%だったが150%に変更*/
	
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;　　　　　　/** RSS配信の文字サイズSyndicate this site (XML)  **/
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

img.miniimage { display: none; }

/* ▼表示領域が400px以上の場合 */
@media screen and (min-width: 400px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が400px未満の場合 */
@media screen and (max-width: 399px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}