@charset "utf-8";

/******************************************************************** top
*/

.top { font-size: 12px;}
/* for IE7 */
*:first-child+html .top { font-size: 75%;}
/* for IE 6 or sooner */
* html .top { font-size: 75%;}

.top { background: url(../img/t-bg.gif) repeat-x;}


.top_text{
	color:#000000;
	padding:5px 5px 0px 8px;
}
* html .top_text{
	color:#000000;
	padding:5px 5px 5px 8px; 
	font-size: 75%;
}
*+html .top_text{
	color:#000000;
	padding:5px 5px 5px 8px; 
	font-size: 75%;
}

.top_text01{
	color:#000000;
	margin:0px 5px -12px 8px;
}

.top_text01a{
	margin: 0px 0 -15px 10px ;
	padding-top:10px;
}

* html .top_text01{
	color:#000000;
	padding:5px 5px 2px 8px; 
	font-size: 12px;
	height:35px
}
*+html .top_text01{
	color:#000000;
	padding:5px 5px 0px 8px; 
	font-size: 12px;
	height:35px
}

.top_box{
	background-image:url(../img/t_box.gif);
	background-color:#FFFFFF;
	width:912px;
	height:180px;
	margin:15px 0 0 10px;
}

				

.top_box02{
	background-image:url(../img/m03_02-bg.gif)  ;
	background-color:#FFFFFF;
	width:912px;
	height:635px;
	margin:15px 0 0 10px;
}
* html .top_box02{
	background-image:url(../img/m03_02-bg.gif) ;
	background-color:#FFFFFF;
	width:912px;
	height:635px;
	margin:15px 0 0 10px;
	/*padding-top:10px;*/
}
*+html .top_box02{
	background-image:url(../img/m03_02-bg.gif) ;
	background-color:#FFFFFF;
	width:912px;
	height:625px;
	margin:15px 0 0 10px;
	padding-top:10px;
}
p.top_text02{
	color:#000000;
	padding:4px 10px 0px 11px; 
}
* html p.top_text02{
	color:#000000;
	padding:7px 10px 1px 11px;
	font-size:12px;
}
*+html p.top_text02{
	color:#000000;
	padding:7px 10px 1px 11px; 
	font-size:12px;
}

p.top_text03{
	color:#000000;
	padding:4px 10px 0px 11px; 
}
* html p.top_text03{
	color:#000000;
	padding:11px 10px 1px 11px;
	font-size:12px;
}
*+html p.top_text03{
	color:#000000;
	padding:11px 10px 1px 11px; 
	font-size:12px;
}


.top_box03{
	background-image:url(../img/m03_03-bg.gif)  ;
	background-color:#FFFFFF;
	width:912px;
	height:290px;
	margin:15px 0 0 10px;
}
*+html .top_box03{
	background-image:url(../img/m03_03-bg.gif) ;
	background-color:#FFFFFF;
	width:912px;
	height:280px;
	margin:15px 0 0 10px;
	padding-top:10px;
}


.bc{
width:870px;
background:#E2F6AF;
color:#000000;
margin: 5px 0px 0px 11px;
padding: 5px 10px;
}					
* html .bc{
width:870px;
background:#E2F6AF;
color:#000000;
margin: 5px 0px 0px 11px;
padding: 5px 10px;
font-size:12px;
}					
*+html .bc{
width:870px;
background:#E2F6AF;
color:#000000;
margin: 5px 0px 0px 11px;
padding: 5px 10px;
font-size:12px;
}					

.mb05{
margin-bottom:5px;
}
/*------------------------------------------------------------------* header
*/

.top #header { height: 70px;}

.top #header h1 {
	position: absolute;
	top: 10px;
	width: 900px;
	font-family:'ＭＳ ゴシック'; /* for IE */
}


.top #header ul { top: 30px;}



#indexo {
  width: 793px;
	height:45px;
	text-indent:0px;
	}

/*------------------------------------------------------------------* container
*/

.top #container {
	height:739px;
	color: #b78657;
	background: #f9f5da url(../img/t-container.jpg) no-repeat;
	padding: 155px 0 0px 0;
}

.top #container p.logo {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 470px;
	height: 130px;
	padding: 0;
	margin: 0;
	outline: none;
}

.top #container p {
	padding-left: 55px;
	line-height: 1.3em;
	letter-spacing: 0;
}
.top #container h2 {
	padding: 25px 55px 30px;
}

.top #troubleType {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

.top #troubleType li {
	position: absolute;
	left: 50%;
	width: 124px;
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
}

.top #troubleType #t01 { top: 34px; margin-left: 150px;}
.top #troubleType #t02 { top: 115px; margin-left: 108px;}
.top #troubleType #t03 { top: 176px; margin-left: -5px;}
.top #troubleType #t04 { top: 138px; margin-left: 365px;}
.top #troubleType #t05 { top: 256px; margin-left: -41px;}
.top #troubleType #t06 { top: 318px; margin-left: 236px;}
.top #troubleType #t07 { top: 355px; margin-left: -49px;}
.top #troubleType #t08 { top: 420px; margin-left: 148px;}
.top #troubleType #t09 { top: 477px; margin-left: 291px;}

/* troubleType background start */

.top #t01 { background: url(../img/t-link01.gif) no-repeat;}
.top #t02 { background: url(../img/t-link02.gif) no-repeat;}
.top #t03 { background: url(../img/t-link03.gif) no-repeat;}
.top #t04 { background: url(../img/t-link04.gif) no-repeat;}
.top #t05 { background: url(../img/t-link05.gif) no-repeat;}
.top #t06 { background: url(../img/t-link06.gif) no-repeat;}
.top #t07 { background: url(../img/t-link07.gif) no-repeat;}
.top #t08 { background: url(../img/t-link08.gif) no-repeat;}
.top #t09 { background: url(../img/t-link09.gif) no-repeat;}

/* troubleType background end */

.top #troubleType li:hover { background-position: -124px 0;}

.black p {color:#000000;}

.black p.sr_txt {font-size:14px;}



#footer p.blogtit img { 
  padding: 0;
	}

#footer .blogBox { 
  width: 600px;
	height: 100px;
	overflow: auto;
	border: 1px solid #663333;
	padding: 15px 0;
	background: #FFFFFF;
	float:left;
	}
#footer .blogBox dl { 
  width: 380px;
	padding: 0;
	margin:0 0 0 54px;
	color: #009900;
	
	
	}
#footer .blogBox dl dt { 
  width: 120px;
	margin: 0 0 0 -40px;
	padding: 0 0 0 20px;
	clear: both;
	background:url(../img/rssicon.jpg) 0 0 no-repeat;
	text-align: left;
	height: 25px;
	}
*html body #footer .blogBox dl dt { 
  width: 120px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	clear: both;
	background:url(../img/rssicon.jpg) 0 0 no-repeat;
	text-align: left;
	height: 25px;
	}
#footer .blogBox dl dd { 
  width: 290px;
	margin:-25px 0 0 0;
	padding: 0;
	float: right;
	height: 25px;
	}

/*------------------------------------------------------------------* footer
*/

.top #footer { background: #d5c975 url(../img/footer-bg_top1.gif) repeat-x}
.top #footer address { font-size: 12px;}
/* for IE7 */
*:first-child+html.top  #footer address { font-size: 75%;}
/* for IE 6 or sooner */
* html.top  #footer address { font-size: 75%;}

.top #navi { height: 3130px;}

.top #m02 {
	width: 912px;
	height: 100px;
	background: url(../img/m02-bg.gif) no-repeat 0 100%;
	padding: 12px 0 0;
	margin: 0 0 0 9px;
	clear:both;
}
.top #m02 dt { padding: 0; margin: 0;}
.top #m02 dd {
	float: left;
	padding: 6px 0 0 4px;
	margin: 0;
}
.top #m02 dd {
	float: left;
	padding: 7px 0 0 8px;
	margin: 0;
}
.top #m02 #m02-1 { padding-left: 10px;}
.top #m02 #m02-2 { padding-left: 131px;}
.top #m02 dd a {
	display: block;
	width: 217px;
	height: 48px;
	/*text-indent: -9999px;*/
	text-decoration: none;
	overflow: hidden;
}


.top #m03 {
	width: 912px;
	height: 390px;
	background: url(../img/m03-bg.gif) no-repeat 0 100%;
	padding: 12px 0 0;
	margin: 5px 0 0 9px;
}
.top #m03 dd {
	float: left;
	padding: 6px 0 0 4px;
	margin: 5px 0 0 0px;
}
.top #m03 #m03-1 { 
  padding-left: 10px; 
	width:436px;
	color:#000;}
* html .top #m03 #m03-1 { 
  padding-left: 10px; 
	width:436px;
	color:#000;
	font-size:12px}
*+html .top #m03 #m03-1 { 
  padding-left: 10px; 
	width:436px;
	color:#000;
	font-size:12px}
	
.top #m03 #m03-2 { 
  padding-left: 10px; 
  margin-left:10px;
	width:436px;
	color:#000;}	
* html .top #m03 #m03-2 { 
  padding-left: 10px; 
  margin-left:10px;
	width:436px;
	color:#000;
	font-size:12px;}
*+html .top #m03 #m03-2 { 
  padding-left: 10px; 
  margin-left:10px;
	width:436px;
	color:#000;	
	font-size:12px;}

.top #m03 dd a {
	display: block;
	width: 436px;
	/*text-indent: -9999px;*/
	text-decoration: none;
	overflow: hidden;
}

.top #m03 .fr {
  margin: 25px 0 0 280px;

}


#navi #m04 {
	width: 936px;
	height: 360px;
	font-size:12px;
	background: url(../img/m04-bg.gif) no-repeat 0 100%;
	padding: 20px 0 0;
	margin: 0;	
}
#m04 dt { padding: 0; margin: 0;}

#m04 dd {
	float: left;
	width: 176px;
	padding: 45px 0 0 4px;
	margin: 0;
	color:#000000;		
}
#m04 #m04-1 { padding-left: 22px;}

#m04 dd a {
  font-weight:bold;

}

span.toptxt {
  font-size: 12px;
  font-weight:bold;
	color:#2e9b00;
	margin-bottom:10px;
	}
	
span.m04-r {
  font-weight:bold;
	color:#bbbf00;
	margin-bottom:10px;
}	

.bnr_telephone{
	float:right;
	margin: 12px 20px 12px 0;
	}


/*\*//*/
.top #m02 dd a { overflow: visible;}
.top #m02 dd a:focus,
.top #m02 dd a:active { outline: 1px solid #333;}
/**/
/*
#m02-1 a { background: url(../img/m02-1.jpg) no-repeat;}
#m02-2 a { background: url(../img/m02-2.jpg) no-repeat;}
#m02-3 a { background: url(../img/m02-3.jpg) no-repeat;}
#m02-4 a { background: url(../img/m02-4.jpg) no-repeat;}

.top #m02 dd a:hover { background-position: 0 -48px;}
*/