@charset "UTF-8";
/*
    category: CSS
    name: style.css
    toolTip: style.css
    auther: OATA
    version: 0.5
    2008/08/25 ono
*/

* {
margin: 0;
padding: 0;
font-size: 100%;
list-style-position: inline;
border: none;

}
img{
    vertical-align: top;
    border: none;
    float: left;
}
body{
    font-size: 75%;
    font-family:Oosaka, monospace, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #555555;
    background: #ececec;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
/*	margin: .5em 0;*/
	letter-spacing: .07em;
}
h1 { font-size: 218% ;}
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }
hr {/* hrはfirefox3で表示が怪しいので使わない。IE7もなんか変 */
/*    width: 500px;*/
    text-align: center;
    border-width: 1px 0px 0px 0px; /* 太さ */
    height: 1px; /* 高さ */
    border: solid 1px #3366cc;
}
p, dt, dd {
    line-height: 1.4;
}
dt{
  font-size: 125%;
  font-weight: bold;
}
dd{
  padding-left: 5em;
}
form {
    margin: 5em auto;
    padding: 1em;
}
select{
    outline: thick groove #3366cc;
   /* border: solid 1px #3366cc;*/
}
input{
    border: solid 1px #3366cc;
}
th{
  font-size: 125%;
  font-weight: bold;
}
fieldset{
    border: solid 1px #3366cc;
}
/* Wrapper
------------------------------------------------------------------------- */
#wrapper{
    overflow: auto !important;
    overflow: /**/: hidden;
    width: 70em;
    max-width: 100%;
    min-width: 800px;
    margin: 0.5em auto;
    padding: 1em;
    background: #3366cc;
}

/* Header
------------------------------------------------------------------------- */
#header { 
    position: relative;
    overflow: hidden;
    text-align: left;
    width: 840px;
    height: 200px;
    min-width: 700px;
    margin: 0 ;
    background: url("../images/logo.jpg") no-repeat;
}

/* Logo
------------------------------------------------------------------------- */
h1#logo{
    width: 840px;
/*    height: 180px;*/
    padding-top: 30px;
/*    text-align:right;*/
}

a#logo_a{
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 560px;
    padding-right: -1em;
    text-align:right;
    height: 70px;
    background: url("../images/title_back.gif") no-repeat;
}
.login{font-size: 118%;text-align:right;}

/* Content
------------------------------------------------------------------------- */
#content{
    width: 100%;
    float: left;
    min-width: 700px;
    background: #FFFFFF;
    text-align: left;
}
#content a{
    text-decoration: none;
}
#content a:hover{
    text-decoration: underline;
}
/* コンテンツレイアウト例外用
------------------------------------------------------------------------- */
text, select, textarea, checkbox, radio,  file  {
outline: solid 1px blue;
}
.big120 {
  font-size: 120%;
  font-weight: bold;
}
.big150 {
  font-size: 150%;
  font-weight: bold;
}
.big200 {
  font-size: 200%;
  font-weight: bold;
}
.indentPre {/* 表などでのインデント用 */
  white-space: pre;
}
.announce {text-indent: 0em;font-weight:bold;color:blue;text-align:center;}
.announce_top {text-indent: 0em;font-weight:bold;color:white;text-align:right;background: #3366cc;width:30em;margin-top:30px;}
.important {text-indent: 0em;font-weight:bold;color:red;text-align:center;}
.dottedtable{border: 3px #000088; border-style: dotted; }
.solidtable{border: solid 1px #3366cc; text-align:center;}
.agency_tiiki{text-indent: 1em;font-weight:bold;color:blue;}
.agency_name{text-indent: 10em;font-weight:normal;}
.attention{text-indent: 0em; font-weight:bold;  font-size: x-small;}
.attention_centor{text-indent: 0em; font-weight:bold;  font-size: x-small;text-align:center;}
h1.vertical_line{
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    padding: 10px;
/*    width:500px;*/
    border-top: solid 2px #3366cc;
    border-bottom: solid 2px #3366cc;
    text-align: center;
}

table.vertical_line{
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    padding: 10px;
/*    width:500px;*/
    border-top: solid 2px #3366cc;
    border-bottom: solid 2px #3366cc;
    text-align: center;
}
table.vertical_line2{
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    padding: 5px;
/*    width:500px;*/
    border-top: solid 2px #3366cc;
    border-bottom: solid 2px #3366cc;
}
table.both_line{
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    padding: 5px;
    border: solid 2px #3366cc;
}
td.dotted{
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    padding: 5px;
    border: dotted 2px #3366cc;
}
table.solid_edge{border: solid 1px #3366cc; text-align:center;}
tr.solid_edge{border: solid 1px #3366cc;}
td.solid_edge{border: solid 1px #3366cc;}
th.solid_edge{border: solid 1px #3366cc;}
img.none{
    border: none;
    float: none;
    text-align: center;
}
img.right{
    border: none;
    float: right;
    text-align: center;
}
img.left{
    border: none;
    float: left;
    text-align: center;
}

/* Primary, Secondary
------------------------------------------------------------------------- */
#primary, #secondary{
    background: #FFFFFF;
    text-align: left;
}
#primary{
    position: relative;
    float: right;
    min-width: 400px;
    min-height: 650px;
    margin: 0 0 0 -20em;
    width: 90%;
}
#secondary{
    position: relative;
    float: left;
    top: 0;
    width: 180px;
}
#primary *{
    margin: 0 20px 0 9em;
}
#primary table{
    margin-right: auto;
    padding: 1px;
    _margin: 0 0 0 auto;
}
#primary h1{
    margin: 10px 20px 10px 115px;
    text-indent: 0.5em;
    border-left: 15px solid red;
    border-bottom: 5px solid red;
}
#primary h2{
    margin: 10px 20px 10px 130px;
    text-indent: 0.5em;
    border-left: 12px solid green;
    border-bottom: 3px solid green;
}
#primary h3{
    margin: 10px 20px 10px 130px;
    text-indent: 0.5em;
    border-left: 10px solid blue;
    border-bottom: 1px solid blue;
}
#primary h4{
    margin: 10px 20px 10px 130px;
    text-indent: 0.5em;
    border-left: 8px solid black;
    border-bottom: 1px solid black;
}
#primary h1.noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
}
#primary h1.announce_noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
    color:blue;
    text-align:center;
}
#primary h1.important_noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
    color:red;
    text-align:center;
}
#primary h1.vertical_line2{
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3m;
    border-top: solid 2px #3366cc;
    border-bottom: solid 2px #3366cc;
    text-align: center;
    border-right: 15px solid red;
}

#primary h2.noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
}
#primary h3.noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
}
#primary h3.important_noindent_noborder{
    color:red;
    text-align:center;
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
}
#primary h4.noindent_noborder{
    margin: 0;
    text-indent: 0;
    border-left: none;
    border-bottom: none;
}

#primary * *{
    margin: 0;
}
#primary, #secondary p{
    _display: inline;
}
#secondary ul{
    background: #ddffff;
}
.indexMenu{
    background: #ddffff;
}
#primary p{
    text-indent: 1em;
    margin-bottom: 1em;
}
#print p{
    margin: 1em 20px 2em 1em;
    padding: 1em;
    border: solid 1px #6600ff;
}
#primary ul {margin: 0 0 0 10em;list-style-type: disc;}
#primary table ul {margin: 0 0 1px 20px;list-style-type: disc;}
#primary ol {margin: 0 0 0 15em;list-style-type: decimal;}
#primary ol ul {margin: 0 0 0 1em;list-style-type: disc;}

/* Footer 
------------------------------------------------------------------------- */
#footer {
    position: relative;
    clear: both;/*ボックス回りこみ解除*/
    width: 100%;/*IEバグ回避*/
    margin: 0px;
    padding: 0 0 9px 0;
    font-size: 80%;
    color: #000066;
}

#footer p {
    clear: both;
    padding: 20px 0em;
    text-align: center;
}
/* DropmMenu
------------------------------------------------------------------------- */
##dropmenu{background: #ccffff;}
#dropmenu, #dropmenu ul {padding: 0;margin: 0;list-style: none;margin-top:0.5em}
#dropmenu {font-weight:bold;height:2.3em;font: bold 100% arial;margin: 0 0 0 0.5em}
#dropmenu  h2{ border-left: 10px solid blue ; padding-left: 5px;width:7.5em;}/* トップ */
/*#dropmenu li {background: url("../images/stripe_blue3.gif");}*/
#dropmenu ul li { width:13em;margin-top:10px;font-weight:normal;padding-left:15px;}/* カレント以外の親項目 */
/*#dropmenu li ul {width:12em;font-size:90%;margin-top:3px;font-weight:normal;} カレント以外の子項目下 */
#dropmenu li ul li {font-size:90%;width:12em;height:1.2em;margin-top:0.5em;margin-left:15px;}
#dropmenu li.active {border-left: 10px solid blue ; padding-left:0px;background: url("../images/stripe_blue3.gif");}
#dropmenu ul > li.active > a{font-weight:bold; padding-left:5px;font-size:105%;}
#dropmenu ul > li >ul > li.active {list-style-type:disc;color: #ffcccc;padding-left: 0px;width:13em;border-left:none}
#dropmenu ul > li >ul > li.active >a {font-weight:normal;font-size:105%;}/*アクティブ子供*/
#nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#dropmenu li.active a:hover {color:#000}
#dropmenu li.active a:link {color:#000}
#dropmenu li.active a:visited {color:#000}

/* wheeltest用
------------------------------------------------------------------------- */
#outframe {
    position: absolute;
    left: 0px;
    border: 3px solid #ff5555;
/*    width: 700px; */
    width: 80%;
    height: 450px;
    background-color: #4c4c4c;
    overflow: hidden;
}

#inframe {
    position: absolute;
    cursor: pointer;
}
/* scaleeffect用
------------------------------------------------------------------------- */
/*#bigimg {
    position: absolute;
    visibility: hidden;
    border: 2px outset #ff5555;
    cursor: pointer;
}*/
.indexMenu{padding: 0;margin: 1em 0.5em 0.5em 1em;}

.thumbnailDiv {
    border: 1px outset #ff5555;
    background-color: #eee;
    float: left;
    text-align: center;
}

.thumbnail {
    cursor: pointer;
    border: 1px outset #ff5555;
    margin: 5px;
    float: none;
    text-align: bottom;
}