@charset "UTF-8";
@import url(common.css);


/* common */
body{
background: #f4ffcc;
}
h2{
background-color: #f4faeb;
color: #660;
font-size: 150%;
line-height: 1;
padding: .6em .8em;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-left: 12px solid #35992a;
margin-bottom: 24px;
}
h3{
padding: .3em .6em;
margin-top: 24px;
margin-bottom: 12px;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
font-weight: bold;
font-size: 120%;
}
table.list{
width: 400px;
margin-top: 12px;
margin-bottom: 12px;
}
.navi{
text-align: right;
margin-top: 36px;
}
ul.disc{
list-style: disc inside;
margin: auto;
padding: auto;
}



/* layout */
#top h1#header{
height: 52px;
padding: 60px 0;
margin: 0 30px;
background: url(../img/mark.gif) left center no-repeat #fff;
text-align: right;
}
#container{
width: 750px;
position: relative;
background: url(../img/body_bg.gif) left top repeat-y #fff;
}
#main, #menu{
float: right;
}
#main{
border-top: 12px solid #d1f531;
width: 450px;
padding: 0 60px 60px;
}
#menu{
border-top: 12px solid #a4c127;
width: 142px;
padding: 44px 19px 60px;
background-color: #fc0;
}
#footer{
clear: both;
padding: 6px 35px 6px 215px;
text-align: center;
font-size: 80%;
background: url(../img/footer_bg.gif) left top repeat-y;
}
.btnin{
text-align: center;
}
.btn{
  font-size: 1.2rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
  text-align: center;
}
.btn{
  color: #fff;
  background-color: #eb6100;
  text-indent: 0 !important;
}
.btn:hover {
  color: #fff;
  background: #f56500;
}
.btn a{
margin: 0;
padding: 0;
color: #fff;
font-weight: bold;
text-decoration: none;
}


/* menu */
#menu{
line-height: 1;
}
#menu img{
vertical-align: bottom;
}
#menu li{
text-align: center;
margin-bottom: 6px;
}
#menu #bottonmenu{
margin-bottom: 12px;
}
#bookMenu{
display: block;
width: 142px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 15px;
background: url(../img/menu_new.gif) center bottom no-repeat;
}
 




/* top */
#top .notice{
margin: 10px 20px;
padding: 5px;
background: #ffff99;
}
#top .bnr{
margin-top: 12px;
text-indent: 0;
text-align: center;
font-size: 80%;
}
#top p{
text-indent: 1em;
margin-bottom: 6px;
}
#top .notes{
margin: 12px 0 0;
border-top: 1px solid #090;
padding-top: 12px;
padding-left: 1em;
text-indent: -1em;
color: #666;
font-size: 90%;
}
#top #news{
margin: 24px 0 24px;
border-style: solid;
border-color: #ccc;
border-width: 1px;
}
#top #news h1{
border-left: 4px solid #9c3;
padding: 6px 3px 0;
color: #666;
font-size: larger;
}
#top #news ul{
list-style: disc outside;
padding: 12px 12px 12px 3em;
}
#top #kyousan{
margin: 20px 0;
padding: 12px;
border-style: solid;
border-color: #fc0;
background-color:#ffc;
border-width: 1px;
}
#top p.lastup{
margin: 0;
padding: 2px;
text-align: right;
color: #999;
font-size: 80%;
}
#top #nottice{
margin-top: 36px;
font-size: 90%;
border-top: 1px solid #090;
}
#top #nottice h1{
font-weight: bold;
margin: 12px 0 6px;
}

#contact #main address{
margin-top: 24px;
padding: 12px;
border: 1px solid #ccc;
}


/* conference, book */
.news li, .end li{
margin-bottom: 12px;
}
ul.news li{
background: url(../img/confe_li.gif) left center no-repeat;
padding-left: 24px;
font-size: medium;
}
div.end{
margin: 24px;
border: 1px solid #ccc;
}
div.end h3{
background-color: #e6decf;
text-align: center;
font-size: larger;
padding: 6px;
margin-bottom: 12px;
color: #999;
border-bottom: 1px solid #ccc;
}
div.end ul{
font-size: 90%;
padding: 12px;
}
div.end ul li{
padding-bottom: 6px;
border-bottom: 1px dashed #ccc;
}
div.end ul li a{
color: #999;
}


/* book */
#book #main h3{
margin-top: 12px;
margin-bottom: 12px;
padding-top: 6px;
border-top: 1px solid #999;
text-align: center;
font-size: medium;
color: #b30f1f;
}
#book #main p{
width: 400px;
margin-right: auto;
margin-left: auto;
}
#book #main .newest{
padding: 6px 12px;
text-align: center;
font-size: medium;
margin-bottom: 24px;
}
#book #main .newest h3{
border: none;
}
#book #main .newest img{
vertical-align: middle;
margin-right: 12px;
}
#book #main .newest ul{
list-style: disc;
padding-left: 2em;
text-align: left;
}
#book #main .other ul{
list-style: disc;
padding-left: 2em;
text-align: left;
padding-top: 12px;
border-top: 1px solid #999;
}
#book #main p.app{
text-align: center;
font-size: large;
margin-bottom: 24px;
}
#book #main td.vol, #book #main td.num{
text-align: center;
}
#book #main .nostock .num, #book #main .nostock .pri{
background-color: #eee;
color: #999;
}
p.booktitle{
text-align: center;
margin-bottom: 6px;
}
em.booktitle{
color: #000;
font-weight: bold;
font-size: medium;
}
em.memprice{
color: red;
}
#book .button{
margin: 12px 0 24px;
text-align: center;
}

/* series, corres */
#series #main dt, #corres #main dt{
background: url(../img/confe_li.gif) left center no-repeat;
padding: 6px 0 6px 24px;
margin-top: 12px;
border-top: 1px dashed #999;
padding-top: 12px
}
#series #main dd, #corres #main dd{
text-align: right;
}


/* office */
#office #main{
position: relative;
}
#office .pos1,
#office .pos2{
width: 1.2em;
line-height: 1.2;
text-align: center;
}
#office .name{
width: 5em;
white-space: nowrap;
padding-right: 0;
}
#office .post{
padding-left: 1em;
text-indent: -1em;
border-left: hidden !important;
}
#office table{
width: 450px;
}


/* join, moushikomi */
#join #main p{
margin-bottom: 12px;
}
#join h3{
margin-top: 60px;
margin-bottom: 12px;
padding-left: 6px;
border-left: double 18px #fc0;
font-size: 110%;
color: #666;
}
#join .button{
padding: 24px 12px;
text-align: center;
}
#join .button a{
padding: 24px 12px;
border: 1px solid #35992a;
text-decoration: none;
background: #d1f531;
}
#join #main .button a:hover{
background: #f4ffcc;
}
#join address, .mousikomi #main address{
margin: 0 24px;
padding-left: 1em;
text-indent: -1em;
}
.mousikomi #main address{
margin-top: 24px;
background-color: #eee;
}
#book.mousikomi #main h3{
text-align: left;
border: none;
font-size: 120%;
color: #000;
margin: 24px 24px 6px;
}
#book.mousikomi #main em{
color: #000;
font-weight: bold;
}


/* link */
#link h3{
margin-top: 24px;
margin-bottom: 6px;
padding-left: 6px;
border-left: double 18px #fc0;
font-size: 110%;
}
#link #main li{
margin-left: 36px;
padding: 2px 12px;
background: url(../img/link_li.gif) left center no-repeat;
}


/* useful */
#useful #main h3{
margin-bottom: 12px;
padding: 2px 6px;
border-left: double 18px #9c3;
background-color: #ce6;
color: #333;
font-size: 110%;
}
#useful h4, #useful h5{
font-size: 105%;
}
#useful #main dl{
margin-left: 12px;
font-size: 90%;
}
#useful #main dd{
margin-left: 24px;
margin-bottom: 6px;
}
#useful #main ul{
margin-bottom: 12px;
}
#useful #main li em{
display: block;
padding-left: 1em;
text-indent: -1em;
}
#useful .notes{
color: #666;
font-size: 90%;
}
#useful #download ul{
padding-left: 36px;
list-style: square;
}#useful #download ol{
padding-left: 36px;
list-style: decimal;
}
#useful #download p{
margin-top: 24px;
text-align: center;
font-weight: bold;
}

/* rule */
.rule ol{
}
.rule .jo{
display: block;
float: left;
width: 4.5em;
}
.rule ol li{
padding-left: 4.5em;
margin-bottom: 1em;
text-indent: -4.5em;
position: relative;
}
.rule ol ol{
margin: 0 0 1em 2em;
list-style: decimal;
}
.rule ol ol li{
margin-bottom: 0;
padding-left: 0;
text-indent: 0;
}
.rule h3{
border: none;
text-align: center;
letter-spacing: 1em;
}
.rule h3 span{
letter-spacing: 0;
margin: 0 1em;
}
.rule #splmnt li{
margin: 0;
}