#left{width:350px;}
#center{width:690px;}
#right{width:150px;}


li {list-style: none; padding:8px 2px;  border-bottom: dotted 1px #999; list-style-image: url(/images/arrow_126.gif)}
h1 {font: bold 1.6em Arial, Sans-Serif; padding: 5px 0 3px 0; margin: 0; letter-spacing: -1px; }
hr {border: none 0; border-top: 1px dotted #ccc; height: 1px; }
a{color:black;}
p,ul{margin-top: 5px;margin-bottom:5px;}
ul{padding-left:25px;}
p,li,a,b,select option{font-size:18px;}

@media screen and (max-width:750px) {/*mobile*/
.adl,#ad160,td.nav,div#leftad{display:none;}
#wrap,#left,#right,#ileft,#iright,#hleft,#hright,.dirbox,.dir1,.dir2,.dir3{width:100%;display:block;float:none;}
#hleft{padding-left:0px;}
#hright{padding-top:5px;padding-bottom:10px;}
.dir1,.dir2,.dir3{padding:0;margin:0;}
.dir1 a,.dir2 a,.dir3 a {font-size:15px;}
}
@media screen and (min-width:751px) {/*pc*/
.dir1,.dir2,.dir3{width:250px;}
div#selbox{display:none;}
#hleft{padding-left:17px;}
header{min-height:55px;padding: 10px 0;}
#hright{padding-top:15px;}
#left {background:white;}
#left a {font-size:18px;}
.dir1,.dir2,.dir3{padding-top:1px;padding-bottom:5px;margin:2px 0;}
.flay{display: table-cell; vertical-align:middle; width:12%;}
}

/*Index*/
div.list{line-height:1.8;padding:3px 0;border-bottom:1px dotted lightgrey;}

#pages{text-align:center;width:100%; padding:2px 0 4px 0;margin-bottom:12px;}
#pages a,#pages b {padding: 2px 5px;margin:1px;background:whitesmoke;border:1px solid lightgrey;text-decoration:none;margin:0px 2px;}
#pages b{color:red;}

.adl{border:1px dotted lightgrey;padding:3px 0;}

.dirbox{padding-bottom:10px;background: whitesmoke;box-shadow: 3px 3px 5px dimgray;width: 95%;margin-left: 5px; border:1px solid lightgrey;} 
.dir1,.dir2,.dir3{border-bottom:1px solid lightgrey;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;width: 97%;}
.dir1 a,.dir2 a,.dir3 a {text-decoration:none;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;width:250px;}
a.dsel{color:crimson;}
.dir1 a{margin-left:5px;}
.dir2 a{margin-left:17px;}
.dir3 a{margin-left:29px;}

#selbox select{font-weight:bold;border:0;width:100%;margin-bottom:1px;padding:5px;text-align:center;}

#footlinks{text-align:center;line-height:2;margin:5px 5px 10px 5px;}
#footlinks a {border:1px solid lightgrey;padding:3px;text-decoration:none;background:whitesmoke;}

#flaymain{text-align:center; margin:3px 0 10px 0;}
.flay { padding: 3px 10px; background:whitesmoke; border: 1px solid lightgray; margin: 0 5px; text-align: center; }
.flay a{text-decoration: none;}

#admin{float:right;background:black; padding:3px 10px;color:white;cursor: pointer;}
.updated{color:crimson;font-size:70%;font-weight:bold;}