@charset "utf-8";
/* CSS Document */


#top_image p span:nth-of-type(1) img{
width:60%;
height:auto;
margin:120px 0 0 20%;
}

#top_image p span:nth-of-type(2) img{
width:20%;
height:auto;
margin:20px 0 0 20px;
}

header{
padding-top:8px;
margin-top:-80px;
}


#branch{
width:90%;
margin:0 auto;	
max-width:1050px;
}

h2 br{
display:none;	
}
h2 span{
font-size:85%;	
}

h2 img{
vertical-align:middle;	
margin:0 0.3em 5px 0;
}

table{
border-collapse: collapse;
margin:1em 0 ;	
line-height:2;
border:1px solid #000;
width:100%;
}

tr{
border:1px solid #000;
	
}

th{
width:5em;
text-align:center;
padding:2em;	
white-space: nowrap;
background:#ede9d4;
border-right:1px dotted #777;	
white-space: nowrap;
}

td{
padding:2em;	
line-height:1.5;
}

#jigyo_list li{
display:inline-block;
color:#fff;
background:#000;
padding:0.5em 1em;
margin:0 0.5em 1em 0;
}

#jigyo_list li:nth-last-of-type(1) {
margin-right:0;	
}

#right_box p{
text-align:justify;
}

#right_box p span{
display:block;
padding-top:1em;
}

#right_box p img{
width:31%;
height:auto;
margin-right:2.3%;
}
#right_box p img:nth-of-type(3){
margin-right:0;
}

#right_box h3{
background:#000;
color:#fff;	
font-size:90%;
padding:0.5em 1.5em;
margin:2em 0 1em;
text-align:center;
}

#right_box dl{
margin:1em 0 3em;	
}
	
#right_box dt{
font-size:130%;
margin:0 0 0.5em;
}

#right_box dd{
text-align:justify;
}

#right_box dt img{
vertical-align:middle;
margin:0 0.2em 5px 0;
}

#right_box dd dt {
margin:0.7em 0 -0.2em;
font-size:100%;	
}

#right_box dd span{
font-size:120%;
}

#right_box dd img{
width:31%;
height:auto;
margin-right:2.3%;
}

#right_box dd img:nth-of-type(3){
margin-right:0;
}


#right_box dl ul li{
padding-left: 0.5em;
}
#right_box dl ul li span{
display:inline-block;
background:#F9C;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;
}

#right_box dl ul li span.span2{
display:inline-block;
background:#FC6;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;	
}

#right_box dl ul li span.span3{
display:inline-block;
background:#6CF;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;	
}

p#bos img{
float:right;
padding-left:1em;
width:50%;
}
#fc dt,
#link dt{
color:#009ee7;	
text-align:center;
}
#fc dd{
text-align:center;	
}
#link dd{
text-align:center;	
}
#link dd a{
display:inline-block;
width:40%;
text-align:center;
font-size:90%;
}
#link dd a:nth-of-type(1) img{
width:80%;	
}
#link dd a:nth-of-type(2) img{
width:50%;	
}
@media screen and (max-width: 750px) {
#top_image p span:nth-of-type(1) img{
width:80%;
height:auto;
margin:30px 0 0 10%;
}	
#top_image p span:nth-of-type(2) img{
display:none;	
}
}

@media screen and (max-width: 640px) {
	
#top_image p span:nth-of-type(1) img{
width:100%;
height:auto;
margin:20px 0 0 0;
}

#branch{
width:90%;
margin:0 auto;	
}
h2{
line-height:1.2;
padding-bottom:0.5em;	
}
h2 br{
display:inline;	
}
h2 img{
display:none;	
}
table{
margin:0 0 1em 0;	
line-height:2;
width:100%;
}
th,td{
display:block;	
padding-left:1em;	
width:100%;
padding:1em;
}
th{
border:none;
}
#main{
padding-top:1em;	
}

#right_box p img:nth-of-type(1){
display:block;
width:100%;
}

#right_box p img:nth-of-type(2),
#right_box p img:nth-of-type(3){
display:none;
}

#right_box dd img:nth-of-type(1){
display:block;
width:100%;	
}
#right_box dd img:nth-of-type(2),
#right_box dd img:nth-of-type(3){
display:none;	
}

p#bos img{
float:none;
padding-left:0;
padding-bottom:1em;
width:100%;
}

#link dd{
text-align:center;	
}
#link dd a{
display:block;
width:80%;
margin:0 auto 1em;
font-size:90%;
}

#link dd a:nth-of-type(1) img{
display:inline-block;
width:80%;	
text-align:center;
}
#link dd a:nth-of-type(2) img{
	display:inline-block;

width:50%;
text-align:center;	
}

}

@media screen and (max-width: 500px) {
#top_image p span:nth-of-type(1) img{
width:100%;
height:auto;
margin:10px 0 0 0;
}

}



@media screen and (min-width: 1300px) {
#top_image p{
height:540px;
}
}

@media screen and (max-width: 1300px) {
#top_image p{
height:450px;
}
}

@media screen and (max-width: 1050px) {
#top_image p{
height:395px;
}
}

@media screen and (max-width: 900px) {
#top_image p{
height:340px;
}
}

@media screen and (max-width: 750px) {
#top_image p{
height:280px;
}
}

@media screen and (max-width: 600px) {
#top_image p{
height:250px;
}
}

@media screen and (max-width: 500px) {
#top_image p{
height:210px;
}
}

@media screen and (max-width: 400px) {
#top_image p{
height:170px;
}
}

#top_image p img{
position:absolute;
top:0;	
}