/* ■■■■■■■■■ generals ■■■■■■■■■ */
body{
font-family:"メイリオ", "ＭＳ ゴシック", sans-serif;
/* ゴシック体は斜体字が見にくい*/
/* メイリオの和文には斜体字がない、英文にはある */
margin:0.5em 3em;
line-height:1.5em;
color:#000000;
background-image:url(../jpg/bg_dic.jpg);
background-color:#c0c0c0;
}
a:link{
color:#0000ff;
}
a:active{
color:#800080;
}
a:visited{
color:#800080;
}
a:hover{
background-color:#c0c0c0;
text-decoration:underline;
font-style:italic;
}
a.ref{
background-color:#d0d0d0;
font-weight:bolder;
}
a:hover.ref{
background-color:#ffffff;
text-decoration:underline;
font-style:italic;
}
h1{
text-align:center;
letter-spacing:0.3em;
background-color:#ffffff;
padding:0.5em;
border-top:solid 2px #c0c0c0;
border-bottom:solid 2px #c0c0c0;
}
h2{
font-size:110%;
}
div.subtitle{
/* each page subtitle */
font-size:120%;
font-weight:bolder;
text-align:center;
margin:0.3em 0;
}
h3{
font-size:100%;
}
h3.soft{
/* dic software only */
padding:0.8em 0;
width:50%;
}
h4{
font-size:90%;
}
em{
margin-right:0.2em;
}
p{
/* dic general */
text-indent:1em;
}
/* ■■■■■■■■■ contents general ■■■■■■■■■ */
.article{
}
.header{
margin-left:1em;
}
.dic_title{
padding:0.8em;
border:outset;
}
h2.dic_name{
padding:0.8em;
margin:1em 0 0.5em -1em;
border:outset;
font-weight:bolder;
font-size:140%;
text-indent:-1.5em;
padding-left:1.5em;
text-align:left;
}
h2.dic_name::before{
margin:0 0.5em;
content:"■";
}
.year{
font-family:"Times";
font-weight:bolder;
font-size:120%;
}
.sub_title{
font-family:"Times";
font-size:120%;
font-style:italic;
font-weight:bolder;
}
.publisher{
font-weight:bolder;
font-size:110%;
}
.section{
margin-left:1em;
}
.sep{
/* separator large */
text-align:center;
letter-spacing:1em;
margin:1.5em 0 1.5em 0;
color:#808080;
font-size:150%;
font-weight:bolder;
}
.sep_s{
/* separator small */
text-align:center;
letter-spacing:1em;
margin:1em 0 1em 0;
color:#808080;
font-weight:bolder;
}
/* aside */
div.aside_title{
text-align:center;
margin:1em 0;
}
div.aside_title::before{
content:"●▲■";
}
div.aside_title::after{
content:"●▲■";
}
div.aside{
background-color:#ffffff;
margin:1em 6em 1em 3em;
border:solid 1px #909090;
padding:0em 1.5em 1em 1em;
}
dt.aside{
font-size:120%;
font-weight:bolder;
}
p.aside{
margin-top:0.3em;
}
.favicon_png{
position:relative;
top:0.2em;
}
.example{
/* example from dic */
border-radius:18px;
margin:1em 0 1em 2em;
padding:1em;
font-size:100%;
background-color:#ffffff;
text-indent:0em;
}
span.hg3em{
/* 1 word + examples: 【例】【訳】【×】【○】 */
display:inline-block;
text-indent:-3.5em;
padding-left:3.5em;
}
/* ■■■■■■■■■ topindex ■■■■■■■■■ */
.topindex{
margin-bottom:1em;
text-align:center;
}
.topindex table{
border:solid 2px #c0c0c0;
margin:auto;
width:80%;
background-color:#ffffff;
font-size:120%;
text-align:center;
}
table.topindex td{
width:50%;
}
table.chart{
margin-left:1em;
}
/* ■■■■■■■■■ list ■■■■■■■■■ */
ol,ul{
text-indent:0;
margin-left:1em;
}
li{
margin-left:1em;
}
dt.dic_title{
/* dic software only */
padding:0.8em;
border:outset;
margin:1em 0;
}
dd{
margin-left:1em;
}
/* ■■■■■■■■■ table ■■■■■■■■■ */
table{
font-size:100%;
margin-bottom:1em;
}
th.chart{
/* dic software only */
background-color:#c0c0c0;
padding:0.5em 0.5em 0.5em 1em;
}
td.chart{
/* dic software only */
padding:0.5em 0.5em 0.5em 1em;
}
caption{
/* index.html only */
color:#000080;
font-size:110%;
letter-spacing:0.1em;
font-weight:bold;
}
/* ■■■■■■■■■ specifics ■■■■■■■■■ */
.preface{
margin:1em 8% 0 8%;
padding:0.1em 2em;
background-color:#ffffff;
border:solid 1px #000000;
}
.preface p{
text-indent:0em;
}
.nb{
/* n.b. general */
margin-left:1em;
font-size:small;
}
.last_update{
text-align:center;
margin:0 0 0.5em 0;
}
/* ■■■■■■■■■ quotation ■■■■■■■■■ */
.quotation{
border-radius:18px;
border:solid 1px #c0c0c0;
background-color:#ffffff;
padding:0.5em 1em;
margin:0 0.5em 1em 0;
}
.quote_title{
border-top-left-radius:15px;
border-top-right-radius:15px;
border-top:solid 1px #c0c0c0;
border-right:solid 1px #c0c0c0;
border-left:solid 1px #c0c0c0;
font-weight:bolder;
margin-left:2em;
display:inline-block;
background-color:#ffffff;
padding:0 1em;
position:relative;
top:0.1em;
z-index:999;
}
blockquote{
font-family:"Times";
font-style:italic;
margin:0 1em;
}
blockquote ol,ul{
margin-left:-1em;
}
.quote{
/* quotation general */
font-family:"Times";
font-weight:normal;
display:list-item;
list-style-type:square;
}
cite{
/* additional comment of quotation only */
font-style:normal;
font-size:small;
display:inline-block;
text-indent:-1em;
padding-left:1em;
margin-left:1em;
}
/* ■■■■■■■■■ fixed navi buttons ■■■■■■■■■ */
.fixednavi{
position:absolute;
bottom:55%;
margin:0 0.5em;
}
.totopfixed a:visited{
}
.totopfixed{
color:#c0c0c0;
font-size:x-large;
padding:0.2em 0.1em 0.2em 0.5em;
position:fixed;
right:0.3em;
}
.homefixed a:visited{
}
.homefixed{
color:#c0c0c0;
font-size:x-large;
padding:0.2em 0.1em 0.2em 0.5em;
position:fixed;
right:0.3em;
}
.backfixed a:visited{
}
.backfixed{
color:#c0c0c0;
font-size:x-large;
padding:0.2em 0.1em 0.2em 0.5em;
position:fixed;
right:0.3em;
}
/* ■■■■■■■■■ popuptopic ■■■■■■■■■ */
div.popuptopic{
position:fixed;
top:1em;
left:0.1em;
font-size:88%;
visibility:hidden;
}
span.popuptopic_title{
font-weight:bolder;
visibility:visible;
font-size:large;
color:#0f0f0f;
}
span.popuptopic_subtitle{
font-weight:bolder;
}
div.popuptopic:hover{
visibility:visible;
padding:0.5em;
background-color:#ffffff;
border:solid 1px #000000;
border-radius:20px;
line-height:1.5em;
max-height:80%;
max-width:80%;
z-index:999;
overflow:auto;
overflow-x:auto;
overflow-y:auto;
word-break:keep-all;
margin-left:-0.3em;
@opacity:0.8;
}
div.popuptopic ul{
margin:0 0 0 -1em;
}
div.popuptopic ul li{
list-style-type:none;
text-indent:-1.2em;
padding-left:1.2em;
}
/* ■■■■■■■■■ navigations ■■■■■■■■■ */
ul.trail{
border:dashed 2px #606060;
border-width:1px 0 1px 0;
margin:0.5em 1em;
padding:0.1em 0;
font-size:80%;
}
li.trail_favicon{
display:inline;
list-style-type:none;
margin-left:0.3em;
position:relative;
bottom:0.1em;
margin-right:-0.3em;
}
li.trail_home{
display:inline;
list-style-type:none;
margin-left:0.3em;
}
li.trail{
display:inline;
list-style-type:none;
margin-left:0.3em;
}
li.trail:before{
content:">>";
margin-right:0.5em;
font-weight:bolder;
}
/* ■■■■■■■■■ jump menu ■■■■■■■■■ */
.jump_menu_top{
font-size:100%;
margin:1em 0 0.5em 0;
text-align:center;
}
.jump_menu_bottom{
font-size:100%;
margin:1em 0 0.5em 0;
text-align:center;
}
.dic_jump{
font-size:90%;
margin:0.5em 0;
text-align:center;
}
.navi{
font-size:100%;
margin:4em 0 4em 0;
text-align:center;
}
/* ■■■■■■■■■ dic soft only ■■■■■■■■■ */
p.subheader{
/* dic software only */
font-size:130%;
text-indent:0em;
margin-bottom:0;
}
div.large{
/* dic software only */
margin:0 0 0 0.5em;
font-weight:bold;
}
div.jump_items{
/* dic software only */
padding-bottom:0.3em;
}
div.jump_menu_right{
/* dic software only */
padding:0 0 0 0.1em;
}
div.jump_menu_center{
/* dic software only */
font-size:123%;
font-weight:bolder;
}
div.jump_menu_left{
/* dic software only */
padding:0 0.1em 0 0;
}
/* dic software only */
span.list_header{
font-weight:bolder;
font-size:110%;
margin-right:0.3em;
line-height:1.5em;
}
/* dic software index.html only */
.dic_genre{
font-weight:bolder;
font-size:140%;
background-color:#ffffff;
padding:0.5em 0 0.5em 0.5em;
margin-top:1em;
border-style:solid;
border-width:0 0 3px 3px;
border-color:#c0c0c0;
}
/* dic software index.html only */
.data{
padding:0.8em 0;
margin:1em 0 1em -1em;
border:outset;
font-weight:bolder;
font-size:120%;
text-align:left;
}
/* dic software index.html only */
.data_item{
display:inline;
margin-left:1em;
}
/* dic software index.html only */
.data_item::before{
content:"◆";
}

/* dic software index.html only */
.vender_copyright{
font-size:small;
background-color:#ffffff;
padding:1em 1em 1em 0em;
border:solid #191919 1px;
}
/* dic software only */
div.detail li{
margin-bottom:1em;
}
/* ■■■■■■■■■ dic soft > comp only ■■■■■■■■■ */
th.comp{
color:#000000;
background-color:#a9a9a9;
text-align:center;
vertical-align:middle;
padding:0.8em 0em 0.8em 0em;
font-size:90%;
}
td.comp{
text-align:center;
vertical-align:middle;
padding:0.8em 0em 0.8em 0em;
}
/* ■■■■■■■■■ dic soft > sysreq only ■■■■■■■■■ */
th.sysreq{
color:#000000;
background-color:#a9a9a9;
text-align:center;
vertical-align:middle;
padding:0.8em 0.8em 0.8em 0.8em;
font-size:90%;
}
td.sysreq{
text-align:center;
vertical-align:middle;
padding:0.8em 0.8em 0.8em 0.8em;
}
.addition{
font-size:90%;
margin:0.5em 0.5em 0 0.5em;
}
.check{
font-weight:bolder;
}
/* ■■■■■■■■■ dic soft > notice only ■■■■■■■■■ */
.item{
padding:0.8em;
margin:1em 0 0.5em -1em;
border:outset;
font-weight:bolder;
font-size:140%;
text-indent:-1.5em;
padding-left:1.5em;
text-align:left;
}
.item::before{
margin:0 0.5em;
content:"■";
}
/* ■■■■■■■■■ dic soft > remarks only ■■■■■■■■■ */
th.remarks{
color:#000000;
background-color:#a9a9a9;
text-align:center;
vertical-align:middle;
}
td.remarks{
text-align:center;
vertical-align:middle;
}
.rating{
font-size:140%;
letter-spacing:0.5em;
color:#000000;
background-color:#ffffff;
border:solid;
border-width:0px 2px 2px 1.5em;
border-color:#000000 #c0c0c0 #000000 #000000;
padding: 0.3em 0em 0.3em 0em;
margin-top:1em;
}
.block{
font-size:90%;
margin-right:0.1em;
}
.index{
margin-top:1em;
margin-bottom:0.5em;
}
.index_tilte{
font-weight:bold;
color:#000080;
}
.move{
position:absolute;
right:5em;
letter-spacing:0;
font-size:60%;
padding-top:0.5em;
}
/* ■■■■■■■■■ css for mobile device ■■■■■■■■■ */
/* 414 x 736 (iphone's standard screen size???) */
@media (max-width:415px){
	body *{
	font-family:"メイリオ", "ＭＳ ゴシック", sans-serif;
	font-size:x-small;
	letter-spacing:0;
	}
	body{
	margin:0.5em 3em 0.5em 2.5em;
	}
	h1,h2,h3,h4{
	font-size:100%;
	letter-spacing:0;
	}
	h3.soft{
	/* dic software only */
	width:90%;
	}
/* ■■■■■■■■■ topindex  ■■■■■■■■■ */
	.topindex{
	text-align:center;
	margin:auto;
	width:90%;
	}
/* ■■■■■■■■■ popuptopic ■■■■■■■■■ */
	div.popuptopic{
	font-size:80%;
	}
	span.popupindex_title{
	font-size:medium;
	}
	span.popuptopic_title{
	font-size:medium;
	}
/* ■■■■■■■■■ preface ■■■■■■■■■ */
	.preface{
	margin:1em 4% 0 4%;
	padding:0.1em 0.5em;
	}
	.preface dd{
	margin-left:0;
	}
	.preface ol,ul{
	margin-left:0;
	}
/* ■■■■■■■■■ generals ■■■■■■■■■ */
	.dic_name{
	text-align:left;
	margin-left:-0.5em;
	}
	.year{
	margin-left:1em;
	}
	div.aside{
	margin:0em;
	}
	.example{
	/* example from dic */
	margin:0 0 1em 0;
	padding:1em;
	}
/* ■■■■■■■■■ table  ■■■■■■■■■ */
	table{
	width:100%;
	}
/* ■■■■■■■■■ list ■■■■■■■■■ */
	ol,ul{
	margin-left:0em;
	}
	li{
	margin-left:0em;
	}
	dd{
	margin-left:0em;
	}
/* ■■■■■■■■■ quote ■■■■■■■■■ */
	blockquote{
	margin-left:0em;
	}
	.quote{
	/* quotation general */
	word-break:break-all;
	}
	.note{
	/* additional comment of quotation only */
	margin-left:0em;
	}
/* ■■■■■■■■■ trail ■■■■■■■■■ */
	ul.trail *{
	font-size:xx-small;
	font-weight:lighter;
	}
}