/*　自由に変更して下さい　ただしクラス名は絶対に変更しないで下さい！ */
/********************* Ver1.000 ********************/
/*全体のテキストの基礎設定*/
*{
    font-family: MS UI Gothic,ＭＳ ゴシック;
    font-size: small;
    color: #000066;
}
/*アンカータグの指定*/
a{
	font-family: MS UI Gothic,ＭＳ Ｐゴシック,Osaka;
	font-size: small;
	color: #FF8000;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	cursor: hand;
}
/* 未訪 */
a:link{
   	text-align: left;
}
/* 既訪 */
a:visited{
   	text-align: left;
	text-decoration : underline;
}
/* 動作中 */
a:active{
   	text-align: left;
	text-decoration : underline;   	
}
/* マウスカーソルが乗っている */
a:hover{
	color: #FF0080;
	text-decoration: underline overline;
	background-color: #FFEEF7;
}

/*画面一番上のロゴマーク(画像or文字)の指定*/
.logo{
    text-align: right;
}
/*日記タイトル(画像or文字)の指定*/
.maily-title{
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
    width:  300px;
    /*配置
    　中央の場合      margin-left:auto;margin-right:auto;
    　右寄せの場合    margin-left:auto;margin-right:0px;
    　左寄せの場合    margin-left:0px;margin-right:auto;*/
    margin-left:auto;
    margin-right:auto;    
}
/*タイトル真下のコメントの指定*/
.maily-header{
    text-align: center;
    width:  300px;
    /*配置*/
    margin-left:auto;
    margin-right:auto;        
}
/*背景設定*/
body.maily-body{
    font-family: MS UI Gothic,ＭＳ Ｐゴシック,Osaka;
    font-size: medium;
    color: #000066;
    background-color: #FFFFFF;
		background-image: none;
}
/*テーブルの設定*/
TABLE.maily-table{
    margin: 5px;
    padding: 5px;
    border-width: 1px;
    border-color: #000099;
    border-style: dashed;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;    
    width: 300px;
    /*テーブルの配置(中央)*/    
    margin-left:auto;
    margin-right:auto;        
}
/*テーブルの見出しセル(投稿題名と日時)
  ※Ver1.000では　TH.subject-thとなっていましたが　Ver1.100以降TH限定クラスではなくなりました*/
.subject-th{
    color: #000066;
    background-color: #ECEEFF;
}
/*画像エリア*/
.image-area{
    float: none;
    /*配置*/
    text-align: center;
}
/*テキストエリア*/
.text-area{
    font-size: small;
    text-align: left;
    padding: 10px;
    /*配置*/
    margin-left: auto;
    margin-right: auto;    
}
/*レスコメント表示の指定*/
.res-comment{
    text-align: left;
    padding: 3px;
    border-width: 1px;
    border-color: #00CCFF;
    border-style: solid;
    width: 80%;
    background-color: #E8FFFA;
    /*配置*/
    margin-left: auto;
    margin-right: 0px;    
}
/*レスコメント編集エリアの設定*/
.amend-res{
    text-align: left;
    padding: 3px;
    border-width: 1px;
    border-color: #00CCFF;
    border-style: solid;
    width: 80%;
    background-color: #E8FFFA;
    /*配置*/
    margin-left: auto;
    margin-right: 0px;        
}
/*コメントを編集する際の編集エリアの設定*/
.amend-comment{
    color: #000099;
    text-align: left;
    border-width: 1px;
    border-color: #000066;
    border-style: double;
    width: 80%;
    background-color: #FFE8FF;
    /*配置*/
    margin-left: auto;
    margin-right: auto;       
}
/*INPUT系の基礎設定(個々に設定しても可)*/
input,textarea,select{
    font-family: MS UI Gothic,ＭＳ Ｐゴシック,Osaka;
    font-size: small;
    color: #000099;
    text-align: left;
    border-width: 1px;
    border-color: #000066;
    border-style: double;
    background-color: #E6F2FF;
}
/*アクションを持ってるボタン*/
input.action-button{
    font-family: MS UI Gothic,ＭＳ Ｐゴシック,Osaka;
    font-size: small;
    color: #000066;
    text-align: center;
    border-width: 1px;
    border-color: #000066;
    border-style: double;
    background-color: #E6F2FF;
}
/*次ページへなどのボタンが表示されるテーブルの設定*/
TABLE.page-table{
    text-align: center;
    width: 300px;
    /*テーブルの配置(中央)*/    
    margin-left:auto;
    margin-right:auto;            
}
/*エラー時のメッセージ*/
.warning{
    font-size: 18px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}
/*CopyRight表示部分*/
.copyright{
    font-family: Times New Roman,Times,serif;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    word-spacing: 0px;
    letter-spacing: 0px;
    /*配置*/
    text-align: right;
}

/************** Ver1.100にて追加 ******************/
/*カレンダーのリンク文字の設定*/
table.Calendar a{
	text-decoration: none;
	cursor: hand;
}
/* 未読 */
table.Calendar a:link{
	color: #FF0080;
   	text-align: left;
}
/* 既読 */
table.Calendar a:visited{
	color: #FF0080;
   	text-align: left;
	text-decoration : underline;
}
/* 動作中 */
table.Calendar a:active{
	color: #FF0080;
   	text-align: left;
	text-decoration : underline;   	
}
/* マウスカーソルが乗っている */
table.Calendar a:hover{
	color: #FF0080;
	text-decoration: underline overline;
	background-color: #FFEEF7;
}
/*カレンダー全体の位置などの設定*/
#calendiv{
    position: absolute;
    top: auto;
    left: 10px;    
    right: auto; 
    bottom: auto;
    display: block;
}
/*カレンダーテーブルの設定*/
table.Calendar
{
    border-width: 2px;
    border-color: #88AAFF;
    border-style: double;
    padding: 1px;
    width: 170px;
}
/*カレンダーテーブルの見出し*/
table.Calendar th
{
    font-size: small;
    color: #FFFFFF;
    background-color: #88AAFF;
}
/*記事全体をスクロールさせるかどうか*/
.content-pos
{

}

/*オートリンク文字の設定*/
a.auto-link{
	text-decoration: none;
	cursor: hand;
}
/* 未訪 */
a.auto-link:link{
    color: #9900FF;
 　 text-align: left;
}
/* 既訪 */
a.auto-link:visited{
   	text-align: left;
	text-decoration : underline;
}
/* 動作中 */
a.auto-link:active{
   	text-align: left;
	text-decoration : underline;   	
}
/* マウスカーソルが乗っている */
a.auto-link:hover{
	color: #FFCC00;
	background-color: #FFFFCC;
}
/* 変更できるクラスはここまで */

/* ---------------------ここから下は変更しないで下さい*/
.ime-active{
    ime-mode: active;
}
.ime-inactive{
    ime-mode: inactive;
}
.ime-disable{
    ime-mode: disabled;
}