/*------------------------------------------------------------
 oblique
 
 designed by cie.
 http://buana-suerte.seesaa.net/
 http://blog.livedoor.jp/cie/
-------------------------------------------------------------*/

* {margin:0;padding:0;}

/*---------------------
 ページ全体
----------------------*/
body{
	width:100%;
	height:100%;
	font-family:Verdana, sans-serif, 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', Osaka, Arial;
	margin:0px;
	padding:0px;
	text-align:left;
	letter-spacing:1px;
	font-size:100%;
	line-height:1.5em;
	color:#222;
	background:url(http://buena-suerte.up.seesaa.net/tmp/oblique_body.png) repeat-y;
	background-color:#888; /* ←ココの#888を変えると背景の斜め線の色(灰色)が変わります */
}/* リンク設定 */
a{color:#222;text-decoration:none;}
a:link{color:#222;text-decoration:none;}
a:visited{color:#222;text-decoration:none;}
a:hover{
	color:#666;
	text-decoration:none;
	background:url(http://buena-suerte.up.seesaa.net/tmp/oblique_ahover.gif) repeat-x;
	background-position:bottom left;
	padding-bottom:1px;
}

/*---------------------
 コンテンツ全体
----------------------*/
#container{
	width:780px;
	margin:0px auto 0px 20px;
	text-align:left;
}

/*---------------------
 ヘッダー
----------------------*/
#banner{
	width:780px;
	height:100px;
	text-align:left;
	background:#888; /* ←ココの#888を変えるとタイトル後ろの色が変わります */
}/* ブログタイトル */
#banner h1{
	font-size:14px;
	font-weight:bold;
	padding:25px 30px 0px 0px;
	text-align:right;
	margin:0;
}/* リンク設定 */
#banner h1 a{color:#fff;text-decoration:none;}
#banner h1 a:link{color:#fff;text-decoration:none;}
#banner h1 a:visited{text-decoration:none;}
#banner h1 a:hover{color:#aaa;text-decoration:none;background:url(none);}
/* ブログの説明 */
#banner .description{
	font-size:10px;
	padding:0px 30px 0px 0px;
	text-align:right;
	color:#fff;
	display:block;
}


.navi {
padding-top:10px;
text-align:center;
}

/*---------------------
 記事表示部
----------------------*/
#content{
	float:left;
	width:550px;
	padding:15px 0px 20px 0px;
}/* 記事全体 */
.blog{
	padding-left:20px;
	padding-right:20px;
}/* 日付 */
.date{
	font-size:0.65em;
	color:#222;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin-top:5px;
	text-align:left;
}/* 記事本体 */
.blogbody{
	padding:0px 0px 10px 0px;
	border: 0px;
}/* 記事タイトル */
.title{
	font-size:0.85em;
	color:#666;
	font-weight:bold;
	margin:5px 0px 10px;
	padding:5px 0px;
}
.title a{
	color:#666;
	border:0;
}

/* 記事本文 */
.blogbody .text{
	font-size:0.8em;
	margin:0px 0px 10px;
	padding:0px 0px 0px 5px;
	word-break:break-all;
}
.blogbody .text a{color:#888;text-decoration:none;}
.blogbody .text a:link{color:#888;text-decoration:none;}
.blogbody .text a:visited{color:#888;text-decoration:none;}
.blogbody .text a:hover{color:#222;text-decoration:none;}
/* 画像 */
.blogbody .text img{
	padding:3px;
	border:1px solid #888;
	margin:0px 5px 5px 0px;
}
/* 投稿時間等 */
.posted{
	font-size:0.65em;
	text-align:right;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}/* 投稿時間等 リンク設定 */
.posted a{color:#666;text-decoration:none;}
.posted a:link{color:#666;text-decoration:none;}
.posted a:visited{color:#666;text-decoration:none;}
.posted a:hover{color:#222;text-decoration:none;}
.navi{
	font-size:0.65em;
	text-align:center;
	margin:0px 0px 10px;
}
.navi a{color:#222;text-decoration:none;}
.navi a:link{color:#222;text-decoration:none;}
.navi a:visited{color:#222;text-decoration:none;}
.navi a:hover{color:#666;text-decoration:none;}

/*---------------------
 コメント部
----------------------*/
#comments{
	padding:0 20px;
}
/* コメントヘッド */
.comments-head{
	font-size:0.8em;
	font-weight:bold;
	margin:0px 0px 15px;
	padding:5px 0px 0px;
}
/* コメント本文 */
.comments-body .text{
	font-size:0.7em;
	padding:2px 5px;
	letter-spacing:2px;
	background:url(http://buena-suerte.up.seesaa.net/tmp/oblique_comments-body.png);
	background-color:#ddd; /* ←ココの#dddを変えるとコメント本文後ろの斜め線の色(薄灰色)が変わります */
	line-height:1.5em;
}
.comments-body a{color:#666;text-decoration:none;}
.comments-body a:link{color:#666;text-decoration:none;}
.comments-body a:visited{color:#666;text-decoration:none;}
.comments-body a:hover{color:#222;text-decoration:none;}
/* コメント投稿時間等 */
.comments-post{
	font-size:0.65em;
	text-align:right;
	margin:0px 0px 15px;
	padding:0px;
}
.comments-post a{color:#666;text-decoration:none;}
.comments-post a:link{color:#666;text-decoration:none;}
.comments-post a:visited{color:#666;text-decoration:none;}
.comments-post a:hover{color:#222;text-decoration:none;}

/* コメントフォーム */
#comments form {
	font-size:0.8em;
	margin:0px;
	padding:0px 20px;
}
#comments form input{
	width:200px;
	border:1px solid #222;
}
#comments form textarea{
	width:400px;
	height:200px;
	border:1px solid #222;
}
#comments form input.input-submit{
	background:#fff;
	border:1px solid #222;
	color:#222;
	margin:1em 0.5em 1em 0;
	letter-spacing:0.2em;
	width:auto;
}

/*---------------------
 トラックバック部
----------------------*/
#trackback {
	font-size:0.75em;
	padding:40px 20px 25px;
	line-height:1.4em;
}
#trackback hr{
	margin:0.2em 0 1em;
}
#trackback a{color:#666;text-decoration:none;}


/*---------------------
 サイドバー
----------------------*/
#links-left {
	width:230px;
	float:right;
	padding:20px 0px 30px 0px;
	text-align:left;
	font-size:1em;
}
#links {
	width:230px;
	float:right;
	padding:20px 0px 30px 0px;
	text-align:left;
	font-size:1em;
}

/*---------------------
 サイドバー項目
----------------------*/
.sidetitle {
	font-size:0.75em;
	font-weight:bold;
	padding:3px 0px 6px 5px;
	text-align:left;
	width:210px;
	color:#666;
}
.side {
	font-size:0.75em;
	text-align:left;
	margin:0px 0px 20px;
	line-height:1.8em;
	padding:5px 0px 5px 5px;
	width:210px;
}
.side a{color:#666;text-decoration:none;}
.side a:link{color:#666;text-decoration:none;}
.side a:visited{color:#666;text-decoration:none;}
.side a:hover{color:#222;text-decoration:none;}

/*---------------------
 カレンダー
----------------------*/
#calendar{
	width:200px;
	margin:0px 0px 20px;
}
#calendar table {
	width:100%;
	font-size:1em;
}
#calendar table caption{
	font-size:0.8em;
	padding:3px 0px;
	color:#666;
	font-weight:bold;
}
#calendar th {
	font-size:0.65em;
	padding:3px 0px;
	margin:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:normal;
	border-bottom:1px solid #333;
	width:26px;
	height:18px;
	line-height:18px;
}

.calendarday {
	font-size:0.6em;
	padding:3px 0px;
	text-align:center;
	width:26px;
	height:18px;
	line-height:18px;
}
.calendarday a {
	color:#888;
	font-weight:bold;
}


/*---------------------
 Powered by Seesaa
----------------------*/
.powered {
	padding:20px 0px 20px 0px;
	text-align:center;
}

.syndicate {
	text-align:center;
	font-size:0.6em;
	background:url(http://rosea.jpn.org/css/dummy.gif) no-repeat;
}

/*---------------------
 フッター
----------------------*/
#footer{
	clear:both;
	font-size:0.7em;
	text-align:left;
	color:#ccc;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}
#footer a, #footer a:link, #footer a:visited{color:#999;text-decoration:none;}
#footer a:hover{color:#666;text-decoration:none;}

/*---------------------
 ダイエット
----------------------*/
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}
.diet-title{
padding:2px 10px 2px 5px;
margin-top:5px;
}
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}

a.affiliate-link{}

/*---------------------
 その他
----------------------*/
h1{font-size:160%;margin:0.5em 0;}
h2{font-size:150%;margin:0.5em 0;}
h3{font-size:140%;margin:0.5em 0;}
h4{font-size:130%;margin:0.5em 0;}
h5{font-size:120%;margin:0.5em 0;}
h6{font-size:110%;margin:0.5em 0;}
p{margin:0 0 1em;}
ul{margin:0.5em 0 0.5em 1.5em;}
ul li{list-style:disc;list-style-position:inside;}
ul ul li{list-style:circle;}
ol{margin:0.5em 0 0.5em 1.5em;}
ol li{list-style:demical;list-style-position:inside;}
ol ol li{list-style-type:lower-alpha;}
dl{margin:0.5em 0 0.5em 1.5em;}
dl dt{font-weight:bold;}
dl dd{margin:0 0 0 1em;}
hr{border:1px;background:#999;color:#999;height:1px;}
blockquote{
	color:#666;
	font-size:0.9em;
	width:90%;
	border:1px solid #888;
	padding:10px;
	margin:3px 5px 5px 5px;
	background:url(http://buena-suerte.up.seesaa.net/tmp/oblique_quote.png);
	background-color:#eee; /* ←ココの#eeeを変えると引用文後ろの斜め線の色(薄灰色)が変わります */
}
pre{
	color:#666;
	font-size:0.9em;
	padding:3px;
	margin:3px 5px 5px 5px;
}
br {letter-spacing:normal;} /* brタグのletter-spacing解除の為必要 */
img{border:0px;}/* imgタグ */
input{border:1px solid #222;background:#fff;padding:1px;font-size:1em;}
textarea{border:1px solid #222;background:#fff;padding:1px;font-size:1em;}
table{font-size:1em;}

.clear{clear:both;}