@charset "Shift_JIS";

/*
[1]リンク指定
[2]レイアウト指定
[3]#header内の各指定
[4]#contents内の各指定
[5]#sidebar内の各指定
[6]#footer内の各指定
[7]#globalnavi内の各指定
*/

/* 一括で全ての要素の余白をゼロに指定 */
*{padding: 0;	margin: 0;}

/*-- 削除不可 --*/
#cds{display: none;}

/* 画像のボーダー */
img{border:0px;}

/* ####################################

                          [1]リンク指定
                          
####################################### */

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

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

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


/* ####################################

                      [2]レイアウト指定
                          
####################################### */
/*--全体のフォントサイズなど--*/
body{
font-size: 90%;
text-align: center;
font-family: "MS UI Gothic",sans-serif;
padding: 0;
margin: 0;
}

/*-- 全体を囲んでいます --*/
#wrapper{
text-align: left;
margin: 1em auto 0 auto;
width: 700px;
border: 1px solid silver;
}

/*-- ヘッダー部分*/
#header{
background-image : url(../img/logo.jpg);
background-repeat : no-repeat;
background-position : 5% 0; 
height: 100px;
border-bottom: 1px solid silver;
}

/*-- コンテナー部分 --*/
#container{
width: 100%;
position: relative;
padding: 2em 0 0 0;
}

/*-- コンテンツ部分 --*/
#contents{
padding: 20px 20px;
width: 479px;
float: left;
border-right: 1px solid silver;
}

/*-- サイドバー部分 --*/
#sidebar{
width: 160px;
float: right;
}

/*-- フッター部分 --*/
#footer{
clear: both;
width: 100%;
padding: 0.5em 0;
border-top: 1px solid silver;
}

/*-- グローバルナビ部分 --*/
#globalnavi{
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom: 1px solid silver;
}


/* ####################################

                   [3]#header内の各指定
                          
####################################### */

/*-- サイトタイトル --*/
h1{
font-size: 180%;
padding: 20px 20px 20px 450px;
}

/*-- その他ヘッダー内の文字 --*/
#header p{padding-left: 370px;
}
a.navi:link{
img-border: none;
color: #ffffff;
text-decoration: none;
}

.navi a:visited{
color: #9900ff;
text-decoration: underline;
}

.navi a:hover{
color: #ff0000;
text-decoration: underline;
}


/* ####################################

                 [4]#contents内の各指定
                          
####################################### */

/*-- TOPのみ背景画像 --*/

.top{

}
/*-- 見出し --*/
h2 {
font-size: 120%;
margin-bottom: 1.5em;
padding: 5px 0 5px 5px;
border-left: 10px solid #aaaaaa;
}


h4{
font-size: 120%;
margin-bottom: 0.5em;
padding: 1em 5em 0;
border-bottom: 1px solid #aaaaaa;
}
/*-- 文字 ---*/
#contents p{
line-height: 1.5;
margin-bottom: 1em;
}
/*-- リスト --*/
#contents li{
margin-left: 2em;
}

/*-- サイトマップナビ --*/


#contents .cds-navi{
padding-left: 3em;
list-style-position: inside;
margin-bottom: 2em;
}

#contents .cds-navi li{
padding: 5px 0 4px;
border-bottom: 1px solid #000000;
}

#contents .cds-navi li a{
text-decoration: none;
}

#contents .cds-navi li a:hover{
text-decoration: underline;
}

#contents .cds-navi ul{
list-style-position: inside;
margin: 5px 0 0 0;
}

#contents .cds-navi ul li{
padding: 4px 0 5px 1em;
border-top: 1px solid #999999;
border-bottom: none;
}


/*-- 会則 --*/

dl.kaisoku dt{
border-left:5px solid #cccccc;
padding:0.25em 0 0.25em 0.5em;
font-weight:700;
}
dl.kaisoku dd{
border-left:5px solid #eeeeee;
padding:0.25em 0 0.25em 0.5em;
}

dl.yakusyoku dt{
width:5em;
float:left;
padding:0.25em 0.5em;
clear:both;
}
dl.yakusyoku dd{
margin:0 0 0 5em;
padding:0.25em 2em;
}


ol.kaisoku li{
margin-left: 2em;
}

ul.kaisoku li{
margin-left: 3em;
}
/* ####################################

                  [5]#sidebar内の各指定
                          
####################################### */

/*-- 適当に指定して下さい ---*/


#sidebar .cds-navi{
list-style-position: inside;
margin-bottom: 2em;
}

#sidebar .cds-navi li{
padding: 5px 0 4px;
border-bottom: 1px solid #000000;
}

#sidebar .cds-navi li a{
text-decoration: none;
}

#sidebar .cds-navi li a:hover{
text-decoration: underline;
}

#sidebar .cds-navi ul{
list-style-position: inside;
margin: 5px 0 0 0;
}

#sidebar .cds-navi ul li{
padding: 4px 0 5px 1em;
border-top: 1px solid #999999;
border-bottom: none;
}
#sidebar .side000{
border: 1px solid silver;
background-color: #ffffff;
color: #515151;
padding: 0.5em;
}
#sidebar .side001{
border: 1px solid #86c87c;
background-color: #dbeee1;
color: #515151;
padding: 0.5em;
}

#sidebar .side002{
border: 1px solid #c87dc8;
background-color: #ebd8ee;
color: #515151;
padding: 0.5em;
}
/* ####################################

                  [6]#footer内の各指定
                          
####################################### */

/*-- コピーライト --*/
#footer p{text-align: center;}


/* ####################################

               [7]#globalnavi内の各指定
                          
####################################### */ 
ul#menu{
    list-style:none;
    width:100%;
}
ul#menu li{
    list-style:none;
    float:left;
    width:100px;
}
ul#menu a{
    display:block;
    width:100px;
    height:30px;
    text-indent:-100px;
    overflow:hidden;
}
a.home{
    background-image:url(../img/2009/home.gif);
}
a:hover.home{
    background-image: url(../img/2009/home_.gif);
}
a.kaisoku{
    background-image:url(../img/2009/kaisoku.gif);
}
a:hover.kaisoku{
    background-image: url(../img/2009/kaisoku_.gif);
}
a.kaihou{
    background-image:url(../img/2009/kaihou.gif);
}
a:hover.kaihou{
    background-image: url(../img/2009/kaihou_.gif);
}
a.about{
    background-image:url(../img/2009/about.gif);
}
a:hover.about{
    background-image: url(../img/2009/about_.gif);
}
a.bbs{
    background-image:url(../img/2009/bbs.gif);
}
a:hover.bbs{
    background-image: url(../img/2009/bbs_.gif);
}
a.link{
    background-image:url(../img/2009/link.gif);
}
a:hover.link{
    background-image: url(../img/2009/link_.gif);
}
a.non{
	background-image: url(../img/2009/free.gif);
}
a:hover.non{
	background-image: url(../img/2009/free_.gif);
}


/* リストマーカー画像 */
.mark ul{
list-style: none;
width: 400px;
}
.mark li{
list-style: none;
padding-left: 1.5em;
background: url(../img/list.jpg) no-repeat center left;
}
#contents .mark li a{
text-decoration: none;
}

#contents .mark li a:hover{
text-decoration: underline;
}

/* ライン画像 */
#line{
    border:0;
    height:3px;
    width: 300px;
    background-image:url(../img/line.jpg) repart;
}

/* リンクページ　dl */

dl.linkp{
border-top:1px dotted #bfbfbf;
border-bottom:1px dotted #bfbfbf;
}
dl.linkp dt{
border-bottom:1px dotted #bfbfbf;
font-weight:bold;
width:135px;
float:left;
padding:0.25em 0.5em;
clear:both;
}
dl.linkp dd{
border-bottom:1px dotted #bfbfbf;
margin:0 0 0 5em;
padding:0.25em 2em;
}

dl.yoko dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.yoko dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}