@import url(list.css);

body {
/*
 * Note: この部分の指定では、Yahoo! UI Library の Fonts CSS を利用して、各種ブラウザのフォントサイズの差をほぼなくす設定を行っています。ほとんどのモダンブラウザで、基本のフォントサイズを13pxと指定し、pixel単位で指定したときに IE でサイズが変更されない不具合を埋めるためにプロパティの先頭に*を付けるハック(ブラウザのバグを利用したinvalidなハック)を利用して IE7がsmall, IE5?6 が x-small を読み込むように設定することで、基本のフォントサイズがほぼ揃います。
 */
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

body {
   /* 必要ならば，本文のテキストに関する設定をしてください */
  font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
  color: #333333;margin:0;padding:0;
} 

img {
     border:none;
}

h2.tptitle{
  font-size:16px;line-height:20px;color:#517ca1;margin:0;padding:0;
}
h2.tptitleorg{
  font-size:16px;line-height:20px;color:#ff6600;margin:0;padding:0;
}
h2.tptitlered{
  font-size:16px;line-height:20px;color:#cc0000;margin:0;padding:0;
}

h3.tsdtitle{
  font-size:16px;line-height:20px;color:#517ca1;margin:0;padding:0;
}

.orange { color : #ff6600 ; }
.blue { color : #0000cc ; }
.red { color : #ff0000 ; }


/*.h2{
  font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color:#312E2E;font-weight:700;
}
*/


a:link,a:visited,a:active {
  color:#00749E;text-decoration:none;
}

a:hover {
  color:#000;text-decoration:underline;
}

#header  {
  width:100%; height:85px; margin:0 auto; padding:0; background-image:url(images/topbk_01.gif);background-repeat:repeat-x;
}
#hdrim{ height:85px; width:980px; margin: 0 auto; padding:0 0 0 0;}



/* ---------------------------------------------------------------- *
ヘッダーに表示される部ログタイトルを右へ飛ばしています。
/* ---------------------------------------------------------------- */
#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;margin:0;padding:10px 0 0;}
#header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;}

/* ---------------------------------------------------------------- *
   ヘッダーナビのすぐ下のぼかし
/* ---------------------------------------------------------------- */
 #top{background-color:#fff;background-image:url(images/topbck.gif);background-repeat:repeat-x;height:34px;}

/* ---------------------------------------------------------------- *
   ナビボタンの背景色
/* ---------------------------------------------------------------- */


#ddnav{background-color:#312e2e;height:30px;margin:0;padding:0; background-image:url(images/topbk_02.gif);background-repeat:repeat-x;}

/*ナビボタンのリスト装飾*/
#nav{height:25px;width:980px;font-weight:700;margin:0 auto;padding:10px 0 0;}

ul.nav{height:25px;line-height:25px;float:left;list-style:none;font-size:11px;text-transform:inherit;margin:0;padding:0;}

ul.nav li{float:left !important;list-style-type:none;border-right:2px solid #312e2e;margin:0;padding:0;}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited{background:url(images/navsilver.gif) repeat-x;color:#818181;float:left;display:block;text-decoration:none;padding:0 15px;}

ul.nav li a:hover,ul.nav li a:active{background:url(images/navblue.gif) repeat-x;color:#205387;text-decoration:none;}

ul.nav li.current_page_item a{text-decoration:none;background:url(images/navblue.gif) repeat-x;color:#fff;}

ul.nav li ul{float:left;margin:0;padding:0;}

#main{width:980px;margin:0 auto;padding:0;}

#content{float:left;width:610px;margin:0;padding:0;}

.entry{float:left;width:600px;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;margin:0 0 10px;padding:10px;}

#sidebar{float:right;width:330px;margin:0;padding:0;}

.rsidebar{float:right;width:320px;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;margin:0 0 10px;padding:10px;}

.rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}

.rsidebar ul{list-style-type:none;margin:0;padding:0;}

.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}

.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}

.rsidebar ul li ul li{list-style-type:none;background:transparent url(images/h2s.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

.navigation{width:600px;float:left;color:#666;}

.alignright{float:right;margin-top:10px;}

.alignleft{float:left;margin-top:10px;}

span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

span.next{background:transparent url(images/next.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

span.prev{background:transparent url(images/prev.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

.postmetadata{border-top:1px #eee solid;font-size:10px;margin:0;padding:5px;}

.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:600px;}

#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}

#commentform label{display:block;margin:0;}

#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}

#commentform textarea{width:400px;margin:0 0 10px;padding:0;}

#commentform #submit{margin:0 0 20px;}

#commentform p{margin:5px 0;}

ol.commentlist{margin:0 0 1px;padding:0;}

ol.commentlist :hover{background:#eee;}

ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}

ol.commentlist li :hover{background:none;}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}

ol.commentlist li.commenthead h2{margin:0;}

ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}

ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
/* ---------------------------------------------------------------- *
	サムネイルリストの設定
 * ---------------------------------------------------------------- */

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: 185px;
  height: 390px;
  /* ★--- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: 2px solid #EEEEEE;
/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
}

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

/* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
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: 5px;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  /* テキストの行の高さを設定してください */
  line-height: 1.2;
}

/* サムネイルリストはマーカなし，余白なし */
#thumbslist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#thumbslist li {
  float: left;
  margin: 0;
  overflow: hidden;
  display: block;
  text-align: left;
}

/* サムネイルはボックスの中央に */
.thumbnail {
  margin: 0 auto;
}
/* ここから下は写真なしのボックスを表示---------------------------------- */

ul#thumbslistex {
  margin: 0;
  padding: 0;
}

ul#thumbslistex li {

  background: #FFFFFF;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 0;
  width: 185px;
  height: 250px;
  border: 2px solid #EEEEEE;
}

div.thumbnailex {

  background: #EEEEEE;
  padding-top: 5px;
  padding-bottom: 5px;
  width:150px;
}

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

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

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

/* サムネイルリストはマーカなし，余白なし */
#thumbslistex {
  list-style: none;
  margin: 0;
  padding: 0;
}

#thumbslistex li {
  float: left;
  margin: 0;
  overflow: hidden;
  display: block;
  text-align: left;
}

/* サムネイルはボックスの中央に */
.thumbnailex {
  margin: 0 auto;
}

/*
/* ---------- バグ回避 ----------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi {
  margin-top: 0;
}


#footer{background-image:url(images/footerbck.gif);background-repeat:repeat-x;clear:both;height:24px;margin:0;padding:0;}

#footerbox{color:#fff;background-color:#312e2e;height:70px;line-height:20px !important;margin:0;padding:0;}
.footer{width:980px;color:#fff;height:20px;line-height:20px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}

/*=============table============*/

#information table {
	border-collapse: collapse;
	border: none;
	width: 580px;
	clear: both;
}

#information table tfoot td {
	padding-top: 10px;
	border-bottom: 1px dotted #EEE;	
}



#information table tfoot a.rss img {
	margin-right: 3px;
	vertical-align: middle;
}

#information table tfoot td {
	border-bottom: none;
}


#information tbody th {
	width: 280px;
	padding: 10px 10px 0 0;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 2px dotted #EEE;
}

#information tbody th span.date {
	display: block;
	margin-top: 3px;
	background: transparent;
	color: #999;
}

#information tbody td {
	padding: 10px 0;
	font-size: 12px;
	vertical-align: top;
	line-height: 130%;
	border-bottom: 2px dotted #EEE;	
}