@charset "UTF-8";
* {margin: 0;padding: 0;}
table,img,p {border: 0;}
body {font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;color: #333;background-color: #FFF;font-size: 12px;line-height: 150%;letter-spacing:1px; text-align:center;}
li {list-style-type: none;}
select {border: solid 1px #ccc;}
#wrapper {width:1100px;height:auto;background-color:#FFF;margin-left:auto;margin-right:auto; text-align:left;}

リンク指定
----------------------------------------------- */
a:link { color: #666;text-decoration:none;}
a:visited { color: #666;text-decoration:none;}
a:hover { color: #ff0099;text-decoration:underline;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {font-size: 100%;line-height: 150%;}

/* ヘッダー
----------------------------------------------- */
div#mainlabo { width:1070px; height:58px; padding:50px 15px 20px 15px;}
div#mainlabo h1 {width:220px; height:58px; padding-left:10px; float:left;}
div#sitetitle {width:840px; height:58px; float:right;text-align:right;}
div#sitetitle h2 { padding:13px 0 10px 0;}
div#sitetitle ul { float:right;}
div#sitetitle li { float:left;}
div#sitetitle li.btn1 { float:left; padding-right:20px;}
div#header { width:1100px; height:368px; background:url(images/header_bg.gif) no-repeat; display:block; overflow:hidden;}
div#header-ie6 { padding:40px 30px 0 30px;}
div#header-navi {width:220px; height:auto; float:left;overflow:hidden;}
div#header-navi ul { padding:20px 0 0 15px;}
div#header-navi li.btn2 { margin-bottom:12px;}
div#header-mainimg { width:820px; height:294px; float:right;overflow:hidden;}


/* コンテンツ
----------------------------------------------- */
div#b-area { width:1070px; height:800px; background:#000; padding:0 15px 0 15px;}
div#line1 { width:auto; height:442px;}
div#ceo-v { width:375px; height:442px; margin-left:-30px; position:absolute; background:url(images/ceo.gif) no-repeat; float:left;}
div#ceo-v img { width:84px; height:19px; position:relative; top:390px; left:250px;}
div#orner-area { width:538px; height:407px; padding:15px 51px 0 51px; margin-right:-30px; background:#FFF; float:right;}
div#work-area { clear:both; width:563px; height:332px;margin-left:-30px; background:url(images/work_bg.gif) no-repeat; float:left; padding:25px 0 0 15px; display:block; overflow:hidden;}
div#work-subimg1 { width:265px; height:313px; float:left;}
div#work-subimg2 { width:265px; height:313px; float:left; padding-left:10px;}
div#mission {width:497px; height:316px; padding:0 25px 40px 0; background:url(images/mission.gif) no-repeat;  float:left;}
div#mission img { margin:280px 0 0 380px; display:block; overflow:hidden;}

div#b-wht { width:1100px; height:auto; background:#FFF; padding:0;}
div#line2 { width:1100px; height:auto; padding:25px 0 0 0; border-bottom:#000 solid 1px;}
div#wwd-area { width:330px; height:245px;background:url(images/wwd.gif) no-repeat top; float:left;}
div#wwd-area p.moji { height:100px; padding:80px 15px 0 30px;}
div#owf-area { width:330px; height:245px;background:url(images/owf.gif) no-repeat top; float:left; margin-left:55px;}
div#owf-area p.moji { height:100px; padding:80px 15px 0 30px;}
div#om-area { width:330px; height:245px;background:url(images/om.gif) no-repeat top; float:left; margin-left:55px;}
div#om-area p.moji { height:100px; padding:80px 15px 0 30px;}

div#line3 { width:1070px; height:auto;  margin:0 15px 0 15px; padding-top:130px; border-bottom:#000 solid 1px; background:url(images/ourmedia_bg.gif) no-repeat top;}
div#line3 p.sassy { width:520px; height:190px; background:url(images/sassy_blog.jpg) no-repeat; float:left;}
div#line3 p.shoppi { width:510px; height:190px; background:url(images/shoppi_blog.jpg) no-repeat; float:left; margin-left:40px;}
div#line3 img { width:125px; height:29px; margin:139px 0 0 340px; display:block; overflow:hidden;}
div#twitter { clear:both; width:1070px; height:95px; padding:30px 0 30px 0;}
div#twitter p.sassy { width:520px; height:95px; background:url(images/sassy_t.gif) no-repeat; float:left;}
div#twitter p.shoppi { width:520px; height:95px; background:url(images/nishimura_t.gif) no-repeat; float:left; margin-left:30px;}
div#twitter p.sassy img { width:169px; height:90px; margin:0 0 0 351px; display:block; overflow:hidden;}
div#twitter p.shoppi img { width:169px; height:90px; margin:0; display:block; overflow:hidden;}

/* フッター
----------------------------------------------- */
div#footer { clear:both; width:1100px; height:150px; background:url(images/footer_bg.jpg) no-repeat top; margin-top:30px; margin-bottom:3px;}
div#footer-are { clear:both; width:1100px; height:150px; background:url(images/footer_bg1.jpg) no-repeat top; margin-top:30px;margin-bottom:3px;}
p#footer-navi {width:680px; height:80px; padding:70px 0 0 420px;}
P#copy { width:1100px; height:14px; text-align:right;}


/* ☆会社概要
----------------------------------------------- */
div#main-company { width:1100px; height:1485px; background:url(images/company_bg.gif) no-repeat;position:relative; }
div#main-company p { width:171px; height:256px;position:absolute;  top:1233px; left:650px;}

/* ☆ビバラボって何？
----------------------------------------------- */
div#main-what { width:1100px; height:2186px;}
div#main-what2 { width:1100px; height:189px; background:url(images/sp_bg2.gif) no-repeat; position:relative;}
div#main-what2 p.home { width:65px; height:21px;position:absolute;  top:27px; left:12px;}
div#main-what2 p { width:221px; height:33px;position:absolute;  top:65px; left:600px;}

/* ☆ビバラボイズム
----------------------------------------------- */
div#main-ism { width:1100px; height:1526px; background:url(images/firo_bg.gif) no-repeat;position:relative; }
div#main-ism p { width:142px; height:53px;position:absolute;  top:1450px; left:485px;}

/* ☆パートナー
----------------------------------------------- */
div#main-partner { width:1100px; height:auto; background:url(images/part.gif) no-repeat top; margin-top:100px; padding:200px 0 100px 0; }
div#main-partner ul { clear:both; width:1100px; height:330px; margin-bottom:100px;}
div#main-partner li { width:254px; height:330px; float:left;}
div#main-partner li.yoko { width:254px; height:330px; padding-right:28px; float:left;}
div#main-partner p { width:1100px; height:84px; margin:130px 0 77px 0; text-align:center;}

/* ☆パートナー
----------------------------------------------- */
div#main-recruit { width:1100px; height:1128px; background:url(images/recruit_bg.gif) no-repeat ; position:relative; }
div#main-recruit p.contact { width:105px; height:57px;position:absolute;  top:710px; left:770px;}
div#main-recruit p.home { width:68px; height:45px;position:absolute;  top:1040px; left:615px;}