@charset "utf-8";

/******* 基本設定 *******/

body{
margin: 0px; /* 前後左右の隙間 */
padding: 0px; /* 中の前後左右の隙間 */
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
line-height: 1.166; /* 全体の行間 */

color: #333333; /* 全体のテキストカラー */
background-image: #ffffff;
background-position:right top; /* 背景画像の表示のさせ方 右・上に合わせている */
background-repeat:repeat; /* 背景画像の表示のさせ方 繰り返しなし */
 /* 全体の背景色、このサンプルでは淡いグレーの背景色 */
}

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

textarea{
width: 500px;
font-family: Courier New, Courier, "ＭＳ ゴシック", "Osaka－等幅", monospace;
font-size: 100%;
}

label{
font: bold 100% Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color: #334d55;
}

a img{ /* 画像のリンク枠を消す */
border: none;
}


/******* フォーマットのレイアウト *******/

body{
text-align: center; /* Internet Explorer 5.5以前への対応 */
}

#container{
margin: 0 auto; /* Internet Explorer 5.5以外 */
text-align: left; /* Internet Explorer 5.5以前への対応 */
width: 90%; /* 左右に余白を入れる場合は、ここを編集 */
background-color: #ffffff; /* このサンプルでは白のコンテンツ枠 */
}

#header{
margin: 0px 0px 0px 0px; /* 外の隙間 ピッチリ合わせている */
width: 100%; /* containerにいっぱいいっぱい表示 */
height: 90px; /* サイトロゴの高さ */
background-image: url(../images/bg1.jpg);
background-position: left middle;
background-repeat:repeat;
}

#block{
clear: both;
}


#sidebar{ /* ２カラムのサイトバー */
float: left;
padding: 0px 0px 0px 0px;
position: absolute;
top: 100px; /* ヘッダのサイトロゴの高さを差し引いている */
left: 5%; /* 上記containerの左の隙間に合わせている */
width: 90%; /* サイドバーの幅 */
}

#content{ /* ２カラムのコンテンツ枠 */
float:right;
margin: 0 0 0 0px; /* 左サイトバー用の空き */
padding: 0px;
}

#footer{
clear: both;
margin-top: 20px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
height: 0px;
}


/******* ヘッダ *******/

#header img{ /* サイトロゴ */
float: left; /* ヘッダの左に動かす */
position: absolute; /* ヘッダの左上に表示する仕掛け */
top: 65px; /* ヘッダの左上に表示する仕掛け */
left: 5%; /* ヘッダの左上に表示する仕掛け */
margin: 0px;
z-index: 1; /* サイトロゴをテキストの後ろに表示 */
}

#header a, a:link, a:visited{ /* リンク関係の設定 */
color: #666666;
text-decoration: none;
*/
}

#header a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
color: #3399ff; /* 文字色 */
}

/******* エントリー（実際にコンテンツを書く場所） *******/

#entrybody{
padding: 50px 0px 0px 0px;
font-size: 80%;
}

#entrybody span{
text-align: right;
color: #cc3333;
font-size: 150%;
font-weight: bold;
}

#entrybody a, a:link, a:visited{ /* リンク関係の設定 */
color: #6699ff;
text-decoration: none;
font-weight: nomal;
*/
}

#entrybody a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
color: #3399ff; /* 文字色 */
}

#entrybody ul{
float:left;
margin: 0px 0px 0px 0px;
}

#entrybody li{
list-style-type: none;
}

#entrybody ol{
text-align: left;
line-height: 2.0em;
color: #666666;
font-size: 100%;
font-weight:nomal;
margin-top: 10px;
margin-left: 150px;
padding: 0px 0px 0px 0px;
background-color: #ffccff;
background-position: left middle;
background-repeat:repeat;
}

#entrybody dl{
text-align: left;
line-height: 2.0em;
color: #666666;
font-size: 100%;
font-weight:nomal;
margin-top: 10px;
margin-left: 150px;
padding: 0px 0px 0px 0px;
background-color: #ccffff;
background-position: left middle;
background-repeat:repeat;
}

#entrybody dt{
margin-left: 2em;
}

#entrybody dd{
margin-left: 2em;
}

#entrybody table{
font-size: 90%;
width: 100%;
margin: 10px 10px;
border-top: solid #777777;
border-right: solid #cccccc;
border-bottom: solid #cccccc;
border-left: solid #cccccc;
border-top-width: 10px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
}

#entrybody caption{
padding: 2em 0.4em 1em 0.4em;
white-space: nowrap;
font-weight: bold;
color: #ff6633;
}

#entrybody td{
text-align: left;
vertical-align:text-top;
width: 50%;
background-color: #ffffff;
border: 0px solid ; /* 枠線 */
padding: 0.2em 0.4em;
empty-cells: show;
}

#entrybody th{
padding: 0.2em 0.4em;
border: 0px solid;
empty-cells: show;
font-weight: bold;
line-height: 1.5em;
text-align: center;
/*
background-color: #CCFF99;
*/
}

#entrybody img{
float:left;
margin: 0px 20px 0px 0px;
}

#entrybody hr{
color: #cccccc;
margin-top: 20px;
border: 1px;
border-style: dashed;
}

/******* フッタ *******/

#footer img{
padding: 0px 0px 0px 0px; /* サイトバナーの位置 */
margin-top: -30px;
float: right;
}

#footer a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #666666;
text-decoration: none;
font-weight: normal;
}

#footer a:hover{ /* サイトコピーライトの文字色 */
color: #3399ff;
text-decoration: none;
font-weight: normal;
}

/******* サイドバー *******/

#sidebar{
border: 0px solid #cccccc; /* 枠線 */
color: #333333; /* 文字色 */
background-color: #ffffff; /* 背景色 */
}

#sidebar ul{
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 80%;
list-style: none;
line-height: 1.5em;
font-weight: lighter;
}

#sidebar li{
float:left;
margin-left: 100px;
color: #009900 !important;
border-top-color: #ffffff !important;
border-bottom-color: #ffffff !important;
font-weight: bold;
}
#sidebar a:link{ /* リンク関係の設定 */
color: #3399ff !important;
border-top: none !important;
font-weight: bold;
}
#sidebar a:visited{ /* リンク関係の設定 */
color: #3399ff !important;
border-top: none !important;
font-weight: bold;
}
#sidebar a:hover{ /* リンク関係・ポインタを乗せたときの設定 */
padding: 0px;
border-top: none !important;
color: #0033ff !important;
background-color: #e0ffff !important;
font-weight: bold;
}

html>body #sidebar li {border-bottom: none;}


/******* 終 了 *******/