*{
margin:0;
padding:0;
}

p.pagetop,
form.search span{
display:none;
}

body{
margin:0;
padding:10px 0 20px 12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
}

img{
border:none;
}

a:link{
text-decoration:none;
}

a:active{
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

div#header{
clear:both;
margin:0;
padding:0;
}

ul.sort_list{
float:left;
list-style:none;
width:99%;
font-size:80%;
margin:8px 0 15px;
}

ul.sort_list li{
float:left;
width:8em;
white-space:nowrap;
text-align:center;
margin:0 4px 0.2em 0;
padding:6px 6px 4px;
background-color:#fff;
border:1px solid #BDC9E1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

ul.sort_list li.this{
background-color:#ec0000 !important;
border:1px solid #ff7070 !important;
color:#fff !important;
}

ul.sort_list li:hover{
border:1px solid #bdc9e1;
background-color:#e2ecf9;
}

ul.sort_list li.this:hover{
background-color:#ec0000 !important;
border:1px solid #ff7070 !important;
}

p.credit,
p.path{
padding:0 12px 4px 0;
font-size:80%;
color:#000;
}

h1{
margin:12px 8px 8px 2px;
font-size:100%;
}

div#contents{
clear:both;
margin:0;
padding:0;
}

div#contents{
position:relative;
top:0px;
left:0px;
}

ul#navi{
position:absolute;
top:0px;
left:0px;
list-style:none;
width:18%;
font-size:80%;
border-top:1px solid #BDC9E1;
margin:0;
padding:0 0 12px
}

ul#navi li{
display:inline;
}

ul#navi li a{
display:block;
margin:0;
padding:7px 2px 6px 20px;
border-bottom:1px solid #BDC9E1;
background:url(../img/yj.gif) no-repeat 4px 8px;
}

ul#navi li a:hover{
text-decoration:none !important;
background-color:#e2ecf9;
}

div#main{
position:relative;
top:0px;
left:20%;
clear:both;
margin:0;
padding:0;
width:79%;
}

body#leaf div#main{
left:0%;
width:99%;
}

form.search{
clear:both;
margin:0;
padding:12px 0 16px;
font-size:70%;
}

form.search input,
form.search select{
border:1px solid #BDC9E1;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

form.search input.query{
padding:1px 2px;
width:40%;
min-width:150px;
max-width:240px;
}

form.search input.submit{
margin:0;
padding:0 4px;
border-top:1px solid #bdc9e1;
border-right:1px solid #c2cce5;
border-bottom:1px solid #bdc9e1;
border-left:1px solid #c2cce5;
background-color:#ecf3fb;
cursor:pointer;
}

form.search input.submit:hover{
border:1px solid #aab3cb;
}

dl.units_word{
margin:2px 10px 16px 4px;
padding:0;
font-size:80%;
line-height:140%;
}

dl.units_word dt,
dl.units_word dd{
display:inline;
margin:0;
padding:0;
}

dl.units_word dd{
margin:0;
padding:0 0 0 2px;
}

dl.units_word dd img{
margin:0 3px 0 0;
}

p.msg{
clear:both;
margin:0 0 4px;
padding:16px 0 4px 8px;
font-size:80%;
color:#000;
border-top:1px solid #BDC9E1;
}

p.msg strong{
margin:0 2px;
font-style:normal;
font-weight:bold;
color:#000;
font-size:125%;
}

p.msg strong.count{
font-size:148%;
}

p.msg a.clear_btn{
text-decoration:none !important;
margin:-2px 2px 2px 1px;
padding:2px 3px 1px;
font-size:80%;
vertical-align:middle;
border-top:1px solid #bdc9e1;
border-right:1px solid #c2cce5;
border-bottom:1px solid #bdc9e1;
border-left:1px solid #c2cce5;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#ecf3fb;
color:#000;
}

p.msg a.clear_btn:hover{
text-decoration:none !important;
border:1px solid #dce1ed;
background:#00f;
color:#fff;
}

p.caution{
clear:both;
margin:6px 0;
padding:0 0 0 8px;
font-size:64%;
color:#000;
}

ol{
float:left;
margin:15px 0 5px;
width:100%;
list-style:none;
}

ol li{
float:left;
margin:0;
padding:0 8px 0 0;
width:148px;
height:20em;
}

ol li dl{
margin:0;
padding:0 0 8px 0;
width:148px;
min-height:18em;
}

ol li dl dt,
ol li dl dd{
margin:0;
padding:0;
}

ol li dl dt a{
display:block;
margin:3px 0;
padding:6px;
max-width:134px;
max-height:134px;
border:1px solid #BDC9E1;
background:#fff;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
font-size:64%;
}

ol li dl dt a:hover{
border:1px solid #aab3cb;
}

ol li dl dd{
margin:4px 0 0;
font-size:70%;
font-weight:normal;
line-height:1.2em;
}

ol li dl dd strong{
margin-right:2px;
font-size:160%;
font-family:Helvetica,Arial,Impact,Verdana;
font-weight:bold;
}

ol li dl dd em{
margin:0 1px;
font-size:130%;
font-weight:bold;
font-style:normal;
color:#000;
}

ol li dl dd.link{
padding-left:15px;
background:url(../img/yj.gif) no-repeat 0 2px;
}

ol.page{
float:left;
margin:15px 0 15px;
padding:0 0 15px;
width:100%;
list-style:none;
}

ol.page li{
margin:0;
padding:0;
width:auto;
height:auto;
font-weight:bold;
}

ol.page li a{
float:left;
display:block;
margin:4px 4px 0 0;
padding:3px 1px;
width:1.5em;
border:1px solid #BDC9E1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-align:center;
}

ol.page li.this b{
float:left;
display:block;
margin:4px 4px 0 0;
padding:3px 1px;
width:1.5em;
border:1px solid #fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#f00;
color:#fff;
text-align:center;
}

ol.page li a:hover{
border:1px solid #00f;
background:#def;
text-decoration:none;
}

div#footer{
clear:both;
margin:8px 0 0;
padding:8px 0 4px;
width:99%;
text-align:center;
border-top:1px solid #BDC9E1;
}

p#copyright{
margin:12px 4px 6px;
padding:0;
font-size:80%;
}

p#copyright img{
vertical-align:middle;
margin-bottom:2px;
}

/* スマートフォン用 @media start */
@media only screen and (max-device-width:480px){

*{
-webkit-text-size-adjust:none;
}

p.pagetop{
display:block;
margin:0;
padding:4px 0 12px;
font-size:80%;
text-align:right;
}

body{
padding:4px 4px 12px;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

ul.sort_list{
display:none;
}

p.credit,
p.path{
padding:4px 0 4px 0;
font-size:70%;
}

h1{
margin:4px 0 4px 2px;
}

div#contents{
position:static;
top:0px;
left:0px;
}

ul#navi{
position:static;
width:100%;
font-size:100%;
padding:0 0 4px
}

div#main{
position:static;
top:0;
left:0;
width:100%;
}

div#contents ul#navi{
height;auto !important;
}

div#contents div#main{
height;auto !important;
}

body#leaf div#main{
left:0;
width:100%;
}

form.search{
padding:0 0 8px;
font-size:125%;
line-height:1.6em;
}

form.search span{
display:block;
font-size:80%;
}

form.search input,
form.search select{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}

form.search input.query{
width:60%;
}

dl.units_word{
margin:0 0 8px;
}

p.msg{
margin:0 0 8px;
padding:8px 0 0;
}

p.msg strong.count{
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

p.caution{
margin:4px 0;
padding:0;
font-size:70%;
}

ol{
margin:0 0 4px;
}

ol li{
height:22em;
}

ol li dl dd strong,
ol li dl dd em{
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

ol.page{
margin:15px 0 4px 8px;
padding:0;
font-size:125%;
}

ol.page li a{
margin:8px 8px 0 0;
padding:4px 1px;
}

ol.page li.this b{
margin:8px 8px 0 0;
padding:4px 1px;
border:1px solid #f00;
}

div#footer{
width:100%;
text-align:left;
}

p#copyright{
margin:12px 4px 6px;
font-size:100%;
}

p#copyright img{
vertical-align:middle;
margin-bottom:2px;
}

}
/* スマートフォン用 @media end */