@charset "Shift_JIS";

html, body{
height: 100%;
}

body{
width : 100%;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
}

body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;
  padding : 0;
}

.atama{ /* ヘッダ枠 */
  width : 100%;
}

.a-hidari{ /* ヘッダ左枠 */
  width : 250px;
  float : left;
  border: 0;
  text-align: left;
  padding: 10px;
}
.a-migi{ /* ヘッダ右枠 */
width: 550px;
  border: 0;
  padding-top: 50px;
  margin-left: 250px;
}

.atama img{ /* ヘッダ画像 */
border-style: none;
}

.gazou{ /* ヘッダ画像枠 */
float: right;
margin-left: 20px;
}

.gazou img{ /* ヘッダメニュー画像 */
border-style: none;
width: 106px;
height: 20px;
}

.gazou a{
color: #3E39FE;
text-decoration: none;
}

.gazou a:hover{
height: 20px;
filter:alpha(opacity=50);  /* 半透明 IE7（Win）*/
opacity:0.7; /* 半透明 firefox3（Win、Mac）Opera9（Win）Safari3（Mac）Chrome（Win）*/
}

.waku{
  width : 100%;
  overflow:hidden;
}

.hidari{
  width : 260px;
  float : left;
}

.migi{
  margin-left : 150px;
}

.colmask {
 position:relative;
 clear:both;
 float:left;
 width:100%; /* ページ幅 */
 overflow:hidden;
}
 
.leftmenu {
 background:#ffffff;/* 左カラム背景色 */
}
 
.leftmenu .colright {
 float:left;
 width:200%;
 position:relative;
 left:200px;
/* 右カラム背景色 */
}
 
.leftmenu .col1wrap {
 float:right;
 width:50%;
 position:relative;
 right:200px;
 padding-bottom:1em;
 }
 
.leftmenu .col1 {
 margin:0 15px 0 215px;
 position:relative;
 right:100%;
 overflow:hidden;
}

.col1 .waku{ /* 記事枠 */
width: 650px;
height:auto;
line-height :25px;
background:#ffffff;
}

.waku h3{
color: #3E39FE;
margin-top: 0px;
}

.waku .waku1{ /* トップ画像枠 */
width:300px;
float:left;
margin-top: 0px;
}

.waku1 h3{
color: #003399;
font-weight: bold;
padding-left: 10px;
}

.waku1 dt{
padding-left: 70px;
}

.waku1 dd{
padding-top: 10px;
padding-left: 170px;
}

.waku1-2{
width: 600px;
padding-bottom: 20px;
}

.waku1-2 h3{
color: #3E39FE;
margin-top: 10px;
text-align: center;
}

.waku .waku2{ /* 指定管理文枠 */
width:600px;
float:left;
line-height :25px;
background:#cbe6ff
}

.waku2 h3{
color: #3E39FE;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
text-align: center;
}

.waku2 dt{
padding: 0px 30px 10px 30px;
line-height: 20px;
}

.waku2 dd{
padding: 0px 30px 10px 30px;
}

.waku2 .hyou{
padding: 0px 30px 10px 30px;
}

.waku .waku2-2{ /* 記事枠 */
width:600px;
float:left;
line-height :16px;
background:#cbe6ff;
padding-bottom: 20px;
}

.waku2-2 h2{
color: #ff0000;
margin: 10px 0px 10px 0px;
}

.waku2-2 h3{
color: #3E39FE;
margin: 0px 0px 0px 10px;
padding-top: 4px;
padding-bottom: 4px;
}

.waku2-2 dt{
width: 70%;
padding: 4px 30px 5px 10px;
border-left: solid 3px  #003399 ;
border-bottom: solid 1px #003399;
margin: 20px 10px 0px 10px;
font-weight: bold;
color: #003399;
}

.waku2-2 dd{
padding: 5px 30px 5px 30px;
}

.waku2-2j{
width:600px;
float:left;
line-height :18px;
background:#cbe6ff;
padding-bottom: 20px;
}

.waku2-2j h3{ /* 人材派遣枠 */
color: #3E39FE;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.waku2-2j dt{ /* 人材派遣タイトル */
width: 80%;
padding: 0px 30px 5px 10px;
border-left: solid 3px  #003399;
border-bottom: solid 1px #003399;
margin: 20px 10px 0px 10px;
font-weight: bold;
color: #003399;
}

.waku2-2j dd{ /* 人材派遣文 */
padding: 5px 30px 5px 30px;
}

.waku .waku2-2g{ /* 商品枠画像 */
width:200px;
height: 160px;
float:left;
line-height :25px;
background:#ffffff;
margin: 0px 0px 0px 0px;
padding-top: 20px;
}

.waku .waku2-2b{ /* 商品枠文 */
width:400px;
height: 160px;
float:left;
line-height :25px;
background:#ffffff;
margin: 0px 0px 0px 0px;
padding-top: 20px;
}

.waku .waku2-2s{ /* スタッフ画像 */
width:600px;
height:160px;
float:left;
background:#ffffff;
margin: 10px 0px 0px 0px;
padding-left: 10px;
padding-bottom: 5px;
}

.waku .waku2-2sl{ /* スタッフ画像 */
width:164px;
height:150px;
float:left;
background:#ffffff;
margin: 10px 0px 0px 0px;
padding-left: 10px;
}

.waku .waku2-2sr{ /* スタッフ文 */
width:400px;
height:150px;
float:left;
background:#ffffff;
margin-top: 10px;
line-height :20px;
color: #003399;
}

.waku .waku2-3{ /*ご挨拶枠 */
width:600px;
line-height :20px;
background:#cbe6ff
}

.waku2-3 dt{ /*ご挨拶タイトル */
padding: 20px;
margin: 0px 10px 0px 10px;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.waku2-3 dd{ /*ご挨拶文 */
padding: 5px 25px 5px 25px;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.waku .waku2-3s{ /* 社長名前枠 */
}

.waku2-3s dd{ /* 社長名前 */
text-align: right;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 70px;
}

.waku .waku3{ /* トップ画像枠 */
width:280px;
float:left;
line-height :25px;
margin: 0px 10px 20px 10px;
}

.waku3 h3{
color: #003399;
font-weight: bold;
padding-bottom: 10px;
}

.waku3 dd{
color: #3E39FE;
padding-left: 20px;
}

.waku .waku4{ /* 記事画像枠 */
width:190px;
height:90px;
float:left;
margin: 10px 10px 20px 10px;
font-size: x-small;
}

.waku4 dt{ /* 記事 */
 line-height :15px;
 padding-left: 5px;
 background:#cbe6ff
}

.waku4 img{
width: 190px;
height: 90px;
}

.waku5 {
width: 300px;
float:left;
}

.waku5 img{
width: 220px;
height: 220px;
float:left;
}

#waku6 {/* プライバシーマーク */
height: 103px;
background-color: #ffffff;
clear : both;
padding-left: 80px;
}




#waku6 img{
width: 100px;
height: 103px;
border-style: none;
}

.waku .kuria{
clear: both;
}
 
.leftmenu .col2 {
 float:left;
 width:180px;

 position:relative;
 right:185px;
 line-height :30px;
 background:#cbe6ff;

}

.col2 img{
width: 180px;
height: 20px;
border: 0;
}
.col2 .menuwaku img{
width: 180px;
height: 20px;
border: 0;
}

/* 左メニュー枠リンクボックス郡ここから */

#menu-linkbox{
}

#menu-linkbox dt{
border: 0px;
border-width: 0px 0;
margin: 0px 0;
width: 100%;
line-height :25px;
}

#menu-linkbox a{
color:#003399;
display: block;
text-decoration: none;
width: 160px;
padding-left: 20px;
padding-right: 20px;
}

* html #menu-linkbox dt a{  /* IEハック */
width: 180px;
padding-left: 20px;
padding-right: 5px;
}

#menu-linkbox dt a:hover{
background:#ffffff;
}

#menu-linkbox .sentaku{
background:#87cefa;
display: block;
line-height :25px;
}

* html #menu-linkbox dt .sentaku{
background:#ffffff;
display: block;
line-height :25px;
width: 160px;
}

/* 左メニュー枠リンクボックス郡ここまで */


.futta{ /* フッタ枠 */
background: #6699dd;
color: #ffffff;
width : 100%;
height: 30px;
padding-top: 6px;
clear : both;
}
