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

#header h1 {
   margin:0;
   padding:5px;
   font-size:24px;
}
   
#pr p {
   margin:0px;
   padding:0px;
   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;}

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

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

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

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

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

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

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

.table3{
    margin-left:250px;
    border-collapse: collapse;}

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

.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:500px;
   padding:5px;
   margin-left:100px;
font-size:12px;
   border:solid 1px #000000;}

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

.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:#cc9966;
	}

.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 #cc9966;
border-bottom:solid 6px transparent;
border-left:solid 6px #cc9966;
}

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

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

#main h1 {
   line-height:30px;
   margin-bottom:5px;
   margin-top:30px;
   padding:5px;
   font-size:20px;
   border-left:10px solid #cc9966;
   border-top:2px solid #cc9966;}

 
#main p {
   margin-left:20px ;
   font-size:14px;}

.green{color:green;}
.red{color:red;}
.blue{color:blue;}

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