/*
メ　イ　ン: #060
背　景　色: #cfc
ﾎﾞｯｸｽ 背景: #fff
ｻﾌﾞイメ-ジ: #cf9
*/

/********** 初期化 ***********/
body{
background:#fff url(img/happa1.gif) repeat;
padding:0.5em 1.6em 0.5em 1.6em;
}

table{background-color:#cf9;}
th{background-color: #fff;}
td{background-color: #fff;}
p{text-indent:1em;}
strong{ color:#f00; }

h1{
color: #060;
font-size:130%;
background:#fff url(img/new-back.gif) no-repeat;
padding:0.5em 0.5em 0.5em 2em;
border:2px solid #060;
margin-top:0;
}

h3,h2{
font-size:120%;
color:#060;
}

ul{
list-style:none;
margin:0; padding:0;
}

/********** #top関連 **********/

#top{
background:#fff url(img/new-back.gif) no-repeat 0 100%;
border: 2px solid #060;
padding:0.5em 5px 2em 5px;
margin-bottom:0;
min-width:600px;
}
#top h1{
color: #060;
background:url(img/new-back.gif) no-repeat #fff;
font-size: 165%;
padding: 12px;
border:none;
border-bottom:2px solid #cf9;
margin-bottom:0;
}
#top p{
font-size:90%;
margin:0.5em;
text-align:right;
}


/******** #navigation関連 *********/

#navigation{
height:1.2em;
background-color:#060;
margin:0;
}

#menu{
margin:0; padding:0;
list-style-type:none;
}

#menu li{
float:left;
border-top:none;
padding:1px;
background-color:#060;
font-size:80%;
padding-left:1em;
}

#menu a:link{ color:#fff; }
#menu a:visited{ color:#fff; }
#menu a:hover{ color:#000; background:url(./img/link.gif) repeat;}

/********** #contents関連 **********/
div#contents{
margin:0 0 1em 0;
padding:0;
min-width:480px;
background-color:#fff;
border:2px solid #060;
border-top:none;
height:32em;
z-index:1;
}
div#contents h3{
border-left:0.5em solid #f99;
color:#060;
padding:0 0 0 0.1em; margin:0.3em 0 0 0.3em;
font-size:100%;
}
div#contents h3.old{ border-left:0.5em solid #ccf;}

/**** info関連 ****/

div#info{
float:left;
padding:0.5em;
width: 53%;
height:30em;
background-color:#fff;
z-index:3;
}
html>body div#info{
width:53%;
height:31em;
}

div#info p{ margin-top:0; }

/**** new関連 ****/

div#new{
float:right;
padding:0;
margin:0;
height:40em;
width:43%;
left:55%;
z-index:2;
background-color:#fff;
border-left:2px dotted #060;
}
div#newmembe{
float: left;
background-color:#fff;
border-left:2px dotted #060;
display:block;
}
html>body div#new{
width:42%;
height:32em;
}
div#new h2{ margin:0.35em 0.3em 0 0.3em; }
div#new ul{ padding:0.5em;}
div#new p{ margin:0.5em; line-height:130%; }

/********** #atten関連***********/
#atten{
padding:0.5em;
font-size:90%;
background:#fff url(img/back-side.gif) repeat-y 100% 100%;
border: 2px solid #060;
margin-bottom:2em;
}
#atten h2{
margin:0; padding:0;
color:#f00;
}

/********** 汎用CLASS **********/

.cont{
background:#fff url(img/back-side.gif) repeat-y 100% 100%;
border: 2px solid #060;
padding: 5px;
min-width:600px;
margin:0 0 1em 0;
}
.cont h1{ border-color:#cf9; }

.cont-no{
background-color:#fff;
border: 2px solid #060;
padding: 5px;
margin:0 0 1em 0;
}

.indent{ margin:1em 0 1em 2em; text-indent:1em;}
.small{font-size:80%;}
.date{
font-size:90%;
color:#966;
margin-right:0.5em;
}

/********** リンク関連 **********/

a{text-decoration: none;}
a:link{color:#000000;}
a:visited{color:#111111;}
a:active{color:#000000;}

a.line:link, a.line:visited, a.line:active{color:#060;}

.line {
display:block;
font-weight:bold;
border: 2px dotted #cf9;
padding: 5px 0 5px 1em;
background-color:#efe
}

.line:hover{
display:block;
background-color:#ffc;
border:2px solid #ff0;
padding:5px 0 5px 1em;
letter-spacing:0.8em;
}

a.navi{
background-image:url(img/link.gif);
background-repeat: repeat;
background-position:0% 0%;
}

/********** 足したの(2006/10/18) **********/
dd {
{
margin:1em 0 1em 2em;
padding: 0.5em;
}