@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Happy+Monkey);*/
@import url(http://fonts.googleapis.com/css?family=Aclonica);
body {
  margin-top:8px;
  margin-bottom:8px;
  margin-left:8px;
  margin-right:8px;
  background-color:rgb(64,64,64);
  /*background-image:url("http://android.shighe.com/ja/AFractal/sample/gallery_2_dimensions_0.png");*/
  color:rgb(0,0,0);
}
a:link {
  color:rgb(0,0,255);
  text-decoration:none;
}
a:active {
  color:rgb(255,0,0);
  text-decoration:none;
}
a:visited {
  color:rgb(128,0,128);
  text-decoration:none;
}
a:hover {
  color:rgb(255,0,0);
  text-decoration:underline;
}
.header_area {
  text-align:center;
  background-color:rgb(192,192,192);
  color:rgb(0,0,0);
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
}
.treeview_area {
  vertical-align:top;
  background-color:rgb(255,255,255);
  color:rgb(0,0,0);
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
}
.body_area {
  vertical-align:top;
  background-color:rgb(224,224,224);
  color:rgb(0,0,0);
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
}
.footer_area {
  text-align:center;
  background-color:rgb(192,192,192);
  color:rgb(0,0,0);
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
}
.item_area {
  background-color:rgb(255,255,255);
  margin-top:4px;
  margin-bottom:4px;
  margin-left:4px;
  margin-right:4px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  /*border-style:solid;
  border-width:1px;
  border-color:rgb(192,192,192);*/
}
.title0 {
  /*font-family:Verdana;*/
  /*font-size:20px;*/
  /*font-family: 'Happy Monkey', cursive;*/
  font-family: 'Aclonica', sans-serif;
  font-size:18px;
  line-height:125%;
  font-weight:bold;
}
.title1 {
  font-family:Verdana;
  /*font-size:13px;*/
  font-size:14px;
  line-height:125%;
  font-weight:bold;
}
.title2 {
  font-family:Verdana;
  font-size:12px;
  line-height:125%;
  font-weight:bold;
}
.title3 {
  font-family:Verdana;
  font-size:10px;
  line-height:125%;
  font-weight:normal;
}
.link0 {
  font-family:Verdana;
  /*font-size:13px;*/
  font-size:14px;
  line-height:125%;
  font-weight:normal;
}
.comment0 {
  font-family:Verdana;
  /*font-size:13px;*/
  font-size:14px;
  line-height:125%;
  font-weight:normal;
}
.comment1 {
  font-family:Verdana;
  /*font-size:12px;*/
  font-size:13px;
  line-height:125%;
  font-weight:normal;
}
.comment2 {
  font-family:Verdana;
  /*font-size:11px;*/
  font-size:12px;
  line-height:125%;
  font-weight:normal;
}
.copyright {
  font-family:Verdana;
  font-size:11px;
  line-height:125%;
  font-weight:normal;
}
.access_analyzer {
  font-family:Verdana;
  font-size:11px;
  line-height:125%;
  font-weight:normal;
}
.spry_map {
  padding:8px;
  border-style:solid;
  border-width:1px;
  border-color:rgb(192,192,192);
}

.ad_index {
  vertical-align:top;
  padding-left:1px;
}
.ad_etc {
  vertical-align:top;
  /*padding-left:1px;*/
}
@media screen and (min-width: 1281px){
  .ad_index {
    width:300px;
  }
  .ad_etc {
    min-width:300px;
  }
  .kanban_hssaul {
    width:160px;
    height:160px;
  }
}
@media screen and (max-width: 1280px){
  .ad_index {
    width:300px;
  }
  .ad_etc {
    min-width:160px;
  }
  .kanban_hssaul {
    width:128px;
    height:128px;
  }
}
@media screen and (max-width: 960px){
  .ad_index {
    width:160px;
  }
  .ad_etc {
    min-width:120px;
  }
  .kanban_hssaul {
    width:96px;
    height:96px;
  }
}
@media screen and (max-width: 320px){
  .ad_index {
    width:120px;
  }
  .ad_etc {
    min-width:120px;
  }
  .kanban_hssaul {
    width:64px;
    height:64px;
  }
}