@charset "utf-8";
html{
    overflow: auto;
}


/* メインメニュー */
*{
	margin:0;
	padding:0;
	list-style-type:none;
}


body{
	margin: 0;
	padding: 0;
      font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
-webkit-text-size-adjust:100%;

}



  /* TOP以外 */
body.about{
	background-image : url(../../img/haikei.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
      font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
-webkit-text-size-adjust:100%;

}


/* ヘッダー */
#header{
	width:100%; height:55px; text-align:center; margin:0 auto;top:0; left:0; z-index:120; position:fixed; background:url(../../img/menu_back.png); background-repeat:repeat;
}

div#header p{
	color: #ffffff; font-size: 0.75em; margin: 0;
}


#containerInner{
	width:100%;  height:55px; background-attachment:fixed; 
 }


#header2{
	width:100%; height:203px; text-align:center; margin:0 auto;top:0; left:0; z-index:120; position:fixed; background:url(../../img/menu_back3.png); background-repeat:repeat;
}


#containerInner2{
	width:100%; height:203px; background-attachment:fixed; 
 }




/* 上画像幅 */
div.container{
	width: 1200px; margin-left: auto; margin-right: auto; position: relative;  
}

/* コンテンツ幅 */
div.container-main{
	width: 980px; margin-left: auto; margin-right: auto; position: relative;  
}


  /* TOP */
.mainContents{
	margin-top:420px; padding: 0px;

}

  /* TOP以外の画像の位置 */
.main-contents{
	margin-top:80px; padding: 0px; 
}

.main-contents-area{
	margin-top:230px; padding: 0px; 
}



/*  ���j���[�^�u*/
#containerInner3{
	margin-left: auto; margin-right: auto;
padding:0px 0 0 0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: 980px; height: 63px; font-size:10px; 
z-index:100;
 }
 
 
/*  メニュータブ */
#menu_tab, #menu_tab ul{
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
	padding:0 0 0 0px;
  list-style: none;
}

#menu_tab img{
	border: 0; 
	vertical-align: bottom; 
}

#menu_tab{
	position:relative;
  float: left;
}


#menu_tab li{
	float:left;
	position:relative;
padding:0px 0px 5px 0px; 
color: #ffffff; font-size:14px; 
margin: 0px 0px 0px 0px; 
  display: block;
}

#menu_tab li ul{
	display: none; background : url(../../img/navi_bg.png) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}

#menu_tab ul li a{
	 
  display: block;
font-size:13px;

  text-decoration: none;
  color: #000000;
  text-align:left;
  padding: 10px 65px 10px 12px;
  margin-left: 1px;
  font-weight:bold;
  white-space: nowrap;
}

#menu_tab li ul li{
	height:30px;
  border-top: 1px solid #000000;
}

#menu_tab li ul li.first{
	height:30px;
border-top-style:none;
}

#menu_tab li ul li.last{
	height:30px;
  border-bottom: 1px solid #000000;
}


#menu_tab ul li a:hover{
	background: #FFB053;
}
#menu_tab li:hover ul{
  display: block;
  position: absolute;
}
#menu_tab li:hover li{
  float: none;
  font-size: 11px;

}

#menu_tab li:hover li a:hover{
	background: #FDD5F4;
}

#menu_tab li:hover li.last a:hover{
	background: #FDD5F4;
	  border-bottom: 1px solid #000000;
}
#menu_tab li.menu_a1{
	width:162px; height:63px;
}
#menu_tab li.menu_a2{
	width:170px; height:63px;
}



#menu_tab li.logo2{
	float:left;
	position:relative;
padding:20px 10px 5px 20px; 
color: #ffffff; font-size:13px; 
margin: 0px 0px 0px 0px; 
}

.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix{
	zoom: 1;
} /* IE6 */
*:first-child +html .clearfix{
	zoom: 1;
} /* IE7 */



/* トップ写真 */
div.photo{
	width: 1200px; 
height:457px; 
margin-left: auto; 
margin-right: auto;  
margin-bottom :0px;
position: relative;
}



/* スライダー */
div#slider{
	position: fixed;
z-index: 1;
}


/* スライド上のバナー */
 #slide_navi{
	background-image: none;
height: 457px;
}


 #slide_navi2{
	background-image: none;
height: 100px;
}



#headerBanner img{
	position: absolute;
}
#headerBanner .banner01{
	left:810px;
	top:82px;
	z-index: 3;
}
#headerBanner .banner02{
	left:810px;
	top:145px;
	z-index: 2;
}
#headerBanner .banner03{
	z-index: 1;
	left: 810px;
	top:208px;
}

#headerBanner .banner04{
	z-index: 1;
	position: absolute;
	left: 30px;
	top:20px;
}

#headerBanner2 img{
	position: absolute;
}


#headerBanner2 .banner01{
	left:810px;
	top:140px;
	z-index: 3;
}
#headerBanner2 .banner02{
	left:810px;
	top:203px;
	z-index: 2;
}
#headerBanner2 .banner03{
	z-index: 1;
	position: absolute;
	left: 810px;
	top:266px;
}

#headerBanner2 .banner04{
	z-index: 1;
	position: absolute;
	left: 30px;
	top:78px;
}





/* 中メニュー */

#menu_waku{
margin-left: auto; margin-right: auto;
padding:0px 0 0 0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: 980px; height: 130px; font-size:16px; 
z-index:100
}



*#menu_dr img{
	border: 0; 
	vertical-align: bottom; 
}

#menu_dr, #menu_dr ul{
	margin:0;
	padding:0;
	list-style-type:none;
} 
#menu_dr{
	width:980px;
	position:relative;
}
#menu_dr li{
	float:left;
	position:relative;
}


/*  メニュー横幅*/

.menu00a{
	width:980px;
height:7px;
}

.menu01{
	width:245px;
}

.menu02{
	width:490px;
}


.anker{
	height :67px;
}


/*  背景白部分*/
div.field	{
	background-color : #ffffff;
padding: 0px; margin:0;
}


/* 見出し背景 */
div.tab	{padding: 0px;
background-image : url(../../img/midasi.jpg); 
  height : 66px;
  background-repeat : no-repeat ;
margin :0px 0 0 0;
}

/* infomation */
div.tab-info	{padding: 0px;
background-image : url(../../img/midasi_info.jpg); 
  height : 90px;
  background-repeat : no-repeat ;
margin :0px 0 0 0;
}


/* 中メニュー */
div#tab3	{
	margin: 0 0 0px 0; padding: 0px;
}


/* 文章 */
div.content	{
	width: 920px; margin-left: auto; margin-right: auto; align: center; padding-bottom: 50px;   
}


div.main	{
	width: 820px; margin-left: auto; margin-right: auto; align: center;
}

/* フッター */

div.footer{
	background-image : url(../../img/bottom2.jpg);
background-repeat: repeat; 
	height:300px;
padding: 5px 0px 0px 0px;   clear:both;
}


div.end{
	text-align:left;    margin:0px auto; 
	padding-bottom: 0px;
}


/* フッターt */

.footer ul.links_area{
max-width: px;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 20px;
clear:both;
}

.footer li.bottom_info{
width: 400px;
font-size: 14px;
line-height: 145%;
float:left;
padding:10px 0 0 20px;
}
.footer li.bottom_info p{margin: 0;padding: 0px 3px 0px 3px; color:#373535;}


.footer li.links{
width: 280px;
margin-top: 0px;
font-size: 12px;
float:left;
color:#ffffff;
padding: 0 0 0 280px;
}

.footer li.links p{
font-weight: normal;
font-size: 12px;
padding:4px 0;
color:#373535;
}

.footer li.links p a{
color:#373535;
}

.footer li.links p a:hover{
color:#ffffff;
background-color:#31E646;
}

.footer li.links ul li a,footer li.links ul li a:link,footer li.links ul li a:visited,footer li.links ul li a:active,footer li.links ul li a:hover {padding-left: 12px;}


.footer li.links2{
width: 150px;
margin-top: 0px;
font-size: 12px;
float:left;
color:#ffffff;
padding: 0 10px 0 100px;
}

.footer li.links2 p{
font-weight: normal;
font-size: 12px;
padding:4px 0;
color:#373535;
}

.footer li.links2 p a{
color:#373535;
}

.footer li.links2 p a:hover{
color:#ffffff;
background-color:#31E646;
}


.footer li.links2 ul{
margin: 5px 0 5px 2px;
line-height: 225%;
}

.footer li.links2 ul li a{
color:#373535;
}

.footer li.links2 ul li a:hover{
color:#ffffff;
background-color:#31E646;
}

.footer li.links2 ul li{
background: url(../../img/bottomarrow.png) no-repeat;
color:#ffffff;
}

.footer li.links2 ul li a,footer li.links2 ul li a:link,footer li.links2 ul li a:visited,footer li.links2 ul li a:active,footer li.links2 ul li a:hover {padding-left: 12px;}



/* �T�C�h�o�[ */
div.sidebar{
	height:1750px;  
width: 260px; 
float: left; 
margin-top: 0px; 
margin-left: 3px; 
margin-bottom: 5px; 
padding: 0; 
}


div.sidebar iframe#side{
	height:1750px;
width: 260px; 
}
 
/* ���R���e���c */
div.liftcontents{
	float: right; 
width:530px;
}



/*  協力会社*/
div.bannerfield{
	padding: 0px;
margin-left: auto; margin-right: auto; 
height: 180px;
}


/* 協力会社 */
div.bannercontent{
	padding-top: 40px;  padding-bottom: 80px;   
}

table.box{
	margin-left: auto; margin-right: auto; 

}

table.box td{
padding:0 2px 0 0x;

}

/*  トップへリンク*/
#pageTop_a{
	background:#69F72B;
	border-radius:5px;
	color:#333;
	padding:10px;
	position:fixed;
	bottom:50px;
	right:20px;
	font-size:12px;
	z-index:150;
	}
	
#pageTop_a:hover{
	background:#3AA909;
	}
	


.tab-mi {
	position: relative;
	padding: .5em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
.tab-mi::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/* 会社概要表 */
table.company {
	width: 800px;
	border-collapse: collapse;
  font-size: 14px;  color: #434242; 
}
.company th.t_top {
    border-top: #b3b3b3 4px solid;
}
.company  th {
	border-bottom: #d6d5d5 1px solid;
	border-left: #d6d5d5 1px solid;
	text-align: left;
	background: #e4e4e4;
	padding: 10px;
	font-weight: normal;
	width: 190px;
}
.company td.t_top {
	border-top: #be1309 4px solid;
}
.company td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	width: 650px;
}

table.company2 {
	width: 600px;
	margin: 20px auto;
}

table.company2 td {
text-align:left;
padding: 0 0 0 20px;
}

table.company2 td.t1 {
width:430px;
padding: 0 0 0 20px;
}

table.company3 {
	width: 400px;
	margin: 20px auto;
}

table.company3 td {
text-align:left;
line-height:200%;
padding: 0 0 0 20px;
}


/* サイトマップ */
.smap {width: 600px;
margin:10px auto;padding:0px;
font-size: 14px;  color: #434242; 
border-collapse:collapse;
border-top:1px dotted #999999;
}


.smap td{
width: 200px;
padding:10px 7px 10px 15px;
border:1px dotted #999999;
text-align:left;
}
