@charset "utf-8";
/*================================
Layout.css
作成者名:
日時：
================================*/
#main01{
margin-top:38px;
margin-bottom:30px;
}
#main01 h1{
font-size:32px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
margin-bottom:30px;
}
#main01 ul{
width:980px;
float:left;
}
#main01 ul li{
float:left;
display:inline;
margin-right:4px;
width:242px;
}
#main01 ul li a{
background:url(../img/mark07.png) no-repeat 200px 20px #F9F9F9;
padding-left:20px;
line-height:50px;
display:block;
font-size:14px;	
font-weight:bold;
text-decoration:none;
}
#main01 ul li a.now{
color:#fff;
background:url(../img/mark06.png) no-repeat 200px 20px #114A9C;
}
#main01 ul li a:hover{
background:url(../img/mark06.png) no-repeat 200px 20px #114A9C;
color:#fff;
opacity:1;
filter: alpha(opacity=100);
}
#main01 ul li:nth-child(4){
margin-right:0;
}
table{
font-size:14px;
width:100%;
border:1px solid #999;
}
th{
width:13%;
border-right:1px solid #999;
border-bottom:1px solid #999;
background:#CFDBEB;
}

td{
text-align:left;
padding:12px 0;
padding-left:5%;
border-bottom:1px solid #999;
}

td.linebox{
text-align:center;
padding-left:0px;
width:12%;
border-right:1px solid #999;
background:#FBFCFE;
}
@media screen and (max-width: 979px) {
#main01 h1{
padding-left:6px;
}
#main01 ul{
width:100%;
}
#main01 ul li{	
width:25%;
text-align:center;
margin:0 0 0 -3px;
border-left:3px solid #fff;
}
#main01 ul li:nth-child(1){
border-right:none;
}
#main01 ul li a{
padding:0;
background:#F9F9F9;
}
#main01 ul li a.now{
background:#114A9C;
}
#main01 ul li a:hover{
background:#114A9C;
}
}
@media screen and (max-width: 655px) {
#main01{
margin:20px 0 0 0;
}
#main01 h1{
margin-bottom:20px;
}
#main02 h2{
display:none;
}
table{
font-size:13px;
}
th{
width:14%
}
td.linebox{
width:12%
}
}

@media screen and (max-width: 479px) {
#main01{
margin-top:0;
}
#main01 h1{
font-size:18px;
background-color:#114A9C;
line-height:36px;
color:#fff;
margin-bottom:0px;
font-weight:bold;
}
#main01 ul li a{
line-height:60px;
background:#E8E8E8;
}
#main01 ul li a.now{
background:#fff;
color:#114A9C;
}
#main01 ul li a:hover{
background:#fff;
color:#114A9C;
}
#main01 ul li{	
margin:0 0 0 -1px;
border-left:1px solid #fff;
}
#main02{
margin-bottom:0px;
}
table{
font-size:12px;
line-height:16px;
}
td{
padding-left:2%;
padding-right:3%;
}
th{
width:15%
}
td.linebox{
padding-right:0;
}
}