@charset 'shift_jis';

/* layout setting for all pages */



/* トップ部分 */

#headder {
 margin:  0;                                   /* 縁取り、上右下左 */
 padding: 10px 10px 0px 10px;                  /* 余白、上右下左 */
 height: 50px;                                 /* トップ右の背景画像の高さと同じ */
 /*background-color: transparent;*/
 background-image: url(../pict/top_right.png); /* height 60px, width 500px */
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 100% 50%;                /* 背景画像の位置、右余白 0%、上下位置中央 */
 border-bottom: #ff0000 2px ridge;             /* トップ全体の下辺に線をひく */
}

#top_title {                      /* トップに置く表題文字列 */
 float: right;                    /* この場合は右端に置く */
 width: 28em;
 margin: 0em 0px 0em 0em;
 padding: 0em 0em 0em 0em;
}

#top_img {                        /* トップに置く表題画像 */
 /*float: left;*/                 /* 文字列の左側に置くときにはこれを指定 */
 padding: 0px 0px 0px 0px;                  /* 余白、上右下左 */
 margin:  0;
}



/* 中央部分 */

/*#content,[version] { */ /* この設定 ,[version] で IE をはじく。 */
/* clear: both;        */ /* IE では float clear で以後のレイアウトが */
/*}                    */ /* 崩れることがある。 */

#pagebody {
 clear: both;                     /* トップ内の float 段組みの解除headder */
 /*position: relative;*/
 width: 100%;
}



/* 中央左、ナビゲーション部分の設定 */

#left {
 float:left;
 /* position: absolute; */
 margin: 0px;
 padding: 0px;
 width: 15em; /*200px;*/
 border-right: #663366 1px solid;
 overflow: auto; /*hidden;*/
}

.sidebar {
 padding: 10px;
}


/* 中央右、本文 */

#center {
 /*float: left;*/
 margin: 0em 0em 0em 15em;      /* 上右下左 */
 padding: 0em 0em 0em 0em;
 border-left: #663366 1px solid;
}

.content {
 padding: 10px;
}


/* フッタ部分 */

#footer {
 clear: both;
 padding: 10px 10px 10px 10px;
 border-top: #663366 1px solid;
}