@charset "euc-jp";

/* ■■ interviews.css ■■
-----------------------------------------------------------------------------
■用途
interviews.cssは店長インタビューの記述をまとめたCSSファイルです。
-----------------------------------------------------------------------------
■更新者：内山陽子
-----------------------------------------------------------------------------
■更新日：2010年05月25日
-----------------------------------------------------------------------------
■目次
  01. H1画像
     01.トップへ戻るリンク
  02. メインカラム次へ前へボタン
  03. お申し込みボタン画像
     01.お申し込みボタン（メインカラム大無料マーク付き）
  04. メニュー（サブカラム）
     01. お申し込みボタン（サブカラム無料マーク付き）
     	-20100629更新
     02.メニューリスト（カレントマーカー）
     03.入れ子状リストのカレント
-----------------------------------------------------------------------------
■備考　
-----------------------------------------------------------------------------
*/


/* ----------------------------------------
 * H1画像
 * ---------------------------------------- */
body#index h1 {
	background: url(http://i.yimg.jp/images/biz/bzc2/interviews/header_top.png);
}



/* ----------------------------------------
 * お申し込みボタン画像
 * ---------------------------------------- */
 
/* ---- お申し込みボタン（メインカラム大無料マーク付き） ----- */ 
div#main_clm div.contact_free a {
	background: url(http://i.yimg.jp/images/biz/bzc2/interviews/interviews_common.png) -220px 0;
}
div#main_clm div.contact_free a:hover {
	background-position: -220px -75px;
}
 
div#main_clm div.contact_free .center{
	display: block;
	margin: auto 0;
	text-align: center;
}

/* ----------------------------------------
 * メニュー（サブカラム）
 * ---------------------------------------- */
 
/* ---- お申し込みボタン（サブカラム無料マーク付き） ----- */
div#sub_clm div.contact_free a {
	background: url(http://i.yimg.jp/images/biz/bzc2/interviews/interviews_common.png);
}
div#sub_clm div.contact_free a:hover {
	background-position: 0 -60px;
}

/* ---- ボタン上テキスト画像 ----- */
div#sub_clm div.contact_free span {
  display:block;
  width:180px;
  height:28px;
  margin:0 auto 5px auto;
  background: url(http://i.yimg.jp/images/biz/bzc2/interviews/interviews_common.png) no-repeat 0 -120px;
  text-indent:-9999px;
}

/* ---- ボタン上テキスト画像 20100629更新 ----- */
div#sub_clm div.contact_free_100629 span {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto 5px auto;
  background: url(http://i.yimg.jp/images/biz/bzc2/btn_cmn_100629.png) no-repeat -450px 0;
  text-indent: -9999px;
}

/* -- リストのバナー表示枠 -- */
div#sub_clm ul.category li.list_bnr {
  border-bottom: 1px dotted #999999;
}

/* ---- カテゴリ内外部リンク ----- */
div#sub_clm ul.category li.otherlink {
  padding: 5px 3px 5px 17px;
  background: url(http://i.yimg.jp/images/biz/bzc2/interviews/left_clm_otherlink_arw.png) no-repeat 0 0;
}

/* ----------------------------------------
 * ピックアップストア
 * ---------------------------------------- */
#pickup {
	margin: 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px #CCCCCC dotted;
}


#pickup table {
	width: 690px;
	padding: 10px 0;
	border: #CCCCCC 1px solid;
	background-color: #F0F0F0;
}

  
#pickup table td {
	text-align: center;
}

 
/* ----------------------------------------
 * 特集一覧
 * ---------------------------------------- */

#speciallist ul {
	width: 690px;
	margin: 0 10px;
	padding: 0;
}

#speciallist ul li {
	padding: 7px 0;
	border-bottom: 1px #CCCCCC dotted;
	list-style-type: none;
}

#speciallist ul li dl {
	margin: 0px;
	padding: 0px;
}

#speciallist ul li dl dt {
	float: left;
	margin: 0;
	padding: 0;
}

#speciallist ul li dl dd {
	margin: 0 0 0 210px;
	padding: 0;
}

#speciallist ul li dl dd a {
	display: inline-block;
	padding: 0 0 5px 0;
}

#speciallist ul li dl dd img{
	vertical-align: top;
}

/* ----------------------------------------
 * 業種別事例集
 * ---------------------------------------- */

#cases {
	width: 690px;
	margin: 10px 10px 0 10px;
	border: #CCCCCC 1px solid;
}

#cases table {} 
  
#cases table td {
	padding: 0 15px 0 0;
}

#cases table td span{
	margin: 8px 0 0 0;
}