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

/*===============================================
全般的なスタイル
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

body 
{

overflow-x: hidden;
margin: 0;
padding:0px;
color:#000000;
height: 100%;
text-decoration: none;
display: inline;
zoom:1;
background-color: #f4f4f4;
-webkit-text-size-adjust: 100%;
font-family: "MS ゴシック", sans-serif;

}


#wrapper  
{
min-width: 961px;
line-height:1.5;
font-size:1em;
overflow:hidden;
position: relative;
background: #f4f4f4; 
width:100%;
}



/*===============================================
 ヘッダー
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#header
{
width:100%;
position:relative;
background: #FFF;
overflow:hidden;
}

#line1
{
overflow:hidden;
position:relative;
width:100%;
margin:0;
padding:0;
}

#header .box_wrap
{
overflow:hidden;
display: block;
width: 961px;
margin: 0 auto;
position: relative;
}

/* --- タイトル --- */


#header .box_wrap .title
{
float: left;
overflow: hidden;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 40px;
}

/* --- サイトマップ --- */		 


#header .box_wrap .sitemap
{
float: right;
position: relative;
overflow: hidden;
text-align: right;
font-size: 0.8em;
color:#333333;
font-weight:bold;
padding-top:50px;
padding-right:40px;
}


#header .box_wrap .sitemap a
{
color:#333;
text-decoration:none;
}

#header .box_wrap .sitemap a:hover
{
color:#0e83ef;
}		



/*===============================================
メイン
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#main
{
background-repeat: no-repeat;
background-position: 50% 0;
background-image:url(images/top3.jpg);
width:100%;
float:left;
position: relative;
overflow:hidden;
}

/* --- トップ画像 --- */

#topimg
{
osition: relative;
height:420px;
display: block;
width:960px;
margin: 0 auto;
}
	

a img 
{
border-style:none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

	 
 /*===============================================
 メインメニュー
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
 
#menu 
{ 
width:100%;
display:block;                                       
height:65px;
margin:0px;
margin-left:auto;
margin-left:auto;
border-top: solid 1px #000066;
border-bottom: solid 1px #000066;
background: url(images/line.jpg) 0 100% repeat-x;  
overflow:hidden;
}


#menu #first a 
{
background-image:url(images/botan-home.jpg);
border-left: solid 1px #000099;
}
	
#menu #link2 a 
{
 background-image:url(images/botan-conpany.jpg);
}	

#menu #link3 a 
{
background-image:url(images/botan-contents.jpg);
}

#menu #link4 a 
{
background-image:url(images/botan-result.jpg);
}	

#menu #link5 a 
{
 background-image:url(images/botan-partner.jpg);
}	

#menu #link6 a 
{
background-image:url(images/botan-recluit.jpg);
}	
									
#menu ul 
{ 
margin: 0 auto;
padding: 0;
position:relative;   left:50%;   float:left;
}
  	
#menu li 
{
list-style-type: none;                                 
float: left;
position:relative;   left:-50%;                                           
}
	
#menu li a
{                                   
display: block;                                      
width:159px;  
line-height:65px;                                         
border-right: solid 1px #000099;
text-indent: -9999px;
overflow: hidden;
}

#menu li a:hover
{                                        
background-position: 0 -75px;                                                   
}


 /*===============================================
コンテンツ
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mainbox
{
width:960px;
margin: 0 auto;
}

#maincontents
{
width:790px;
float:left;
}
	  
#content 
{
float:right;
background:#FFFFFF;
width: 620px;
text-align:center;
margin-top: 15px;
margin-bottom: 35px;
padding: 0px;
margin-top:0;
margin-bottom:0;
} 

#massage
{
margin-top:20px;
}

/* --- テキスト --- */

#post 
{
width: 597px;
}

#posttext 
{
text-align:left;
font-size: 0.9em;
line-height: 1.5;
padding-right: 25px;
padding-left: 25px;
}
		  

/* --- ボックス --- */

div.section 
{
width: 590px; 
height: 220px;
overflow: auto;
background-color: #FFF; 
border: 1px #c0c0c0 solid; 
font-size: 0.75em;
color: #000;
margin:auto;
text-align:left;
line-height:30px;
	
}

 #content .post .section{
overflow-y: auto;
}
 #content .post .section::-webkit-scrollbar{
width: 8px;
background: #CCC;
}
 #content .post .section::-webkit-scrollbar-thumb{
background: #666;
border-radius: 2px;
}
    
#content .post .section p a .mark,#content .post .section p .mark
{
font-size: 13px;
color:#006;
font-weight:bold;
}

#content .post .section p a
{ 
text-decoration: none;

} 
#content .post .section p a .news
{
color:#0e83ef;
}

div.section p 
{
margin: 0.5em 10px; 
border-bottom: 1px #c0c0c0 dotted; 

}


/* --- ボックス内の段落 --- */

div.section p 
{
margin: 0.5em 10px; 
border-bottom: 1px #c0c0c0 dotted; 

}

/* --- 採用バナー --- */
#engage 
{
padding-left: 15px;
padding-right: 15px;
} 

/* --- ページトップボタン --- */

#back 
{
text-align:right;
font-size: 0.75em;
/*
margin-top: 150px;
*/
margin-top: 40px;
margin-bottom: 30px;
}   
	   
#back a
{ 
color:#333;
text-decoration:none;
margin-right: 13px;
}	
		
#back a:hover 
{
color:#0e83ef;
}		

 /*===============================================
サイドバー1
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
 
	
#sideber01  
{
width:170px;
float: right;
margin-top: 52px;
font-size: 0.75em;
padding-left: 0px;
}


#zimusyo  
{ 
font-weight: bold;  
font-size: 1.2em;
padding-top: 5px;
padding-bottom: 0px; 
}

#access_inner
{
width: 147px;
height:579px;
background-color: #FFF;
margin-left:10px;
}	  
	  
#access_inner li 
{
list-style-type: none;
border-bottom:1.5px dotted #dfdfdf;
text-align:left;
padding-left: 8px;
padding-bottom: 0px;
padding-top: 10px;
}

#access_inner p
{
margin-bottom:0;
}

#access_inner ul 
{
margin:0;
padding: 0px;
margin-left:0;
}

#map
{
padding-top:3px;
padding-bottom:12px;
}

#map2
{
padding-top:3px;
padding-bottom:50px;
}


#mail 
{
margin-top: 10px;
margin-left:10px;
}

#pmark
{
margin-left:40px;
margin-bottom:50px;
margin-top:15px;
}
 /*===============================================
サイドバー2
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#sideber02  
{
width: 170px;
float: right;
margin-top: 43px;
margin-right: 0;
margin-bottom: 55px;
margin-left: 0;
}

#zisya
{
margin-left:10px;
}			 
			 
#regi 
{
margin-top: 20px;
margin-left:10px;

}			
#hoap 
{
margin-top: 20px;
margin-left:10px;
}

#note 
{
margin-top: 20px;
margin-left:10px;
}

#doragon 
{
margin-top: 20px;
margin-left:10px;
}			




 /*===============================================
フッター
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

 
#footer 
{
background:#FFF;
width:100%;
clear: both;
display: block;
margin: 0 auto;
border-top: solid 1px #999999;
padding-top: 10px;
padding-bottom: 0px;
text-align:center;
overflow: hidden;

}
		
#footer p 
{
color: #FFF;
font-size: 0.75em;
margin: 0;
}



/* --- ABOUTUS --- */	

#aboutus 
{
margin-right:604px;
color:#000;
font-weight: bold;
font-size: 1em;
font: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



#menu2 li a 
{
color:#000;
text-decoration: none;
text-align: center;
}
		
#menu2 li a:hover 
{
color:#0e83ef;
text-align: center;
}
			   
#menu2 li 
{
display: inline;
list-style-type: none;
border-left: solid 1px #666666;
padding-left: 15px;
padding-right: 15px;
}
		 
#menu2 li.first  
{
border-left: solid 1px #666666;
}
				   
#menu2 li.last  
{
border-right: solid 1px #666666;
}				   
				  
#menu2 ul   
{
padding:0;
margin-top: 10px;
margin-bottom: 20px;
}	
#menu2
{
	margin:auto;
	font-size:0.75em;

}
		
#line3 
{
margin:0;
}

/* --- コピーライト --- */


#copy
{
background-image: url(images/line1.jpg);
background-size: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
line-height: 23px;
color: #fff;
font-size: 10.5px;
margin: 0;
text-align: center;
}

#container #wrapper #main #content .section 
{
text-decoration: none;
}
#container #footer #copy 
{
top: 50%;
}