@charset "UTF-8";
@import url(arrows.css);
@import url(tooltips.css);



/* ---------------------------------------------------------------- *
	サムネイルリストの設定です
 * ---------------------------------------------------------------- */

ul#thumbslist {
  /* ★--- マージンを設定してください --- */
  margin: 0;
  /* ★--- パディングを設定してください --- */
  padding: 0;
}

ul#thumbslist li {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF;
  /* Note:サムネイルのリストアイテム（サムネイルとキャプションを囲むボックス）に関する設定です。 */
  /* ★--- マージンを設定してください --- */
  /* Note:float:left;をすでに設定しているため、左方向のマージンは0にし、右方向のマージンでリスト同士の間隔を調整してください */
  margin-right: 10px;
  margin-bottom: 15px;
  /* ★--- パディングを設定してください --- */
  /* Note:このオブジェクトはフロートさせるため、0と設定し、余白はさらに内側のボックスで設定いただくことをおすすめします */
  padding: 0;
  /* ★--- ボックスの幅と高さを設定してください --- */
  /* Note：ボックスからはみ出す分は出力されません；内容の量にに対して
           余裕をもって設定してください */
  width: 340px;
  height: 150px;
  /* ★--- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: 1px solid #EEEEEE;
/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
}

/* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
div.thumbnail {
  /* --- 背景を設定してください --- */
  /* Note：パディングと組み合わせると，縁取りなどの効果が期待
           できます */
  background: transparent;
  /* --- 上下マージンを設定してください --- */
  margin-top: 7px;
  margin-bottom: 7px;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	説明キャプションについての設定です
 * ---------------------------------------------------------------- */

ul#thumbslist li p {
  /* マージンを設定してください */
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  /* テキストの行の高さを設定してください */
  line-height: 1.5;
}

/*  UNTILL HERE -- to be added into main_design.css in the future */

/* 画像を回り込ませている箇所の見出しデザイン */
h2 {
  margin-left: 20px;
}

.leftmenu { 
width: 200px; 
margin-top: 10px; 
float:left; 
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}


.itemrow	{	clear:both;	width:100%;	}

#pospath  {	
letter-spacing:1pt; 
padding:5px 5px 0px 10px; 
font-size:13px;  
color:#999999;
}

#pospath a:link , #pospath a:hover , #pospath a:visited {	
font-size:13px;  
color:#999999;
}




ol#bcList {
	margin: 0;
	padding-left: 5px;
	list-style-type: none;
	color: #696969;
	

}


ol#bcList li {
	display: inline;
	
}


ol#bcList li a {
	color: #A8A8A8;
	
}

ol#bcList li.crumb {
	padding-left: 15px;
	padding-right: 3px;
	background-image: url(../images/arrow2-r.gif);
	background-position: left;
	background-repeat: no-repeat;



}

  /* ---   IE対応しないため、使用できない
  
ol#bcList li.crumb:before {
	margin: 0.05em;
	content: ">";
}

--- */