/* Edited with EditCSS */
/**** LINK-tag style sheet styles-site.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet styles-site.css ****/

/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0; }


/* リンク色（ページ全体） */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }


/* リンク色（サイトタイトル） */

#banner a { color: #333333; text-decoration: none; }
#banner a:hover { color: #fff; }

/* リンク色（サイドメニューボタン） */

.li a { color: #666; text-decoration: none; }
.li a:hover { color: #0000ff; }

/* リンク色（フッターナビゲーション） */

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; }





/* バナー・フッター・背景画像 */

#banner { background: url(img/top.jpg) bottom no-repeat; }
#contents { background: url(img/bbg.gif); }
#footer{ background: url(img/footer.gif) no-repeat; }
.header1 { background: url(img/ah.gif)  no-repeat top left; }
.header2, .des h2, .des h3, .des h4, .des h5 { background: url(img/des.gif)  no-repeat left; }
li a:hover, .des { background: url(img/dbg.gif) ; }


/* 文字装飾 */

.red { color: #ff0000; }
.blue { color: #006699; }
.green { color: #009900; }
.orange { color: #ff9900; }
.pink { color: #ff66cc; }

.b { font-weight: bold; }
.line { background: #ffff66; }

/* ページレイアウト */

body {
    min-width: 730px;
    text-align: center;
    font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif;
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    color: #333;
    background: #f5f5f5;
    line-height: 1.5;
}

#container
{
    position: relative;
    width: 730px;
    _width: 732px;
    margin: 0 auto;
    text-align: center;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

/* ヘッダー（レイアウト） */

#banner { position: relative; width: 730px; height: 158px;}


/* ヘッダー（サイトタイトル） */

#banner h1
{
    margin: 0;
    color: #666;
    font-size: 2em;
    line-height: 1.25;
    position:absolute; top:120px; left:200px;
    font-weight: bold;
}

/* ヘッダー（サイト情報） */

.navi
{
    position:absolute; bottom:3px; right:10px;
    color: #fff;
    font-size: 0.8em;
}


/* ヘッダーその他（変更不要） */

#banner-description { display: none; }


/* メインコンテンツ全体 基本レイアウト*/

#contents
{
    position: relative;
    width: auto;
    _width: 100%;
    text-align: center;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#main
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 500px; 
    margin: 10px 15px;
}

/* メインコンテンツ基本レイアウト（サイドメニュー） */

#side
{ 
    display: inline; /* ie win bugfix */
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width: 180px;
    margin: 10px;
}


/* 記事部分見出し */

.header1 {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
    min-height: 25px;
    _height: 25px;
    margin: 5px 0;
    padding: 5px 0 0 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25;
    border-bottom: 1px solid #666;
    clear: both;
}

.header2 {
    margin: 10px 0 0;
    padding: 5px 0 5px 28px;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
}

.header2 a, .header3 a { text-decoration: none; }


/* 記事部分その他 */

.entry, pre, blockquote
{
    margin: 15px 10px;
}

.more
{
    margin: 5px 0;
    padding: 0;
    color: #666;
    font-size: 12px;
    text-align: right;
}

.bread
{

    border-left: 3px solid #ccc;
    margin: 0 5px 5px;
    padding: 3px 3px 3px 7px;
    text-align: left;
    font-size: 0.8em;
}

.f-navi { margin: 5px 0; text-align: center; }
.gotop { margin: 5px 0; text-align: right; clear: both;}

.img
{
    float: left;
    margin: 20px 20px 15px 10px;
    text-align: center;
}

.des
{
    width: auto;
    _width: 100%;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
}

.des h2, .des h3, .des h4, .des h5
{
    line-height: 1.25;
    margin: 0 0 10px;
    padding: 3px 0 3px 27px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.content
{
    background-color: #f5f5f5;
    border: 1px dotted #ccc;
    margin-bottom: 5px;
    padding: 10px;
}

.content a { color: #666; text-decoration: none; }

#bookmarks { margin: 5px 0 20px; text-align: right; }


/* フッター */

#footer
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 730px; 
    height: 70px;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.5;
    clear: both;
    color: #666;
}

.footer-navi
{ 
    position:absolute; top:10px; left:10px;
    color: #666;
    line-height: 1.25;
}
.copy
{ 
    position:absolute; bottom:8px; right:10px;
    color: #666;
    line-height: 1.25;
}
.f-text
{ 
    position:absolute; bottom:20px; right:10px;
    color: #666;
    line-height: 1.25;
}

/* サイドメニュー内部 */

.side-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 180px;
    height: 25px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    background: #f5f5f5;
    padding: 0;
    color: #333;
    display: block;
    line-height: 25px;
    margin: 0px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

#side ul
{
   margin: 0;
   padding: 0;
   list-style : none ;
}

#side li
{
    width: 180px;
    display: block;
    margin: 5px 0;
}

#side li a
{
    width: auto;
    _width: 100%;
    display: block;
    font-size: 0.8em;
    line-height: 1.5;
    padding: 5px;
    background-color: #fff;
    border-left: 5px solid #dcdcdc;
    text-decoration: none;
}

#side li a:hover
{
    border-left: 5px solid #ff9900;
}
#side dl
{
   margin: 0;
   padding: 0;
   list-style : none ;
}

#side dt
{
    margin: 5px 0;
    font-size: 0.8em;
}


/* 検索ボックス */

#s-search
{
    width: 180px;
    padding: 15px 0;
    color: #666;
}