html{ }

body { 
margin: 0px;
font-size: 10pt;
font-family:'Osaka','Verdana','sans-serif';
color: #000000; 
line-height: 120%;
scrollbar-arrow-color:gainsboro;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:gainsboro;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:gainsboro;
scrollbar-darkshadow-color:#ffffff;
}

a:link, a:visited { 
color:darkgray; 
text-decoration:none; 
}

a:hover { 
color: #000000; 
text-decoration: underline; 
}

tr,td { 
font-size: 8pt; 
}

img { 
border-width:0px; 
}

/* 外枠部分 */
#baseline { 
margin-left:auto;
margin-right:auto;
width: 712px;
padding: 0px;
border-right:solid 1px #000000; 
border-left:solid 1px #000000; 
background-image: url(image/top/topimage.cgi); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position:10px 10px; 
background-color:ghostwhite;
}

/* 日記タイトル部分 */
#hptitle {

color: #9E847C;
font-size: 28pt;
font-family : Comic Sans MS;
font-weight : bold;
text-align: right;
width: 560px;
height: 20px; 
margin-left:140px;
padding-top: 20px;
padding-bottom: 5px;
padding-right: 10px;
//letter-spacing: 1em;
}

/* 日記サブタイトル*/
#hptitle_s {
text-align: right;
width: 560px;
height: 10px; 
margin-left:140px;
padding-top: 5px;
padding-bottom: 10px;
padding-right: 10px;

}

/* 日記タイトル下、　メニューバー */
.h_menu {
font-family:'Verdana','Osaka','sans-serif';
width: 560px;
height: auto;
text-align:right;
background-color:lightslategray;
color:white;
font-weight:bold;
margin-left:140px;
margin-bottom:5px;
padding-top:0.3em; 
padding-bottom:0.3em; 
padding-right:10px;
}

/* 左右の枠 */
#left { 
float:left; 
//width: 560px; 
width: 200px; 
border-right:solid 1px #000000;
background-color:white;
}

#right { 
float:right; 
width: 480px;
background-color:transparent;
}

/* 小枠のヘッダ */
.s_box_l {
height: auto; 
background: lightslategray; 
text-align: center;
margin-left: auto;
margin-right: auto;
color: #ffffff;
font-weight: bold; 
font-family:'Osaka','Verdana','sans-serif';
padding-top: 0.3em; 
padding-bottom: 0.3em; 
background-image: url(); 
background-position: left top;  
background-repeat: repeat-x;

}

/* 小枠 */
.s_box {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px; 
padding: 0.5em; 
font-size: 8pt; 



}

/* 記事枠 */
.line {
border:solid 0px #000000;
text-align:left;
height:auto;
background: transparent;
margin-right: 20px;
margin-left: 20px;
//width: 520px;
width: auto;
}

/* タイトル枠*/
.title_l {
background:transparent;
border-bottom:solid 1px #000000;
margin-top:1.5em;
margin-right:1em;
margin-left:1em;
padding-bottom: 0.5em;
}

/* タイトル書式 */
.title { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#555555;
font-size:9pt;
font-weight:bold;
}

/* タイトル書式（日付） */
.date { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 7pt;
padding-left: 1em;}

/* 記事内カテゴリ表示*/
.category { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:7pt;
padding-left:2em;
}

/* 記事本文 */
.article { 
color:#555555;
font-size:9pt;
font-family:'Osaka','MS UI Gothic','sans-serif';
line-height:130%;
margin: 1em;
background: transparent;
}

.tb { 
font-size:8pt; 
}

form{
margin:0px;
}

/* 折りたたみコメント用 */
.atlink{
 text-align:right;
 color:#55555;
 font-size:9pt;
 margin:0px 20px 0.5em auto;
 padding-right:0.5em;
}

.button{
background:#ffffff;
border:solid 1px #808cb3;
font-size:9px;
}

TEXTAREA{
border:solid 1px #808cb3;
}

.CommentName{
 color:#555555;
 font-size:0.8em;
 text-align:left;
 border-bottom: solid 1px #000000;
}

.CommentMsg{
 text-align:left;
 margin:0.5em 0.5em 1em 1em;
 color:#555555;
 font-size:0.8em;
 font-family:'Osaka','MS UI Gothic','sans-serif';

}
.CommentNameStr{
 font-size:9px;
}

.CommentField{
 width:100%;
 border:solid 0px #808cb3;
 background:#f7f7f7;
 padding:0.5em;
 margin-right: none;
 margin-left: auto;
 font-family:'Osaka','MS UI Gothic','sans-serif';
}

.cmnt_msg_view{
width:80%;
text-align:left;
background:#ffffff;
}

/* カレンダー　*/
.calendar{text-align:center;} 
.cmonth{text-align:center;font-weight:bold;} 
.cweek{}
.csat{} 
.csun{} 
.chr{color:#000000;background-color:#000000;border:none;height:1px;} 
.cday{} 
