@charset "UTF-8";
* {
  margin : 0px;
  padding : 0px;
}
* html body{
  font-size : 0.9em;
}
body{
  font-size : 0.9em;
  line-height : 1.5em;
  text-align : center;
  background-image : url(../img/snow8.gif);
  font-family : Meiryo,Arial,Verdana;
  background-attachment : fixed;
}
div#page{
  margin-left : auto;
  margin-right : auto;
  border : 1px solid gray;
  width : 900px;
  text-align : left;
  background-color : white;
}
div#header{
  width : 100%;
  position : relative;
}
div#head-l{
  width : 35%;
  position : relative;
  top : 0px;
  left : 0px;
}
div#head-r{
  width : 65%;
  top : 0px;
  left : 35%;
  position : absolute;
  text-align : center;
}
div#logo{
  background-image : url(../img/title.gif);
  background-repeat : no-repeat;
  width : 300px;
  height : 80px;
  text-indent : -9999px;
  margin-top : 5px;
  margin-left : 5px;
/* \*/
  overflow:hidden;
/* */
}
div#logo a{
  padding : 0px;
  margin : 0px;
  width : 300px;
  height : 80px;
  display : block;
  text-decoration : none;
}
div#logo p{
  display : inline;
}
div#footer{
  width : 100%;
  padding-top : 5px;
  background-color : #efeed8;
  border-top : 1px solid #dbdbdb;
  clear : both;
}
div#line{
  width : 100%;
  background-color : #d9d9d9;
  color : white;
}
div#line p{
  text-align : center;
  padding : 5px;
  margin : 0px;
}
div#line em{
  font-weight : normal;
  font-style : normal;
  text-decoration : none;
}
div#start{
  padding : 10px;
}
div#container{
  width : 100%;
  overflow : hidden;
}
div#container:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html div#container{
  height: 1em;
  overflow: visible;
}
/**/
div#container p{
  margin : 1em 15px 1.5em 10px;
}
* html div#content{
  width : 29.5%;
}
div#content{
  width : 30%;
  float : left;
}
div#sidebar{
  width : 70%;
  float : right;
}
div#side-l{
  width : 49.5%;
  float : left;
}
div#side-r{
  padding-left : 15px;
  width : 48%;
  float : right;
}
div#side-b{
  padding-top : 5px;
  width : 100%;
  clear : both;
}
div#bottom{
  width : 100%;
  clear : both;
}
div#bottom p{
  margin : 1em 15px 1em 20px;
}
div#bottom-l{
  width : 75%;
  float : left;
}
div#bottom-r{
  width : 20%;
  float : right;
  text-align : right;
  padding-right : 20px;
  padding-bottom : 20px;
}
#srchBox{
  width:466px;
  _width:464px;
  margin-top : 10px;
  padding-top : 10px;
}
#srchBox *{
  margin:0;
  padding:0;
  font-size:13px;
  *font-size:small;
  *font:x-small;
}
#srchBox a img{
  border:none;
}
#srchBox #srch{
  padding-right : 10px;
  padding-left : 10px;
}
#srchBox #srch #srchForm{
  white-space:nowrap;
}
#srchBox #srchInput{
  width:356px;
  margin-right:6px;
  vertical-align:bottom;
}
#srchBox #srchBtn{
  width:80px;
}
*html #srchBox #srchBtn{
  padding-top:2px;
}
*:first-child+html #srchBox #srchBtn{
  padding-top:2px;
}
#srchBox ul{
  margin-top : 5px;
  margin-left : 10px;
  text-align:left;
}
#srchBox li{
  list-style-type:none;
  display:inline;
  zoom:1;
  padding-right:10px;
}
#srchBox li input{
  zoom:1;
  margin-right:2px;
  _margin:-4px 0 -4px -4px;
  vertical-align:middle;
  border:0;
}
*:+html #srchBox li input{
  margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo{
  margin : 6px 6px;
  text-align:right;
}
#srchBox #srchLogo a{
  color:#666666;
  text-decoration:none;
  font-size:85%;
}
#srchBox #srchLogo a:hover{
  text-decoration:underline;
}
.watermark#srchBox{
  padding-bottom : 0px;
}
.watermark#srchBox #srchInput{
  padding:1px 1px 2px 1px;
  border:1px solid #a5acb2;
  background: url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
.watermark#srchBox .nomark#srchInput{
  background: none;
}
.watermark#srchBox #srchLogo{
display: none;
}
a{
  text-decoration : none;
  color : #0160a5;
}
a:hover{
  color : #f587c7;
  text-decoration : underline;
}
p.top{
  text-align : right;
  padding : 5px 0px 5px 15px;
  clear : both;
}
* html p.top a{
  padding-top : 5px;
  padding-bottom : 5px;
}
p.top a{
  background-image : url(../img/yy03.gif);
  background-repeat : no-repeat;background-position : left center;
  padding : 5px 0px 5px 28px;
}
p.top a:hover{
  background-image : url(../img/yy01.gif);background-position : left center;
  background-repeat : no-repeat;
  padding : 5px 0px 5px 28px;
}
address{
  text-align : center;
  font-weight : normal;
  font-style : normal;
  text-decoration : none;
  padding : 5px 10px 10px 10px;
  background-color : #cad9bb;
  clear : both;
}
em{
  font-weight : bold;
  font-style : normal;
}
strong{
  color : #215f6b;
  font-weight : bold;
  font-style : normal;
  text-decoration : none;
}
hr{
  display : none;
}
img{
  border-style : none;
  padding : 0px;
  margin : 0px;
}
* html img.margin{
  margin-bottom : 5px;
}
img.margin{
  margin-left : 10px;
  padding-bottom : 5px;
  float : left;
}
* html h1{
  margin-top : 10px;
  font-size : 1.3em;
  font-weight : bold;
}
h1{
  font-size : 1em;
  font-weight : normal;
  font-style : normal;
}
h2{
  font-size : 1em;
  font-weight : normal;
  font-style : normal;
  padding : 5px;
  text-align : center;
  text-align : center;
}
* html h3{
  font-size :1.2em;
  padding-top : 8px;
  padding-bottom : 8px;
}
h3{
  font-size : medium;
  font-style : normal;
  text-decoration : none;
  font-weight : normal;
  color : #6d7c03;
  margin : 0px 15px 0px 5px;
  padding-top : 3px;
  padding-left : 15px;
  line-height : 220%;
  background-image : url(../img/title_a.jpg);
  background-repeat : no-repeat;
  background-position : left center;
  width : 600px;
}
h4{
  font-size : 1.2em;
  font-weight : normal;
  font-style : normal;
  line-height : 220%;
  margin : 0px 0px 0px 15px;
  padding-left : 10px;
  background-color : #82a29d;
  clear : both;
  color : #ffffff;
}
a.underline{
  text-decoration : underline;
}
ul#menu{
  list-style-type : none;
  margin : 0px 10px 20px 15px;
  padding : 3px 15px 3px 15px;
  border : 3px #cdcea6 solid;
  background-color : #edecd1;
}
ul#menu a{
  width : 100%;
  display : block;
  text-indent : 0.8em;
}
ul#menu a:hover{
  background-color : #fcfea3;
  text-decoration : none;
}
ul.sponsor{
  text-align : center;
  list-style-type : none;
}
ul.sponsor li{
  display : inline;
  margin-left : 20px;
  margin-right : 20px;
}
ul.sponsor a{
  padding-left : 15px;
  background-image : url(../img/gray.gif);
  background-repeat : no-repeat;background-position : left center;
}
ul.sponsor a:hover{
  padding-left : 15px;
  background-image : url(../img/orange.gif);
  background-repeat : no-repeat;background-position : left center;
}
* html dl#new{
 padding : 0px 10px 0px 15px;
}
dl#new{
  margin : 0px 15px 5px 5px;
  padding : 5px 10px 5px 15px;
  border : 1px solid #e4d6a7;
}
* html dl#new dt{
 padding-top : 8px;
 padding-bottom : 8px;
}
dl#new dt{
  float : left;
  width : 140px;
  padding-top : 5px;
  padding-bottom : 5px;
}
* html dl#new dd{
 padding-top : 8px;
 padding-bottom : 8px;
}
dl#new dd{
  padding-bottom : 5px;
  padding-top : 5px;
}
img.rss{
  position : relative;
  left : 380px;
}
li.navi{
  line-height : 280%;
  margin-top : 15px;
  margin-bottom : 15px;
  border-bottom : 1px solid #cdcea6;
  border-left : 5px solid #96e2cb;
  background-color : white;
}
li.title01{
  margin-top : 5px;
  background-image : url(../img/yy006_06.gif);
  background-repeat : no-repeat;background-position : left center;
  padding-left : 28px;
  
  margin-bottom : -5px;  
  color : #666666;
}
li.title02{
  background-image : url(../img/square05.gif);
  background-repeat : no-repeat;background-position : left center;
  padding-left : 20px;
  color : #666666;
  border-bottom : 1px solid #f3bcf8;
  margin-bottom : 5px;
}
p.sitemap{
  text-align : right;
  padding-right : 15px;
  padding-top : 5px;  
}
span.transform{
  text-transform : uppercase;
}
ul#rank{
  padding : 5px 10px 10px 10px;
  margin-left : 5px;
  border : 1px solid silver;
  list-style-type : none;
  margin-top : 15px;
}
ul#rank li{
  padding-top : 3px;
  padding-bottom : 3px;
}
ul#rank a{
  margin-left : 8px;
}
ul#others{
  padding : 5px 10px 10px 10px;
  margin-left : 5px;
  margin-bottom : 10px;
  border : 1px solid silver;
  list-style-type : none;
}
ul#others li{
  padding-top : 3px;
  padding-bottom : 3px;
}
ul#others a{
  margin-left : 8px;
}
ul#topics{
  padding : 5px 10px 10px 10px;
  margin : 12px 15px 10px 0px;
  border : 1px solid silver;
  list-style-type : none;
}
ul#topics li{
  padding-top : 3px;
  padding-bottom : 3px;
}
ul#topics a{
  margin-left : 8px;
}
ul#select{
  margin : 15px 10px 40px 20px;
  list-style-type : none;
}
ul#select li{
  padding-top : 3px;
  padding-bottom : 3px;
}
ul#select a{
  margin-left : 8px;
  background-image : url(../img/orange.gif);
  background-repeat : no-repeat;background-position : left center;
  padding-left : 18px;
}
div#font{
  margin : 0px 18px 20px 18px;
  font-size : 0.9em;
}