@charset "UTF-8";
.cateset{width:100%;margin:20px auto 20px;display:flex;flex-flow: row wrap;justify-content:space-around;}

.cate-frame{
font-size:24px;
padding:6px 10px 3px 10px;
width:auto;
min-width:170px;
text-align:center;
float:left;
margin-right:10px;
margin-top:10px;
displey:block;
color: #ffffff;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica,sans-serif;
font-weight:bold;
}

.cate-framemini{
font-size:16px;
padding:5px 6px 3px 6px;
/*width:95px;*/
width:calc(90% / 6);
/*max-width:100%;*/
text-align:center;
float:left;
margin-top:2px;
height:25px;
color: #ffffff;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica,sans-serif;
font-weight:bold;
}
@media screen and (max-width :834px){.cate-framemini{width:calc(88% / 6);}}
@media screen and (max-width :640px){.cate-framemini{width:calc(90% / 4);}}
@media screen and (max-width :414px){.cate-framemini{width:calc(86% / 3);}}
.cate-framemini a{display:block;width:100%;height:100%;color:white;}
.cate-framemini:hover{opacity:0.7;}

.cate-framemini2{
font-size:16px;
padding:5px 6px 3px 6px;
width:200px;
text-align:center;
letter-spacing:0px;
float:left;
margin-right:5px;
margin-bottom:5px;
height:25px;
color: #ffffff;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica,sans-serif;
font-weight:bold;
}

.cate_framepetit{
color:#FFFFFF;
font-size:14px;
padding:2px 6px 0px 6px;
margin-right:3px;
display:inline-block;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica,sans-serif;
font-weight:bold;
}

.inner_box {
display:table;
	width:208px;
	height:30px;
  color: #FFFFFF;
	border:1px solid #999999;
}
.inner_box a:link {color: #ffffff;}
.inner_box a:visited {color: #ffffff;}

.inner_frame{
display: table-cell; /* IE8から使用可能 */
vertical-align: middle;
width:206px;
height:28px;
color: #FFFFFF;
border:1px solid #ffffff;
line-height:1.5em;
font-size:18px;
font-weight:bold;
font-family:
"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.inner_frame a:link {color: #ffffff;}
.inner_frame a:visited {color: #ffffff;}


.cateALL{text-shadow: #003456 -1px -1px 1px,#001b2e 1px 1px 2px;
background-color: #08609a;
background: -moz-linear-gradient(top,#001b2e 0%,#5195b8 23%,#d3e9f7 30%,#08609a 50%,#08609a 59%,#1ea2c6 73%,#1ea2c6 81%,#003456 100%);
background: -webkit-linear-gradient(top,#001b2e 0%,#5195b8 23%,#d3e9f7 30%,#08609a 50%,#08609a 59%,#1ea2c6 73%,#1ea2c6 81%,#003456 100%);
background: linear-gradient(to bottom,#001b2e 0%,#5195b8 23%,#d3e9f7 30%,#08609a 50%,#08609a 59%,#1ea2c6 73%,#1ea2c6 81%,#003456 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08609a', endColorstr='#1ea2c6',GradientType=0 );}
.cateNEW{text-shadow: #56001c -1px -1px 1px,#2e000f 1px 1px 2px;
background-color: #9a0838;
background: -moz-linear-gradient(top,#2e000f 0%,#b85179 23%,#f7d3df 30%,#9a0838 50%,#9a0838 59%,#c61e74 73%,#c61e74 81%,#56001c 100%);
background: -webkit-linear-gradient(top,#2e000f 0%,#b85179 23%,#f7d3df 30%,#9a0838 50%,#9a0838 59%,#c61e74 73%,#c61e74 81%,#56001c 100%);
background: linear-gradient(to bottom,#2e000f 0%,#b85179 23%,#f7d3df 30%,#9a0838 50%,#9a0838 59%,#c61e74 73%,#c61e74 81%,#56001c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0838', endColorstr='#c61e74',GradientType=0 );}
.cateRCM{text-shadow: #56003b -1px -1px 1px,#2e001f 1px 1px 2px;
background-color: #9a086c;
background: -moz-linear-gradient(top,#2e001f 0%,#b8519d 23%,#f7d3ec 30%,#9a086c 50%,#9a086c 59%,#c61eaf 73%,#c61eaf 81%,#56003b 100%);
background: -webkit-linear-gradient(top,#2e001f 0%,#b8519d 23%,#f7d3ec 30%,#9a086c 50%,#9a086c 59%,#c61eaf 73%,#c61eaf 81%,#56003b 100%);
background: linear-gradient(to bottom,#2e001f 0%,#b8519d 23%,#f7d3ec 30%,#9a086c 50%,#9a086c 59%,#c61eaf 73%,#c61eaf 81%,#56003b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a086c', endColorstr='#c61eaf',GradientType=0 );}
.cateF{text-shadow: #000f56 -1px -1px 1px,#00082e 1px 1px 2px;
background-color: #08239a;
background: -moz-linear-gradient(top,#00082e 0%,#516ab8 23%,#d3d9f7 30%,#08239a 50%,#08239a 59%,#1e5bc6 73%,#1e5bc6 81%,#000f56 100%);
background: -webkit-linear-gradient(top,#00082e 0%,#516ab8 23%,#d3d9f7 30%,#08239a 50%,#08239a 59%,#1e5bc6 73%,#1e5bc6 81%,#000f56 100%);
background: linear-gradient(to bottom,#00082e 0%,#516ab8 23%,#d3d9f7 30%,#08239a 50%,#08239a 59%,#1e5bc6 73%,#1e5bc6 81%,#000f56 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08239a', endColorstr='#1e5bc6',GradientType=0 );}
.cateR{text-shadow: #562c00 -1px -1px 1px,#2e1700 1px 1px 2px;
background-color: #9a5408;
background: -moz-linear-gradient(top,#2e1700 0%,#b88051 23%,#f7e6d3 30%,#9a5408 50%,#9a5408 59%,#c6571e 73%,#c6571e 81%,#562c00 100%);
background: -webkit-linear-gradient(top,#2e1700 0%,#b88051 23%,#f7e6d3 30%,#9a5408 50%,#9a5408 59%,#c6571e 73%,#c6571e 81%,#562c00 100%);
background: linear-gradient(to bottom,#2e1700 0%,#b88051 23%,#f7e6d3 30%,#9a5408 50%,#9a5408 59%,#c6571e 73%,#c6571e 81%,#562c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a5408', endColorstr='#c6571e',GradientType=0 );}
.cateS{text-shadow: #005601 -1px -1px 1px,#002e00 1px 1px 2px;
background-color: #089a0b;
background: -moz-linear-gradient(top,#002e00 0%,#55b851 23%,#d3f7d3 30%,#089a0b 50%,#089a0b 59%,#3ac61e 73%,#3ac61e 81%,#005601 100%);
background: -webkit-linear-gradient(top,#002e00 0%,#55b851 23%,#d3f7d3 30%,#089a0b 50%,#089a0b 59%,#3ac61e 73%,#3ac61e 81%,#005601 100%);
background: linear-gradient(to bottom,#002e00 0%,#55b851 23%,#d3f7d3 30%,#089a0b 50%,#089a0b 59%,#3ac61e 73%,#3ac61e 81%,#005601 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089a0b', endColorstr='#3ac61e',GradientType=0 );}
.cateCPD{text-shadow: #313f50 -1px -1px 1px,#252c35 1px 1px 2px;
background-color: #4c677e;
background: -moz-linear-gradient(top,#252c35 0%,#829aad 23%,#e1e6ec 30%,#4c677e 50%,#4c677e 59%,#63889f 73%,#63889f 81%,#313f50 100%);
background: -webkit-linear-gradient(top,#252c35 0%,#829aad 23%,#e1e6ec 30%,#4c677e 50%,#4c677e 59%,#63889f 73%,#63889f 81%,#313f50 100%);
background: linear-gradient(to bottom,#252c35 0%,#829aad 23%,#e1e6ec 30%,#4c677e 50%,#4c677e 59%,#63889f 73%,#63889f 81%,#313f50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c677e', endColorstr='#63889f',GradientType=0 );}
.cateTRY{text-shadow: #564100 -1px -1px 1px,#2e2200 1px 1px 2px;
background-color: #9a7708;
background: -moz-linear-gradient(top,#2e2200 0%,#b89951 23%,#f7efd3 30%,#9a7708 50%,#9a7708 59%,#c67f1e 73%,#c67f1e 81%,#564100 100%);
background: -webkit-linear-gradient(top,#2e2200 0%,#b89951 23%,#f7efd3 30%,#9a7708 50%,#9a7708 59%,#c67f1e 73%,#c67f1e 81%,#564100 100%);
background: linear-gradient(to bottom,#2e2200 0%,#b89951 23%,#f7efd3 30%,#9a7708 50%,#9a7708 59%,#c67f1e 73%,#c67f1e 81%,#564100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a7708', endColorstr='#c67f1e',GradientType=0 );}
.cate001{text-shadow: #560007 -1px -1px 1px,#2e0003 1px 1px 2px;
background-color: #9a0814;
background: -moz-linear-gradient(top,#2e0003 0%,#b8515f 23%,#f7d3d6 30%,#9a0814 50%,#9a0814 59%,#c61e4a 73%,#c61e4a 81%,#560007 100%);
background: -webkit-linear-gradient(top,#2e0003 0%,#b8515f 23%,#f7d3d6 30%,#9a0814 50%,#9a0814 59%,#c61e4a 73%,#c61e4a 81%,#560007 100%);
background: linear-gradient(to bottom,#2e0003 0%,#b8515f 23%,#f7d3d6 30%,#9a0814 50%,#9a0814 59%,#c61e4a 73%,#c61e4a 81%,#560007 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0814', endColorstr='#c61e4a',GradientType=0 );}
.cate002{text-shadow: #475600 -1px -1px 1px,#252e00 1px 1px 2px;
background-color: #809a08;
background: -moz-linear-gradient(top,#252e00 0%,#abb851 23%,#f1f7d3 30%,#809a08 50%,#809a08 59%,#c6c61e 73%,#c6c61e 81%,#475600 100%);
background: -webkit-linear-gradient(top,#252e00 0%,#abb851 23%,#f1f7d3 30%,#809a08 50%,#809a08 59%,#c6c61e 73%,#c6c61e 81%,#475600 100%);
background: linear-gradient(to bottom,#252e00 0%,#abb851 23%,#f1f7d3 30%,#809a08 50%,#809a08 59%,#c6c61e 73%,#c6c61e 81%,#475600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#809a08', endColorstr='#c6c61e',GradientType=0 );}
.cate003{text-shadow: #225600 -1px -1px 1px,#122e00 1px 1px 2px;
background-color: #439a08;
background: -moz-linear-gradient(top,#122e00 0%,#80b851 23%,#e1f7d3 30%,#439a08 50%,#439a08 59%,#80c61e 73%,#80c61e 81%,#225600 100%);
background: -webkit-linear-gradient(top,#122e00 0%,#80b851 23%,#e1f7d3 30%,#439a08 50%,#439a08 59%,#80c61e 73%,#80c61e 81%,#225600 100%);
background: linear-gradient(to bottom,#122e00 0%,#80b851 23%,#e1f7d3 30%,#439a08 50%,#439a08 59%,#80c61e 73%,#80c61e 81%,#225600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439a08', endColorstr='#80c61e',GradientType=0 );}
.cate004{text-shadow: #005654 -1px -1px 1px,#002e2d 1px 1px 2px;
background-color: #089a97;
background: -moz-linear-gradient(top,#002e2d 0%,#51b8af 23%,#d3f7f7 30%,#089a97 50%,#089a97 59%,#1ec6a4 73%,#1ec6a4 81%,#005654 100%);
background: -webkit-linear-gradient(top,#002e2d 0%,#51b8af 23%,#d3f7f7 30%,#089a97 50%,#089a97 59%,#1ec6a4 73%,#1ec6a4 81%,#005654 100%);
background: linear-gradient(to bottom,#002e2d 0%,#51b8af 23%,#d3f7f7 30%,#089a97 50%,#089a97 59%,#1ec6a4 73%,#1ec6a4 81%,#005654 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089a97', endColorstr='#1ec6a4',GradientType=0 );}
.cate005{text-shadow: #564e00 -1px -1px 1px,#2e2900 1px 1px 2px;
background-color: #9a8c08;
background: -moz-linear-gradient(top,#2e2900 0%,#b8a851 23%,#f7f4d3 30%,#9a8c08 50%,#9a8c08 59%,#c6991e 73%,#c6991e 81%,#564e00 100%);
background: -webkit-linear-gradient(top,#2e2900 0%,#b8a851 23%,#f7f4d3 30%,#9a8c08 50%,#9a8c08 59%,#c6991e 73%,#c6991e 81%,#564e00 100%);
background: linear-gradient(to bottom,#2e2900 0%,#b8a851 23%,#f7f4d3 30%,#9a8c08 50%,#9a8c08 59%,#c6991e 73%,#c6991e 81%,#564e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a8c08', endColorstr='#c6991e',GradientType=0 );}
.cate006{text-shadow: #330056 -1px -1px 1px,#1b002e 1px 1px 2px;
background-color: #5f089a;
background: -moz-linear-gradient(top,#1b002e 0%,#8851b8 23%,#e9d3f7 30%,#5f089a 50%,#5f089a 59%,#651ec6 73%,#651ec6 81%,#330056 100%);
background: -webkit-linear-gradient(top,#1b002e 0%,#8851b8 23%,#e9d3f7 30%,#5f089a 50%,#5f089a 59%,#651ec6 73%,#651ec6 81%,#330056 100%);
background: linear-gradient(to bottom,#1b002e 0%,#8851b8 23%,#e9d3f7 30%,#5f089a 50%,#5f089a 59%,#651ec6 73%,#651ec6 81%,#330056 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f089a', endColorstr='#651ec6',GradientType=0 );}
.cate_grid {width:210px;margin:auto auto;}
.cate_grid a:link {color: #ffffff;}