@charset "utf-8";
@import "common.css";

body {
    margin: 0;
    padding: 0;
    color:#333;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.4;
}

/* -------------- container -------------- */
#container {
	padding: 0;
	width: 90%;
	min-height: 500px;
	margin: 90px auto 1em;
	font-size: 93.7%;
	clear: both;
}

#starlab-top {
    width: 400px;
    height: 580px;
    margin: 0 auto;
	background: white url(/images/toppage.jpg) no-repeat center center;
}

/* -------------- Site Navigation (Sub) -------------- */
#sub-navi { margin-left:120px; margin-bottom:1em; }
#sn-path { float:left; margin:0; }
#sn-item { float:right; margin:0; } 
#sub-navi h1, #sub-navi h2 { font-size: 14px; font-weight: normal; display: inline; }
#sub-navi h2:before { content: "\0020 \003E \0020"; }

/* -------------- vdic -------------- */
#vdic {
    background-image: url(/images/vdic_title.png);
    background-repeat: no-repeat;
    background-position: left 120px;
	font-size: 93.3%;
}

#vdic-body { width: 780px; }
#vdic_cover { float: left; margin: 0 20px 20px 0; }
#vdic_part { padding-bottom: 30px; white-space: nowrap; }
#vdic_part li { list-style-type: none; display: inline; margin: 10px 3px; }
#vdic_part li a { line-height: 3; padding: 10px; background-color: #eee; border: 1px solid #ddd; }
#vdic_part a:hover { background-color: #fcf; }
#sample-page { margin: 30px; }
#sample-page a { line-height: 8; padding: 40px 20px; margin: 3px; border: 1px outset #ccc; white-space: nowrap; }
#sample-page a:hover { background-color: #fef; }

#vdic-about h2 { font-size: 120%; }
/* -------------- vdic/overview -------------- */
#vdic-chapter1 {
	width: 900px;
}
#vdic-toc {
 	float: right;
/* 	margin-right: 10px;*/
    padding: 10px;
	width: 250px;
	background-color: #eee; height: 868px;
}
#vdic-toc h2{
	
	text-align: center;
}
#vdic-toc h3{
	font-size: 100%;
	margin: .5em 0 .2em;
}
#vdic-toc>p{
	margin: 0 0 0 1em;
}
#vdic-page {
	float: right;
	margin: 0 10px 20px 10px;
	padding: 10px 10px 0;
	border: 1px solid silver;
}


/* -------------- vdic/dic -------------- */
#word_description .wylie {
    color: red;
}

#word_description {
	background: #F7F7F7;
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin: 10px 0;
}

#word_description ul {
	margin: 0;
	padding: 0;
	list-style:none!important;
	list-style-image: none!important;
}

#word_description ul li {
	margin-bottom: 10px;
}

#vdic_search_form {
	background: #F7F7F7;
	border: 1px solid #EAEAEA;
	padding: 10px;
}

#search_word {
	width: 150px;
	font-size: small;
}

div.autocomplete {
      position:absolute;
      width: 150px;
      background-color: white;
      border: 1px solid #888;
      margin: 0px;
      padding: 0px;
}
	
div.autocomplete ul {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0px;
	padding: 0px;
	max-height: 600px;
	overflow: auto;
}

div.autocomplete ul li.selected {
	background-color: #B9DAF0;
}

div.autocomplete ul li {
	font-size: small;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}

#word_description .midashi {
    font-size: 130%;
}
#word_description .hinshi,
#word_description .henka,
#word_description .pronun {
    padding-left: 1em;
}
#word_description .pronun {
    color: green;
}
#word_description dt {
    margin: 1em 0 .5em;
    padding: .5em 1em 0;
    border-top: 1px solid #ddd;
}
#word_description dd {
    border-left: 5px solid #ccf;
    margin-bottom: .5em;
    padding-left: .5em;
}
#word_description dd.lit {
    border-left: 5px solid #ddd;
    color: #666;
}



/* -------------- kaiwa -------------- */

/*div#menu-col {
	float: left;
	width: 8.5em;
}*/

#kaiwa-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
	text-align: center;
}
#kaiwa-menu li{
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: .3em;
	line-height: 1.2em;
	background: none;
}
#kaiwa-menu li:before {
	color: orange;
	content: "\5b";
}
#kaiwa-menu li:after {
	color: orange;
	content: "\5d";
}

#kaiwa-menu li a {
}
#kaiwa-menu li a:hover {
    background-color: orange;
}


#kaiwa-tbl {
	margin: 2em 0;
	width: 100%;
	border-collapse: collapse;
}
#kaiwa-tbl th{
	text-align: left;
	border-bottom: 3px solid #fdd;
	padding: 0 .5em;
}
#kaiwa-tbl td{
	border-bottom: 1px solid #ccc;
	padding: .5em .5em 0;
}
#kaiwa-tbl a{
	color: inherit;
	display: block;
}
#kaiwa-tbl a:hover{
	color: #f66;
}