@charset "utf-8";

/****************************************
Standard Theme
****************************************/

/* All */
html,body,header,main,article,nav,aside,section,footer,
ol,ul,li,h1,h2,h3,h4,h5,h6,div,p,a,span,img {
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

a:link,
.linkwl a:link,
.linkwd a:link {
color:#0044cc !important;
}

body {
color:#666666;
font:normal 100%/160% sans-serif;
background-color:#ffffff;
word-break:break-all;
text-size-adjust:none;
}

header {
border-top:20px solid #ffe0ef;
background-color:#ffffff;
max-width:928px;
}

footer {
padding-top:40px;
padding-bottom:40px;
max-width:928px;
}

footer p {
font:normal 80%/160% sans-serif;
text-align:center;
}

ol,ul,li {
list-style-type:none;
}

header div a {
display:block;
padding:10px 0;
background-color:#ffeff7;
border-radius:0 0 8px 8px;
}

header div a img {
width:32px;
height:32px;
margin:0 10px;
vertical-align:middle;
border-radius:4px;
border:2px solid #dddddd;
}

header p {
padding:10px 0 20px 0;
}

header nav {
margin:0 auto;
font:normal 100%/100% sans-serif;
overflow:hidden;
border:2px solid #dddddd;
border-radius:6px;
box-sizing:border-box;
transition:box-shadow 0.6s;
box-shadow:0px 2px 2px #999999;
}

header nav ul li {
float:left;
}

header nav a {
display:block;
text-align:center;
}

.bread {
font:normal 100%/160% sans-serif;
overflow:hidden;
clear:left;
}

.bread ul li {
float:left;
}

.bread ul li::after {
content:'>';
padding:0 10px;
}

.bread ul li:last-child::after {
display:none;
}

header,
.bread,
main,
aside,
.sbnv,
footer {
width:100%;
margin:0 auto;
}

.sbnv a {
display:inline-flex;
position:relative;
padding:16px 8px;
}

main,
aside {
padding-bottom:20px;
}

main {
clear:left;
}

main h1 {
border:2px solid #cccccc;
background-color:#ffffff;
border-radius:6px;
transition:box-shadow 0.6s;
box-shadow:0px 2px 2px #999999;
margin-bottom:20px;
}

aside h2 {
border:2px solid #cccccc;
border-radius:6px;
transition:box-shadow 0.6s;
box-shadow:0px 2px 2px #999999;
}

main h2 {
border-bottom:2px solid #dddddd;
background-color:#f6f6f6;
border-radius:4px;
margin-bottom:20px;
}

main h3 {
border-left:2px solid #dddddd;
background-color:#f6f6f6;
border-radius:4px;
margin-bottom:20px;
}

main ul li {
margin-left:20px;
list-style-type:disc;
}

main ol li {
margin-left:20px;
list-style-type:decimal;
}

h1,
h2,
h3,
h4,
h5 {
margin:20px 0 10px 0;
padding:4px 16px;
color:#666666;
}

main p,
aside p {
padding-bottom:20px;
}

main img {
max-width:100%;
}

aside div p,
.linkwl p {
padding:20px 0;
}

.idxa a,
aside div p a,
.linkwl p a {
display:block;
width:100%;
box-sizing:border-box;
text-align:center;
border:2px solid #dddddd;
border-radius:8px;
padding:6px 8px;
}

.idxa a {
margin:10px 0 20px 0;
}

.mks {
color:#666666;
}

footer div {
position:relative;
margin:0 auto;
}

footer div a {
font:normal 32px/100% sans-serif;
text-decoration:none;
transform:rotate(90deg);
opacity:0.6;
position:fixed;
display:block;
padding:8px 12px;
text-align:center;
bottom:24px;
right:24px;
background-color:rgba(0,0,0,0.06);
border:2px solid #dddddd;
border-radius:8px;
}

.wblink a {
font:normal 20px/160% sans-serif;
display:block;
text-align:center;
transition:box-shadow 0.6s;
box-shadow:0px 4px 4px #999999;
border-radius:8px;
background:#f9f9f9;
border:2px solid #dddddd;
margin:10px 10px 30px 10px;
padding:20px 20px;
background-image:repeating-linear-gradient(45deg, #f9f9f9 25%, transparent 25%, transparent 75%, #f9f9f9 75%, #f9f9f9), repeating-linear-gradient(45deg, #f9f9f9 25%, #efefef 25%, #efefef 75%, #f9f9f9 75%, #f9f9f9);
background-position:0 0, 12px 12px;
background-size:24px 24px;
}

.aflink a {
display:block;
transition:box-shadow 0.6s;
box-shadow:0px 4px 4px #999999;
border-radius:8px;
background:#f9f9f9;
border:2px solid #dddddd;
margin:10px 10px 30px 10px;
padding:20px 20px;
}

/* Small */
@media screen and (max-width:480px){

body {
background-color:#ffffff;
}

h1 {
font:bold 120%/160% sans-serif;
}

h2 {
font:bold 115%/160% sans-serif;
}

h3 {
font:bold 110%/160% sans-serif;
}

h4 {
font:bold 105%/160% sans-serif;
}

h5 {
font:bold 100%/160% sans-serif;
}

header,
.bread,
main,
aside,
footer {
box-sizing:border-box;
padding-right:10px;
padding-left:10px;
}

.bread {
padding-top:20px;
}

header div {
font:normal 100%/160% sans-serif;
}

header p {
font:normal 100%/160% sans-serif;
}

header nav {
width:100%;
}

header nav ul li {
width:50%;
}

header nav a {
padding:16px 0;
}

main,
aside {
float:none;
}

}

/* Medium */
@media screen and (min-width:480px) and (max-width:960px){

body {
background-color:#ffffff;
}

h1 {
font:bold 120%/160% sans-serif;
}

h2 {
font:bold 115%/160% sans-serif;
}

h3 {
font:bold 110%/160% sans-serif;
}

h4 {
font:bold 105%/160% sans-serif;
}

h5 {
font:bold 100%/160% sans-serif;
}

header,
.bread,
main,
aside,
footer {
box-sizing:border-box;
padding-right:20px;
padding-left:20px;
}

.bread {
padding-top:20px;
}

header div {
font:normal 100%/160% sans-serif;
}

header p {
font:normal 100%/160% sans-serif;
}

header nav {
width:100%;
}

header nav ul li {
width:50%;
}

header nav a {
padding:16px 0;
}

main,
aside {
float:none;
}

}

/* Large */
@media screen and (min-width:960px){

body {
text-align:center;
}

h1 {
font:bold 140%/160% sans-serif;
}

h2 {
font:bold 130%/160% sans-serif;
}

h3 {
font:bold 120%/160% sans-serif;
}

h4 {
font:bold 110%/160% sans-serif;
}

h5 {
font:bold 100%/160% sans-serif;
}

header div,
header p {
width:928px;
margin:0 auto;
text-align:left;
}

header div {
font:normal 120%/160% sans-serif;
}

header p {
font:normal 100%/160% sans-serif;
}

header nav {
width:928px;
}

header nav a {
padding:16px 20px;
}

.bread {
width:924px;
text-align:left;
padding:20px 0;
}

.sbnv {
text-align:left;
}

main,
aside {
display:inline-block;
vertical-align:top;
text-align:left;
margin-bottom:20px;
}

main {
width:600px;
padding-right:20px;
padding-left:20px;
border:2px solid #dddddd;
border-radius:10px;
background-color:#ffffff;
}

aside {
width:240px;
padding-top:12px;
padding-right:20px;
padding-left:20px;
}

}
/* End */