@charset "UTF-8";


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

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

br {
   letter-spacing:normal;}


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

#header {
   width:100%;}

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

#contents {
   clear:both;}

#main {
   padding:20px;}

/* ========HEADER CUSTOMIZE======== */
#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;}


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

.table1 th {
    padding: 2px;
    background:#d1d1d1;
    border-bottom: 2px solid black;
    text-align: center;}

.table1 td {
    padding: 5px;
    border-bottom: 1px dotted black;
    text-align: left;}


/* ========ATENCION======== */

.box{
  width:300px;
   padding:5px;
   margin-left:100px;
   font-size:12px;
   border:solid 1px #000000;}

.box2{
  width:550px;
   padding:5px;
   margin-left:100px;
   font-size:12px;
   border:solid 1px #000000;}


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

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

.h2 {
   line-height:30px;
   margin-bottom:5px;
   margin-top:25px;
   margin-left: 20px;
   padding:2px;
   font-size:14px;
   border-left:6px solid #ffedab;
   }

.h3 {
 line-height:30px;
   margin-bottom:5px;
   margin-top:30px;
   padding:5px;
   font-size:14px;
   border-left:10px solid #a6dced;
   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;}


/* ========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;
}



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;
}

.red{color:red;
	font-weight:bold;
	background:#f6bfbc;
	border-radius:15px;
	padding:5px;}