﻿#zaidanwrapper{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin: 0 15px;}

a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(pdfico.jpg) no-repeat center right;
}
a[href $='.doc'] {
padding-right: 18px;
background: transparent url(wordicon.gif) no-repeat center right;
}

a[href $='.pdf']:after {
    content: "(PDF)"
}
a[href $='.doc']:after {
    content: "(WORD)"
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

#download{
margin-left:10%;
}

.dl{
color:#0066FF;
}

#gnavi{
text-align: right;
margin-top: 20px;
margin-bottom: 60px;}

#gnavi a{
font-size:14px;
margin:0 3px;
padding: 3px 10px;
background: #F5F5F5;
background: -moz-linear-gradient(top,  #f7f7f7 27%, #eaeaea 100%);
background: -webkit-linear-gradient(top,  #f7f7f7 27%,#eaeaea 100%);
background: linear-gradient(to bottom,  #f7f7f7 27%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 );

border:1px solid #888;
border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
box-shadow:0px 1px 1px 0px #BBB;
-moz-box-shadow:0px 1px 1px 0px #BBB;
-webkit-box-shadow:0px 1px 1px 0px #BBB;
color: #333;
letter-spacing: .08em;
}

#gnavi a:hover{
background: #0066FF;
color: #FFFFFF;
}

.ital{
font-style: italic;
color: #0066FF;
margin-left:70px;}

h1{
color: #006633;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size: 20px;
letter-spacing: 2px;
margin-top:20px;}

#h1-houjin{
font-size: 14px;
}

#h1-eng{
font-family: "Times New Roman", Times, serif;
font-size: 13px;
letter-spacing: 4.5px;}

h2{
font-size:18px;
letter-spacing:4px;
color:#333333;
margin-bottom:25px;
padding:15px 12;
border:1px #CCCCCC solid;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

h3{
margin-top:30px;
padding-left:15px;
border-left:#0066FF 6px solid;
letter-spacing: .7rem;}

h4{
margin-left:20px;
}


.panes p{
margin: 0 10%;
line-height: 160%;
letter-spacing: 1px;}

.panes td{
line-height: 160%;
letter-spacing: 1px;}

ol{
margin: 0 5%;}

ol li{
color: #000099;
margin-bottom: 6px;}

table.meibo {
	margin:0 auto;
	border: #EBEBEB 1px solid;
	border-collapse: collapse;
	font-size: 12px;
	text-align: left;
	width: 80%;
}
table.meibo th.t_top {
	border: #EBEBEB 1px solid;
	background-color: #D9D9D9;
	padding: 10px;
}
table.meibo td.t_line01 {
	border: #EBEBEB 1px solid;
	background-color: #fff;
	vertical-align: top;
	padding: 10px;
}
table.meibo td.t_line02 {
	border: #EBEBEB 1px solid;
	background-color: #fff;
	vertical-align: top;
	padding: 10px;
}

#topmess{
width: 80%;
font-size: 20px;
margin: 0 auto;
margin-bottom: 15px;
margin-top: -25px;
letter-spacing: 2px;}

ul#yearlist{
margin-left: 10%;
padding: 0 0;
list-style: none;
}

ul#yearlist li{
display: inline;
padding: 0 0;
margin: 0 0;
float: left;
}

ul#yearlist a{
display: block;
background-color:#F5F5F5;
border: #D4D4D4 1px solid;
padding: 3px;
text-decoration: none;
color: #333;
width: 100px;
margin: 1px;
text-align: center;
font-size: 10px;
border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
}
ul#yearlist a:hover{
background-color: #2d56be;
color: #fff;
}

#zaidannews{
width: 80%;
height: 466px;
letter-spacing: 1.8px;
line-height: 145%;
margin: 0 auto;
padding:10px 15px;
border:#CCCCCC 1px solid;
border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 overflow: auto;
}

#zaidannews p{
font-size: 14px;
}

/* get rid of those systrem borders being generated for A tags */
a:active {
    outline: none;
}

:focus {
    -moz-outline-style: none;
}

