@charset(utf-8);

/*全体のスタイルをリセット*/
*{
margin:0;
padding:0;
font-family:"ＭＳ　ゴシック","メイリオ","ＭＳ　明朝";
}

/*全体のスタイル設定*/
body{
width:100%;
background-color:#ffffdd;
}#container{
margin:0 auto;
}

/*ロゴのレイアウト*/
.logo_space{
text-align:center;
}.logo_space img{
background-color:#ffffff;
border:10px ridge #aa6633;
box-shadow:5px 5px 20px #000;
margin:15px auto 0;
}

/*備考欄のレイアウト*/
p{
width:450px;
color:#ffffff;
text-shadow:3px 3px 5px #000;
background:linear-gradient(-30deg,#9cf,#06f 50%,#9cf);
margin:50px auto 20px auto;
padding:20px;
text-align:center;
border:5px solid #036;
border-radius:10px;
font-size:125%;
font-weight:bold;
font-family:"ＭＳ　明朝";
}

/*テーブル全体のスタイル設定*/
table{
margin:20px auto;
border-collapse:collapse;
}table tr th,table tr td{
box-sizing:border-box;
}thead tr{
height:30px;
}tbody{
overflow:hidden;
}tbody tr:nth-child(even) td{
background-color:#fff;
}table.list tbody tr:hover td{
font-weight:bold;
}

/*キャプションの設定*/
table caption{
}table caption h2{
color:#ee0000;
font-size:125%;
letter-spacing:.5em;
text-shadow:2px 2px 3px #999;
}

/*テーブルヘッダーのスタイル設定*/
th{
background-color:#0066ff;
color:#ffffff;
padding:5px;
}th.number{
width:100px;
}th.tyotatu_number{
width:250px;
}th.title_name{
text-align:center;
width:500px;
}th.nyusatu,th.nouki{
width:150px;
}th.title_type{
font-size:20px;
letter-spacing:0.25em;
height:25px;
font-family:"HG明朝B";
}
/*ソート機能のスタイル設定*/
th button{
width:40px;
height:20px;
background-color:#06f;
color:#cef;
border:solid 1px #cef;
border-radius:5px;
margin-left:5px;
box-shadow:2px 2px 2px #000;
}th button:hover{
cursor:pointer;
}

/*テーブルデータのスタイル設定*/
td{
background-color:#cef;
}td.number{
text-align:center;
}.tyotatu_number{
text-align:center;
}.title_name{
text-align:left;
}.nyusatu,.nouki{
text-align:center;
}tbody tr td{
padding:5px 15px;
}td.nouki{
line-height:20px;
}

/*ハイパーリンクのスタイル設定*/
a{
color:#0000cc;
letter-spacing:0.1em;
text-decoration:none;
}a:hover{
color:#ff0000;
text-decoration:underline;
}a:visited{
color:#990066;
}


/*参考欄のレイアウト*/
.text_left{
text-align:left;
}.line_height a{
text-align:left;
line-height:25px;
}#sample td{
padding:10px;
border:solid 1px #036;
}#sample{
border:2.5px solid #036;
}#sample tr:first-child td:first-child{
background-color:#06f;
color:#fff;
font-weight:bold;
}#sample .red{
color:#f00;
}#sample td.ippanjoko a{
display:inline-block;
width:100px;
}

/*再エネ比率のレイアウト*/
span.elec{
color:#000;
padding-left:30px;
font-family:"HG明朝E";
}span.elec span.elecPer{
color:#f60;
font-weight:bold;
font-size:18px;
padding:0 2.5px;
font-style:italic;
display:inline-block;
width:45px;
text-align:center;
}

/*再度公告のレイアウト*/
span.again{
color:#f00;
font-size:18px;
font-weight:bold;
float:right;
animation-duration:1s;
animation-name:again-keyframe;
animation-iteration-count:infinite;
}

/*再度公告のキーフレーム*/
@keyframes again-keyframe{
50%{color:#ff0;}
}

/*変更のレイアウト*/
span.change{
color:#f00;
font-size:18px;
font-weight:bold;
float:right;
}

/*買受けのレイアウト*/
td.kaiuke{
font-size:12px;
}

/*アナウンスのレイアウト*/
div.anc{
width:600px;
margin:20px auto;
padding:20px;
background-color:#fff;
border:5px solid #f00;
}div.anc p{
width:100%;
background:none;
color:#000;
font-size:17.5px;
border:none;
padding:0;
margin:5px 0 15px;
letter-spacing:2px;
text-shadow:none;
}div.anc p:last-child{
margin-bottom:5px;
}div.anc p.anime{
color:#f00;
font-size:25px;
margin:10px 0 20px;
letter-spacing:0.5em;
animation-duration:1s;
animation-name:anc-keyframe;
animation-iteration-count:infinite;
}div.anc p span.red{
color:#f00;
}div.anc p span.big30{
font-size:27.5px;
font-family:"ＭＳ 明朝";
margin:0 5px;
letter-spacing:0px;
}

/*アナウンスのキーフレーム*/
@keyframes anc-keyframe{
0%{opacity:1;}
50%{opacity:0;}
}

/*スライドエリアのレイアウト*/
#slideArea{
position:fixed;
z-index:10;
top:-52px;
width:100%;
box-sizing:border-box;
transition:top 1s;
}#slideArea.down{
top:0;
}
#slideArea ul{
display:flex;
justify-content:center;
background-color:#06f;
}
#slideArea ul li{
width:300px;
padding:5px;
text-align:center;
border-width:5px 20px;
border-style:solid;
border-color:#06f;
background-color:rgba(255,255,255,1);
list-style-type:none;
}
#slideArea ul li:hover{
background-color:#cef;
}
#slideArea ul li a{
color:#06f;
line-height:2em;
text-shadow:0 0 3px #999;
text-decoration:none;
}
#slideArea ul li:hover a{
color:#f00;
}
#slideArea p{
width:100px;
padding:5px 0;
margin:0 0 0 5%;
color:#06f;
background:#fff;
font-size:100%;
text-align:center;
letter-spacing:0.25em;
text-shadow:0 0 3px #999;
border-top:none;
border-right:5px solid #06f;
border-left:5px solid #06f;
border-bottom:5px solid #06f;
border-radius:0 0 10px 10px;
cursor:pointer;
}
#slideArea p:hover{
background-color:#cef;
}