@charset "utf-8";

* {
padding: 0;
margin: 0;
}

#wrap{
margin:auto;
width:1360px;
}
 
img{
vertical-align: bottom;
}

header  ul {
    list-style-type: none;
	display:flex;
	padding-bottom:30px;
}

h1{
padding:0 10px;
}


#top{
display:flex;
}

header p{
padding:70px 0 0 830px;
}



#MAILFORM a:link{
    background-image: url("images/MAILFORM.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 190px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#MAILFORM a:hover {
    background-image: url("images/MAILFORM2.png");		
}




h2{
padding:10px 0 40px 50px;
font-size:25px;
color:#339DAF;
}
h2 img{
height:40px;
width:20px;
padding-right:10px;
}


#title1{
text-align:center;
color:white;
background-image:url("images/TITLE1.jpg");
font-size:20px;
display: block;
height: 30px;
width: 1360px;
padding-bottom:40px;
background-repeat: no-repeat;
}
#title2{
text-align:center;
color:white;
background-image:url("images/TITLE2.jpg");
font-size:20px;
display: block;
height: 30px;
width: 1360px;
background-repeat: no-repeat;
padding-bottom:40px;
}





#box2 table{
font-size:18px;
padding-top:20px;
}
table th{
padding:10px 6px 6px 40px;
text-align:left;
}

table td{
padding-left:32px;
}

#box2{
  display:flex;

}
#img{
 width: 290px;
  margin: 30px 0 0 auto;
}

#box3{
display:flex;
padding:20px 0 0 20px;
}


#BOX1{
border: solid 2px #DF860F;
width:950px;
height:370px;
margin:0 230px 30px 230px;
}
#BOX2{
border: solid 2px #DA7267;
width:950px;
height:370px;
margin:0 230px 30px 230px;
}

#BOX1 h3{
color:white;
text-align:  center;
background-color: #EFB143;
display:  block;
width:  100px;
padding:  15px;
font-size:  20px;
text-decoration:  none;
border-radius:  5px;
box-shadow: 0 4px 0 0px #DF860F;
font-size:16px;
}

#BOX2 h3{
color:white;
text-align:  center;
background-color: #EAA294;
display:  block;
width:  100px;
padding:  15px;
font-size:  20px;
text-decoration:  none;
border-radius:  5px;
box-shadow: 0 4px 0 0px #DA7267;
font-size:16px;
}
#BOX1 h5{
color:white;
text-align:  center;
background-color: #EFB143;
display:  block;
width:  120px;
padding:  5px;
font-size:  20px;
text-decoration:  none;
border-radius:  5px;
box-shadow: 0 4px 0 0px #DF860F;
font-size:16px;
}
#BOX2 h5{
color:white;
text-align:  center;
background-color: #EAA294;
display:  block;
width:  120px;
padding:  5px;
font-size:  20px;
text-decoration:  none;
border-radius:  5px;
box-shadow: 0 4px 0 0px #DA7267;
font-size:16px;
}

#BOX1 h4{
align-items:center;
  display:flex;
color:#DF860F;
font-size:26px;
padding-left:20px;
}
#BOX2 h4{
vertical-align:text-bottom;
align-items:center;
  display:flex;
color:#DA7267;
font-size:26px;
padding-left:20px;
}








#nav1 a:link  {
    background-image: url(images/HOME.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 260px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav1 a:hover {
    background-image: url(images/HOME2.jpg);		
}
#nav2 a:link  {
    background-image: url(images/RIYOU.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 200px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav2 a:hover {
    background-image: url(images/RIYOU2.jpg);		
}
#nav3 a:link  {
    background-image: url(images/TAIKEN.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 220px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav3 a:hover {
    background-image: url(images/TAIKEN2.jpg);		
}
#nav4 a:link  {
    background-image: url(images/SAPORT.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 220px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav4 a:hover {
    background-image: url(images/SAPORT2.jpg);		
}
#nav5 a:link  {
    background-image: url(images/UNEI.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 200px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav5 a:hover {
    background-image: url(images/UNEI2.jpg);		
}
#nav6 a:link  {
    background-image: url(images/OTOIAWASE.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 260px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
	#nav6 a:hover {
    background-image: url(images/OTOIAWASE2.jpg);		
}







#footer{
background-image:url(images/FOOTER.jpg);
height:400px;
width:1360px;
background-repeat: no-repeat;
padding:20px 0;
display: flex;
}


#footertext p{
color:white;
padding:30px 0 20px 155px;
}

#footer #MAILFORM{
padding:0 0 0 150px;
}

#footertext2{
padding:180px 0 0 320px;
color:#494949;
line-height:35px;
}

#footer2{
background-color:#82BFCE;
text-align:center;
color:white;
width:1360px;
height:30px;
padding-top:15px;
font-size:12px;
}