body {
 color:#000000;
 background:#FFEABA;
 margin: 0px;
 padding:0px;
 text-align: center;
 font-family:"ＭＳ Ｐゴシック";
 -webkit-text-size-adjust: 100%;
}

a:link{
 font-weight:bold;
 color:<$LinkColor_通常リンクの色を指定してください:#444$>;
}

a:visited{
 font-weight:bold;
 color:<$VisitedColor_訪問後のリンクの色を指定してください:#666$>;
}

a:hover {
 font-weight:bold;
 background:<$HoverBackGroundColor_カーソルを合わせたときの背景色を指定してください:#666$>;
 color:<$HoverColor_マウスカーソルを合わせたときのリンクの色を指定してください:#FFF$>;
}

#layout{
 background: <$BGColor_本文の背景色を指定してください:#ccc$>;
 width:780px;
 padding: 0px 0px 7px 0px;
 margin: 0px auto;
}

#TopArea{
 width: 780px;
 height: 60px;
 padding: 0px;
 margin: 0px;
 background-image: url(img/logo.jpg);
 background-repeat:no-repeat;
}

h1{
 color:<$H1Color_サイトの左上の説明の文章の文字色を指定してください:#777$>;
 font-weight:bold;
 line-height:1.4em;
 margin:0px 10px 0px 0px;
 Text-align:right;
 font-size:10pt;
}

h2{
 margin:0px;
 padding:2px 2px 0px 4px;
 font-size:small;
 color:<$H2Color_左右のボックスのタイトルの文字色を指定してください:#ddd$>;
 font-weight:bold;
 background:<$H2BackGroundColor_左右のボックスのタイトルの背景色を指定してください:#777$>;
}

h3{
 color:<$H3Color_本文の記事タイトルの文字色を指定してください:#444$>;
 margin:0px 0px 8px 0px;
 padding:8px 2px 2px 4px;
 font-size:medium;
 border-bottom:2px solid <$H3BorderColor_本文のタイトルの下線の色を指定してください:#444$>;
}

#MesBox{
 color:<$MsgBoxColor_左右のボックスの本文の文字色を指定してください:#555$>;
 border:1px solid <$MsgBoxBorderColor_左右のボックスの枠の色を指定してください:#666$>;
 padding:3px;
 font-size:small;
 line-height:1.3em;
}

#navi{
 height:28px;
 margin:0px;
 list-style:none;
 background:<$MenuBackColor_メニューの背景色を指定してください:#888$>;
}

.selected{
 line-height:1.2em;
 background:<$MenuSelectedBackColor_自ページを表示している時のメニューの各リンクの背景色を指定してください:#555$>;
 color:<$MenuSelectedColor_自ページを表示している時のメニューの各リンクの文字色を指定してください:#FFF$>;
 font-size:10pt;
 font-weight:bold;
 float:left;
 width:<$MenuWidth_メニューの各リンクの横幅を指定してください:130$>px;
 height:15px;
 margin:5px 0px 0px 3px;
 border:1px solid <$MenuBorderColor_メニューの各リンクの枠の色を指定してください:#888$>;
}

.menu{
 line-height:1.2em;
 background:<$MenuBackLinkColor_メニューの各リンクの背景色を指定してください:#ddd$>;
 font-size:10pt;
 float:left;
 width:<$MenuWidth_メニューの各リンクの横幅を指定してください:130$>px;
 height:15px;
 margin:5px 0px 0px 3px;
 border:1px solid <$MenuBorderColor_メニューの各リンクの枠の色を指定してください:#888$>;
}

.menu a:link{ 
 text-decoration:none;
 color:<$MenuLinkColor_メニューの各リンクの文字色を指定してください:#666$>;
}

.menu a:visited{ 
 text-decoration:none;
 color:<$MenuVisitedColor_メニューの各リンクの訪問後の文字色を指定してください:#666$>;
}

.menu a:hover{
 display:block;
 height:15px;
 background:<$MenuHoverColor_マウスカーソルを合わせたときのメニューの各リンクの背景色を指定してください:#222$>;
 color:<$MenuColor_マウスカーソルを合わせたときのメニューの各リンクの文字色を指定してください:#FFF$>;
 font-weight:bold;
}

#LeftArea{
 margin:7px 4px;
 text-align: left;
 float: left;
 width:170px;
}

#RightArea{
 margin:7px 4px;
 text-align: left;
 float: right;
 width:170px;
}

#ContentsArea{
 margin:7px 0px 7px 7px;
 padding:4px 8px;
 text-align: left;
 float: left;
 width:385px;
 background: <$ContentsBackGroundColor_本文の背景色を指定してください:#FFF$>;
}

#ContentsBox{
 color:<$ContentsColor_本文の文字色を指定してください:#444$>;
 margin:0px;
 padding:0px 0px 15px 10px;
 font-size:small;
 line-height:1.3em;
}

#CopyRight{
 float:none;
 font-size:12pt;
 width:780px;
 padding:2px 0px 2px 0px;
 background:<$CopyRightBackGroundColor_著作権表示の背景色を指定してください:#888$>;
 color:<$CopyRightColor_著作権表示の文字色を指定してください:#eee$>;
 font-weight:bold;
 margin: 0px auto;
} 

#PoweredByHPTemplaters{
 font-size:small;
 text-align:center;
 margin:4em 0 0 0;
}

#PoweredByHPTemplaters a{
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:<$PWBy_当ホームページへのリンクの文字色を指定してください:#555$>;
}

#PoweredByHPTemplaters a:hover{
 display:block;
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:<$PWByHover_当ホームページへのリンクのカーソルを合わせたときの文字色を指定してください:#FFF$>;
 background:<$PWByHoverBackColor_当ホームページへのリンクのカーソルを合わせたときの背景色を指定してください:#777$>;
}

.floating {
 top: 5px;
 left: 0px;
 position: fixed;
 background-color: transparent;
 border: none;
z-index: 1;
}