@import url("common.css");

/* ========== トップページ用CSS ========== */

#main #main_flash {
  width:100%;
  padding:10px 0 0 0;
}

#main #left_block {
  width:710px;
  margin:10px 0 0 0;
  float:left;
  zoom:100%;
}

#main #left_block:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#main #left_block #left_left_block {
  width:350px;
  margin:10px 0 0 0;
  float:left;
}

#main #left_block #left_right_block {
  width:350px;
  margin:10px 0 0 0;
  float:right;
}

#main #right_block {
  width:230px;
  margin:10px 0 0 0;
  float:right;
}

/* 震災メッセージ */
#shinsai_msg {
width:100%;
margin:0 0 10px 0;
}

/* 製品ピックアップ */
#pick_up {
  width:100%;
}

#pick_up h2 {
  width:710px;
  height:35px;
  margin:0;
  padding:0;
}

#pick_up .box {
  width:708px;
  padding:0 0 4px 0;
  background:#E8E6E4;
  border-left:1px solid #CBCBCB;
  border-right:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
}

#pick_up .box .column {
  padding:5px 0 0 3px;
  zoom:100%;
}

#pick_up .box .column:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#pick_up .box .column div {
  width:230px;
  height:95px;
  margin:0 4px 0 1px;
  float:left;
  display:inline;
}

#pick_up .box .column div a {  
  width:230px;  
  height:95px;  
  display:block;  
  text-indent:-9999px;  
  overflow:hidden;  
} 

#pick_up .box .column div.yougyu a {
  background:url(images/pick_up_yougyu.jpg) 0 0 no-repeat;
}

#pick_up .box .column div.kitaka a {
  background:url(images/pick_up_kitaka.jpg) 0 0 no-repeat;
}

#pick_up .box .column div.stamp a {
  background:url(images/pick_up_stamp.jpg) 0 0 no-repeat;
}

#pick_up .box .column div.tegaki a {
  background:url(images/pick_up_tegaki.jpg) 0 0 no-repeat;
}

#pick_up .box .column div.speech a {
  background:url(images/pick_up_speech.jpg) 0 0 no-repeat;
}

#pick_up .box .column div.birumen a {
  background:url(images/pick_up_birumen.jpg) 0 0 no-repeat;
}

#pick_up .box .column div a:hover {
  background-position:0 -95px;
}


/* ニュース */
#news {
  width:100%;
}

#news h2 {
  width:350px;
  height:35px;
  margin:0;
  padding:0;
  zoom:100%;
}

#news h2:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#news h2 img {
  float:left;
}

#news h2 a {
  width:92px;  
  height:35px;  
  display:block;  
  text-indent:-9999px;
  overflow:hidden;
  background:url(images/btn_list_news.gif) 0 0 no-repeat;
}

#news h2 a:hover {
  background-position:0 -35px;
}

#news .box {
  width:348px;
  padding:0 0 5px 0;
  background:#FFFFFF;
  border-left:1px solid #CBCBCB;
  border-right:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
}

#news .box ul {
  width:100%;
  margin:0;
  padding:0;
}

#news .box li {
  width:330px;
  margin:0 9px;
  padding:5px 0;
  text-align:left;
  list-style-type:none;
  background:url(images/news_arw.gif) 0 23px no-repeat;
  border-bottom:1px dotted #D6CFC9;
}

#news .box li .date {
  color:#BF0F3A;
  font-size:0.8em;
}

#news .box li .title {
  padding:0 0 0 15px;
  font-size:0.8em;
}

#news .box li a {
  color:#787878;
  text-decoration:none;
}

#news .box li a:hover {
  color:#7DAF13;
  text-decoration:underline;
}

/* つぶやき */
#twitter {
  width:100%;
}

#twitter h2 {
  width:350px;
  height:35px;
  margin:0;
  padding:0;
}

#twitter .box {
  width:348px;
  height:191px;
  min-height:191px;
  padding:0 0 5px 0;
  background:#E4F3FD url(images/twitter_back.gif) 0 0 no-repeat;
  border-left:1px solid #CBCBCB;
  border-right:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
  zoom:100%;
}

#twitter .box:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#twitter .box .t_left {
  width:185px;
  margin:0 0 9px 9px;
  text-align:left;
  position:relative;
  display:inline;
  float:left;
}

#twitter .box .t_left #tweet {
  width:190px;
  height:175px;
  font-size:0.8em;
  overflow:hidden;
  position:absolute;
  top:9px;
  left:0;
}

#twitter .box .t_left #tweet ul {
  width:100%;
  margin:0;
  padding:0;
}

#twitter .box .t_left #tweet li {
  padding:5px;
  line-height:1.1em;
  list-style-type:none;
}

#twitter .box .t_right {
  width:135px;
  margin:9px 9px 9px 0;
  display:inline;
  float:right;
}

#twitter .box .t_right img {
  margin-bottom:5px;
}

/* 業務内容 */
#works {
  width:100%;
}

#works h2 {
  width:230px;
  height:35px;
  margin:0;
  padding:0;
}

#works .box {
  width:228px;
  padding:0 0 0 0;
  background:#FFFFFF;
  border-left:1px solid #CBCBCB;
  border-right:1px solid #CBCBCB;
}

#works .box ul {
  width:100%;
  margin:0;
  padding:0;
}

#works .box ul li {
  width:100%;
  height:29px;
  margin:0;
  padding:0;
  list-style-type:none;
  border-bottom:1px solid #CBCBCB;
}

#works .box ul li a {
  width:100%;  
  height:29px;  
  display:block;  
  text-indent:-9999px;  
  overflow:hidden;  
}

#works .box ul li.si a {
  background:url(images/works_1.gif) 0 0 no-repeat;
}

#works .box ul li.pen a {
  background:url(images/works_2.gif) 0 0 no-repeat;
}

#works .box ul li.dc a {
  background:url(images/works_3.gif) 0 0 no-repeat;
}

#works .box ul li.ae a {
  background:url(images/works_4.gif) 0 0 no-repeat;
}

#works .box ul li.mis a {
  background:url(images/works_5.gif) 0 0 no-repeat;
}

#works .box ul li a:hover {
  background-position:0 -29px;
}

/* 外部評価委員会 */
#advisory_board {
  width:100%;
  padding:6px 0 0 0;
}

/* お問い合わせ */
#inquiry {
  width:100%;
  height:135px;
  margin:10px 0 0 0;
  background:url(images/inquiry_back.gif) 0 0 no-repeat;
}

#inquiry img {
  margin-top:5px;
}

#inquiry .logo {
  padding:10px 0 0 10px;
  text-align:left;
}

/* バナーエリア1 */
#bnr_area_1 {
  width:100%;
  padding:20px 0 10px 0;
  text-align:right;
}

#bnr_area_1 img {
  margin:0 0 5px 0;
}