@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
width: 100%;
height: 100%;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;

}

body{
	margin:0 auto;
	padding:0;
	background:url(img/top_back.jpg) no-repeat top #fff;
	font-size:80%;
	text-align:center;
	line-height:1.4;
	color:#412505;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana;
	}

*html body{
	margin:0 auto;
	padding:0;
	background:url(img/top_back.jpg) no-repeat top #fff;
	font-size:80%;
	text-align:center;
	line-height:1.4;
	color:#412505;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}


input, select {padding: 0;}

img {
border: none;
}

a {color: #412505;
text-decoration: none;
}

a:hover { color: #412505;
text-decoration:underline;
}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 2em;}

.clear {clear: both;}


/* FONT DECORATIONT */
a{color:#412505;text-decoration:underline;}
a:hover{color:#412505;}
.small{font-size:1em;}
.error{color:#ff0000;}


/* LAYOUT */
#top{
	width:970px;
height:1488px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background:url(img/top_main_back.jpg) no-repeat top;
	position:relative;
}


/*  header   =================================================*/

#header{
	width:970px;
	height:100px;
	text-align:left;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

#logo{
	width:269px;
	height:73px;
	text-align:left;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

h1{
	display:none;
}
.h1sub{
	display:none;
}




#search{
	width:148px;
	height:25px;
	padding-top:20px;
	margin-left:4px;
}


html > body #search02{
	width:152px;
	height:41px;
	background:url(img/top_search-trans.png) no-repeat top left;
	position:absolute;
	top:30px;
	left:825px;
}

*html #search02{
	width:152px;
	height:41px;
	background:url(img/top_search-trans.gif) no-repeat top left;
	position:absolute;
	top:30px;
	left:825px;
}

#search .search {
width:103px;
height:17px;
border:0;
background:url(img/top_search_text.gif) no-repeat top left;
font-size: 11px;
line-height:100%;
}

#glass{
	position:absolute;
	top:20px;
	left:934px;

}

/*houjin_shop  -------------------------------*/

.houjin{
	width:266px;
	height:57px;
	margin:0;
	padding:0;
	position:absolute;
	top:23px;
	left:548px;
}

.houjin a{
display : block ;
	text-indent: -9999px;
	width:266px;
	height:57px;
	background-repeat : no-repeat ;
	background-position : top left ;
}

.houjin a:link {
	background-image:url(img/top_htaiyou_off-trans.png);
}

.houjin a:visited{
	background-image:url(img/top_htaiyou_off-trans.png);
}

.houjin a:hover{
	background-image:url(img/top_htaiyou_on-trans.png);
}

.houjin a:active{
	background-image:url(img/top_htaiyou_on-trans.png);
}


/*  flash   =================================================*/

#flash_area{
	width:970px;
	height:620px;
	margin:0 auto;
	padding:0;
z-index:1;

}

/*  contents   =================================================*/

#contents{
	width:970px;
	height:644px;
	text-align:left;
	margin:0;

}

#main{
	width:970px;
	height:644px;
	text-align:left;
　　padding:0;
	margin:0;
	position:relative;
}

/*news -------------------------------------------------------*/
#news{
	width:410px;
	height:150px;
	position:absolute;
	top:30px;
	left:80px;
}

#news_title{
width:267px;
height: 17px;
margin-left:20px;
margin-bottom:10px;
}

#more{
width:66px;
height:12px;
float:right;
padding-top:10px;
}

#news #top_news,h3{
display:none;}

.news_contens{
width: 410px;
height:130px;
}

html>body .topnews_date{
width: 95px;
height: 30px;
background:url(img/top_icon03-trans.png) no-repeat center left;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #412505;
text-indent:10px;
vertical-align:middle;
}

*html .topnews_date{
width: 95px;
height: 30px;
background:url(img/top_icon03-trans.gif) no-repeat center left;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #412505;
text-indent:10px;
vertical-align:middle;
}

.topnews_body{
width: 315px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #412505;
}


/*info-------------------------------------------------------*/
#info{
	width:495px;
	height:232px;
	position:absolute;
	top:201px;
	left:1px;
}

#info_top{
	width:420px;
	height:62px;
	margin:0 30px 0 45px;
	padding-top: 38px;
}

#info_logo{
	float:left;
	margin-right: 45px;
}

#info_time{
	float:left;
}

.info_office{
	width:415px;
	height:54px;
	margin:0 30px 0 45px;
	padding-bottom: 5px;
	line-height: 18px;
}

.text_bold_16px{
	font-size: 16px;
	font-weight:bold;

}





/*  footer   =================================================*/

#footer{
	width:970px;
	height:224px;
	text-align:left;
　　padding:0;
	margin:0;
}

#copyright{
 float:right;
 color:#fff;
 font-size:10pt;
 padding-top: 10px;
}
#qr{
width: 600px;
height: 86px;
}

#mobile{
float:left;
margin-left:105px;
padding-top:13px;
height:55px;
width:168px;
}
*html #mobile{
float:left;
margin-left:52px;
padding-top:15px;
height:55px;
width:168px;
}

.yougo_bnr{
float:left;
margin-left:30px;
}

*html .yougo_bnr{
float:left;
margin-left:30px;
}
/*footer_menu01 ------------------------------------------*/
#footer_menu01{
	width:970px;
	font-size:11px;
	line-height:36px;
margin-bottom: 7px;
}

*html #footer_menu01{
	width:970px;
	font-size:9pt;
	line-height:36px;
margin-bottom: 5px;
font-family:"ＭＳ ゴシック"
}

#footer_menu01 li{
	display: inline;
	list-style-type: none;
	margin-right:18px;
}

*:first-child+html #footer_menu01 li{
	display: inline;
	list-style-type: none;
	margin-right:18px;
}

*html #footer_menu01 li{
	display: inline;
	list-style-type: none;
	margin-right:10px;
}

#footer_menu01 li a {
	text-decoration: none;
}


#footer_menu01 a:link {
	text-decoration: none
}

#footer_menu01 a:visited {
	text-decoration: none;
}

#footer_menu01 a:hover {
	text-decoration: underline;
}

#footer_menu01 a:active {
	text-decoration: underline;
}


/*footer_menu02 ------------------------------------------*/
#footer_menu02{
	width:630px;
	hegiht: 20px;
	font-size:11px;
	line-height:25px;
	float:left;
	padding-top: 10px;
}

*html #footer_menu02{
	width:630px;
	hegiht: 20px;
	font-size:9pt;
	line-height:14px;
	float:left;
	padding-top: 10px;
}

#footer_menu02 li {
	display: inline;
	list-style-type: none;
	background: url(img/top_icon03-trans.png) no-repeat left center;
	margin-right: 20px;
	padding-left: 10px;

}


#footer_menu02 li a {
	text-decoration: none;
}


#footer_menu02 a:link {
	text-decoration: none;
}

#footer_menu02 a:visited {
	text-decoration: none;
}

#footer_menu02 a:hover {
	text-decoration: underline;
}

#footer_menu02 a:active {
	text-decoration: underline;
}

/* ===========================================================
 List 
 ===========================================================*/


/*  header_menu   ===========================================*/

#header_menu{
	width:422px;
	height:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:6px;
	left:542px;
z-index:25;
}


#header_menu li {
float:left;
margin:0;
padding:0;
}

#header_menu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#header_menu a:link img{
visibility : visible ;
border-style : none ;
}

#header_menu a:visited img{
visibility : hidden ;
border-style : none ;
}

#header_menu a:hover img{
visibility : hidden ;
border-style : none ;
}

#header_menu a:active img{
visibility : hidden ;
border-style : none ;
}

/* menu1
---------------------------------------------*/
.menu1 {
width : 158px ;
height :16px ;
}

.menu1 a{
width : 158px ;
height :16px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu1 a:link {
	background-image : url(img/top_head_menu01_off.gif);
}

.menu1 a:visited{
	background-image : url(img/top_head_menu01_off.gif);
}

.menu1 a:hover{
	background-image : url(img/top_head_menu01_on.gif);
}

.menu1 a:active{
	background-image : url(img/top_head_menu01_on.gif);
}

/* menu2
---------------------------------------------*/
.menu2 {
width : 104px ;
height : 16px ;
}

.menu2 a{
width : 104px ;
height : 16px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu2 a:link {
	background-image : url(img/top_head_menu02_off.gif);
}

.menu2 a:visited{
	background-image : url(img/top_head_menu02_off.gif);
}

.menu2 a:hover{
	background-image : url(img/top_head_menu02_on.gif);
}

.menu2 a:active{
	background-image : url(img/top_head_menu02_on.gif);
}

/* menu3
---------------------------------------------*/
.menu3 {
width : 106px ;
height : 16px ;
}

.menu3 a{
width : 106px ;
height : 16px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu3 a:link {
	background-image : url(img/top_head_menu03_off.gif);
}

.menu3 a:visited{
	background-image : url(img/top_head_menu03_off.gif);
}

.menu3 a:hover{
	background-image : url(img/top_head_menu03_on.gif);
}

.menu3 a:active{
	background-image : url(img/top_head_menu03_on.gif);
}

/* menu4
---------------------------------------------*/
.menu4 {
width : 54px ;
height : 16px ;
}

.menu4 a{
width : 54px ;
height : 16px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu4 a:link {
	background-image : url(img/top_head_menu04_off.gif);
}

.menu4 a:visited{
	background-image : url(img/top_head_menu04_off.gif);
}

.menu4 a:hover{
	background-image : url(img/top_head_menu04_on.gif);
}

.menu4 a:active{
	background-image : url(img/top_head_menu04_on.gif);
}



/*  top_bnr   ===========================================*/

#top_bnr{

	margin:0;
	padding:0;
}


#top_bnr li {
float:left;
margin:0;
padding:0;
}

#top_bnr li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#top_bnr a:link img{
visibility : visible ;
border-style : none ;
}

#top_bnr a:visited img{
visibility : hidden ;
border-style : none ;
}

#top_bnru a:hover img{
visibility : hidden ;
border-style : none ;
}

#top_bnr a:active img{
visibility : hidden ;
border-style : none ;
}

/* bnr01
---------------------------------------------*/
.bnr01 {
	position:absolute;
	top:15px;
	left:525px;
}

.bnr01 a{
	width : 401px;
	height : 96px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr01 a:link {
	background-image : url(img/top_bnr_01_off-trans.png);
}

.bnr01 a:visited{
	background-image : url(img/top_bnr_01_off-trans.png);
}

.bnr01 a:hover{
	background-image : url(img/top_bnr_01_on-trans.png);
}

.bnr01 a:active{
	background-image : url(img/top_bnr_01_on-trans.png);
}


/* bnr02
---------------------------------------------*/
.bnr02 {
	position:absolute;
	top:115px;
	left:525px;
}

.bnr02 a{
	width : 200px;
	height : 95px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr02 a:link {
	background-image : url(img/top_bnr_02_off-trans.png);
}

.bnr02 a:visited{
	background-image : url(img/top_bnr_02_off-trans.png);
}

.bnr02 a:hover{
	background-image : url(img/top_bnr_02_on-trans.png);
}

.bnr02 a:active{
	background-image : url(img/top_bnr_02_on-trans.png);
}

/* bnr03
---------------------------------------------*/
.bnr03 {
	position:absolute;
	top:116px;
	left:727px;
}

.bnr03 a{
	width : 200px;
	height : 94px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr03 a:link {
	background-image : url(img/top_bnr_03_off-trans.png);
}

.bnr03 a:visited{
	background-image : url(img/top_bnr_03_off-trans.png);
}

.bnr03 a:hover{
	background-image : url(img/top_bnr_03_on-trans.png);
}

.bnr03 a:active{
	background-image : url(img/top_bnr_03_on-trans.png);
}


/* bnr03_2
---------------------------------------------*/
.bnr03_2 {
	position:absolute;
	top:213px;
	left:525px;
}

.bnr03_2 a{
	width : 401px;
	height : 94px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr03_2 a:link {
	background-image : url(img/top_bnr_03_2_off-trans.png);
}

.bnr03_2 a:visited{
	background-image : url(img/top_bnr_03_2_off-trans.png);
}

.bnr03_2 a:hover{
	background-image : url(img/top_bnr_03_2_on-trans.png);
}

.bnr03_2 a:active{
	background-image : url(img/top_bnr_03_2_on-trans.png);
}

/* bnr04
---------------------------------------------*/
.bnr04 {
	position:absolute;
	top:300px;
	left:526px;
	z-index: 10;
}

.bnr04 a{
	width : 271px;
	height : 127px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr04 a:link {
	background-image : url(img/top_bnr_04_off-trans.png);
}

.bnr04 a:visited{
	background-image : url(img/top_bnr_04_off-trans.png);
}

.bnr04 a:hover{
	background-image : url(img/top_bnr_04_on-trans.png);
}

.bnr04 a:active{
	background-image : url(img/top_bnr_04_on-trans.png);
}

/* bnr05
---------------------------------------------*/
.bnr05 {
	position:absolute;
	top:223px;
	left:729px;
}

.bnr05 a{
	width : 240px;
	height : 204px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr05 a:link {
	background-image : url(img/top_bnr_05_off-trans.png);
}

.bnr05 a:visited{
	background-image : url(img/top_bnr_05_off-trans.png);
}

.bnr05 a:hover{
	background-image : url(img/top_bnr_05_on-trans.png);
}

.bnr05 a:active{
	background-image : url(img/top_bnr_05_on-trans.png);
}

/* bnr06
---------------------------------------------*/
.bnr06 {
	position:absolute;
	top:450px;
	left:601px;
}

.bnr06 a{
	width : 347px;
	height :195px;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.bnr06 a:link {
	background-image : url(img/top_bnr_06_off-trans.png);
}

.bnr06 a:visited{
	background-image : url(img/top_bnr_06_off-trans.png);
}

.bnr06 a:hover{
	background-image : url(img/top_bnr_06_on-trans.png);
}

.bnr06 a:active{
	background-image : url(img/top_bnr_06_on-trans.png);
}

/**personal-index**/
.float-left{
	float:left;}
	
.float-right{
	float:left;}

.center-content{
    height: 620px;
    margin: 0 auto;
    padding: 0;
    width: 970px;
    z-index: 1;}
	
.inx-trouble{
	background-image : url(img/inx-trouble-bg-trans.png);
    height: 513px;
    margin: 101px 0 0;
    width: 949px;
	float:left;}
	
.inx-left-menu{
 	margin:40px 0 0 4px;
	width: 144px;}
	
.inx-mentxt{
	margin:3px 0 0 21px;}
	
.inx-men-list{
	margin:17px 0 0 24px;
	width:120px;}

.inx-men-list li{
 	float:left;
	width:116px;
	margin:0 0 8px;}
	
.inx-men-list li a:link {
	float:left;
	width:98px;
    height: 17px;
    padding: 3px 0 0 18px;}

.inx-men-list li a:visited{
	float:left;
	width:98px;
    height: 17px;
    padding: 3px 0 0 18px;}

.inx-men-list li a:hover{
		background: url(img/inx-men-list-li-bg.gif) no-repeat top left ; }

.inx-men-list li a:active{
		background: url(img/inx-men-list-li-bg.gif) no-repeat top left ; }
		
.inx-men-bot{
    margin: 57px 0 0;
}

.inx-men-bot a {
    background: url(img/inx-men-bot-trans.png) no-repeat left top;
	width: 157px;
	height: 79px;
	display: block;
	text-indent: -9999px;
}

.inx-men-bot a:hover {
    background: url(img/inx-men-bot_on-trans.png) no-repeat left top;
}
	
.inx-trouble-cen{
    height: 495px;
    margin: 20px 0 0 95px;
    position: relative;
    width: 595px;}
	 
.inx-trouble-01{
	position:absolute;
	top:38px;
	left:51px;
}

.inx-trouble-01 a {
	background: url(img/inx-trouble-01-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-02{
	position:absolute;
	top:118px;
	left:23px;}
	
.inx-trouble-02 a {
	background: url(img/inx-trouble-02-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-03{
	position:absolute;
	top:290px;
	left:66px;}
	
.inx-trouble-03 a {
	background: url(img/inx-trouble-03-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}	
	
.inx-trouble-04{
	position:absolute;
	top:63px;
	left:240px;}
	
.inx-trouble-04 a {
	background: url(img/inx-trouble-04-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-05{
	position:absolute;
	top:195px;
	left:238px;}
	
.inx-trouble-05 a {
	background: url(img/inx-trouble-05-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-06{
	position:absolute;
	top:290px;
	left:211px;}
	
.inx-trouble-06 a {
	background: url(img/inx-trouble-06-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-07{
	position:absolute;
	top:38px;
	left:411px;}
	
.inx-trouble-07 a {
	background: url(img/inx-trouble-07-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}
	
.inx-trouble-08{
	position:absolute;
	top:226px;
	left:388px;}
	
.inx-trouble-08 a {
	background: url(img/inx-trouble-08-trans.png) no-repeat left top;
	width: 108px;
	height: 78px;
	display: block;
	text-indent: -9999px;
}	
	
.inx-trouble-09{
	position:absolute;
	top:376px;
	left:12px;}
	
.inx-trouble-09 a {
	background: url(img/inx-trouble-09-trans.png) no-repeat left top;
	width: 503px;
	height: 107px;
	display: block;
	text-indent: -9999px;
}

.inx-trouble-09 a:hover {
	background: url(img/inx-trouble-09_on-trans.png) no-repeat left top;
}
	
.inx-hed-tel{
	position:absolute;
	top:10px;
	left:292px;
}

.inx-hed-tel a {
	background: url(img/inx-hed-tel-trans.png) no-repeat left top;
	width: 252px;
	height: 65px;
	display: block;
	text-indent: -9999px;
}

.inx-hed-tel a:hover {
	background: url(img/inx-hed-tel_on-trans.png) no-repeat left top;
}

.inx-debprob {
	position:absolute;
	top:0px;
	left:545px;
}

.inx-debprob a {
	background: url(img/inx-debprob-trans.png) no-repeat left top;
	width: 273px;
	height: 75px;
	display: block;
	text-indent: -9999px;
}

.inx-debprob a:hover {
	background: url(img/inx-debprob_on-trans.png) no-repeat left top;
}