@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;
}
h3{
padding:10px 0 40px 50px;
font-size:25px;
color:#BA6465;
}
h3 img{
height:40px;
width:20px;
padding-right:10px;
}
#box{
padding:20px 0 70px 100px;
line-height:35px;
}



#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);		
}




#box2{
background-color:#EAF4F6;
width:220px;
height:70px;
color:#5C67A5;
font-size:20px;
}




#itiran{
text-align:center;
display:flex;
}

#itiran1{
width:460px;
}

#itiran2{
width:460px;
}

#itiran3{
width:460px;
}

#itiran4{
text-align:center;
padding:80px 0;
}



/*全体*/
.hidden_box {
    padding: 30px;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 20px 60px;
    font-weight: bold;
    background-color:#EAF4F6;
border: solid 2px #669DC6;
    cursor :pointer;
color:#5C67A5;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #EBFCFF;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding-top: 40px;
    height: auto;
    opacity: 1;
line-height:35px;
}






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


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