@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

noscript {
	font-size: 110%;
	color:#FFFFCC;
	top: 70px;
	float:left;
	position: absolute;
}
/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
	color: #dcdcdc;
	line-height: 1.5em;
	background: #0a0a0a url(../common_img/bg.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	text-align:center;
}
#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: transparent;
  width: 800px;
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
 
#header {
	position: relative;
	text-align:left;
	height: 63px;
}

#header div ul {
	float:right;
	/*height:1em;*/
}

#header ul li {
	float:left;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
}
#header ul {
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
ul#navi{
	height:40px;
	text-align:left;
	clear:both;
	border-right: 1px solid #100000;
	float:left;
}

ul#navi li {
	float:left;
	width: 119px;
	height: 40px;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
	border-left: 1px solid #100000;
}
ul#navi li a {
}

/* ---------------------------------------------------------------- *
	メインコンテンツの設定です
 * ---------------------------------------------------------------- */

	  /* --トップページの設定-- */
	#HOME #maincontents {
	width:800px;
	margin:0px auto 40px;
	padding-top: 0px;
	clear:both;
	}
	
	#HOME #maincontents #side #newstopics {
		margin-top:2em;
	}

#maincontents {
		width:800px;
		margin:0 auto;
		padding-top: 105px;
		clear:both;
	}	
  /* --トップへ戻る-- */
#maincontents #btn_pagetop {
	clear: both;
	float: right;
	height: 20px;	
	padding-top: 40px;
}
#maincontents #btn_pagetop a img {
	border: none;
}
/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */
	  /* --トップページの設定-- */
	#HOME #maincontents #side {
		width: 380px;
		float:left;
		text-align:left;
		margin-top:384px;
	}

#side {
	width: 240px;
	float:left;
	text-align:left;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="side"]#HOME #side, #side {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
}
html:lang(ja) #HOME #side, #side {
  /* Note：直前の指定と同じ値を設定してください */
}

div.column {
	float:right;
	width: 289px;
	background: url(../img/books/book_cover_bd.gif) no-repeat right top;
	margin-bottom: 1em;
}  
div.column .inner {
	background: url(../img/books/book_cover_bt.gif) no-repeat right bottom;
	padding: 0px 8px 8px 0px;
}
div.column .inner img {
	
}


/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

	  /* --トップページの設定-- */
	#HOME #main {
	  width:405px;
	  float:right;
	  margin-top: 50px;
	  margin-bottom: 0;
	  text-align:left;
	}
	#HOME #main #release_imgbox {
		margin: 20px 0px 15px;
		height: 284px;
	}

#main {
	  width:540px;
	  float:right;
	  margin-bottom: 0;
	  text-align:left;
	}

	
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#footer {
	/* --- 背景を設定してください（短縮プロパティでの設定です）--- */
	/* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px solid #191919;
	clear:both;
	padding: 0.6em 0 1em 1em;
}
#footer div {
	margin: 0 auto;
	width:800px;
}
#footer address {
	text-align:left;
}

/* ---------------------------------------------------------------- *
	画像の設定です
 * ---------------------------------------------------------------- */
#maincontents a img {
	border: 1px solid #646464;
}
#maincontents a:hover img {
	border: 1px solid #4B4B4B;
}
/* ---------------------------------------------------------------- *
	最新情報の設定です
 * ---------------------------------------------------------------- */
#main #whatsnew {
	border: 3px solid #e8e6af;
}
#main #whatsnew ul {
	margin-top: 10px;
}
#main #whatsnew ul li {
	padding: 10px;
	border: 1px solid #e8e6af;
	width: 200px;
	margin: 0px 0px 10px 10px;
	list-style: url(../img/icon_whatsnew.gif) inside;
} 
/* ---------------------------------------------------------------- *
	既刊本情報の設定です
 * ---------------------------------------------------------------- */
#published_ttl {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left:15px;
	height: 40px;
	margin: 10px 0px;
}
/* ---------------------------------------------------------------- *
	トップページ　サムネイルリストの設定です
 * ---------------------------------------------------------------- */

 ul#thumbslist {
}

 ul#thumbslist li {
	border: 1px solid #323232;
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	width: 368px;/* ★Note:（このボックスの幅[width]＋左右線幅[border]＋右マージン[margin]）x １列のボックスの数　で算出される寸法が、#mainの横幅以内に収まるように設計してください */
	background: url(../common_img/thumbnail_bg.gif) repeat-y left top;
}
/* ul#thumbslist li a {
 	font-size: 117%;
	color:#dcdcdc;
 }
*/
.ttl_update {
 	font-size: 117%;
	color:#dcdcdc;
 }
 /* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
ul#thumbslist li img {
	background: #646464;
	border: 1px solid #323232;
	float: left;
	padding: 5px;
	margin-right: 1em;
}

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

ul#thumbslist li p {
  /* マージンを設定してください */
  /* テキストの行の高さを設定してください */
  line-height: 1.5;
}


/* ---------------------------------------------------------------- *
	ワークスリストの設定です
 * ---------------------------------------------------------------- */
#side ul#works_list {
}
#side ul#works_list li {
	position:relative;
}
#side ul#works_list li a.showf span{
	position:absolute;
	text-align:center;
	display:none;
	top: 0px;
	right: 0px;
}
#side ul#works_list li a.showf:hover span{
	height: 70px;
	width: 70px;
	background-color:#000000;
 	display:block; }
#side ul#works_list li a.showf:hover span img{
	margin-top: 5px;
}
.icon_new {
	margin-left: 7px;
	vertical-align:baseline;
}
/*ワークスリストIE6　NEWアイコン表示のバグのハック*/
_.icon_new {
}
/* ---------------------------------------------------------------- *
	作品紹介　サムネイルボックスの設定です
 * ---------------------------------------------------------------- */
/*  newsrelease  */
.thumbnail_box_news {
	float: right;
	background: url(../works/img/thumbnail_newbg.png) repeat left top;
	padding: 10px;
	width: 200px;
	margin: 0px 0px 1em 10px;
 }
/*  works index.html  */
.thumbnail_box {
	float: left;
	background: url(../works/img/thumbnail_bg.png) repeat-y left top;
	padding: 10px;
	width: 132px;
	margin: 0px 10px 10px 0px;
	text-align: left;
 }
/*  works  */
.thumbnail_box01 {
	float: left;
	background: url(../works/img/thumbnail_bg.png) repeat-y left top;
	padding: 10px;
	width: 132px;
	margin: 0px 10px 1em 0px;
 }
.imgboder {
	border: 1px solid #646464;
}
.bg_red {
	background: url(../works/img/thumbnail_newbg.png) repeat-y left top
}
#maincontents .thumbnail_box_news a img, #maincontents .thumbnail_box01 a img{
 	border: none;	
 }

/* ================================================================ *
	お菊様フォトエリア
* ================================================================ */
div#okikusama_photo {
	background:url(../works/img/thumbnail_bg.png) repeat left top;
	width: 540px;
	min-height: 85px;
	margin-bottom: 30px;
}
div#okikusama_photo ul {
	margin-left: 12px;
	padding-top: 10px;
}
div#okikusama_photo ul li {
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
div#okikusama_photo ul li a img, div#okikusama_photo ul li a:hover img {
	border: none;
}
div#okikusama_photo p {
	clear: both;
	padding: 1em 10px;
}
/* ================================================================ *
	Diaryフォトエリア
* ================================================================ */
/*テキストなしの場合*/
.img_left {
	float:left;
	padding:1em 2em 1em 0; 
}
.img_right {
	float:right;
	padding:1em 0 1em 2em; 
}
/*テキストありの場合*/
.imgbox_left {
	float:left;
	padding:1em 2em 1em 0; 
}
.imgbox_right {
	float:right;
	padding:1em 0 1em 2em; 
}
.imgbox_left p, .imgbox_right p {
	padding-top: 0.5em;
	font-weight: bold;
}