/* 背景画像の変更 */
#content {
  background: url(/images/background/bg_our_works.gif) center top no-repeat;
}



/* パンくずリスト・現ページの色 */
.bread_list span { color: #FF9936; }


/* ボーダーの色設定 */
h3, .main_content_frame {
  border-bottom: 1px solid #FF9936;
}


.main_content_frame {
  margin-top: 11px;
  padding-bottom: 15px;
}

.main_content_frame .block_list {
	clear: both;
}

.work_block {
  width: 565px;
  margin-top: 36px;
  float: left;
}

.work_block span {
  font-size: 10px;
}


.block_list {
  width: 555px;
  margin-top: 36px;
  display: block;
  float: left;
}

.work_block_list, .work_block_intro {
  display: block;
  margin-right: 12px;
  float: left;
}

.work_block_list { width: 170px; }

.work_block_intro { width: 565px; }



.pagination { clear: both; }


/* 画像に隙間や外枠を設定 */


.main_content img {
  margin: 15px 1px 15px 3px;
}

/* 画像の周囲に灰色の枠をつける */
.img_frame, .work_block_list img, .work_block_intro img{
  margin-bottom: 7px;
  border: 1px solid #C8C8C8;
}

/* 画像にマウスを乗っけるとオレンジ色に枠が光る */
.main_content a img:hover, .work_block a img:hover, .work_block_list a img:hover {
  border: 1px solid #FFA500;
}


/* 代表例のトップへ移動する */
.to_top {
  margin-top: -13px;
  display: block;
  font-size: 10px;
  text-align: right;
  text-decoration: none;
  color: #FF9936;
}

.main_content_frame p{
  margin-right: 17px;
}


/* 左メニュー画像 */
.menu_our_works ul li {
  height: 31px;
}
.menu_our_works ul li a {
  background: url(/images/menu_btn/left_menu_our_works.gif);
  background-repeat: none;
}


.menu_our_works ul li.m_main a { background-position: 0 0; }
.menu_our_works ul li.m_main a:hover, li.m_main a:visited.current { background-position: -181px 0; }

.menu_our_works ul li.m_sells a { background-position: 0 -31px; }
.menu_our_works ul li.m_sells a:hover, li.m_sells a:visited.current { background-position: -181px -31px; }
.menu_our_works ul li.m_sells_ad a { background-position: 0 -62px; }
.menu_our_works ul li.m_sells_ad a:hover, li.m_sells_ad a:visited.current { background-position: -181px -62px; }
.menu_our_works ul li.m_sells_poster a { background-position: 0 -93px; }
.menu_our_works ul li.m_sells_poster a:hover, li.m_sells_poster a:visited.current { background-position: -181px -93px; }
.menu_our_works ul li.m_sells_catalogue a { background-position: 0 -124px; }
.menu_our_works ul li.m_sells_catalogue a:hover, li.m_sells_catalogue a:visited.current { background-position: -181px -124px; }
.menu_our_works ul li.m_sells_pamphlet a { background-position: 0 -155px; }
.menu_our_works ul li.m_sells_pamphlet a:hover, li.m_sells_pamphlet a:visited.current { background-position: -181px -155px; }
.menu_our_works ul li.m_sells_dm a { background-position: 0 -186px; }
.menu_our_works ul li.m_sells_dm a:hover, li.m_sells_dm a:visited.current { background-position: -181px -186px; }
.menu_our_works ul li.m_sells_magazine a { background-position: 0 -217px; }
.menu_our_works ul li.m_sells_magazine a:hover, li.m_sells_magazine a:visited.current { background-position: -181px -217px; }
.menu_our_works ul li.m_sells_novelty a { background-position: 0 -248px; }
.menu_our_works ul li.m_sells_novelty a:hover, li.m_sells_novelty a:visited.current { background-position: -181px -248px; }
.menu_our_works ul li.m_sells_package a { background-position: 0 -279px; }
.menu_our_works ul li.m_sells_package a:hover, li.m_sells_package a:visited.current { background-position: -181px -279px; }
.menu_our_works ul li.m_sells_movie a { background-position: 0 -310px; }
.menu_our_works ul li.m_sells_movie a:hover, li.m_sells_movie a:visited.current { background-position: -181px -310px; }
.menu_our_works ul li.m_sells_web a { background-position: 0 -341px; }
.menu_our_works ul li.m_sells_web a:hover, li.m_sells_web a:visited.current { background-position: -181px -341px; }
.menu_our_works ul li.m_sells_other a { background-position: 0 -372px; }
.menu_our_works ul li.m_sells_other a:hover, li.m_sells_other a:visited.current { background-position: -181px -372px; }
.menu_our_works ul li.m_pr a { background-position: 0 -403px; }
.menu_our_works ul li.m_pr a:hover, li.m_pr a:visited.current { background-position: -181px -403px; }
.menu_our_works ul li.m_pr_guidance a { background-position: 0 -434px; }
.menu_our_works ul li.m_pr_guidance a:hover, li.m_pr_guidance a:visited.current { background-position: -181px -434px; }
.menu_our_works ul li.m_pr_other a { background-position: 0 -465px; }
.menu_our_works ul li.m_pr_other a:hover, li.m_pr_other a:visited.current { background-position: -181px -465px; }
.menu_our_works ul li.m_civibi a { background-position: 0 -496px; }
.menu_our_works ul li.m_civibi a:hover, li.m_civibi a:visited.current { background-position: -181px -496px; }
.menu_our_works ul li.m_civibi_logo a { background-position: 0 -527px; }
.menu_our_works ul li.m_civibi_logo a:hover, li.m_civibi_logo a:visited.current { background-position: -181px -527px; }
.menu_our_works ul li.m_civibi_appli a { background-position: 0 -559px; }
.menu_our_works ul li.m_civibi_appli a:hover, li.m_civibi_appli a:visited.current { background-position: -181px -559px; }
.menu_our_works ul li.m_civibi_other a { background-position: 0 -590px; }
.menu_our_works ul li.m_civibi_other a:hover, li.m_civibi_other a:visited.current { background-position: -181px -590px; }
.menu_our_works ul li.m_fukuoka a { background-position: 0 -622px; }
.menu_our_works ul li.m_fukuoka a:hover, li.m_civibi_other a:visited.current { background-position: -181px -622px; }

.menu_our_works ul li.m_header {
  height: 22px;
  margin: 20px 0 2px;
  text-indent: 0px;
  border-bottom: 1px solid #FF9936;
}
.menu_our_works ul li.m_fukuoka {
  margin-top: 40px;
}


#shirokane_creative_room,
#fukuoka_creative_room {
  width: 500px;
  height: 23px;
  text-indent: -10000px;
  clear:both;
}

#shirokane_creative_room {
  background: url(/images/our_works/main_works/h4_our_works_main_works_shirokane_room.gif) left top no-repeat;
}

#fukuoka_creative_room {
  background: url(/images/our_works/main_works/h4_our_works_main_works_fukuoka_room.gif) left top no-repeat;
}