@charset "UTF-8";

h1,h2,h3,h4,h5,h6,p,div,figure,figcaption,cite { margin:0px; padding:0px; outline:0; }
br { letter-spacing:0; }

body  { margin-top:3px; padding:0px; line-height:120%; background-color:#FFFFFF; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; -webkit-text-size-adjust: none; }
a   { color:#AA55FF; font-weight:bold; font-size:83%; text-decoration:none;}
a:visited  { color:#6A64A3; text-decoration:none;}
a:hover { color:#87A085; text-decoration:underline;  text-shadow:2px 2px 2px #e9ffe7,1px 1px 0 #e9ffe7;}
a:hover img { filter:alpha(opacity=50);opacity:0.5; -ms-filter: "alpha( opacity=50 )"; }
a:active  { color:#FFFFFF; text-decoration:none; text-shadow:2px 2px 1px #73b2ff,-2px -2px 1px #73b2ff,-2px 2px 1px #73b2ff,2px -2px 1px #73b2ff;}
a:focus { outline:none; }
cite { font-style:normal;}
em { font-style:normal; font-weight:bold;}
p  { color:#5367A0; font-size:75%; text-indent:0px; line-height:2em; letter-spacing:0px; margin:0.3em; padding:0px; font-weight:normal}
small { color:#5367A0; font-size:100%; text-indent:0px; letter-spacing:0px; margin:0px; padding:0px; font-weight:normal}
strong  { color:#52719A; font-size:100%; letter-spacing:0.2em; }
h1  { color:#6881C8; font-size:100%; font-weight:bold; text-shadow:2px 2px 2px #AAAAFF;}
h2  { color:#6881C8; font-size:92%; font-weight:bold; text-shadow:2px 2px 2px #AAAAFF; margin:32px 0;}
h3  { color:#6881C8; font-size:92%; font-weight:bold; text-shadow:2px 2px 2px #AAAAFF; margin:16px 0;}
h4  { color:#6881C8; font-size:92%; font-weight:bold; text-shadow:2px 2px 2px #AAAAFF; margin:16px 0;}
h5  { color:#6881C8; font-size:92%; font-weight:bold; text-shadow:2px 2px 2px #AAAAFF;}
figcaption { color:#440099; }
span { font-size:100%; font-weight:bold; }
img { margin:0; padding:0px; border:0; outline:0; border-style:none; height:auto;}
nav { margin:16px 0 16px 0; max-width:100%; color:#5555FF; }
header { margin:0px; padding:0px; }
footer { margin:0px; padding:0px; }
section { margin:16px 0 8px 0;}
article { margin:0; word-break: break-all; }
hr { height: 3px; background-color: #A6B5D8; border: none; color: #DDFFFF; margin:32px 0;}
ul { margin:0; padding:0 0 0 10px; list-style-type:none; }
li { background:url("ctimage/mark.gif") no-repeat 0 1px; padding-left: 20px; margin-bottom:8px; color:#5367a0; }
mark { background-color:#0000FF; color:#FFFFFF }
hgroup { margin:0; padding:0; }
tr,th,td,table { padding:0px; border:solid 1px gray;}

#centering  { margin-left:auto; margin-right:auto; text-align:left; max-width:1024px; position:relative;}
section:after  { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
article:after  { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

.space_p { word-break: normal; word-wrap: break-word; line-break:strict; letter-spacing:0.1em; font-size:87%; text-indent:1em; text-align:justify; text-justify:inter-ideograph;}
.cl_p { word-break: normal; word-wrap: break-word; line-break:strict; letter-spacing:0.1em; font-size:87%; text-indent:1em; text-align:justify; text-justify:inter-ideograph; margin-bottom:8px;}
.box { margin:0px; float:left; max-width:580px; background-color:#FFFFFF; }
.nbox { margin:0px; float:left; width:380px; background-color:#FFFFFF; }
.box:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.cgbox:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.pad_sp { padding-left:8px; }
.mar_tsp { margin-top:32px; }
.backh2 { background-image:url(ctimage/hgroupb.png);  background-repeat:repeat-y; background-color:#DDFFFF;}
.ten3rd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dsbl cite { overflow:hidden; white-space:nowrap;}
.cap_bl { color:#440099; font-size:100%; word-break: normal; word-wrap: break-word; line-break:strict; letter-spacing:0.1em; text-align:justify; text-justify:inter-ideograph; margin-bottom:8px;}
.tb_sp { border-collapse:separate; border-spacing:2px; border:0px;}

@media only screen and (max-width:480px) {
.conspos { height:300px;}
.conspos img { max-width:100%;}
.viewfs { font-size:3vw;}
.pcsite { display:none;}
.titlesize img { width:600px;}
.warni-sm { display:inline;}
.warni-pc { display:none;}
a {line-height:32px; font-size:3.5vw;}
.fittab { width:800px;}
}

@media only screen and (min-width:481px) {
.navpos { position:absolute; }
.secpos { margin-left:220px; }
.artpos { margin-left:220px; }
.topbox { min-height:800px;}
.viewfs { font-size:2vw;}
.inlpos picture { display:block;}
.titlesize img { max-width:100%;}
.warni-sm { display:none;}
.fittab { min-width:530px;}
}

@media only screen and (min-width:640px) {
.conspos { float:left; width:30%;}
.conspos img { max-width:100%;}
.viewfs { font-size:14px;}
}

@media only screen and (max-width:600px) {
.movwrap { position:relative; padding-bottom:56.25%; }
.movwrap iframe {position:absolute; top:0; left:0; max-width:100%; max-height:100%;}
.blchange { display:block;}
.dsbl cite { display:none;}
}

@media only screen and (max-width:850px) {
.bgout { background-color: rgba(255,255,255,0.5);}
}

@media only screen and (max-width:864px) {
.zu2 {display:inline;}
.zu1 {display:none;}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.cgpos767mr { margin-left:220px;}
}

@media only screen and (min-width:768px) {
.cgpos767 { position:absolute; top:0;}
.cgpos767mr { float:right; margin-left:500px; height:1600px; }
.cgbox2 { width:260px;}
}

@media only screen and (min-width:865px) {
.fll { float:left; margin-right:32px;}
.abidisr { float:right;}
.zu1 { display:inline;}
.zu2 { display:none;}
.cgbox { margin:0px; width:55%; background-color:#FFFFFF; }
}