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

#outline {
   width:707px;
}

#sideline {
   background:url(http://yoshihiko-sato.typepad.jp/img/side_line01.jpg) left top repeat-y;
}

#outline-margin{
   padding:0px;
   width:700px;
   padding:10px 0 10px 0;
   min-height:1px;　/* IE 7対策 */
}

#sideline02 { 
   width:700px;
   background:url(http://yoshihiko-sato.typepad.jp/img/line02.gif) left top repeat-y;
}
/*-------------------- maincontent------------------------- */
/*--------------------------------------------------------- */
.main{
   width:520px;
   float:right;
}
.c{
  clear:both;
}

#box01{
border-bottom:1px solid #471616;
margin:10px 0px 10px 0px;
padding:0px 10px 10px 10px;
width:470px;
text-align:left;
display:block;
clear:both;
}

		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここから） */
		#box01:after {
			content:".";
			display:block;
			height:0px;
			clear:both;
			visibility:hidden;
		}
		
		#box01 { display:inline-table; }
		
		/* Mac IE ???????? \*/
		* html #container { height:1px; }
		#box01 { display:block; }
		/* */
		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここまで） */

#box01 img{
	float:left;
	padding:0 10px 0 0;
	margin:0;
	display:block;
}

#box02{
margin:10px 0px 10px 0px;
padding:0px 10px 10px 10px;
width:475px;
text-align:left;
display:block;
clear:both;
}

		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここから） */
		#box01:after {
			content:".";
			display:block;
			height:0px;
			clear:both;
			visibility:hidden;
		}
		
		#box01 { display:inline-table; }
		
		/* Mac IE ???????? \*/
		* html #container { height:1px; }
		#box01 { display:block; }
		/* */
		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここまで） */

#box02 img{
	float:left;
	padding:0 10px 0 0;
	margin:0;
	display:block;
}

#box03{
margin:0px 10px 0px 0px;
padding:0;
width:505px;
text-align:left;
display:block;
clear:both;
text-decoration: none; 
}

a. {text-decoration: none;}

		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここから） */
		#box01:after {
			content:".";
			display:block;
			height:0px;
			clear:both;
			visibility:hidden;
		}
		
		#box03 { display:inline-table; }
		
		/* Mac IE ???????? \*/
		* html #container { height:1px; }
		#box03 { display:block; }
		/* */
		/* floatさせたボックスが親ボックスの外にはみ出すバグを回避（ここまで） */

/*-------------------- sidemeny---------------------------- */
/*--------------------------------------------------------- */

.side{
   width:175px;
   float:left;
}

.side ul{
	list-style: none;
	margin:0px;
	padding:0 0 0 10px;
	
	
}

.side li{
	text-indent:-9999px;
	width:146px;
	height:40px;
	display:block;
	margin-bottom:5px;
}

}

.side .module-list{
	font-family:Georgia;
	text-indent:0px;
	font-size:10px;
	padding:0;
	margin:0;
}

.side  .module-list-item{
	font-family:Georgia;
	font-size:10px;
	font-weight:bolder;
	text-indent:0px;
	height:0px;
	padding:10px 0 13px 0;
	line-height:150%;
	margin:0;
	text-align:center;
}

.side .module-list-comment{
	font-family:Georgia;
	font-size:10px;
	text-indent:0px;
	line-height:150%;
	padding:10px 0 10px 0;
	line-height:150%;
	margin:0;
	text-align:center;
}

.calendar{
	font-size:14px;
                     color:#684C25;
                     width:146px;
	font-family:Georgia;
	padding:0px 0 0px 0;
	margin:10px 0 0px 0;
	text-align:center;

                     }


.side #home a{background:url(http://yoshihiko-sato.typepad.jp/img/meny01.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #profile a{background:url(http://yoshihiko-sato.typepad.jp/img/meny02.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #job a{background:url(http://yoshihiko-sato.typepad.jp/img/meny03.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #hobby a{background:url(http://yoshihiko-sato.typepad.jp/img/meny04.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #project a{background:url(http://yoshihiko-sato.typepad.jp/img/meny05.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #blog a{background:url(http://yoshihiko-sato.typepad.jp/img/meny06.jpg) top left no-repeat; width:146px; height:40px; display:block;}
.side #friend a{background:url(http://yoshihiko-sato.typepad.jp/img/meny07.jpg) top left no-repeat; width:146px; height:40px; display:block;}

.side #home a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #profile a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #job a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #hobby a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #project a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #blog a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}
.side #friend a:hover{background-position:0 -40px; height:40px; width:146px; display:block;}

.side #home a.visited{background-position:0 -40px;}
.side #profike a.visited{background-position:0 -40px;}
.side #job a.visited{background-position:0 -40px;}
.side #hobby a.visited{background-position:0 -40px;}
.side #project a.visited{background-position:0 -40px;}
.side #blog a.visited{background-position:0 -40px;}
.side #friend a.visited{background-position:0 -40px;}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#outline-margin:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#outline-margin { display:inline-table; }

/* Mac IE には適用させない \*/
* html #outline-margin { height:1px; }
#outline-margin { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */


/*---------------------- footer---------------------------- */
/*--------------------------------------------------------- */

.footer{
   width:690px;
   clear:both;
   font-size:11px;
   padding:5px;
   border-top:1px #333333 double;
   border-bottom:1px #333333 double;
}

/*-------------------------------------------------------------------------*/
/*                                   blog                                  */
/*-------------------------------------------------------------------------*/


div#main02.entry-header {
	width:505px;
        height:20px;
	padding-top:20px;
	display:block;
	clear:both;
}

div#main02 .entry-header h2 {
	letter-spacing:1px;
	width:505px;
	float:left;
	font-size:16px;
	font-family:Georgia,'ヒラギノ明朝 Pro','Hiragino Min Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-weight:bolder;
	color:#684C25;
	display:block;
}

div#main02 .entry-header h3 {
	font-family:Georgia;
	width:100%;
	text-align:right;
	float:right;
	font-size:10px;
	font-weight:lighter;
	color:#333333;
	margin-top:4px;
	display:block;
}

div#main02 .entry {
	font-size:12px;
	line-height:170%;
	color:#333333;
}

div#main02 .entry-body {
	padding:0px;
	clear:both;
}

div#main02 .entry-footer {
	font-family:Georgia;
	padding-top:7px;
	margin:12px 0 70px 0;
	text-align:right;
	font-size:10px;
	border-top:1px solid #471616;
}

div#main02 .entry-body img {
	padding:0px;
	margin:0 10px 0 0;
	border:1px solid #471616;
}

/*--------------------------------------------------------- */

.entry-header {
	width:480px;
        height:20px;
	padding-top:20px;
	display:block;
	clear:both;
}

.entry-header h2 {
	letter-spacing:1px;
	width:480px;
	float:left;
	font-size:16px;
	font-family:Georgia,'ヒラギノ明朝 Pro','Hiragino Min Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	text-decoration: none; 
　　                font-weight:bolder;
	color:#684C25;
	display:block;
}

.entry-header h3 {
	font-family:Georgia;
	width:100%;
	text-align:right;
	float:right;
	font-size:10px;
	font-weight:lighter;
	color:#333333;
	margin-top:4px;
	display:block;
}

.entry {
	font-size:12px;
	line-height:170%;
	color:#333333;
}

.entry-body {
	padding:0px;
	clear:both;
}

.entry-footer {
	font-family:Georgia;
	padding-top:7px;
	margin:12px 0 0px 0;
	text-align:right;
	font-size:10px;
	border-top:1px solid #471616;
}

.entry-body img {
	padding:0px;
	margin:0 10px 0 0;
	border:1px solid #471616;
}

/*--------------------------------------------------------- */

.content-nav {
	margin:15px 0;
	font-size:11px;
}

.trackbacks-header {
	font-family:Optima,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	border-bottom:1px solid #B9A123;
	letter-spacing:1px;
	font-size:16px;
	font-weight:bolder;
	color:#B9A123;
}

.trackback-info {
	margin-top:20px;
	font-size:11px;
}

.trackback-url {
	border:1px solid #cea779;
	background:#FFF3E1;
	font-size:11px;
	padding:3px 5px;
	margin-bottom:30px;
}

.trackback-content {
	margin:15px 3px;
	font-size:11px;
	line-height:170%;
}

.trackback-footer {
	font-size:11px;
	border-bottom:1px solid #B9A123;
	padding:8px 0 25px 0;
	text-align:right;
}

.comments-header {
	font-family:Optima,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	border-bottom:1px solid #B9A123;
	letter-spacing:1px;
	font-size:16px;
	font-weight:bolder;
	color:#B9A123;
}

.comment-content {
	margin:15px 3px;
	font-size:11px;
	line-height:170%;
}

.comment-footer {
	font-size:11px;
	background:url(http://www.salon-felice.jp/img02/line_01.gif) top center no-repeat;
	padding:8px 0 25px 0;
	text-align:right;
}

.comments-open-header {
	font-size:14px;
	padding:20px 0 20px 5px;
	color:#333;
}

#comments-open-data {
	border:1px solid #cea779;
	background:#FFF3E1;
	font-size:11px;
	padding:15px;
	margin-bottom:30px;
}

#comments-open-data p {
	padding-bottom:10px;
}

#comment-author,#comment-email,#comment-url,#comment-text {
	border:1px solid #D9D4BA;
	padding:2px;
	font-size:12px;
	background:#fff;
}

#comment-author{
	width:175px;
}

#comment-email{
	width:175px;
}

#comment-url{
	width:175px;
}

#comment-text {
	width:175px;
	height:150px;
}



/*---------------------- font------------------------------ */
/*--------------------------------------------------------- */

/* font size */

.title01 {
       margin:0px;
       display:block;
        padding:0px 0px 0px 20px;
        font-weight:700;
	font-size:16px;
	color:#4E1316;
        background:url(http://yoshihiko-sato.typepad.jp/img/manji.gif) no-repeat top left ;
        background-position: 0px; 
}

}

.xxx-large { font-size:20px; line-height:170%; }
.xx-large  { font-size:18px; line-height:170%; }
.x-large   { font-size:16px; line-height:170%; }
.large     { font-size:14px; line-height:170%; }
.mid       { font-size:12px; line-height:170%; }
.small     { font-size:12px; line-height:170%; }
.   { font-size:10px; line-height:170%; }
.xx-small  { font-size:9px; line-height:170%; }

/*---------------------- Top------------------------------ */
/*--------------------------------------------------------- */


.main ul{
	list-style: none;
	margin:0px;
	padding:0 0 0 10px;
	
	
}

.main li{
	display:block;
                     font-size:10px; line-height:170%;
}
/* ph=1 */