@charset "UTF-8";


/* ========BASIC====共通==== */
html {overflow-y:scroll;}

body {
   line-height:1.6;
   letter-spacing:1px;
   font-family:"Century Gothic",sans-serif;
   font-size:14px;}

br {
   letter-spacing:normal;}


/* ========TEMPLATE LAYOUT====共通==== */
#top {
   width:90%;
   margin:10px auto;}

#header {
   width:100%;
   text-align:center;　 }

#topicPath {
   display:inline;/* for IE6 */
   float:left;}

#contents {
   clear:both;}

#main {
   padding:20px;}

/* ========HEADER CUSTOMIZE==共通====== */
#header h0 {
   margin:0;
   padding:10px;
   font-size:18px;
   text-align:center;}

#header h1 {
   margin:0;
   padding:5px;
   font-size:24px;
   text-align:center;}

#pr p {
   margin:0px;
   padding:10px;
   font-size:12px;
   text-align:right;}

#pr a {
   outline:none;}

/* ========TOPICPATH CUSTOMIZE===共通===== */
#topicPath {
   width:500px;
   margin:10px;
   padding:5px;}

/* ========LIST===共通===== */
#list li{
  margin-bottom:8px;
  margin-left:8px;}

#list li:before {
   content:'';
   display:block;
   position:absolute;}


/* ========MENU CUSTOMIZE=====本のみ=== */
#menu {
   margin:0;
   padding:0;
   position:fixde;
   float:left;
   border-left:1px solid #fff;}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
   border-left:2px solid #fff;
   border-bottom:2px solid #fff;}

#menu li a {
   display:block;
   width:155px;
   color:#fff;
   line-height:40px;
   text-decoration:none;
   background:#7fbfff;}

#menu li a.current
 {
    background:#191970;}

/* ========TABLE CUSTOMIZE======== */
.table1{
   border-collapse: collapse;
   margin-left:30px;}

.table1 th {
    padding: 5px;
    border-bottom: 3px double #ff8e8e;
    text-align: center;}

.table1 td {
    padding: 3px;
    border-bottom: 1px dotted #ff8e8e;
    text-align: left;}

.table2{
    margin-left:60px;
    width:800px;
    border-collapse: collapse;
    border:1px solid black;}

.table2 th {
    background:#ff8e8e;
    border:1px solid black;
    color:black;}

.table2 td {
    padding: 3px;
    border:1px solid black;
    text-align: center; }

.table3{
    margin-left:200px;
    border-collapse: block;
    table-layout:fixed;}

.table3 td {
    width:250px;
    text-size:6pt;
    padding: 3px;
    text-align: center;
    white-space:nowrap;	}


.table4{
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;}

.table4 td {
    width:300px;
    text-size:6pt;
    padding: 3px;
    text-align: center;}

.table5{
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;}

.table5 td {
    width:300px;
    text-size:6pt;
    padding: 3px;
    text-align: center;}

/* ========ATENCION======== */
.box{
   width:400px;
   padding:5px;
   margin-left:80px;
   font-size:12px;
   border:solid 1px #000000;}

.box1{
   width:600px;
   height:250px;
   margin-left:150px;
   overflow-y:scroll;
   border:solid 1px black}

.box2{
   width:95%;
   padding:5px;
   margin-left:20px;
   font-size:14px;
   border:solid 1px #000000;}

.box3{
   width:300px;
   padding: 3px;
   text-align: center;
   margin-left:300px;
   border-collapse: collapse;}


/* ========BALOON======== */
.balloon {
  position: relative;
 padding:20px;
}

.balloon:hover .balloon_text {
	position: absolute;
	display: inline;
	top: 5px;
	left: -50px;
	border-radius:10px;
	background-color:#191970
	}

.balloon_text {
	display: none;
	font-size:14px;
	text-align: center;
	}


/* ========ACCORDION======== */
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width:600px;}

/*ラベル*/
.accbox label {
    display: block;
    padding : 0px 12px;
    cursor :pointer;
    transition: all 0.5s;
    text-decoration:underline;
    color:blue;}

/*チェックは隠す*/
.accbox input {
    display: none;}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}

/*クリックで中身表示*/
.cssacc:checked + label+.accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
    width:800px;}

/*アイコンを表示 →*/
.accbox label:before { 
content: '';
display:inline-block;
width:0;
height:0;
border-top:solid 6px transparent;
border-right:solid 6px #191970;
border-bottom:solid 6px transparent;
border-left:solid 6px #191970;
}

/*アイコンを入れ替える*/
.cssacc:checked+ label:before {
content: '';
display:inline-block;
width:0;
height:0;
border-top:solid 6px #191970;
border-right:solid 6px transparent;
border-bottom:solid 6px #191970;
border-left:solid 6px transparent;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */

.h1 { 
   line-height:30px;
   margin-bottom:5px;
   margin-top:30px;
   padding:5px;
   font-size:14px;
   border-left:10px solid #191970;
   border-top:1px solid #ccc;   
   border-bottom:1px solid #ccc;   
}

.h2 {
   line-height:30px;
   margin-bottom:5px;
   margin-top:30px;
   padding:5px;
   font-size:14px;
   border-left:10px solid #7fbfff;
   border-top:2px solid #7fbfff;}

.h3 {
 line-height:30px;
   margin-bottom:5px;
   margin-top:30px;
   padding:5px;
   font-size:14px;
   border-left:10px solid #7fbfff;
   border-top:1px solid #ccc;   
   border-bottom:1px solid #ccc;   
}
 
#main p {
   margin-left:30px ;
   font-size:14px;}

.green{color:green;
	background-color:#bfff7f;}
.red{color:red;}
.blue{color:blue;}

a[href$=".pdf"]{
  display:inline-block;
  background:url("image/pdf.png") no-repeat;
  padding-left:30px;
}

a[href$="setumei_rireki.pdf"]{
  background:none;
  padding-left:30px;
}


a[href$=".zip"]{
  display:inline-block;
  background:url("image/zip.png") no-repeat;
  padding-left:30px;
}

a[href$=".xlsx"]{
  display:inline-block;
  background:url("image/excel.png") no-repeat;
  padding-left:30px;
}

a[href$="tantousyatouroku.xlsx"]{
  background:none;
  padding-left:30px;
}


/* ========INFORMATION CUSTOMIZE======== */

#main dl.information dt {

   float:left;
   width:12em;
   margin-left:60px;
   padding:0;
}

#main dl.information dd {
   margin:0 0 0.5em 60px;
   padding:0;
   background-color:transparent
}



/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
clear:both;
}

#pageTop a {
   padding:5px 10px 5px 17px;
    font-size:12px;
   outline:none;
}