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

.clear       { clear:both; height:0px; visibility: hidden; }

h3           { display:block; width:980px; height:120px; margin:0 0 25px 0; padding:23px 0 0 0; }
     
#support              { display:block; margin:0; padding:0; }
#support #txtbox01    { display:block; background:url(../../support/img/img01.jpg) 450px -10px no-repeat; width:750px; height:200px; }  
#support #txtbox01 p  { display:block; width:430px; padding:30px 0 0 0; }   

#support #txtbox02        { display:block; width:750px; margin:0 0 30px 0; }
#support #txtbox02 .photo { display:block; width:200px; height:157px; float:left; margin:0 0 0 5px; }
#support #txtbox02 .txt      { display:block; width:500px; float:right; padding:15px 0 0 0; }
#support #txtbox02 .txt ul   { list-style-type:none; margin:0; padding:0; }
#support #txtbox02 .txt li   { display:block; margin:0 0 10px 0; float:left; width:480px; }
#support #txtbox02 .txt #n1  { display:block; background:url(../../support/img/n1.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox02 .txt #n2  { display:block; background:url(../../support/img/n2.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox02 .txt #n3  { display:block; background:url(../../support/img/n3.jpg) 0px 0px no-repeat; padding:0 0 0 20px; } 
#support #txtbox02 .dl1 {
	font-size: 12px;
}
#support #txtbox02 .dl1 .dt1 {
	float: left;
}
#support #txtbox02 .dl1 .dd1 {
	padding-left: 18px;
}




#support #txtbox03        { display:block; margin:0 0 30px 0;  }  
#support #txtbox03 .photo { display:block; width:251px; float:right; }
#support #txtbox03 .txt   { display:block; width:490px; float:left; } 
#support #txtbox03 dl     { display:blockl; margin:0 0 20px 0; }
#support #txtbox03 dt     { clear:left; float:left; width:110px; margin:0; font-weight:bold; }
#support #txtbox03 dd     { margin:0 0 20px 120px; } 

#support #txtbox04        { display:block; width:750px; margin:0 0 30px 0; }
#support #txtbox04 .txt      { display:block;padding:15px 0 0 0; }
#support #txtbox04 .txt ul   { list-style-type:none; margin:0; padding:0; }
#support #txtbox04 .txt li   { display:block; margin:0 0 10px 0; float:left; width:480px; }
#support #txtbox04 .txt #n1  { display:block; background:url(../../support/img/n1.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox04 .txt #n2  { display:block; background:url(../../support/img/n2.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox04 .txt #n3  { display:block; background:url(../../support/img/n3.jpg) 0px 0px no-repeat; padding:0 0 0 20px; } 

#mosikomi_btn a       { display:block; background:url(../../support/img/mosikomi_btn.jpg) 0px 0px no-repeat; width:298px; height:51px; text-indent:-9999px; margin:20px auto; }
#mosikomi_btn a:hover{ background:url(../../support/img/mosikomi_btn.jpg) -298px 0px no-repeat; text-decoration:none;  }


@media screen and (max-width:812px) {
.clear       { clear:both; height:0px; visibility: hidden; }

h3           { display:block; width:100%; height: inherit; margin:0 0 25px 0; padding:23px 0 0 0; }
     
#support              { display:block; margin:0; padding:0; }
#support #txtbox01    { display:block; background:url(../../support/img/img01.jpg) 450px -10px no-repeat; width:100%; height: inherit; }  
#support #txtbox01 p  { display:block; width:100%; padding:0px 0px 30px 0; }   

#support #txtbox02        { display:block; width:100%; margin:0 0 30px 0; }
#support #txtbox02 .photo { display:block; width:100%; height: inherit; float: inherit; margin:0 0 0 5px; }
#support #txtbox02 .txt      { display:block; width:100%; float: inherit; padding:15px 0 0 0; }
#support #txtbox02 .txt ul   { list-style-type:none; margin:0; padding:0; }
#support #txtbox02 .txt li   { display:block; margin:0 0 10px 0; float:left; width:100%; }
#support #txtbox02 .txt #n1  { display:block; background:url(../../support/img/n1.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox02 .txt #n2  { display:block; background:url(../../support/img/n2.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox02 .txt #n3  { display:block; background:url(../../support/img/n3.jpg) 0px 0px no-repeat; padding:0 0 0 20px; } 
#support #txtbox02 .dl1 {
	font-size: 12px;
}
#support #txtbox02 .dl1 .dt1 {
	float: left;
}
#support #txtbox02 .dl1 .dd1 {
	padding-left: 18px;
}




#support #txtbox03        { display:block; margin:0 0 30px 0;  }  
#support #txtbox03 .photo { display:block; width:100%; float:inherit; }
#support #txtbox03 .txt   { display:block; width:100%; float:left; } 
#support #txtbox03 dl     { display:blockl; margin:0 0 20px 0; }
#support #txtbox03 dt     { clear:left; float: inherit; width:110px; margin:0; font-weight:bold; }
#support #txtbox03 dd     { margin:0 0 20px 120px; } 

#support #txtbox04        { display:block; width:100%; margin:0 0 30px 0; }
#support #txtbox04 .txt      { display:block;padding:15px 0 0 0; }
#support #txtbox04 .txt ul   { list-style-type:none; margin:0; padding:0; }
#support #txtbox04 .txt li   { display:block; margin:0 0 10px 0; float:left; width:100%; }
#support #txtbox04 .txt #n1  { display:block; background:url(../../support/img/n1.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox04 .txt #n2  { display:block; background:url(../../support/img/n2.jpg) 0px 0px no-repeat; padding:0 0 0 20px; }
#support #txtbox04 .txt #n3  { display:block; background:url(../../support/img/n3.jpg) 0px 0px no-repeat; padding:0 0 0 20px; } 

#mosikomi_btn a       { display:block; background:url(../../support/img/mosikomi_btn.jpg) 0px 0px no-repeat; width:100%; height:51px; text-indent:-9999px; margin:20px auto; }
#mosikomi_btn a:hover{ background:url(../../support/img/mosikomi_btn.jpg) -298px 0px no-repeat; text-decoration:none;  }
}

#contents_right h3   { height:inherit; }
@media screen and (max-width:812px) {
	h3           { display:block; width:100%; height: inherit; margin:0 0 25px 0; padding:0px 0 0 0; }
    #contents_right h3  { display:block; width:auto; height:43px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
}