@charset "Shift_JIS";

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

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

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

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

#footer #cds{
font-size: 80%;
text-align: right;
color: #999999;
background-color: transparent;
}
#footer #cds a{
color: #999999;
background-color: transparent;
text-decoration: none;
}

body{
font-size: 80%;
text-align: center;
font-family: "MS UI Gothic",sans-serif;
padding: 0;
margin: 0;
background: url(../img/bg-globalnavi.jpg) repeat-x 0 0;
}

/*---------------------------------------全体を囲んでいます*/
#wrapper{
text-align: left;
margin: 0 auto;
padding: 3em 0 0 60px;
width: 700px;
background: url(../img/bg-wrapper.jpg) repeat-y 0 0;
position: relative;
}

/*---------------------------------------ヘッダー部分*/
#header{
padding: 3em 0 5em;
z-index: 1;
}

/*
----- サイトタイトル -----
*/
h1{
font-size: 180%;
text-align: right;
margin: 0 0 5px 200px;
padding-bottom: 2px;
border-bottom: 2px groove #330000;
}

/*
----- その他ヘッダー内の文字 -----
*/
#header p{
margin: 0 0 0.5em 200px;
line-height: 1.3;
}

/*---------------------------------------コンテナー部分*/
#container{width: 100%;}

/*---------------------------------------コンテンツ部分*/
#contents{
padding: 0 0 3em 200px;
background: url(../img/bg-contents.jpg) no-repeat 0 0;
}

/*---------------------------------------フッター部分*/
#footer{
padding: 0.5em 0px;
border-top: 2px groove #330000;
}

#footer p{text-align: right;}

/*---------------------------------------グローバルナビ部分*/
#globalnavi{
position: absolute;
top: 1em;
left: 30px;
width: 730px;
}

#globalnavi ul{
list-style-type: none;
background: url(../img/bg-globalnavi.jpg) repeat-x 0 50%;
}

#globalnavi li{
width: 145px;
float: left;
border-right: 1px solid #330000;
}

#globalnavi li a{
text-align: center;
padding: 0.5em 0;
width: 100%;
display: block;
text-decoration: none;
color: #ffffff;
background-color: transparent;
}

#globalnavi li a:hover{
background-color: #ffffff;
color: #ff0000;
text-decoration: underline;
}

/*--サブメニュー部分--*/

#globalnavi ul ul li{
width: 145px;
float: none;
border: none;
}

#globalnavi ul ul li a{
text-align: left;
padding: 0.5em 0 0.5em 5px;
width: 140px;
display: block;
background-color: #330000;
color: #ffffff;
text-decoration: none;
}

#globalnavi li a:hover{
background-color: #ffffff;
color: #ff0000;
text-decoration: underline;
}

#globalnavi ul li.menu ul{display: none;}

#globalnavi ul li.menuOn ul{display: block;}

/*---------------------------------------コンテンツ内の要素*/

/*
----- 見出し -----
*/
h2,h3,h4,h5,h6{
font-size: 120%;
margin-bottom: 1em;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #330000;
background: url(../img/bg-h.gif) no-repeat 0 50%;
}

h3{margin-top: 3em;}

/*
----- 文字 -----
*/
#contents p{
line-height: 1.5;
margin-bottom: 1em;
}

/*
----- 定義リスト -----
*/
#contents dl{
width: 90%;
margin: 1.5em auto;
}

#contents dt{
margin-bottom: 0.5em;
font-weight: bold;
border-bottom: 1px solid #330000;
}

#contents dd{margin-bottom: 1.5em;}


/*
----- 定義リスト内の文字 -----
*/
#contents dd p{
line-height: 1.5;
margin-bottom: 1em;
}

#contents dd span{color: #ff0000;}


/*
----- リスト -----
*/
#contents ul{margin: 1em 0 2em 20px;}

#contents ul li{margin: 0 0 1em 0;}