/*----------------------
okiapaconte
-----------------------*/

body{
 line-height: 1.5em;
 background: #fff url(../images/contents/okiapaconte-line.gif) 50% 0 repeat-y;
}

#okiapaconte{
 width: 700px;
 margin: 0 auto;
 padding: 50px 0;
}

#okiapaconte h1{
 padding: 0;
}

#okiapaconte h2{
 margin-top: 30px;
 padding: 10px 5px;
 background: #fee;
}

#okiapaconte h3{
 margin-top: 30px;
 padding: 10px 5px 0;
}

#okiapaconte ul{
 margin: 1em;
}

#okiapaconte #hed{
 margin: 0 50px 0;
 padding: 20px;
 border: 1px solid #fac;
}

#okiapaconte #hed img{
 float: left;
 margin-right: 5px;
}

#okiapaconte #inner{
 margin: 50px 50px 0 50px;
 padding: 0 20px 20px;
 border: 1px solid #fac;
}

#okiapaconte #inner p{
 margin-top: 20px;
}

#okiapaconte #inner .inner-img{
 text-align: center;
}

#okiapaconte #inner table{
 border: 2px solid blue;
 border-spacing: 0;
 border-collapse: collapse;
 margin-top: 5px;
}

#okiapaconte #inner th{
 border: 1px solid blue;
 border-right-width: 2px;
 padding: 5px;
}

#okiapaconte #inner td{
 border: 1px solid blue;
 border-right-width: 2px;
 vertical-align: top;
 padding: 20px;
}

#okiapaconte #inner dl{
 margin-top: 20px;
}

#okiapaconte #inner dt{
 margin: 20px 0 0;
}

#okiapaconte #inner dd{
 margin-left: 2em;
}


#okiapaconte .link-btn{
 text-align: right;
}
 
#okiapaconte .link-btn a{
}

#okiapaconte .link-btn a{
 padding: 5px;
 padding-left: 25px;
 text-decoration: none;
 color: blue;
 background: #fff url(../images/link_back_left.gif) 0 50% no-repeat;
}
#okiapaconte a:active, #okiapaconte a:hover{
 border-bottom: 4px solid #ccc;
 color: #c0c;
}
#okiapaconte .link-btn-top a{
 background-image: url(../images/link_back_top.gif);
}
#okiapaconte .attention{
 font-size: small;
 color: #f99;
 line-height: 1em;
}
#okiapaconte .ruby{
 ruby-position: above;
}
#okiapaconte .sankou{
 font-size: small;
}

/*----------------------
beginner
-----------------------*/
#begi-ul{
 margin: 1em;
}

.hisu-color{
 background-color: #fcc;
}

.attara-color{
 background-color: #fcf;
}

/*----------------------
linkTB
-----------------------*/
#okiapaconte #linkTB table{
 width: 550px;
 border:0;
}
#okiapaconte #linkTB td{
 width: 50%;
 border: 0;
}
#okiapaconte #linkTB li{
 list-style-type: none;
 padding: 3px 0;
 padding-left: 25px;
 margin-bottom: 15px;
 line-height: 1.1em;
 background: #fff url(../images/link_back.gif) 0 50% no-repeat;
}
#okiapaconte #linkTB a:visited{
 color: #39f;
}
#okiapaconte #linkTB li p{
 margin: 0;
 padding: 0;
 font-size: small;
}
/*----------------------
getlatlng
-----------------------*/
#getlatlng{
 width: 428px;
 margin: 0 auto;
 padding-top: 30px;
}
#getlatlng input{
 margin-right: 20px;
}
#getlatlng #map{
 width: 428px;
 height: 300px;
 margin: 20px 0;
}
#getlatlng #setbtn{
 text-align: center;
}