/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*全体の設定*/
html{
overflow: auto;
scrollbar-base-color : #FFF;
scrollbar-face-color : #FFF; 
scrollbar-track-color: #FFF;
scrollbar-arrow-color : #696969; 
scrollbar-3dlight-color: #FFF;
scrollbar-highlight-color : #696969; 
scrollbar-shadow-color : #696969;
scrollbar-darkshadow-color : #FFF;
}


body {
text-align: center;
margin-top:30px;
padding: 0;
color: #696969; 
font-size:9pt;
line-height: 150%;
font-family: 'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
background: #ffffff;

}

a:link,a:visited {
color: #00bfff;
text-decoration: none;
}

a:hover,a:active {
color: #00bfff;
position:relative;
top:2px;
text-decoration:none;
}

img {
margin: 10px 10px 10px 0px;
border: 0;
} 

#mainBlock {
width: 420px;
margin-right: auto; 
margin-left: auto;
text-align: left;
}

/*記事タイトル下の水平線の設定*/
hr { 
margin-top:2px;
margin-bottom:2px;
width: 100%;
height:1px; 
border-color: #696969; 
border-style: solid; 
}

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
.topimg {
width*420px;
height:210px;
background-image:url(http://www.watersurf.net/kara/KARA-topimg-01.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: #000;}

/* navi  */
ul#navi {
margin:8px 0 60px 0 ;
padding:0;
}
ul#navi {border-right:1px solid #696969;}
ul#navi a{
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
color:#696969;
text-decoration:none;
white-space:nowrap;
}
ul#navi li.current a{
color:#696969;
font-weight:bold;
}
ul#navi li.current a:hover {
color:#696969;
position:relative;
top:0px;
cursor:default;
}
ul#navi li.current1 a{
color:#696969;
font-weight:bold;
border-right:1px solid #696969;
}
ul#navi li.current1 a:hover {
color:#696969;
position:relative;
top:0px;
cursor:default;
border-right:1px solid #696969;
}
ul#navi li.right {
border-right:1px solid #696969;
}
ul#navi li {
float:left;
width:58px;
border-left:1px solid #696969;
list-style-type: none;
}
ul#navi li a {
display:block;
width:100%;
color:#696969;
text-decoration:none;
padding:1px 0;
text-align:center;
}
ul#navi a:hover {
color:#00bfff;
position:relative;
top:2px;
}

/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:420px;
}

/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 10px 0px 0px 0px;
font-size: 14pt;
font-weight: bold;
}

#TopTitle a:link,
#TopTitle a:visited {
color: #333322;
text-decoration: none;
}

#TopTitle a:hover,
#TopTitle a:active {
color: #00bfff;
text-decoration:none;
}


/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 5px 0px 0px 0px;
font-size: 8pt;
}

/*管理画面へのリンク*/
.AdminLink {
text-align:right;
}


/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 420px;

}

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding: 0px 0px 50px 0px;
}

/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 5px 0px 0px 0px;
}**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 420px;
}

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 60px 0px 0px 0px;
}

/*日付と記事タイトル部分*/
.EntryTitle {
float: left;
} 
.EntryTitle a:link,
.EntryTitle a:visited {
color: #333322;
text-decoration: none;
}

.EntryTitle a:hover,
.EntryTitle a:active{
color: #00bfff;
text-decoration:none;
}

.EntryWriteDate {
font-size: 12pt;
font-weight: bolder;
}

/*記事タイトル右側の部分*/
.EntrySubtitle {

font-size:93%;
text-align:right;
} 
.EntrySubtitle a:link,
.EntrySubtitle a:visited {
color: #333322;
text-decoration: none;
}

.EntrySubtitle a:hover,
.EntrySubtitle a:active {
color: #00bfff;
text-decoration:none;
}

/*追記文書が記載される部分*/
.EntryPsText {
text-align:right;
font-size:93%;
padding: 10px 0px 0px 0px;
}
.EntryPsText a:link,
.EntryPsText a:visited {
color: #333322;
text-decoration: none;
}
.EntryPsText a:hover,
.EntryPsText a:active {
color: #00bfff;
text-decoration:none;
}

/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
padding:80px 0px 10px 0px;
}

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 70px 0px 0px 0px;
}

.CommentMenuTitle{
margin: 70px 0px 0px 0px;
}

/*コメントのタイトル部分*/
.CommentTitle{
float: left;
}

/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
}

/*コメントフォーム用テーブル*/
.CommentFormTable{
font-size: 10pt;
}

/*inputタグやtextareaの設定*/
input, select, textarea { 
background-color: #ffffff; 
border: 1px #000000 solid; 
scrollbar-face-color: #ffffff; 
scrollbar-track-color:  #ffffff; 
scrollbar-arrow-color: #000000; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
padding:10px 0px 0px 80px;
}

.CommentResTitle {
text-align:right;
}