@charset "UTF-8";

/* reset */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,dfn,em,img,q,s,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
html{font-size:100%;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* base */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-y:scroll;-ms-touch-action:manipulation;}

/* link */

a{text-decoration:underline;}
a:link{color:#0000cc;}
a:visited{color:#800080;}
a:hover{color:#ff0000;}
a img{border:none;}

/* body */

body{
margin:0 auto;padding:0;
max-width:1210px;
width:expression(document.body.clientWidth > 1212? "1210px" :"auto");
background:#efefef url(./image/bg.jpg);color:#333;
-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}

/* headbar */

.headbar{margin:10px auto;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;font-size:13px;}
.headbar ul{display:inline;margin:0;padding:0;}
.headbar li{display:inline;margin:0 0 0 0.5em;padding-left:8px;background:url(./image/nav.gif) no-repeat 0 center;}
.headbar li:hover{background-image:url(./image/nav_h.gif);}
.headbar li a{text-decoration:underline;text-shadow:1px 1px 1px #fff;}
.headbar li a:hover,.headbar li a:active{color:#c00;text-decoration:underline;}

/* container */

#container{margin:0 auto;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fffaf0 url(./image/conbg.jpg);}

/* clearfix */

#container:after{content:".";display:block;clear:both;height:0;visibility:hidden;}

/* colmun */

.col1{width:170px;}
.col2{width:370px;}
.col3{width:570px;}
.col4{width:760px;}
.col5{width:96.6%;}

/* tNAV */

h1{margin-bottom:5px;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:3px 4px 21px #7338a3 inset;-moz-box-shadow:3px 4px 21px #7338a3 inset;box-shadow:3px 4px 21px #7338a3 inset;
background-color:#47669B;
background-image:-webkit-gradient(radial,169 40,0,202 -315,456,from(#47669B),to(#AA62FF));
background-image:-webkit-linear-gradient(top,#476698,#AA62FF);
background-image:-moz-radial-gradient(center,top,circle farthest-side,#476698,#AA62FF);
background-image:-ms-linear-gradient(top,#476698,#AA62FF);
background-image:-o-linear-gradient(top,#476698,#AA62FF);
background-image:linear-gradient(to bottom,#47669B,#AA62FF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47669B',endColorstr='#AA62FF');
text-align:center;
text-shadow:7px 2px 10px #4f40bd;}
h1 a{display:inline-block;margin:0;padding:15px 5px;text-decoration:none;font-weight:bold;font-size:40px;font-family:"BIZ UDGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS UI Gothic",sans-serif;}
h1 a:link,h1 a:visited{color:#fff;}
.sidebar li{padding:2px 0;list-style-type:none;}
.sidebar li a{
display:inline-block;
zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
*display:inline;
margin:1px 0;
padding:.6em 2em .55em;
border:solid 1px #b7b7b7;
-webkit-border-radius:.5em;
-moz-border-radius:.5em;
border-radius:.5em;
-webkit-box-shadow:0 .3em .3em rgba(255,254,255,.6) inset,0 -0.1em .3em rgba(0,0,0,.15) inset,0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 .3em .3em rgba(255,254,255,.6) inset,0 -0.1em .3em rgba(0,0,0,.15) inset,0 1px 2px rgba(0,0,0,.2);
box-shadow:0 .3em .3em rgba(255,254,255,.6) inset,0 -0.1em .3em rgba(0,0,0,.15) inset,0 1px 2px rgba(0,0,0,.2);
outline:none;
cursor:pointer;
background-color:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
background-image:-webkit-linear-gradient(top,#fff,#ededed);
background-image:-moz-linear-gradient(top,#fff,#ededed);
background-image:-ms-linear-gradient(top,#fff,#ededed);
background-image:-o-linear-gradient(top,#fff,#ededed);
background-image:linear-gradient(to bottom,#fff,#ededed);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');
text-align:center;vertical-align:baseline;text-decoration:underline;
text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,.1em .18em .15em rgba(0,0,0,.3);
font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
.sidebar li a:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);
border:solid 1px #b77b7b;
background-color:#fefbfb;
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6e4e4));
background-image:-webkit-linear-gradient(top,#fff,#f6e4e4);
background-image:-moz-linear-gradient(top,#fff,#f6e4e4);
background-image:-ms-linear-gradient(top,#fff,#f6e4e4);
background-image:-o-linear-gradient(top,#fff,#f6e4e4);
background-image:linear-gradient(to bottom,#fff,#f6e4e4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6e4e4');}
.sidebar li a:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);-o-transform:translateY(1px);transform:translateY(1px);
background-image:-webkit-gradient(linear,left top,left bottom,from(#eddede),to(#fff));
background-image:-webkit-linear-gradient(top,#eddede,#fff);
background-image:-moz-linear-gradient(top,#eddede,#fff);
background-image:-ms-linear-gradient(top,#eddede,#fff);
background-image:-o-linear-gradient(top,#eddede,#fff);
background-image:linear-gradient(to bottom,#eddede,#fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eddede',endColorstr='#ffffff');}

/* box */

.box{float:left;margin:5px;padding:10px;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 3px rgba(34,25,25,.4);-moz-box-shadow:0 1px 2px rgba(34,25,25,.4);box-shadow:0 1px 3px rgba(34,25,25,.4);background-color:#fefefe;}
.box p{line-height:1.6;}
h2,h3{margin:.1em 0 .5em;padding:5px 0 6px 8px;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;background-color:#e6e6fa;color:#000;-webkit-text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff,0 .1em .1em rgba(0,0,0,.2);-moz-text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff,0 .1em .1em rgba(0,0,0,.2);text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff,0 .1em .1em rgba(0,0,0,.2);font-weight:bold;font-size:110%;line-height:1.4;}
h3 a:link,h3 a:visited{
color:#2D006B;}
h3 a:hover,h3 a:active{
color:#B35A00;}

/* footer */

footer{padding:0 10px;margin:10px auto;text-align:center;text-shadow:1px 1px 1px #fff;font-size:13px;}
footer small{display:block;margin:10px 0;}
footer img{margin-right:8px;vertical-align:middle;}
footer ul{display:inline;margin:0;padding:0;}
footer ul li{display:inline;display:inline-block;margin:0 0 0 0.5em;padding-left:10px;list-style-type:none;background:url(./image/nav.gif) no-repeat 0 center;}
footer li:hover{background-image:url(./image/nav_h.gif);}
footer a:hover{color:#c00;text-decoration:underline;}

/* 820px < screen */

@media only screen and (min-width:821px){
.headbar{padding:0 10px;}
h1 a,h1 a{font-size:40px;}
.sidebar li a{font-size:16px;}
}

/* 570px < screens < 820px */

@media only screen and (min-width:571px) and (max-width:820px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{width:100%;}
.sidebar{overflow:hidden;float:none;margin-bottom:10px;}
h1{float:left;display:inline-block;width:160px;margin:10px 10px 10px 10px;}
#container{width:auto !important;padding:0 1.8%;}
.box{width:96.4%;margin:5px 0;}
.sidebar ul{float:left;overflow:hidden;width:calc(100% - 190px);padding:6px 0;}
.sidebar ul li{float:left;margin:0 0 0 6px;}
.sidebar ul li a{padding:1em .8em .9em;font-size:1em;}
.sidebar:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
}

/* screens < 570px */

@media only screen and (max-width:570px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{width:100%;}
.headbar{text-align:center;padding:0 1px;margin:5px auto;}
.headbar li{margin:0 .33em;line-height:1.8;}
.headbar .oya{display:block;background:rgba(255,255,255,0.6);}
.headbar li,.headbar li:hover{background:none;}
.headbar li a,footer li a{display:inline-block;padding:.33em 0;}
.sidebar{overflow:hidden;float:none;margin-bottom:10px;}
h1{margin:0;padding:.1em .5em;text-shadow:2px 2px 0 #4f40bd;}
h1 a{font-size:2rem;padding-right:0;padding-left:0;}
.sidebar ul{padding:0;}
.sidebar ul li{display:inline-block;padding:0;}
.sidebar ul li a{margin:2px 0;padding:.55em;font-size:1.1rem;}
#container{width:auto !important;padding:0 1.8%;background:none;}
.box{width:96.4%;margin:5px 0;}
footer li{line-height:1.8;}
}

/* print */

@media only print{
.headbar,.sidebar,.sidebar .box,footer ul{display:none;}
}