html{ }

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

a:link, a:visited { 
color: #d64040; 
text-decoration:underline;
}

a:hover { 
color: #ffffff;
background-color: #76c286;
}

tr,td { 
font-family:'Osaka','Verdana','sans-serif';
color: #000000; 
line-height :120%; 
}

img { 
border-width:0px; 
}

.cent {text-align: center;}

.clearboth {clear: both;}

/* 外枠部分 */
#baseline { 
margin-left:auto;
margin-right:auto;
width: 782px;
padding: 0px;
border-right:solid 1px #768A65; 
border-left:solid 1px #768A65; 
background-color:#ddffdd;
}

/* 日記タイトル部分 */
#hptitle {
font-family:,'Osaka','Verdana','sans-serif';
color: #768A65;
font-size: 23pt;
text-align: center;
width: 782px;
height: 25px; 
padding-top: 60px;
padding-bottom: 10px;
letter-spacing: 1em;
}

/* 日記サブタイトル*/
#hptitle_s {
text-align: center;
height: 15px; 
padding-top: 10px;
padding-bottom: 50px;
width: 782px;
}

/* 日記タイトル下、　メニューバー（未適用） */
.h_menu {
font-family:'Verdana','Osaka','sans-serif';
width: 752px;
height: auto;
text-align:left;
background-color:lightslategray;
color:white;
font-weight:bold;
padding-top:0.3em; 
padding-bottom:0.3em; 
padding-left:30px;
}

/* トップメニュー */
#topmenu {
position:relative;
left: 19px;
margin: 1em 0em 0em 0em;
}

#topmenu ul {
margin:  0;
padding: 0;
list-style-type : none;
}

#topmenu li {
float:left;
display : inline;
padding: 0;
margin-bottom: 1em;
}

#topmenu a {
display:block; 
width:100px;
height:1.4em;
margin:0px 1px;
padding-top: 0.2em;
border-left:2px solid #76c286;
border-top:2px solid #76c286;
border-right:2px solid #0e6b25;
border-bottom:2px solid #0e6b25;
background-color:#3e9b55;
font-size:small;
text-decoration:none;
color:#ffffff;
font-weight: bold; 
}

#topmenu a:hover {
display:block;
width:100px;
height:1.4em;
margin:0px 1px;
padding-top: 0.2em;
border-left:2px solid #3e9b55;
border-top:2px solid #3e9b55;
border-right:2px solid #76c286;
border-bottom:2px solid #76c286;
background-color:#ddffdd;
font-size:small;
text-decoration:none;
color:#555577;
font-weight: bold; 
}


/* 左右の枠 */
#left { 
float:left; 
width: 231px;
margin:  0;
padding: 0;
border-right:solid 0px #000000;
background-color:transaprent; 
}

#right { 
float:right;
width: 551px;
margin:  0;
padding: 0;
background-colortransparent;
}

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

}

/* 小枠 */
.s_box {
margin-left: 15px;
margin-right: 6px;
margin-bottom: 10px; 
padding: 0.3em; 
font-size: 8pt; 
font-family:'Osaka','Verdana','sans-serif'; 
text-align: center;
background-color:#f7f8f7; 
border:solid 1px #768A65; 
}

/* 記事枠 */
.line {
border:solid 1px #768A65;
text-align:left;
height:auto;
background: #ffffff;
margin-right: 15px;
margin-left: 6px;
width:531px;
}

/* タイトル枠*/
.title_l { 
background: transparent;
border-bottom:dotted 2px #53664d;
margin-top: 0.8em;
margin-right:1.2em;
margin-left:1.2em;
padding-top: 0.3em;
padding-bottom: 0.3em;
}

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

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

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

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

.article img {
border-width:1px;
}


.tb { 
font-size:8pt; 
}

form{
margin:0px;
}

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

.button{
background:#ffffff;
border:solid 1px #808cb3;
}

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:1em;
 font-family:'Osaka','MS UI Gothic','sans-serif';

}
.CommentNameStr{
 font-size:0.8em;
}

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

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

#title {
clear: both;
width: 782px;
height: 100px;
background-color: #DDFFDD;
}

#titlea {
width: 310px;
float: left;
margin-left: 12px;
text-decoration:none;
}

#titlea a:hover {text-decoration:none;}

#titleb {
text-align: center;
}

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