@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
padding: 0;
margin: 0 auto; /* センタリング */

background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
float: ;
}

.body{
float: center;
}

/* 文字 */
body {
font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", arial, sans-serif;
line-height: 1.1em;
letter-spacing: 0.4px;
}


/* --- 全体のリンクテキスト --- */

/* 背景が赤の場合のリンク */
.l a:link { color: #ffffff; }
.l a:visited { color:#ffffff ; }
.l a:hover { color: #ff0000; }
.l a:active { color: #ffffff; }

/* 背景が白の場合のリンク */
.ren a:link { color: #b22222; }
.ren a:visited { color:#b22222 ; }
.ren a:hover { color: #ff0000; }
.ren a:active { color: #ff8000; }

/* タブメニューのリンク */
.ren1 a:link { color: #b22222; }
.ren1 a:visited { color:#b22222 ; }
.ren1 a:hover { color: #ff0000 ; }
.ren1 a:active { color: #ff8000; }



/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(image1/bg01.gif) repeat-y left; /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

#cont {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(image1/bg01.gif) repeat-y left; /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

.ren{
margin: 0 auto;
}


/* --- ヘッダ1 --- */
#header {
background-color: #ffffff; /* ヘッダの背景色 */
}

/* --- ヘッダ2 --- */
#header2 {
background-color: #b22222; /* ヘッダの背景色 */
border-top: 1px #b22222 solid; /* 右枠線 */

}

/* --- ヘッダ3 --- */
#header3 {
border-bottom: 1px #b22222 solid; /* 右枠線 */
background-color: ; /* ヘッダの背景色 */
border: px #b22222 solid; /* 右枠線 */
background-color: ;
font-size: 80%;
font-weight: bold;
text-align: right;

}

/* --- ナビゲーション --- */
.left {
float: left;
width: 140px; /* サイドバーの幅 */

}



/* --- ナビゲーション --- */
.top2 {
background-color: ; /* ヘッダの背景色 */
height: ;
border: 0px #b22222 solid; /* 右枠線 */
border: 0px #b22222 solid; /* 右枠線 */
background-color: ;
font-size: 100%;
font-weight: bold;
text-align: left;
}


/* --- 左メニュー・外 --- */
.left {
float: ;
width: 140; /* サイドバーの幅 */
line-height: 1.4em; 
border: 0px #222222 solid; /* 右枠線 */
background-color: ; /* メインカラムの背景色 */
border-bottom: px #b22222 solid; /* 右枠線 */



}

/* --- 左メニュー・中 --- */
.lm{
width: %; /* サイドバーの幅 */
line-height: 1.6em; 

color: #ffffff;
font-size: 80%;
padding: 20px 0px 40px 20px;
text-align: left;

}



/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 0px; /* ナビゲーションの上パディング */
background-color: #b22222; /* ナビゲーションの背景色 */
border-bottom: 0px #b22222 solid; /* 下枠線 */
font-size: 80%;
}


/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 100px; /* タブの幅 */
margin-right: 0px; /* タブの右マージン */
background: no-repeat left top; /* タブの背景（左） */
border-right: 1px #b22222 solid; /* 下枠線 */
background-color: #ffffff; /* ナビゲーションの背景色 */
float: left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 1px 5px 1px; /* リンクエリアのパディング（上右下左） */
background:  no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.nav .nl li.active {
background: #b22222 no-repeat left top; /* タブの背景（左） */
}
.nav .nl li.active a {
background: no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}




/* --- メイン --- */
#content {
float: left;
width: 600px; /* メインカラムの幅 */
font-size: 80%;
padding: 10px 0px 10px 10px;
}




/* --- メイン --- */
.neta {
width: 90%; /* メインカラムの幅 */
font-size: 100%;
border: 1px #b22222 solid;
padding: 10px 5px 5px 15px;
margin: 10px;

}


/* --- メイン１ --- */
.neta1 {
width: 90%; /* メインカラムの幅 */
font-size: %;
padding: 5px;
margin: 0px;
border: 0px #b22222 solid;
font-size: 90%;


}
/* --- メイン２ --- */
.neta2 {
width: 90%; /* メインカラムの幅 */
font-size: 100%;
padding: 5px;
margin: 0px;
border: 0px #b22222 solid;

}
/* --- メイン３ --- */
.neta3 {
width: 90%; /* メインカラムの幅 */
font-size: 100%;
padding: 5px;
margin: 0px;
border: 0px #b22222 solid;



}


/* --- 下 --- */
#footer {
width: 100%;
height: 55px;
clear: left; /* フロートのクリア */
padding: 0px 0px 0px 0px;
background-color: #dcdcdc; /* フッタの背景色 */
text-align: right;
font-size: 80%; /* 文字サイズ */

}




/* --- Dottedスタイル --- */
.sen1 {
height: 1px;
border: none;
border-top: 1px #b22222 dotted; /* 枠線 */
}

.sen2 {
height: 1px;
border: none;
border-top: 1px #b22222 solid; /* 枠線 */
}

.b{
font-weight: bold;
font-size: 150%;
}

.b2{
font-weight: bold;
font-size: 100%;
}


.box {
width: 600px;
height: 200px;
overflow: auto;
line-height: 1.4em; 
}



/* --- koshin_in 内日記部分のスタイル --- */

.day{
border: 1px #b22222 solid;
margin: 10px 25px 60px 10px;
}

.day-top{
min-height: 30px;
background-color: ;
border: 0px #b22222 solid;
}


.day_title{
float: left;
font-weight: bold;
font-size: 120%;
border: 0px #b22222 solid;
padding: 13px 5px 3px 10px;
margin: ;
width: 80%;
}


.date{
width: 15%;
float: right;
text-align: center;
background-color: ;
border: 0px #b22222 solid;
padding: 13px 5px 3px 0px;
}

.day_main{
padding: 5px 15px 15px 15px;
}

#content2 {
font-size: 80%;
line-height: 1.5em;

}

.sen-day {
border: none;
border-top: 1px #b22222 dotted; /* 枠線 */
}

.d-t{
margin: 30px 0px 0px 0px;
font-size: 120%;
text-align: center;
font-weight: bold;
border: 0px #b22222 solid;

}