@charset "utf-8";html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html{overflow-y:scroll;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
body{font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;line-height:1;background:#fff;color:#000;
background-size: 100px 100px;
background-color: #9ec9ff;}
header{width:960px;background:#fff;margin:0px auto 0px auto;padding:0px 0px 0px 0px;border:1px solid #dcdcdc;}
#pannavi{width:960px;height:30px;background:#ffffff;margin:5px auto;float:left;}
#pannavi nav{width:100%;height:20px;font-size:10px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;box-sizing:border-box;}
#pannavi nav a{color:#555;text-decoration:none;}
#pannavi nav div{height:25px;line-height:25px;float:left;text-align:left;font-size:12px;margin:2px 0px 0px 5px;padding:0px 0px 0px 0px;}
header#globalHeader{background:#fff;}
header#globalHeader h1, h2{padding:5px 10px;font-size:14px;}
header#globalHeader img{width:100%;height:100%;}
nav ul li{margin:10px 0 0 0;border:1px solid #fff;box-sizing:border-box;background-color:#7960b9;text-indent:10px;line-height:15px;float:right;}
nav ul li a{padding:10px 0;display:block;font-weight:bold;color:#fff;text-decoration:none;}
nav ul li a:hover{background-color:#b96060;}
#page{width:980px;margin:0 auto;padding:0 10px;background:#eee;box-sizing:border-box;font-size:100%;}
#contents .pageTop{clear:both;margin:0;text-align:right;}
#main{float:left;padding:10px;box-sizing:border-box;width:640px;background:#fff;}
#main h1{font-size:20px;margin:15px 0 0 0;padding:5px 0 10px 0;border-bottom:3px solid #d7605e;}
#main h1:first-letter{margin-right:.1em;font-size:1.5em;}
#main h2{border-bottom:3px dotted #d7605e;font-size:18px;margin-top:15px;margin-bottom:10px;padding:5px 0 10px 0;}
#main h3{border-bottom:3px double #ccc;font-size:16px;margin-top:15px;margin-bottom:10px;padding:10px 15px;}
#main li{clear:both;line-height:1.5em;margin:10px;padding:5px;color:#555;background:#ddd;font-size:16px;}
.button{display:inline-block;position:relative;z-index:2;background-color:#fff;overflow:hidden;text-align:center;text-decoration:none;height:40px;line-height:25px;outline:none;}
.button::after{top:-100%;width:100%;height:100%;}
.button:hover{color:#fff;}
.button::before, .button::after{position:absolute;z-index:-1;display:block;color:#fff;content:'';}
.button:hover::after{top:0;background-color:#b96060;}
.button, .button::before, .button::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;transition:all .5s;}
#side{float:right;width:310px;margin:0 0 0 0;background:#fff;}
#side nav ul li{margin:0 0 0 0;}
#side nav ul li{width:100%;border-bottom:1px solid #dcdcdc;box-sizing:border-box;background-color:#fff;text-align:left;}
#side nav ul li a{padding:15px 0px 15px 0px;font-weight:normal;display:block;color:#000;text-decoration:none;}
#side nav ul li a:hover{background-color:#eee8ff;}
#side h3{background-color:#b96060;padding:10px 0;color:#fff;font-size:14px;text-indent:5px;clear:both;}
.side-waku{margin:10px 0;}
#globalFooter{clear:both;background:#F5F3FC;}
#globalFooter p.copyright{text-align:center;}
@media screen and (max-width:640px){header{width:100%;background:#fff;margin:0px auto 0px auto;padding:0px 0px 0px 0px;border:1px solid #dcdcdc;}
#pannavi{display:none;}
#page{width:100%;margin:0 auto;padding:0 10px;background:#eee;box-sizing:border-box;font-size:100%;}
#main{float:left;padding:10px;box-sizing:border-box;width:100%;background:#fff;}
#main h2{border-bottom:3px solid #d7605e;font-size:18px;margin-top:15px;margin-bottom:10px;}
#main h3{border-bottom:3px dotted #d7605e;font-size:16px;margin-top:15px;margin-bottom:10px;padding:10px 15px;}
#side{float:right;width:100%;background:#fff;}
nav ul li{margin:2 0 0 0;}
nav ul li{width:100%;border:1px solid #fff;box-sizing:border-box;background-color:#7960b9;text-align:center;}
nav ul li a{padding:10px 0;display:block;font-weight:bold;color:#fff;text-decoration:none;}
nav ul li a:hover{background-color:#b96060;}
#side nav ul li{margin:0 0 0 0;}
#side nav ul li{width:100%;border-bottom:1px solid #dcdcdc;box-sizing:border-box;background-color:#fff;text-align:left;}
#side nav ul li a{padding:10px;font-weight:normal;display:block;color:#000;text-decoration:none;}
#side nav ul li a:hover{background-color:#eee8ff;}
#side h3{background-color:#b96060;text-align:center;padding:10px 0;color:#fff;font-size:14px;}
.side-waku{margin:10px 0;}
}