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

/*画面一番上のロゴマーク(画像or文字)の指定*/
.logo{
    text-align: right;
}
/*配置
　中央の場合      margin-left:auto;margin-right:auto;
　右寄せの場合    margin-left:auto;margin-right:0;
　左寄せの場合    margin-left:0;margin-right:auto;*/
/*日記タイトル(画像or文字)の指定*/
.maily-title{
    font-family: fantasy;
    font-size: xx-large;
    color: #990033;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    width: 60%;
    /*配置*/
    margin-left: auto;
    margin-right: auto;
}
/*タイトル真下のコメントの指定*/
.maily-header{
    text-align: center;
    width:  60%;
    /*配置*/
    margin-left:  auto;
    margin-right: auto;        
}
/*背景設定*/
body.maily-body{
    background-color: #ffffff;
}
/*テーブルの設定*/
TABLE.maily-table{
    width: 60%;
    border-collapse: collapse;
    empty-cells: show;
    /*配置*/ 
    margin-left: 180px;    
    margin-right: 10%;
}
/*テーブルの見出しセル(投稿題名と日時)*/
TH.subject-th{
    color: #000000;
    text-align: center;
    vertical-align: sub;
    border-width: 1px 4px;
    border-color: #990033 #990033 #990033 #990000;
    border-style: dashed solid dotted;
    background-color: #FFFFEC;
}
/*画像エリア*/
.image-area{
    /*文字の回り込み*/
    float: right;
}
/*テキストエリア*/
.text-area{
    font-size: small;
    color: #000000;
    text-align: left;
    padding: 10px;
    /*配置*/
    margin-left: auto;
    margin-right: auto;
}
/*レスコメント表示の指定*/
.res-comment{
    color: #000000;
    text-align: left;
    padding: 3px;
    border-width: 3px;
    border-color: #990033;
    border-style: ridge;
    width: 80%;
    /*配置*/
    margin-left: auto;
    margin-right: auto;        
}
/*レスコメント編集エリアの設定*/
.amend-res{
    text-align: left;
    margin-right: auto;
    padding: 3px;
    border-width: 3px;
    border-color: #990066;
    border-style: outset;
    width: 80%;
    background-color: #FFFFFF;
}
/*コメントを編集する際の編集エリアの設定*/
.amend-comment{
    text-align: left;
    border-width: 1px;
    border-color: #336600;
    border-style: double;
    width: 80%;
    background-color: #DFFFEF;
    /*配置*/
    margin-left: auto;
    margin-right: auto;        
}
/*INPUT系の基礎設定(個々に設定しても可)*/
input,textarea,select{
}
/*アクションを持ってるボタン*/
input.action-button{
    vertical-align: middle;
}
/*次ページへなどのボタンが表示されるテーブルの設定*/
TABLE.page-table{
    margin: 5px;
    padding: 5px;
    table-layout: fixed;
    width: 60%;    
    /*テーブルの配置(中央)*/    
    margin-left: 180px;
    margin-right:10%;            
}
/*エラー時のメッセージ*/
.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にて追加 ******************/
/*カレンダーのリンク文字の設定*/
a.cale-date{
	text-decoration: none;
	cursor: hand;
}
/* 未読 */
a.cale-date:link{
	color: #FF0080;
   	text-align: left;
}
/* 既読 */
a.cale-date:visited{
	color: #FF0080;
   	text-align: left;
	text-decoration : underline;
}
/* 動作中 */
a.cale-date:active{
	color: #FF0080;
   	text-align: left;
	text-decoration : underline;   	
}
/* マウスカーソルが乗っている */
a.cale-date:hover{
	color: #FF0080;
	text-decoration: underline overline;
	background-color: #FFEEF7;
}
/*カレンダー全体の位置などの設定*/
.calender{
    border-width: 3px;
    border-color: #990033;
    border-style: double;
    position: absolute;
    top: auto;
    left: 0%;
    right: auto;
    bottom: auto;
    display: block;
}
/*カレンダーテーブルの設定*/
TABLE.cale-table
{
    border-width: 1px;
    padding: 1px;
    width: 170px;
    border-collapse: collapse;
    empty-cells: show;
}
/*カレンダーテーブルの見出し*/
.cale-th
{
    font-size: small;
    color: #990033;
    background-color: #FFFFEC;
}
/*記事全体をスクロールさせるかどうか*/
.content-pos
{
}

/*オートリンク文字の設定*/
a.auto-link{
    font-family: fantasy;
	text-decoration: none;
	cursor: hand;
}
/* 未訪 */
a.auto-link:link{
    color: #990033;
    text-align: left;
	text-decoration : underline;
}
/* 既訪 */
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: #990033;
	background-color: #E8FFE8;
}
/* 変更できるクラスはここまで */

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