@charset "utf-8";



* {text-decoration:none;}



body {
font-family: Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HelveticaNeue, "Helvetica Neue", "Segoe UI", Calibri, sans-serif;
padding: 0px;
margin: 0px;
font-size: 100%;
}



a {
color: #0000ff;
outline: none;/*クリック後に生じる枠破線除去*/}
/*a:visited {color: #ff00ff;}*/
a:hover {background-color: #ffcc66; color: #000000;}
a img {
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-ms-transition: -ms-transform 0.2s linear;
transition: transform 0.2s linear;}
a:hover img {
opacity: 0.7;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-moz-translateY:(5%);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}



div{color: #333333;
line-height: 2em;
margin-left: auto;
margin-right: auto;
}
/*メニューはdiv.header0～2またはtable.menu1から選択し、本稿末尾でフォント指定*/
div.language {white-space: nowrap;
text-align: right;
}
div.breadcrumb {white-space: nowrap;}
div.menu {text-align: center;}
div.main {
margin-left: auto;
margin-right: auto;}
div.footer {clear: both;/*回りこみキャンセル*/
text-align: center;
}



hr {border-width: 0px; padding: 0;}/*ブラウザ間で線の再現性に必要？？？*/
hr.l, hr.m {
border-color: #ff3300;
color: #ff3300;
background-color: #ff3300;
}
hr.l {height: 2px;}
hr.m {height: 1px;}
hr.s {
margin-left: auto;
margin-right: auto;
border-color: #999999;
height: 1px;
color: #999999;
background-color: #999999;
}


h1, h2, h3, h4, h5, h6 {
color: navy;
margin: 0px;/*div掛けをキャンセル？*/
padding: 0px;/*div掛けをキャンセル？*/
font: 1em/1em;
text-align: center;
margin-left: auto;
margin-right: auto;}
h1 {
line-height: 1em;
padding: 10px;
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
}
h4 {font-size: 120%;
font-weight: normal;
text-align: left;
}
h5 {font-size: 100%;
font-weight: bold;
text-align: left;
}
h6 {font-size: 100%;
font-weight: normal;
text-align: left;
color: #999999;
}



table{
text-align: center; 
vertical-align: middle;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
td{
margin:0px;
padding:5px;
border:1px solid #99ccff;
}
td.title{
white-space: nowrap;
background-color:#ccffff;
border:1px solid #99ccff;
}
td.fix{white-space: nowrap;}
td.text{text-align: left;padding: 10px;}
td.fixtext{white-space: nowrap; text-align: left;}
td.no{text-align: right;padding-right: 10px;}
td.none{border: none;}
table caption{
padding-bottom: 15px;
text-align: left;
}



table.cross td{white-space: nowrap;
margin:0px;
padding:5px;
border:2px solid #999999;
}
table.cross td.none{border: none;}
table.cross td.top{border-bottom: none; border-left: none; border-right: none;}
table.cross td.left{border-top: none; border-bottom: none; border-right: none;}
table.cross td.top-left{border-bottom: none; border-right: none;}
table.cross td.top-right{border-bottom: none; border-left: none;}
table.cross td.text{text-align: left; border: none;}
table.cross td.bottom{border:1px solid #999999; border-top: none; border-left: none; border-right: none;}



table.menu{
text-align: left;
font-style: bold;}
table.menu td{border: none; vertical-align: top;}
td.month{color: #999999;}



img {max-width: 100%;}/*親要素の幅に制約させるには100%、無視するなら100vwにする*/



figure {
/*padding:30px;
border:1px solid #99ccff;*/
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
display: table;/*テキストを図の幅に合わせる。下記2項目とセット*/
width: 200px; /*テキストの幅を画像幅以下にし、画像が極小のときはテキストの幅がこの値*/
*width: auto; /*IE7以下対処*/}
figure img {max-width: 90vw;}/*figureのwidthを90%にしたいが、table表示のため幅は内包するimg依存なので*/
figure a:hover {background-color: transparent;}/*問題1*/
figcaption {margin-top: 15px;}
figcaption a:hover {background-color: #ffcc66; color: #000000;}/*問題1*/
figure.menu {margin: 5px;display: inline-block;vertical-align: top;}
figure.menu figcaption {margin-bottom: 20px;}
figure.menu img {border-radius: 20px; max-width: 200px;}
figure.title img {border-radius: 0px; max-width: 800px;}
figcaption {}



p, ul {
margin-left: auto;
margin-right: auto;
}

ul li {list-style:none;
text-indent:-3em;
padding-left:2em;
}



i, em {font-style: italic;/*ul#menu li a {text-decoration:none;のキャンセル*/}
u {text-decoration: underline;}
b, strong {font-style: bold;}
s {text-decoration: line-through;}


figure, table {line-height: 1.5em;}
div, table, h3, h4, h5, h6, hr.m, hr.s, p, ul {max-width: 90%;}
h3, h4, h5, h6, hr.m, hr.s, p, ul {width: 800px;}
/*p, ul, figure, table {font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}p, ul {font-size: 120%;}*/