@charset "utf-8";


/*hovertest-------------------------------------------------*/

.notice-update{background-color:rgba(12,59,75,.85); text-align:center; padding:10px; margin:0 0 2% 0; border-radius:5px/5px;}
.notice-update a{color:#FFF; font-weight:bold;}


/*チャート用レイアウト*/

.ct-grid {
stroke: rgba(164,164,164,1);
}
.ct-label {
    fill: rgba(0,0,0,.8);
    color: rgba(0,0,0,.8);
}


/*レイアウト*/

h3{
margin:20px 0 20px 20px;
}
h3.ranking{
margin:0 0 10px 20px!important;
font-size:80%!important;
}

/*メモ欄*/
textarea.memo-short{
width:83%;
font-size:90%;
line-height:130%;
padding:2%;
height:70px;
border:none;
margin:0 0 0 7%;
background:#f2edda;
}
textarea.memo-long{
width:90%;
font-size:90%;
line-height:150%;
padding:2%;
height:50px;
margin-bottom:20px;
border:none;
margin:0 4%;
background:#f2edda;
}


/*PC*/
@media screen and (min-width:1025px){
.pc-tb-half {
width:50%;
float:left;
}

.pc-tb-half div.ct-chart1,
.pc-tb-half div.ct-chart2,
.pc-tb-half div.ct-chart3,
.pc-tb-half div.ct-chart4,
.pc-tb-half div.ct-chart5,
.pc-tb-half div.ct-chart6,
.pc-tb-half div.ct-chart7,
.pc-tb-half div.ct-chart8,
.pc-tb-half div.ct-chart19,
.pc-tb-half div.ct-chart20,
.pc-tb-half div.ct-chart21,
.pc-tb-half div.ct-chart22{
margin:0 0 0 -2%;
}

.pc-tb-quarter {
width:25%;
float:left;
}

body div#wrapper main article .print_pages01,
body div#wrapper main article .print_pages02,
body div#wrapper main article .print_pages03,
body div#wrapper main article .print_pages04,
body div#wrapper main article .print_pages05,
body div#wrapper main article .print_pages06,
body div#wrapper main article .print_pages07,
body div#wrapper main article .print_pages08,
body div#wrapper main article .print_pages09,
body div#wrapper main article .print_pages10,
body div#wrapper main article .print_pages11 {
width:100%;
/*border:1px solid #DDD;*/
margin:0 0 20px 0;
padding:20px 0 0 0;
}

}

/*PC以外*/
@media screen and ( max-width:1024px){
.pc-tb-half {
width:100%;
}

.pc-tb-half div.ct-chart1,
.pc-tb-half div.ct-chart2,
.pc-tb-half div.ct-chart3,
.pc-tb-half div.ct-chart4,
.pc-tb-half div.ct-chart5,
.pc-tb-half div.ct-chart6,
.pc-tb-half div.ct-chart7,
.pc-tb-half div.ct-chart8,
.pc-tb-half div.ct-chart19,
.pc-tb-half div.ct-chart20,
.pc-tb-half div.ct-chart21,
.pc-tb-half div.ct-chart22{
margin:0 0 0 -2%;
}

.pc-tb-quarter {
width:50%;
float:left;
}

body div#wrapper main article .print_pages01,
body div#wrapper main article .print_pages02,
body div#wrapper main article .print_pages03,
body div#wrapper main article .print_pages04,
body div#wrapper main article .print_pages05,
body div#wrapper main article .print_pages06,
body div#wrapper main article .print_pages07,
body div#wrapper main article .print_pages08,
body div#wrapper main article .print_pages09,
body div#wrapper main article .print_pages10,
body div#wrapper main article .print_pages11 {
width:100%;
height:70.71%;
margin:0 0 20px 0;
padding:20px 0 0 0;
}

}

.pc-tb-half ul {
list-style: none;
padding:0;
margin:0 20px 0 50px;
clear:both;
}
.pc-tb-half li {
float:left;
font-size:60%;
padding-left: 1em; 
text-indent: -1.2em;
margin:0 10px 0 0;
}


.pc-tb-half .status{
text-align:center;
font-size:70%;
font-weight:bold;
margin:-10px 0 20px 7%;
width:90%;
}


table {
width:90%;
margin:0 0 20px 7%;
font-size:60%;
line-height:125%;
text-align:center;
border:0;
background-color:#246647;
}
table tr{
border:0;
background-color:#E0DAC5;
}
table td{
border:0;
background-color:#FFF;
}


p.intro{
margin:20px 20px 0 20px;
font-size:90%;
line-height:175%;
}


body div#wrapper main span.pagetitle {
display:none;
}

@media screen{
.print_pages {
border-bottom:1px dotted #999;
margin:0 0 30px 0;
}
}


/*PC版*/
@media screen and (min-width:1025px){

.chart-data01 {
height:360px;
}
.chart-data02 {
height:360px;
}
.chart-data03 {
height:360px;
}

a.backbutton{
display:block;
width:70%;
margin:0 15% 30px 15%;
padding:10px 0;
color:#FFF;
font-weight:bold;
text-align:center;
background-color:rgba(12,59,75,1);
border-radius:8px/8px;
}

}
/*TB版よこ*/
@media screen and (min-width:781px) and ( max-width:1024px){

.chart-data01 {
height:320px;
}
.chart-data02 {
height:320px;
}
.chart-data03 {
height:320px;
}

a.backbutton{
display:block;
width:70%;
margin:0 15% 70px 15%;
padding:10px 0;
color:#FFF;
font-weight:bold;
text-align:center;
background-color:rgba(12,59,75,1);
border-radius:8px/8px;
}

}
/*TB版たて*/
@media screen and (min-width:481px) and ( max-width:780px){

.chart-data01 {
height:240px;
}
.chart-data02 {
height:240px;
}
.chart-data03 {
height:240px;
}

a.backbutton{
display:block;
width:70%;
margin:0 15% 70px 15%;
padding:10px 0;
color:#FFF;
font-weight:bold;
text-align:center;
background-color:rgba(12,59,75,1);
border-radius:8px/8px;
}

}
/*スマホ版レイアウト*/
@media screen and (max-width:480px){

.chart-data01 {
height:170px;
}
.chart-data02 {
height:170px;
}
.chart-data03 {
height:170px;
}

a.backbutton{
display:block;
width:70%;
margin:0 15% 70px 15%;
padding:10px 0;
color:#FFF;
font-weight:bold;
text-align:center;
background-color:rgba(12,59,75,1);
border-radius:8px/8px;
}

}


/*印刷調整*/

@media print{

body {
    -webkit-print-color-adjust: exact;
}

body div#wrapper header,
body div#wrapper main h1,
body div#wrapper main ul#breadcrumblist,
body div#wrapper main h2,
body div#wrapper main h3#other-contents,
body div#wrapper main ul#contents-link,
body div#wrapper main h3#other-category,
body div#wrapper main ul#category-link,
body footer {
display:none!important;
}
p.intro,
a.backbutton{
display:none!important;
}

body div#wrapper main {
width:100%;
}
body div#wrapper main div.notice-update,
body div#wrapper #create {
display:none!important;
}

body div#wrapper main article h3{
margin:0 0 0 -5px!important;
padding:20px 0!important;
}


span.boxinner{
height:180px;
}

/*横向きレイアウト*/
body div#wrapper main article .print_pages00,
body div#wrapper main article .print_pages01,
body div#wrapper main article .print_pages02,
body div#wrapper main article .print_pages03,
body div#wrapper main article .print_pages04,
body div#wrapper main article .print_pages05,
body div#wrapper main article .print_pages06,
body div#wrapper main article .print_pages07,
body div#wrapper main article .print_pages08,
body div#wrapper main article .print_pages09,
body div#wrapper main article .print_pages10,
body div#wrapper main article .print_pages11 {
size: A4 landscape!important;
page-break-before: always!important;
width:100%!important;
height:72.71%!important;
}

body div#wrapper main span.pagetitle {
display:block!important;
text-align:center;
padding-top:280px;
line-height:135%;
font-size:42px;
font-weight:bold;
}


.ct-grid {
stroke: rgba(36,102,71,.3);
}
.ct-label {
    fill: rgba(0,0,0,.85);
    color: rgba(0,0,0,.85);
}

textarea.memo-short{
width:77%!important;
font-size:90%!important;
line-height:150%!important;
padding:3%!important;
height:50px!important;
margin-bottom:20px!important;
border:none!important;
margin:0 0 0 7%!important;
background:#f2edda!important;
}
textarea.memo-long{
width:90%!important;
font-size:90%!important;
line-height:150%!important;
padding:2%!important;
height:50px!important;
margin-bottom:20px!important;
border:none!important;
margin:0 4%!important;
background:#f2edda!important;
}


/*グラフそのもの*/

.chart-data01 {
margin:0 0 0 -30px!important;
height:360px!important;
}

.pc-tb-half {
width:50%!important;
float:left!important;
}

.pc-tb-half textarea{
width:80%!important;
height:60px!important;
margin:0 0 30px 4%!important;
}
.pc-tb-quarter {
width:25%!important;
float:left!important;
}

h3{
margin:0 0 10px 20px!important;
padding:10px 0 0 0!important;
}
.pc-tb-half .status{
text-align:center;
font-size:70%;
font-weight:bold;
margin:-10px 0 10px 7%;
width:90%;
}

.pc-tb-half textarea{
width:90%!important;
height:60px!important;
border:none!important;
margin:0 0 40px 1%!important;
}

table {
width:88%!important;
margin:0 0 20px 2%!important;
font-size:60%!important;
line-height:100%!important;
text-align:center!important;
border:0!important;
background-color:#246647!important;
}
table tr{
border:0!important;
background-color:#E0DAC5!important;
}
table td{
border:0!important;
background-color:#FFF!important;
}
.pc-tb-half ul {
list-style: none!important;
padding:0!important;
margin:0 20px 0 10px!important;
clear:both!important;
}
.pc-tb-half li {
float:left!important;
font-size:60%!important;
padding-left: 1em!important;
text-indent: -1.2em!important;
margin:0 10px 0 0!important;
}
}