@charset "UTF-8";*{padding:0;margin:0;list-style:none;font-style:normal}body,div,pre,p,blockquote,form,fieldset,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,button{word-break:break-all;margin:0;padding:0;vertical-align:baseline;font-size:100%;font-weight:normal}body{background:none repeat scroll 0 0 #fff;font-family:'メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;font-size:15px;overflow-y:scroll}select,input,textarea,option{font-family:'メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif}img{border:0;margin:0px;padding:0px;display:block}a img{border-style:none;border:0}h1,h2,h3,h4,h5,h6{margin:0px;font-style:normal;padding:0px;line-height:normal;clear:both}a{outline:medium none;text-decoration:none}a:hover{text-decoration:underline}*:after{clear:both}body{ background-color:#fff} .inner{ margin:0 auto; max-width:980px; width:100%; box-sizing:border-box}#wrapper{background-color:#aaa}a{ font-weight:bold; color:#0069a3}header{padding:5% 0;text-align:center; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -o-text-overflow:clip; text-overflow:clip; background:-webkit-linear-gradient(135deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),-webkit-linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-webkit-linear-gradient(135deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-webkit-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background:-moz-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),-moz-linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-moz-linear-gradient(-45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-moz-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background:linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),linear-gradient(-45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background-position:50% 50%; -webkit-background-origin:padding-box; background-origin:padding-box; -webkit-background-clip:border-box; background-clip:border-box; -webkit-background-size:50px 50px; background-size:50px 50px; border-bottom:solid 3px #222}header .inner{ padding:0 1%}.logo{ display:inline-block; font-size:200%; background-color:#ffefd5; padding:1% 3%; border:solid 2px #222}.logo a{ display:block; color:#0069a3}.logo a:hover{ text-decoration:none}@media screen and (max-width:998px){ .logo{ font-size:150%}}h1{ font-size:140%; box-sizing:border-box; font-weight:bold; text-align:center; padding:2% 2%; margin:1% 0}h2{ font-size:140%; font-weight:bold; padding:1% 1%; color:#fff; margin:2% 0; background-color:#00b66e}#container{}#container .containerMain{width:68%;box-sizing:border-box;float:right;padding:1% 2%; background-color:#ffefd5; margin:1% 0; border:solid 2px #222}#container .containerMain article>div{ padding-bottom:5%}@media screen and (max-width:998px){ h1,h2{ font-size:98%} h2{ } #container .containerMain{ float:none; width:98%; margin-left:1%; margin-right:1%; margin-bottom:0; padding:1% 3%} #container .inner{ border:none}}#sidebar{float:left;width:28%; margin-top:-5%;box-sizing:border-box; background-color:rgba(255,239,213,.8); padding:1%; box-shadow:0px 0px 10px rgba(0,0,0,.1); border:solid 2px #222}h3{ padding:1%; font-size:140%;font-weight:bold; text-align:center; margin-bottom:2%; color:#222; background-color:#00b66e}#sidebar .sidebarMain aside ul{}#sidebar .sidebarMain aside ul li{text-align:center}#sidebar ul li a{padding:1% 0;display:block; -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease}#sidebar ul li a:hover{text-decoration:none}@media screen and (max-width:998px){ h3{ font-size:98%} #sidebar{ width:98%; margin:1%} .sidecenter{ margin:0} #sidebar ul li a{ padding:1% 0}}footer p{ text-align:center; line-height:1.7; padding:2% 0; background-color:#ffefd5; border:solid 2px #222}footer{ clear:both; padding:1% 0; color:#222; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -o-text-overflow:clip; text-overflow:clip; background:-webkit-linear-gradient(135deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),-webkit-linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-webkit-linear-gradient(135deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-webkit-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background:-moz-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),-moz-linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),-moz-linear-gradient(-45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),-moz-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background:linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),linear-gradient(45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(140,140,140,0) 25%,rgba(255,255,255,0) 100%),linear-gradient(-45deg,rgb(140,140,140) 0,rgb(140,140,140) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%),linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgb(140,140,140) 75%,rgb(140,140,140) 100%),rgb(255,255,255); background-position:50% 50%; -webkit-background-origin:padding-box; background-origin:padding-box; -webkit-background-clip:border-box; background-clip:border-box; -webkit-background-size:50px 50px; background-size:50px 50px; border-top:solid 3px #222}footer a{}#container .containerMain article img{ margin:15px 10px; width:30%}@media screen and (max-width:767px){ #container .containerMain article img{ width:100%; margin:10px 0}}