@charset"Shift_JIS";
@import "http://";

*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
}

body{
  font-size : x-small;
  color : #333333;
  font-family : Verdana;
}

A:HOVER{
  background : #cccccc;
}

A img {
border: none;
}

#top{
background-image: url(img/back.jpg);
background-position: bottom;
background-attachment: fixed;

}
#top A{
  text-decoration : none;
}

#menu{
  margin : 0 0 0 2.5em;
  padding : 1em;
}
#menu LI{
  list-style : none;
}
#menu A{
  display:block;
  text-align : center;
  width : 8em;
  height : 4em;
  background : url(maru.gif) no-repeat 50% 50%;
  font-size : 0.75em;;
  padding : 11 0 0 0em;
  margin-top : 0.8em;
}
#menu A:HOVER{
  text-decoration : line-through;
  color : #9999ff;
}
.r A{
  margin-left : 10em;
  line-height : 1.5em;
}
.m A{
  margin-left : 5.5em;
  line-height : 1.5em;
}
.n A{
  margin-left : 30em;
}


.A{
  text-align : center;
  width : 10em;
  height : 10em;
  background : url(maru.gif) no-repeat 50% 50%;
}

#title{
  display : block;
  background : url(big.jpg) no-repeat 50% 50%;
  text-align : center;
  height : 150px;
  width : 240px;
  padding : 52 0 0 0em;
  font-size : 0.75em;
}

#lay{
  position : absolute;
  top : 2em;
  left : 22em;
  width : 580px;
  height : 580px;
  padding : 5.0em;
  margin : 0.5em;
  letter-spacing:0.2em;
  line-height : 1.2em;
  text-align : left;
}

#lay0{
  padding : 0.1em;
  margin : 1.0em;
  letter-spacing:0.2em;
  line-height : 1.2em;
  text-align : right;
}


#lay2{
  position : absolute;
  top : 1em;
  left : 22em;
  width : 580px;
  height : 580px;
  padding : 5.0em;
  margin : 0.5em;
  background : #ffffff;
  letter-spacing:0.1em;
  line-height : 1.3em;
  text-align : left;
}

H1{
  font-family : "Rockwell Extra Bold";
  font-size : 1.8em;
  text-align : center;
  padding : 0.3em;
  margin : 0em;
  color : #3333ff;
  background : #ffffff;
}

H2{
  font-family : "Lucida Sans Unicode";
  font-size : x-small;
  margin : 0em;
  color: #0066ee;
  letter-spacing : 0.3em;
  line-height : 1.0em;
}

H3{
  font-family : "Lucida Sans Unicode";
  font-size : x-small;
  margin : 0.5em;
  color: #2466ff;
  letter-spacing:0.6em;
  line-height : 1.3em;
}

#copy{
  margin : 30 0 0 0px;
  padding : 0px;
}
#copy LI{
  list-style : none;
  font-size : xx-small;
}
#copy A{
  background : #ffffff;
}
#copy A:HOVER{
  background : #cccccc;
}

#main H2{
  letter-spacing : 0.1em;
  font-size : 5em;
  font-family : "Lucida Sans Unicode";
  background : url(line.gif) 0 50% no-repeat;
  padding : 10 0 10 0px;
}
#page H2{
  letter-spacing : 3px;
}
#new DT{
  font-size : xx-small;
  letter-spacing : 1px;
}
#new DD{
  margin : 5 0 10 58px;
}
#note{
  line-height : 1.3em;
}


/* リスト・装飾の設定 */

dl.info{font-size:xx-small;list-style-position:inside;}
dl.info dt{border:1px solid #666;margin:10px 0 0 10px;padding:2px 5px;}
dl.info dd{margin:10px;color:#008080;padding:2px;}


dl.top{list-style-position:inside;text-align:right;}
dl.top dt{color:#0000ff;letter-spacing:0.1em;margin:10px;}
dl.top dd{text-align:right;margin-left:10em;color:#000080;padding:1px;}
dl.top de{text-align:left;margin:10px;color:#666666;padding:1px;}

ol{list-style-position:inside;margin:1em;padding:0em;line-height:1.3em;}

.cir{list-style-type:circle;}
.squ{list-style-type:square;}

.box{border:1px solid #534741;margin:15px 0px;padding:10px;}
.box2{background:#e7ebef;color:#252d3f;margin:15px 0px;padding:10px;}
.box3{border:1px dashed #534741;margin:15px 0px;padding:10px;}


 /* 下線なしのリンク */

ul.listno{margin:2px 0px;padding:0px;list-style-type:none;}
ul.listno li{display:inline;margin:0px;padding-right:2px;}
ul.listno a{border:none;}


/* css */

p.center{text-align:center;letter-spacing:0.5em;}
p.left{text-align:left;letter-spacing:0.5em;line-height:0.3em;margin-left:1.5em;}

p.space{margin-top: 2em;}
p.space1{margin-top: 5em;} 
p.space2{margin-top: 10em;} 
p.space3{margin-top: 15em;} 
p.space4{margin-top: 20em;} 
p.space5{margin-top: 25em;} 
p.space6{margin-top: 30em;} 
p.space7{margin-top: 35em;} 
p.space8{margin-top: 40em;} 
p.space9{margin-top: 70em;} 
p.space10{margin-top: 140em;}
p.space11{margin-top: 600em;}


p.font{font-size:93%;color:#c66240;letter-spacing:0.2em;} 
p.font1{font-size:xx-small;}
p.font2{font-size:99%;} 
p.font3{font-weight:bold;font-size:95%;color:#bc9f78;margin-right:2.0em;letter-spacing:0.1em;text-align:right;}
p.font4{font-size:medium;color:#11bd7c;Serif;text-align:center;letter-spacing:0.2em;font-variant:small-caps;
font-weight:bold;}
p.font5{color:#444fff;margin-right:5.5em;margin-top:2.0em;text-align:right;}
p.font6{color:#00008b;margin-left:14.0em;margin-right:5.5em;margin-top:0.5em;text-align:left;}
p.font7{color:#00008b;margin-left:7.0em;margin-right:5.5em;margin-top:0.5em;text-align:left;}

p.fontw{color:#ffffff;} 
p.fontww{color:#009999;} 

span.kasen{color:#a92525;text-decoration:underline;}
span.chui{font-size:93%;color:#8a5000;letter-spacing:0.3em;}
span.chui2{font-size:93%;color:#ffae42;}