@charset "UTF-8";
body  {
font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background-color:#FFC;
margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
padding: 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
color: #000000;
}
img a {
border:none;
}
#container { 
width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
background: #FFC;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
border: none;
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
#header { 
    height: 180px;
background-image: url(img/proto05.jpg);
padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
#header h1 {
margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
font-size:9px;
color:#ccc;
position: relative;
bottom:60px;/*枠外へ飛ばしてある*/
left:680px;
width:120px;
}
.search {
position: relative;
top:150px;
left:560px;
font-size: 12px;
color: #17455B;
margin-left: 0px;
margin-top: 0px;
width: 260px;
}
#navi {
background-image:url(img/navibtn2.jpg);
height:26px;
width:800px;
padding:0px;
font-size:14px;
line-height:24px;
}
#navi ul{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
clear:both;
list-style-type:none;
}
#navi li a {
display:block;
float:left;
text-align:center;
margin: 0px;
padding:0px;
background-image:url(img/navibtn2.jpg);
width:160px;
height:26px;
color:#FFF;
text-decoration:none;
}
#navi li a:hover {
background-image:url(img/menubg_over.jpg);
color:#999;
}
#sidebar1 {
float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
width: 180px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
background: #FFC; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
padding: 15px 10px 15px 0px;
margin:0px;
}
.sideh3 {
background-image:url(img/navibtn2.jpg);
font-size:14px;
font-weight:normal;
height:26px;
width:160px;
text-align:center;
color:#FFFFFF;
margin-top:0px;
margin-bottom:0px;
line-height:24px;
}
.sideh3 a {
display:block;
text-decoration:none;
color:#FFF;
}
.sideh3 a:hover {
background-image:url(img/menubg_over.jpg);
color:#999;
}
.sideli{
font-size:12px;
}
.sideli ul {
margin:0px;
padding:0px;
list-style-position:inside;
list-style-type:disc;
color:#930;
width:160px;
}
.sideli li{
margin-bottom: 2px;
}
.sideli a {
color:#930;
text-decoration:underline;
}
.sideli a:hover {
color:#FC0;
text-decoration:none;
}
.noborder {
border:0px;
}
.sideinfo {
color:#630;
font-size:12px;
text-align:center;
margin-top:0px;
}
.sideinfo a{
color:#930;
}
.sideinfo a:hover {
color:#FC0;
text-decoration:none;
}
#main { 
margin: 0 0 20 0; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
width:600px;
float:right;
} 
#main a {
color:#930;
text-decoration:underline;
}
#main a:hover {
color:#FC0;
text-decoration:none;
}
.mainright {
float:right;
width:200px;
margin:0px;
padding:0px;
}
.mainright h3 {
font-size:14px;
color:#630;
border-bottom:#060 solid 3px;
margin-bottom: 5px;
padding-left:30px;
background-image:url(img/titlebg_leaf.gif);
background-repeat:no-repeat;
line-height:26px;
}
.mainright p {
font-size:12px;
color:#930;
margin: 5 0 5 0px;
line-height:180%;
}
.mainright img {
float:left;
border:none;
margin-right:20px;
}
.mainright ul {
margin:0px;
padding:0px;
}
.mainright li{
font-size:12px;
color:#930;
margin-left:20px;
}
.mainleft {
float:left;
width:370px;
margin:0px;
padding:0px;
}
.mainleft h2 {
font-size:14px;
color:#630;
border-bottom:#060 solid 3px;
margin-bottom: 5px;
padding-left:30px;
}
.mainleft h3 {
font-size:14px;
color:#630;
border-bottom:#060 solid 3px;
margin-bottom: 5px;
padding-left:30px;
background-image:url(img/titlebg_leaf.gif);
background-repeat:no-repeat;
line-height:26px;
}
.mainleft p {
font-size:12px;
color:#930;
margin: 5 0 5 0px;
line-height:180%;
}
.mainleft img {
float:right;
border:none;
margin-right:20px;
margin-bottom:10px;
}
.mainleft ul {
margin:0px;
padding:0px;
}
.mainleft li{
font-size:12px;
color:#930;
margin-left:20px;
margin-bottom: 2px;
}
.mainleft table {
border-collapse:collapse;
/*border: #cccccc 1px solid;*/
empty-cells :show;
}
.mainleft th {
/*border: #cccccc 1px solid;*/
vertical-align:bottom;
empty-cells :show;
font-size: 12px;
color:#930;
width:80px;
padding :0 auto;
}
.mainleft td {
/*border: #cccccc 1px solid;*/
vertical-align:top;
empty-cells :show;
font-size: 12px;
color:#930;
line-height:160%;
padding:5px 5px;
}
.mainleft th.center {
text-align:center;
}
.mainleft td.center {
text-align:center;
}
.mainleft td img {
margin:0px;
float:left;
}
.maincenter {
float:left;
width:540px;
margin:0px;
padding:0px;
}
.maincenter h2 {
font-size:14px;
color:#630;
border-bottom:#060 solid 3px;
margin-bottom: 5px;
padding-left:30px;
}
.maincenter h3 {
font-size:14px;
color:#630;
border-bottom:#060 solid 3px;
margin-bottom: 5px;
padding-left:30px;
background-image:url(img/titlebg_leaf.gif);
background-repeat:no-repeat;
line-height:26px;
}
.maincenter p {
font-size:12px;
color:#930;
margin: 5 0 5 0px;
line-height:180%;
}
em.red {
font-size:12px;
color:#F00;
margin: 5 0 5 0px;
font-weight:normal;
font-style:normal;
}
em.blue {
font-size:12px;
color:#00F;
margin: 5 0 5 0px;
font-weight:normal;
font-style:normal;
}
em.midashi {
font-size:13px;
color:#630;
margin: 5 0 5 0px;
font-weight:bold;
font-style:normal;
}
.maincenter img {
float:left;
border:none;
margin-right:20px;
margin-bottom:0px;
margin-top:10px;
}
.maincenter ul {
margin:0px;
padding:0px;
}
.maincenter li{
font-size:12px;
color:#930;
margin-left:20px;
}
.maincenter table {
border-collapse:collapse;
border: #060 1px solid;
padding:1px;
empty-cells :show;
width:540px;
}
.maincenter th {
border: #ccc 1px solid;
background-color: #060;
empty-cells :show;
font-size: 12px;
color:#FFF;
padding: 0.5em 1em;
}
.maincenter td {
border: #060 1px solid;
empty-cells :show;
font-size: 12px;
color:#930;
padding: 0.5em 1em;
}
.maincenter td.center {
text-align:center;
min-width: 80px;
padding: 0.5em 1em;
}
.maincenter th.center {
text-align:center;
min-width: 80px;
padding: 0.5em 1em;
}
.maincenter th.centerf {
text-align:center;
width: 80px;
padding: 0.5em 1em;
}
.maincenter th.center100 {
text-align:center;
width: 100px;
padding: 0.5em 1em;
}
.maincenter th.centerfw {
text-align:center;
width: 140px;
padding: 0.5em 1em;
}
.maincenter table.entry {
border: none;
padding:1px;
empty-cells :show;
width:540px;
}
.maincenter th.entry {
width:80px;
border:none;
text-align:left;
padding: 2px 0 0 0;
vertical-align:top;
background-color:#FFC;
color:#930;
font-weight:normal;
}
.maincenter td.entry {
border:none;
text-align:left;
padding: 2px 0 0 0;
vertical-align:top;
}

.maincenter td.entrya {
width:10px;
border:none;
text-align:left;
padding: 2px 0 0 0;
vertical-align:top;
}
.maincenter td.entryb {
border:none;
padding: 2px 0 0 0;
vertical-align:top;
}
.maincenter td.entrymail {
height: 17px;
border:none;
padding: 2px 0 0 0;
background-image:url(http://www.n-muse-ishikawa.or.jp/images/mailadress.png);
background-repeat:no-repeat;
}
.maincenter th.category {
width:140px;
border:none;
text-align:left;
padding: 2px 0 0 0;
vertical-align:top;
background-color:#FFC;
color:#930;
font-weight:normal;
}
#footer {
margin-top:20px;
margin-bottom:0px;
padding: 0 10px 5px 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
background-image:url(img/footbg3.gif);
background-repeat:repeat-x;
background-position:bottom;
height:65px;
} 
#footer p {
text-align:right;
font-size:11px;
color: #FFF;
margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
padding: 10px 10px 0 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
float: right;
margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
float: left;
margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer b.footdl {
position: relative;
top:3px;
right:370px;
font-size: 14px;
font-color:#FFF;
font-weight:normal;
color: #fff;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding:0 0 0 0px;
width: 100px;
}
#footer .footdl a {
color:#FFF;
text-decoration:underline;
}
#footer .footdl a:hover {
color:#BBB;
text-decoration:none;
}
/*
複数画像の管理用-----------------------------*/
.hako3 {
width:155px;
height:180px;
float: left;
border: none;
margin: 10px;
padding: 0px;
position: relative;
color :#630;
font-size: 12px;
}
.hako2 {
width:250px;
height:200px;
float: left;
border: none;
margin: 10px;
padding: 0px;
position: relative;
color :#630;
font-size: 12px;
}
/*
無表示の空間-----------------------------*/
.space{
height:20px;
}
/*
フォント色変更：黒へ-----------------------------*/
.kuro p {
color:#000000 !important;
}