@charset "utf-8";
#navi_main  #m_bt04  a {
	background-image: url(../img/m_bt04_o.jpg);
	height: 57px;
	display: block;
	text-indent: -9000px;
}
/* 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; }
@media screen and (max-width:812px) {
	h3           { display:block; width:100%; height:inherit; margin:0 0 25px 0; padding:23px 0 0 0; }
}
#brand              { display:block; margin:0; padding:0; }
#brand #txtbox01    { display:block; width:650px; margin:0 auto 30px auto; }  
#brand #txtbox01 ul { list-style-type:none; margin:0; padding:0; }
#brand #txtbox01 li { padding:0 0 0 20px; margin:0 0 5px 0; }
#brand #txtbox01 #n1{ background:url(../../brand/img/n1.jpg) 0px 0px no-repeat; } 
#brand #txtbox01 #n2{ background:url(../../brand/img/n2.jpg) 0px 0px no-repeat; } 

#brand #btn01 a     { display:block; width:290px; background:url(../../brand/img/btn01.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn01 a:hover{ background:url(../../brand/img/btn01.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand #btn02 a     { display:block; width:290px; background:url(../../brand/img/btn02.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn02 a:hover{ background:url(../../brand/img/btn02.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand #btn03 a     { display:block; width:290px; background:url(../../brand/img/btn03.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn03 a:hover{ background:url(../../brand/img/btn03.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand  #btn04  a     {
	display:block;
	width:479px;
	background:url(../../brand/img/btn04.jpg) 0px 0px no-repeat;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	margin:0 auto 30px auto;
}
#brand  #btn04  a:hover{
	background:url(../../brand/img/btn04.jpg) -480px 0px no-repeat;
	text-decoration:none;
}
#brand   #btn05   a     {
	display:block;
	width:479px;
	background:url(../../brand/img/btn05.jpg) 0px 0px no-repeat;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	margin:0 auto 30px auto;
}
#brand   #btn05   a:hover{
	background:url(../../brand/img/btn05.jpg) -480px 0px no-repeat;
	text-decoration:none;
}
#brand    #btn06    a     {
	display:block;
	width:479px;
	background:url(../../brand/img/btn06.jpg) 0px 0px no-repeat;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	margin:0 auto 30px auto;
}
#brand    #btn06    a:hover{
	background:url(../../brand/img/btn06.jpg) -480px 0px no-repeat;
	text-decoration:none;
}
#brand #btn07      { display:block; width:290px; background:url(../../brand/img/btn07.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn07 a:hover{ background:url(../../brand/img/btn07.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand #btn08 a     { display:block; width:290px; background:url(../../brand/img/btn08.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn08 a:hover{ background:url(../../brand/img/btn08.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand #btn11 a     { display:block; width:290px; background:url(../../brand/img/btn11.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 30px auto; }
#brand #btn11 a:hover{ background:url(../../brand/img/btn11.jpg) -290px 0px no-repeat; text-decoration:none; }

#brand #btn12 a     { display:block; width:350px; background:url(../../brand/img/btn12.jpg) 0px 0px no-repeat; height:40px; text-indent:-9999px; text-decoration:none; margin:0 auto 10px auto; }
#brand #btn12 a:hover{ background:url(../../brand/img/btn12.jpg) -350px 0px no-repeat; text-decoration:none; }



#brand .txtbox02    { display:block; width:750px; margin:0 auto 30px auto; }  
.br_ftb {
	font-weight: bold;
}

#brand .caution    {  } 
#brand .caution .dl1    {  }
#brand .caution .dl1 .dt1    {
	float: left;
} 
#brand .caution .dl1 .dd1    {
	padding-left: 20px;
}

     
#intro              { display:block; margin:0; padding:0; }
#intro .txtbox01    { display:block; margin:0 0 30px 0; padding:15px 0 0 0; }  


#intro table  { width:100%; margin:0 0 20px 0; background:#FFFFFF; }
#intro th     { text-align:left; font-weight:normal; padding:0 0 0 20px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#DFE4EA; }
#intro td     { padding:12px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }   

#intro th.top { text-align:left; font-weight:normal; padding:0 0 0 20px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#FFFFFF; }
#intro td.top { padding:12px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; text-align:center; background-color:#C2E0B8; }   
#intro td.corner { border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
#intro td.left   { border-left:1px solid #CCCCCC; background-color:#F8DDBA; }
#intro td.leftbtm{ border-left:1px solid #CCCCCC;  background-color:#FFFFFF; }



#intro #hyou td   { padding:5px; margin:0 0 30px 0; }

#intro .img_txtarea { display:block; width:750px; margin:0 0 30px 0; }
#intro .img_lft  { display:block; background:url(../../brand/img/img01.jpg) 0px 0px no-repeat; width:360px; height:147px; float:left; position:relative; }
#intro .img_rgt  { display:block; background:url(../../brand/img/img02.jpg) 0px 0px no-repeat; width:360px; height:147px; float:right; position:relative; }
#intro .img_lft p { width:148px; height:90px; top:50px; left:10px; position:absolute; }
#intro .img_rgt p { width:148px; height:90px; top:50px; left:10px; position:absolute; }

.hyo2 {
	width: 100%;
}
.hyo2 table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.hyo2 table td {
}
.hyo2 table .cl1 {
	background-color: #C2E0B8;
}
.hyo2 table .cl2 {
	background-color: #F8DDBA;
}
.hyo2 table .td1 {
	width: 20%;
}
.hyo2 table .td2 {
	width: 80%;
}

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