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

#pagebody{
width:850px;
height:100%;
position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#FFFFFF;
}

#pagebody_ttl{
padding-top:20px;
background-color:#FFFFFF;
}



/*コンテンツ------------*/
#content{
float:left;
width:601px;
padding-top:30px;
padding-left:35px;
background-color:#FFFFFF;
}

#content p{
width:530px;
}

#content h1{
clear:both;
margin:0;
padding:0;
height:30px;
font-size:large;
color:#1c5d9e;
text-indent:0px;
background:url(../images/h1_line.gif) no-repeat;
}

#sen{
font-size:9px;
padding-top:0px;
color:#444444;
}

#content p{
margin:0;
padding:0;
width:530px;
font-size:small;
color:#444444;
}


#contentArea{
width:530px;
}

#clients1{
float:left;
width:255px;
padding-bottom:20px;
}
#clients2{
float:right;
width:255px;
padding-bottom:20px;
}

#content h3{
clear:both;
margin-top:0px;
padding-left:25px;
padding-top:5px;
height:25px;
font-size:small;
font-weight: bold; 
background:url(../images/h3_line.gif) no-repeat;
}

#clients1 p,#clients2 p{
width:255px;
line-height:1.2;
font-size:small;
color:444444;
}

#content h2{
clear:both;
height:20px;
width:530px;
padding-left:15px;
font-size:small;
font-weight: bold;
color:#1c5d9e; 
background:url(../images/h2_line.gif) no-repeat;
padding-bottom:10px;
}

#clients1 p2,#clients2 p2{
	float:right;
	width:160px;
	line-height:1.2;
	font-size:small;
	color: #444444;
}
#clients1 img,#clients2 img{
float:left;
width:82px;
padding-right:10px;
}





/*メニュー------------*/
#menu{
float:right;
width:180px;
padding-right:34px;
padding-top:auto;
background-color:#FFFFFF;
}
#menu ul{
 margin:0;
 padding:0;
 list-style:none;
 }
 
 #menu li{
 margin:0;
 padding:0;
 position:absolute;
 height:35px;
 text-indent:30px;
 }
 
 #menu li a{
 text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 background:url(../images/menu_bg.gif) no-repeat;
 padding-top:10px;
 }
 
 #menu li#a{
 top:50;
 }
 #menu li#b{
 top:150px;
 }
 #menu li#c{
 top:186px;
 }
 #menu li#d{
 top:222px;
 }
 #menu li#e{
 top:258px;
 }
 #menu li#f{
 top:294px;
 }
 #menu li#g{
 top:330px;
 }
  #menu li#h{
 top:366px;
 }
  #menu li#i{
 top:402px;
 }
  #menu li#j{
 top:438px;
 }
  #menu li#k{
 top:474px;
 }
 #menu li#gray{
 top:295px;
width:180px;
height:36px;
padding-top:18px;
font-size:small;
color:#FFFFFF;
background:url(../images/gray_base.gif) no-repeat;
 }
 
 #menu li a:hover{
 text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 
#menu li a {
font-size:small;
color:#444444;
text-decoration: none;
}
#menu li a:hover{
color:#1c5d9e;
text-decoration: underline;
}


/*--------------みてるとき*/

 #menu li#a2{
 top:50;
 text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#b2{
 top:150px;
 text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#c2{
 top:186px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#d2{
 top:222px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#e2{
 top:258px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#f2{
 top:294px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
 #menu li#g2{
 top:330px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
  #menu li#h2{
 top:366px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }
   #menu li#i2{
 top:402px;
  text-decoration:none;
 display:block;
 width:180px;
 height:36px;
 padding-top:10px;
 background:url(../images/menu_bg_hover.gif) no-repeat;
 }


#text_areaA{
float:left;
width:390px;
padding-top:0px;
background-color:#FFFFFF;
font-size:small;
color:#444444;
}
#text_areaB{
float:right;
width:170px;
padding-top:0px;
padding-right:35px;
background-color:#FFFFFF;
}



/*テーブル-----------------------*/
#table {
top:20px;
 }
 
#table_enkaku {
 font-size:small;
 line-height:20px;
 color:#444444;
 }
 
.titile {
background:url(../images/h2_line.gif) no-repeat top left;
 padding:0 0 0 15px;
 width:60;
 font-size:14px;
 line-height:16px;
 color:#1c5d9e;
 font-weight:bold;
 height:28px;
 }
 
 .titile_link {
background-color:#D7E6E8;
 padding:5px 5px 0px 5px;
 font-size:12px;
 line-height:18px;
 color:#1c5d9e;
 font-weight:bold;
 height:23px;
 }
  .titile_link2 {
 padding:5px 5px 0px 5px;
 height:28px;
 }

.titile2 {
background:url(../images/h4_line.gif) no-repeat top left;
padding-top:5px;
padding-left:15px;
 width:60;
 font-size:12px;
 line-height:18px;
 color:#1c5d9e;
 font-weight:bold;
 height:35px;
 }

.text{
 padding:0 0 0 15px;
 width:60;
 font-size:12px;
 line-height:18px;
 color:#444444;
  height:auto;
  padding-bottom:10px;
 }
 .text2{
 padding:0 0 0 15px;
 width:60;
 font-size:12px;
 line-height:18px;
 color:#444444;
  height:auto;
  padding-bottom:15px;
 }
 .text3{
 padding:0 0 0 15px;
 width:60;
 font-size:12px;
 line-height:18px;
 color:#444444;
  height:auto;
  padding-bottom:0px;
 }
 
 
/*ばなーえりあ-----------------------*/
 
 #banner_about{
 padding-top:340px;
}

 #banner_business{
 padding-top:160px;
}

 #banner_philosophy{
 padding-top:310px;
}

 #banner_recruite{
float:right;
 top:330px;
  text-decoration:none;
 display:block;
 width:180px;
 padding-top:20px;
}



#banner1{
padding-bottom:10px;
}

#bn_content{
width:530;
}
#bn_left{
float:left;
width:560;
}
#bn_right{
float:right;
width:560;
}