@charset "UTF-8";
/* @group default */
*{margin:0;padding:0;}
html>body{font-size:16px;}

body{font-size:100%;font-family:Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック","Yu Gothic",sans-serif;line-height:1.6;color:#303030;text-align:center;}
html>/**/body{font-size:100%;}
*:first-child+html body{font-size:100%;font-family:'メイリオ', Meiryo, sans-serif;}
* html body{font-family:"MS P ゴシック", sans-serif;letter-spacing:1px;vertical-align:baseline;}
h1, h2, h3, h4, h5, h6, table, p, ul, ol, dl{font-size:87.5%;}
ul li, ol li{list-style-type:none;}
table tr th, table tr td{line-height:1.6;text-align:left;vertical-align:top;}
hr{display:none;}
em, strong{font-weight:bold;}
img{border:0;}
a{color:#2e559a;outline:none;}
a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
div.Lbox{ float:left;}
div.Rbox{ float:right;}
span.notice{color:#cc0000;}
/* @end */
/* @group side */
div#contents{ width:940px; margin:0 auto; padding-top:40px;}
/* div#side{ width:220px; float:left; padding-top:25px; background:url(../img/bg_contentline.png) repeat-x 0 0;} */
div#side{ width:220px; float:left; padding-top:25px;}
div#side h1{ margin-bottom:20px;}
div#side div#term p{ margin-bottom:20px;}
div#side div#entry{width:150px; margin:0 auto 20px auto;}
div#side div#newsArea{ text-align:left;}
div#side div#snsArea{ margin-top:20px;}
div#side div#sponsorArea{ text-align:left; margin-top:20px;}

/*div#main{ width:660px; float:right;padding-top:6px; background:url(../img/bg_contentline.png) repeat-x 0 0; text-align:left;}*/
div#main{ width:660px; float:right;padding-top:6px; text-align:left;}
div#main ul#navi li { font-size:0; }
div#main ul#navi li a{background:url(../img/bg_navi.png) no-repeat 0 0; display:block; float:left; text-indent:-9999px; height:87px;}
div#main ul#navi li.home a{ background-position:0 0; width:82px;}
div#main ul#navi li.result a{ background-position:-82px 0px; width:98px;}
div#main ul#navi li.entry a{ background-position:-180px 0; width:134px;}
div#main ul#navi li.judge a{ background-position:-314px 0; width:81px;}
div#main ul#navi li.info a{ background-position:-395px 0; width:122px;}
div#main ul#navi li.privacy a{ background-position:-517px 0; width:142px;}

div#main ul#navi li.home a:hover,body#home div#main ul#navi li.home a{background-position:0 -87px;}
div#main ul#navi li.result a:hover,body#result div#main ul#navi li.result a{ background-position:-82px -87px;}
div#main ul#navi li.entry a:hover,body#entry div#main ul#navi li.entry a{ background-position:-180px -87px;}
div#main ul#navi li.judge a:hover,body#judge ul#navi li.judge a{ background-position:-314px -87px;}
div#main ul#navi li.info a:hover,body#info ul#navi li.info a{ background-position:-395px -87px;}
div#main ul#navi li.privacy a:hover,body#privacy ul#navi li.privacy a{ background-position:-517px -87px;}


div#mainArea div#outline table { border-collapse:collapse; border-spacing:none; border:0; width:100%; }
div#mainArea div#outline th{ width:100px;}
div#mainArea div#outline th, div#mainArea div#outline td { padding:16px; text-align:left; vertical-align:top; font-weight:normal; }
div#mainArea div#outline th { background:#f0f0f0; }
div#mainArea div#outline td { background:#ffffff; }
div#mainArea div#outline tr.odd th { background:#e6e6e6; }
div#mainArea div#outline tr.odd td { background:#f4f4f4; }
div#mainArea div#outline p.note { font-size:75%; margin-top:10px; }
div#pagetop{ text-align:right;margin-top:60px;}
div#footer{ clear:both; background:url(../img/bg_contentline.png) repeat-x; text-align:center; padding-top:20px; margin:15px 0 110px 0;}
div#footer p{font-size:75%;}
div.footer p{text-align:center;font-size:75%;}

/* @group clear */
ul#navi,div.wrap,div.inner{min-height:1%;}
ul#navi:after,div.wrap:after,div.inner:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html ul#navi,* html div.wrap,* html div.inner{height:1%;}
/* @end */



.btn03 {display: inline-block;width: 220px;height: 54px;text-align: center;text-decoration: none;outline: none;font-size:18px;background-color: #d4b1f5;border: 2px solid #d4b1f5;color: #000;line-height: 50px;}
.btn03::before,.btn03::after {position: absolute;z-index: -1;display: block;content: '';}
.btn03,.btn03::before,.btn03::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .2s;}
.btn03:hover {background-color: #b566ff;border-color: #b566ff;color: #fff;}

.btn02 {display: inline-block;width: 220px;height: 54px;text-align: center;text-decoration: none;outline: none;font-size:18px;background-color: #9fd9f6;border: 2px solid #9fd9f6;color: #000;line-height: 50px;}
.btn02::before,.btn02::after {position: absolute;z-index: -1;display: block;content: '';}
.btn02,.btn02::before,.btn02::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .2s;}
.btn02:hover {background-color: #54c3f1;border-color: #54c3f1;color: #fff;}

.btn01 {display: inline-block;width: 220px;height: 54px;text-align: center;text-decoration: none;outline: none;font-size:18px;background-color: #fff100;border: 2px solid #fff100;color: #000;line-height: 50px;}
.btn01::before,.btn01::after {position: absolute;z-index: -1;display: block;content: '';}
.btn01,.btn01::before,.btn01::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .2s;}
.btn01:hover {background-color: #ffd200;border-color: #ffd200;color: #fff;}

div.stripeside {
  height: 6px;
  border: none;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #4f3f2f 25%, #4f3f2f 50%,
    #fff 50%, #fff 75%,
    #4f3f2f 75%, #4f3f2f
  );
  background-size: 4px 4px;
}
div#side{ padding-top:0px;}
div#side h1{ padding-top:25px;}

div.stripemain {
  height: 6px;
  border: none;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #4f3f2f 25%, #4f3f2f 50%,
    #fff 50%, #fff 75%,
    #4f3f2f 75%, #4f3f2f
  );
  background-size: 4px 4px;
}
