/* ---------------------------------------------------------------- *
	oseki  最終修正日：090604
 * ---------------------------------------------------------------- */
/* 初期設定 */
body, div, ul, li, img, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
h5, h6 {
	font-size: 12px;
  *font-size: small;
  *font: x-small;
  margin-bottom: 10px;
}
body {
	text-align: center;
	color: #000000;
	font-family: verdana,"ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 12px;
  *font-size: small;
  *font: x-small;
	line-height: 1.7em;
}
noscript {
	font-size: 84%;
	color:#000000;
	top: 0;
	left: 15px;
	position: absolute;
	line-height: 1.2;
}
/* ナビゲーション，フッタでは折り返しを抑制 */
#footer {
  white-space: nowrap;
}

/* 回り込み解除設定 */
#header, .contents, #footer {
  clear: both;
}
/* ---------- バグ回避 ----------- */		

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
	position: relative;
}
a img {
	border: 0;
}
/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
#container {
	position:relative;
	width: 810PX;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF url(../img/bg.gif) no-repeat 0px 90px;
	/margin-top:15px;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
 
#header {
	height: 100px;
	margin-top: 15px;
}
#header h3 {
	float: left;
}
#header p {
	float: right;
}


/* ---------------------------------------------------------------- *
	更新コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
	width: 750px;
	display:inline-block;
	min-height:1%;
	padding: 30px 30px 0px;
	text-align: left;
}
.contents:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
/* Hides from IE-mac \*/
*html .contents{height: 1%;}
.contents{display: block;}
/* for ie5,6*/


.intro {
	float: left;
	width: 535px;
}

.dvd_info {
	border: 1px solid #756a5a;
	padding: 10px;
}

#flashcontent01, #flashcontent02 {
	margin-top: 10px;
}
.photo_area {
	float: right;
	width: 210px;
}
.photo_area img {
	border: 3px solid #FFFFFF;
	margin-top: 5px;
}
.dvd_info img {
	border: 1px solid #756a5a;
}
.dvd_text {
	width: 315px;
	float: right;
}
.dvd_text a img {
	border: 0;
}
/* ---------------------------------------------------------------- *
	画像の設定です
 * ---------------------------------------------------------------- */
.fig_l {
	float: left;
} 


/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#footer {
	margin-top:0;
	padding-top: 37px;
	background: url(../img/bg_bottom.gif) no-repeat top;
	clear: both;
	text-align: left;
	color: #533c22;
	font-size: 84%;
	padding-right: 5px;
	padding-left: 5px;
	_background: url(../img/bg_bottom.gif) no-repeat 4px top;
	_width: 820px;
}
*:first-child+html #footer {
	padding-top: 17px;
}
#footer address {
	font-style: normal;
	float: left;
}
#footer p {
	float: right;
	margin-top: 3px;
	_padding-right:20px;
}

/* ---------------------------------------------------------------- *
	リンクに関する設定です
 * ---------------------------------------------------------------- */
 
/* ---------------------------------------------------------------- *
	文章、見出しに関する設定です
 * ---------------------------------------------------------------- */

p {
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 1em;
}

h1 {
	position:absolute;
	top: 170px;
	left: 0;
}
h2 {
	clear: both;
}
h3 {
}
h4 {
	width: 208px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
}

h5 {
	font-size: 150%;
	margin-top: 10px;
}

h6 {
	font-size: 117%;
}
h6 .sale_text {
	font-size: 86%;
}
.dvd_info p {
	font-size: 84%;
}
/* --見出し以外-- */
.cap {
  font-size: 80%;
  line-height: 1.6em;
  margin-top: 0;
  margin-bottom: 0;
}
.text_red {
	color:#cd6464;
	font-size: 120%;
}
.text_blue {
	color:#009add;
}
.text_brown {
	color:#533c22;
}

ul li {
	list-style: none;
}

/* ================================================================ *
	追加用　詳細カスタマイズ CSS　
 * ================================================================ */

.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

/* ================================================================ *
	微調整
* ================================================================ */
.mr10 {
	margin-right: 10px;
}
.ml0 {
	margin-left: 0;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
