/*CSS改造080324
ベースデザイン：ブルー(両サイドバー)*/

body {
font-family: Arial, Helvetica, sans-serif;
background-color:#F1EFE3; /*全体の背景色*/
margin:0px;
padding:0px;
text-align:center;
}

#container{
margin:0px auto 0px auto;
width:902px;
background-image:url(http://www.memory-of-showa.jp/blog/bg_mose080324.gif);
background-repeat:repeat-y;
/*背景画像*/
color:#666;
}

#banner{ /*タイトルバナー*/
font-family:arial, Helvetica;
margin:0px 0px 0px 1px;
text-align:left;
background-image:url(http://www.selfstudy.biz/banner_nakatani_blog080324.gif);
background-repeat:no-repeat;
padding-left:25px;
height:122px;
}


/* 中左右カラム幅設定 *************************************************/
#content {　/*センターカラム*/
margin:0px 0px 0px 1px; /*左マージン1pxはボーダーの分*/
float:left;
width:520px;
font-size:12px;/*【注意】*/
padding-bottom:10px;
}

#links-left {　/*左カラム*/
font-weight:normal;
width:185px;
float:left;
margin: 0px 0px 0px 1px; /*左マージン1pxはボーダーの分*/
text-align:left;
}

#links {　/*右カラム*/
font-weight:normal;
float:right;
width:180px;
margin: 0px 5px 0px 1px; /*左マージン1pxはボーダーの分*/
padding: 0px 0px 0px 1px;
text-align:left;
}

/* 左右カラムメニュー見出し *************************************************/
.sidetitle {
color:#FFFFFF;
background-image:url(http://www.memory-of-showa.jp/blog/side_title_mose080324.gif);
background-repeat:no-repeat;
background-position:center;
margin-top: 3px;
padding: 2px 0 1px;
_padding: 1px 0 2px;
text-align: center;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 130%;
}

.side {
font-size: 12px;
color: #444444;
margin: 0px 0px 0px 0px;/*★15*/
padding:0px 12px 10px 12px;/*padding:0px 5px 10px 16px;*/
border: none;
}

/*入力フォーム　2008-10-29*/
input.userform {
   height: 1.2em;
　margin: 0;
}


.side.extended {}

.side ul {
list-style-type: none;
margin: 0px;
padding: 0px;
color: #444444;
}

.side li {
list-style-type: none;
line-height: 130%;
margin: 0;
padding: 4px 3px 2px 20px;
background :url("http://www.memory-of-showa.jp/blog/post_mose080324.gif") no-repeat 0% 4px;
}

.side-tag {
font-size:12px;
padding:0px 10px 10px 30px;
margin-bottom:10px;
}
.side-tag a{
font-size:12px;
}

/* フッタ *************************************************/
#footer{
clear:left;
background-image:url(http://www.memory-of-showa.jp/blog/footer_mose080324.gif);
background-repeat:repeat-x;
background-position:left top;
height:28px;
width: 900px;
height: 25px;
margin-right: auto;
margin-left: auto;
padding: 0;
border-bottom: 1px solid #666699;
border-left: 1px solid #666699;
border-right: 1px solid #666699;
text-align: center; /* 配置 */
font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
font-weight: normal; /* フォントの太さ */
font-size: 10px; /* フォントサイズ */
color: #ffffff; /* フォント色-区切り線 */
line-height: 200%; /* テキストの高さ */
}

.copyright{
font-size:80%;
width:100%;
text-align:center;
}


/* ナビゲーションバー *******************************/
#navbar {
padding: 5px 0 0 0;
text-align: center; /* 配置 */
font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
font-weight: bold; /* フォントの太さ */
font-size: 12px; /* フォントサイズ */
color: #999999; /* フォント色-区切り線 */
width: auto; /* 全体の幅 */
line-height: 120%; /* テキストの高さ */
background-image:url(http://www.memory-of-showa.jp/blog/menu_bar_mose080324.gif);
height: 25px;
}

/* リンクのスタイル */
#navbar a{
color:#ffffff; /* 文字色 */
padding: 2px 5px 2px 5px; /* リンク文字のパディング */
}

/* リンクをポイントした時のスタイル */
#navbar a:hover{
background-color: #229E32; /* 背景色 */
color:#FFFC03; /* 文字色 */
text-decoration: none; /* テキストの装飾をなくす */
}


/* リンク *************************************************/
a,
a:link,

/*訪問済み　元の色と変わらない*/
a:visited {
    color: #006699;
    text-decoration: none;
}

/*マウスを乗せるとオレンジ色になる*/
a:hover {
    color: #FF6600;
    text-decoration: underline;
}

a:active {}


/* ブログタイトル *************************************************/
h1 {
margin:0px;
padding-top:25px;
font-weight:bolder;
font-size:20px;
}

h1 a{
color:#FFF;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}

.description {
color:#FFF;
font-size:12px;
font-family:sans-serif;
font-weight:bold;
line-height:140%;
padding:0px 10px 0px 0px;
}

/* 記事日付 *************************************************/
.date { 
text-align:left;
/*font-family:arial, Helvetica;*/
margin: 6px 15px 0;
padding: 1px;
background: #FFFFFF;
font-size: 10px;
color: #666666;
font-weight: bold;
}

/* 記事タイトル *************************************************/
.title{
margin: 5px 0 0;
padding: 5px;
border-top:3px solid #FF6600;
border-bottom:1px solid #cccccc;
background: #FDFED9;
font-size: 18px;
line-height: 20px; /*080414追加*/
color: #000000;
font-weight: bold;
}

/* 記事本文 *************************************************/
.blog {
width:520px;
margin-left:1px; /*左カラムと中カラムを分ける線（画像）から1px右へずらす*/
margin-top:15px;
text-align:left;
}

.blogbody {
font-weight:normal;
line-height:120%;
margin:0px 15px 15px 15px;
}

.text{
font-size: 14px;
padding:0px 5px 15px 0px;
margin-top:14px;
line-height:140%;
word-break: break-all;
color: #000000;
}


.navi {
font-size:12px;
text-align:center;
margin-bottom:10px;
margin-top:10px;
}

.posted{ 
font-size: 10px; 
text-align: right;
margin-bottom:5px;
padding:3px 3px 3px 5px;
}

/* カレンダー *************************************************/
#calendar {
width:165px;
margin-top:0px;
margin-bottom:10px;
}
#calendar table {
width:165px;
}
#calendar th{/*曜日の後ろにある画像*/
/*background-image:url();
background-repeat:no-repeat;
background-position:center;*/
color:#000000;

}
.calendarhead {
color:#FFFFFF;
/*background-image:url();
background-repeat:no-repeat;
background-position:center top;*/
font-size:12px;
font-weight:normal;
padding:0px 0px 0px 0px;/*15*/
margin-bottom:0px;
font-weight:bold;
text-align:center;
}
.calendarhead a{
color:#00669;
text-decoration:none;
}
.calendarhead .calendarday {
color:#00669;
}
.calendarhead .calendarday a{
color:#00669;
text-decoration:none;
}

.calendarday {
color:#666666;
font-size:12px;
line-height:120%;
padding:3px;
margin-bottom:10px;
}
.calendarday a{
color:#006699;
font-weight:bold;/*追加*/
text-decoration: underline;
}


.powered {
line-height:120%;
padding:10px 10px 10px 0px;
text-align:right;
}

.syndicate {
font-size:10px;
margin-right:10px;
text-align:center;
}
.syndicate a{
}

#comments {
margin-bottom:30px;
margin-top:25px;
text-align:left;
padding:0px 5px;
}
#comments form {
padding:0px;
margin:0px;
}
#comments input {
max-width:200px;
}
#comments textarea{
width:300px;
}
.comments-head{ 
font-weight:bold;
margin:0px;
font-size:12px;
background-image:url(http://blog.seesaa.jp/img/bg/blue/title.gif);
background-repeat:no-repeat;
background-position:left;
padding: 14px 0px 10px 13px;
}
.comments-body {
margin-top:5px;
font-size:12px;
line-height:120%;
padding:5px;
}

.comments-post {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding:10px;
text-align:right;
}
#trackback {
margin-bottom:30px;
margin-top:25px;
font-size:12px;
border:1px dotted #666;
padding:5px;
margin:5px;
text-align:left;
}

.diet-content{
padding-left:10px;font-size:12px;
}
#diet-foods{
padding-left:10px;font-size:12px;
}
.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;
font-size:12px;
margin-top:5px;
font-weight:bold;
}
.diet-content{
padding-left:10px;font-size:12px;
}
#diet-foods{
padding-left:10px;font-size:12px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
.blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}
.tag-word{
margin:20px 0px 0px 0px;
line-height:1.4em;
}
.tag{
padding:10px;
position:relative;
}
#tag_cloud{
border:1px solid #CCC;
padding:10px;
text-align:left;
position:relative;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
font-size:16px;
font-weight:bold;
text-align:left;
}
.tag-body{
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #CCC;
padding:0px 0px 5px 0px;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0px;
margin-bottom:10px;
font-weight:bold;
position:relative;
}
.tag-article{
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}
.tag-article-title{
text-align:left;
padding:0px 0px 5px 0px;
font-weight:bold;
position:relative;
}
.tag-article-posted{
font-weight:normal;
position:relative;
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
position:relative;
}
.tag-more{
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}
.tag-photos{
float:left;
margin:10px 5px;
position:relative;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-audios{
margin:5px;
position:relative;
}
.tag-audios-title{
text-align:left;
font-weight:bold;
padding:0px 0px 5px 0px;
position:relative;
}
.tag-audios-posted{
font-weight:normal;
position:relative;
}
.tag-videos{
float:left;
margin:10px 5px;
position:relative;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}
