@charset "utf-8";
/*全般について*/
body{
background-color:#3366cc;
margin:0 auto 0 auto;
}

img{
border-style:none;
}

/*containerについて*/
div#container{
display:block;
width:720px;
height:auto;
margin:0 auto;
padding:0;
background:url("../img/base.gif");
}
/*headerについて*/
div#container div#header{
width:720px;
height:50px;
margin-bottom:15px;
}

div#header h1{
font-size:x-small;
font-weight:normal;
color:#000;
text-align:right;
padding:5px 5px 0 0;
}
div#header p{
margin:0 0 0 10px;
color:#3366cc;
font-size:2em;
}

div#header div#head_navi{
text-align:right;
margin:-25px 5px 0 0;
font-size:12px;
}

#home #header{
background:url("../c/c-images/c_top.jpg");
background-repeat:no-repeat;
}

/*div#naviについて*/
div#navi{
display:block;
height:28px;
padding:4px;
background: gray;
}

/*ul#menuについて*/
ul#menu{
font-size:14px;
list-style-type: none;
}
#menu li{
float:left;
}
ul#menu a{
display:block;
padding:3px 14px;
background:gray;
float:left;
color:#9cf;
border-left:2px groove #999;
text-decoration:none;
white-space:nowrap;
}

ul#menu a:hover{
background: #09c;
color: #fff
}

#menu #m_home a{
border:none;
}

#home #menu #m_home a,
#news #menu #m_news a,
#member #menu #m_member a,
#about #menu #m_about a,
#history #menu #m_history a,
#exhibition #menu #m_exhibition a{
background-color: #fff;
color: #09c;
cursor: default;
}

/*contentについて*/
div#content{
display:block;
clear:both;
margin:10px;
padding:0 0 10px 0;
background-color:#fff;
}

h2{
color:#039;
font-size:1.5em;
line-height:150%;
border-left:10px solid #36c;
border-bottom:1px solid #36c;
padding-left:5px;
margin:10px 0;
background-color:#fff;
}

h3{
margin-top:0;
line-height:30px;
display:block;
color:#333333;
background:url("../img/h3_back.gif");
border:solid 1px #999;
text-indent:10px;
margin:5px 10px;
}

h3 a{
color:#333333;
}

h3 a:hover{
color:#09c;
}

h4{
padding:0 0 0 2em;
}

.big{
font-size:1.4em;
font-family:arial;
}

div#content .content2{
margin:10px 20px;
padding:0 0 10px 0;
}

div#content .content3{
margin:10px 10px 10px 20px;
background-color:#ff0;
color:#333;
}

div#content .content4{
padding:0.5em 1em;
margin:10px 10px 10px 20px;
background-color:#ccc;
color:#000;
}

div#content .img_rc{ 
font-size: 0.8em;
line-height: 1.5em;
background-color: white;
text-align: center;
margin: 0 0 5px 5px;
padding: 5px;
float: right;
border: solid 1px #ccc
}

div#content .img_lc   {
font-size: 0.8em;
line-height: 1.5em;
background-color: white;
text-align: center;
margin: 0 5px 5px 0;
padding: 5px;
float: left;
border: solid 1px #ccc
}

div#content .img_cc   {
font-size: 0.8em;
line-height: 1.5em;
background-color: white;
text-align: center;
margin:10px 10px 10px 20px;
padding: 5px;
border: solid 1px #ccc
}

div#content .sign{
text-align:right;
}

div#content p{
text-indent:1em;
line-height:1.5em;
margin:0.5em 0;
}

div#content ul{
padding:5px 1em 5px 2em;
}
div#content li{
list-style-position : inside;
line-height:1.5em;
list-style-image:url("../img/list_top.gif");
}
div#content li a{
color:blue;
text-decoration:none;
}
div#content li a:hover{
background-color:#9cf;
text-decoration:none;
}

div#content .que {
color: #fff;
background-color: green;
padding: 5px
}

div#content .ans {
line-height: 1.5;
padding:5px;
}

div#content #history1{
width:660px;
border-collapse:collapse;
border-color:#fff;
border-width:2px;
border-style:solid;
color:#9cf;
}
td{
border-color:#fff;
border-width:2px;
border-style:solid;
background-color:#333;
color:#fff;
padding:5px 10px;
}

td a{
color:#fff;
}

td a:hover{
color:#09c;
}
table.exhibition1{
width:660px;
border-collapse:collapse;
border-color:#fff;
border-width:2px;
border-style:solid;
color:#9cf;
}

table.exhibition1
td{
border-color:#fff;
border-width:2px;
border-style:solid;
background-color:#333;
text-align:center;
color:#fff;
}

div#content #exhibition2{
width:500px;
border-collapse:collapse;
border-color:#fff;
border-width:2px;
border-style:solid;
color:#9cf;
margin:0 auto;
}

table.exhibition3{
width:660px;
font-size:14px;
border-collapse:collapse;
border-color:#fff;
border-width:2px;
border-style:solid;
color:#9cf;
}

table.exhibition3
td{
border-color:#fff;
border-width:2px;
border-style:solid;
background-color:#333;
text-align:left;
color:#fff;
}

table.exhibition3
th{
border-color:#fff;
border-width:2px;
border-style:solid;
background-color:#ccc;
text-align:center;
color:#333;
}

div#content .backnext{
width:660px;
}

div#content .pagenext{
float:right;
}

div#content .pageback{
float:left;
}

div#content .textcenter{
text-align:center;
}
/*footerについて*/
div#container div#footer{
display:block;
clear:both;
padding:10px;
padding-top:5px;
border-top:2px dotted #c0c0c0;
text-align:center;
font-size:0.8em;
}