@charset "utf-8";

*{
 margin: 0;
 padding: 0;
 font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
 font-size: medium;
}

* html input{
 padding: 2px 0;
}

img{
 border: 0;
}

body{
 width: 100%;
 line-height: 1.5em;
}

#header{
 padding: 5px;
 margin-bottom: 5px;
 font-size: 80%;
 border: 0;
 border-bottom: 1px solid blue;
}

#header ul{
 margin: 5px;
 margin-bottom: 0;
}

#header li{
 display: inline;
 list-style-type: none;
 padding-right: 10px;
}

#header a{
 color: #69f;
 text-decoration: none;
}

#header a.active, #header a:hover{
 color: blue;
 padding-bottom: 2px;
 border-bottom: 4px solid;
}

h1 {
 font-size: 120%;
 padding: 20px 0 20px;
 display: block;
}

/*----------------------
okiapa
-----------------------*/
#okiapa{
 width: 1000px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 100%;
}
html>body #okiapa{
 width: 100%;
}
#okiapa h1{
 color: blue;
 font-size: medium;
 margin: 0 10px;
 padding: 2px 0;
}

#okiapa #hed{
 background: #fff none;
}

#okiapa #hed #rogo{
 float: left;
}

#okiapa #hed #articles{
 height: 135px;
 margin-left: 280px;
}

#okiapa #hed #articles p{
 font-size: small;
 color: black;
 font-weight: bold;
}

#okiapa #hed #articles p a{
 margin-left: 1em;
 font-size: small;
 color: #66f;
 text-decoration: none;
 padding: 10px;
 padding-right: 25px;
}

#okiapa #hed #articles p a:active, #okiapa #hed #articles p a:hover{
}

#okiapa #hed #articles #print-link{
 background: url(../images/printer.gif) 100% 50% no-repeat;
}

#okiapa #hed #articles #help-link{
 background: url(../images/hatena.gif) 100% 50% no-repeat;
}

#okiapa #hed #articles td{
 padding: 0 10px;
 text-align: center;
}

#okiapa #hed #articles td *{
 font-size: small;
}

#okiapa #hed #articles td img{
 padding: 0;
 margin: 0 auto;
 vertical-align: text-bottom;
}

#okiapa #hed #articles td a{
 display: block;
 margin-bottom: 5px;
 line-height: 1em;
 color: #096;
}

#okiapa #hed #articles td button{
 padding: 0;
 margin: 0;
}

* html #okiapa #hed #articles td a{
 padding-top: 4px;
}

/*----------------------
link-bar
-----------------------*/
#okiapa #link-bar{
 background: #309;
 padding-left: 15px;
}

#okiapa #link-bar a{
 color: #fff;
 font-size: small;
 margin-right: 15px;
}

#okiapa #link-bar a:hover{
 color: #fff000;
}

/*----------------------
inner
-----------------------*/
#okiapa #inner{
 clear: left;
}

#okiapa #inner-table td{
 vertical-align: top;
}

#okiapa #search-position{
 width: 240px;
}

#search{
 float: left;
 width: 230px;
 padding: 20px 20px 0 10px;
}

#index #search{
 float: none;
 padding-left: 8px;
 padding-top: 18px;
}

#searchBox{
 border: 2px solid #309;
 padding: 50px 5px 15px;
 background: #fffff0 url(../images/searchBox-back.jpg) left top no-repeat;
}

#searchBox form{
 margin-bottom: 20px;
}

#searchBox .stitle{
 font-weight: bold;
}

#searchBox .stitle a{
 font-weight: normal;
}

#search li{
 margin: 5px 0 0 0;
 text-align: left;
 list-style-type: none;
}

#search li a{
 text-decoration: none;
}

#search li a:visited{
 color: blue;
}
#search li a:active, #search li a:hover{
 border-bottom: 4px solid #ccc;
 color: #c0c;
}

#search #webmaster{
 width: 180px;
 margin: 20px 18px;
 padding: 5px;
 border: 1px dashed;
 font-size: small;
}
#search #webmaster a,#search #webmaster p{
 line-height: 1em;
 font-size: small;
}

#search #key_word{
 width: 150px;
}

#search li .zeroArt{
 font-size: small;
 color: #39f;
}

#search li .zeroArt:visited{
 color: #39f;
}

#search li .existArt{
 font-size: large;
}


/*---main---*/
#main{
 margin-left: 250px;
 padding: 20px;
 width: auto;
}

#index #main{
 margin-left: 0px;
}

#main h2{
 display: inline;
}

#main p{
 display: inline;
 font-size: small;
}

#main li{
 display: inline;
 list-style-type: none;
 padding: 3px 0;
 margin: 1em 4em 1em 0;
 line-height: 1em;
}
 
#main td{
 vertical-align: top;
}

/*---okiapa-top-conte---*/
#okiapa-top-conte li{
 display: block;
 background: url(../images/link_back.gif) 0 50% no-repeat;
 padding-left: 25px;
}
#okiapa-top-conte a{
 text-decoration: none;
 color: blue;
}
#okiapa-top-conte li a:active, #okiapa-top-conte li a:hover{
 border-bottom: 4px solid #ccc;
 color: #c0c;
}
#okiapa-top-conte table td{
 width: 50%;
}

#clear-main{
 clear: left;
}

/*----------------------
main-conte-box
-----------------------*/
#okiapa .main-conte-box{
 width: 628px;
 margin-bottom: 20px;
 background: #fff url(../images/main-conte-top.gif) left top no-repeat;
}

#okiapa .main-conte{
 padding: 20px 10px;
 background: url(../images/main-conte-bottom.gif) left bottom no-repeat;
}

/*----------------------
controller
-----------------------*/
#controller{

}

#controller p{
 margin-bottom: 0px;
 font-weight: bold;
}

#controller ul{
 margin: 0;
}

#controller li{
 margin: 0 0 30px 0;
 text-align: left;
 list-style-type: none;
}

#controller .controllerOpt li{
 margin: 0 0 5px 15px;
 list-style-type: circle;
}

#controller li a{
 color: blue;
 text-decoration: none;
}

#controller li a:active,#controller li a:hover{
 color: blue;
 background-color: #fcf;
 padding-bottom: 0px;
 border-bottom: 2px solid;
}

#controller input{
 font-size: 90%;
}

#controller select{
 font-weight: normal;
}

#controller #rent,#controller #planOFhouseID{
 width: 150px;
 font-size: 80%;
}


/*----------------------
main
-----------------------*/

#main #chmodeInfo{
 margin: 10px;
 padding: 5px 10px;
 border: 1px solid #f69;
 color: #f69;
}

#main table{
 border-spacing: 0;
 border-collapse: collapse;
 width: 680px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 99%;
}
html>body #main table{
 width: 99%;
}

#main .countview{
 width: 5em;
 margin: 0;
 font-weight: bold;
}

#main .pagehandler{
 text-align: left;
 padding: 5px 0;
}

#main .pagehandler .smallfont{
 font-size: small;
}

#main .pagehandler .number{
 padding: 0 3px;
}

#main .pagehandler .numberdeco{
 border: 1px solid blue;
 padding: 0 3px;
}

#main .pagehandler .nullspace{
 display: inline;
 margin-left: 5em;
}

#main .pagehandler a{
 color: blue;
 text-decoration: none;
}

#main .pagehandler a:active,#main .pagehandler a:hover{
 color: blue;
 background-color: #fcf;
 padding-bottom: 0px;
 border-bottom: 2px solid;
}

#main #articleInfo{
 border: 1px solid black;
}

#main #articleInfo td,#main #articleInfo th{
 border: 1px solid black;
}

#main #articleInfo th{
 padding:0;
}

#main #articleInfo .imgtd{
 padding: 0;
 margin: 0;
 text-align: center;
}

#main #articleInfo img{
 padding: 0;
 margin: 0 auto;
 vertical-align: middle;
}

#main #articleInfo a:visited{
 color: #096;
}

#main #articleNameTH{
 width: 200px;
}

#main #imageTH{
 padding: 0;
 width: 52px;
}

#main img{
 margin: 0;
}

#main .see{
 padding: 5px 10px;
}

/*----------------------
explain
-----------------------*/
#explain{
 margin: 10px;
 width: 400px;
}
#explain h1{
 margin: 0;
}
#explain li{
 list-style-type: none;
}
#explain p{
 padding-top: 10px;
}
#explainForTB td{
 vertical-align: top;
}
/*----------------------
nonjavascript image
-----------------------*/
#thisPhoto{
 margin: 0 auto;
 width: 426px;
 text-align: center;
}

#thisPhoto td{
 width: 50px;
 border: 1px solid;
}