/* オンラインDVDレンタル スタイル http://www.movies.ne.jp/dvdtime/onlinedvdrental/ */
/* copyright (c) 2004 Ksc                                                          */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  */
/* ■レイアウト■ */
/*【インデックス・ヘッダ エリア】*/
#area-indexhead {
	position: relative;  width: 100%;  height: 67px;
}
	/*【インデックス・概要 エリア】*/
	#area-indexhead-summary {
		position: relative;  width: 100%;
		margin-left: 331px;  border: 1px dotted #aaaaaa;  padding: 1px 2px 0px 2px;
	}
	/*【インデックス・タイトル エリア】*/
	#area-indexhead-title {
		position: absolute;  top: 0px;  left: 0px;
	}
/*【ヘッダ エリア】*/
#area-head {
	position: relative;  width: 100%;  height: 54px;
}
	/*【インデックス・概要 エリア】*/
	#area-head-summary {
		position: relative;  width: 100%;
		margin-left: 234px;  border: 1px dotted #aaaaaa;  padding: 1px 2px 0px 2px;
	}
	/*【インデックス・タイトル エリア】*/
	#area-head-title {
		position: absolute;  top: 0px;  left: 0px;
	}
/*【メイン エリア】*/
#area-main {
	position: relative;  width: 100%;
	background: #fdfdfd url('./image/test.gif') repeat-y 0px 0px;
}
	/*【インデックス・メイン エリア】*/
	#area-indexmain {
		position: relative;
		margin-left: 204px;  margin-right: 200px;
	}
		/*【オンラインDVDレンタルとは】*/
		#area-indexmain-whatsodr {
			margin-bottom: 4px;
		}
		/*【トピックス】*/
		#area-indexmain-topics {
			height: 150px;
			margin-bottom: 4px;
		}
	/*【インデックス・サブ エリア】*/
	#area-indexsub {
		position: absolute;  top: 0px;  right: 0px;  width: 200px;
		background-color: #f0f0f0;
	}
		/*【更新履歴】*/
		#area-indexsub-whatsnew {
			margin-bottom: 4px;
		}
		/*【セレクション】*/
		#area-indexsub-selection {
			height: 168px;
		}
		/*【インデックス・ライト・バー】*/
		#area-indexsub-indexrightbar {
			padding: 15px 0px 0px 10px;  background-color: #ffffff;
		}
	/*【コンテンツ エリア】*/
	#area-contents {
		position: relative;
		margin: 0px 0px 30px 214px;
	}
		/*【タイトル】*/
		#area-contents-title {
			position: relative;  height: 70px;
			margin-right: 210px;  padding-top: 5px;
		}
		/*【コンテンツ・サブ エリア】*/
		#area-contents-sub {
			position: relative;  width: 200px;  float: right;
			background-color: #f0f0f0;
		}
			/*【このページの目次】*/
			#area-contents-sub-tableofcontents {
				height: 50px;
			}
		/*【メイン】*/
		#area-contents-main {
			position: relative;
		}

		/*【ページ・ナビゲーション】*/
		#area-contents-pagenavi {
			position: relative;  height: 50px;
			margin-top: 20px;
		}
	/*【ナビゲーション エリア】*/
	#area-navi {
		position: absolute;  top: 0px;  width: 204px;  height: 100%;
/*		background-color: #f0f0f0;*/
		background: #fdfdfd url('./image/navi_back.gif') y-repeat;
	}
		/*【メインナビゲーション】*/
		#area-navi-mainnavi {
			height: 326px;
			background: #fdfdfd url('./image/localnavi_back.gif') no-repeat;
		}
		/*【レンタル会社リスト】*/
		#area-navi-complist {
			margin-top: 4px;
		}
		/*【サブナビゲーション】*/
		#area-navi-subnavi {
			margin: 6px;
		}
		/*【レフト広告バー】*/
		#area-navi-leftadbar {
			margin: 50px 8px 0px 6px;
		}
/*【フッタ エリア】*/
#area-foot {
	position: relative;  width: 100%;
	padding: 5px;  background-color: #f0f0f0;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■パーツ■ */
/* 概要 */
.summary {
	font-size: 75%;  color: #989898;  line-height: 125%;
}
/* ------------------------------------------------------------------------------------------ */
/* 見出し メイン */
#title-main {
	margin: 0px;
	font-size: 154%;  color: #333333;  font-weight: normal;  letter-spacing: 1px;
}
/* 見出し 上付け */
#title-sup {
	margin-bottom: 5px;
	font-size: 80%;  color: #888888;  font-weight: bold;  letter-spacing: 1px;
}
#title-sup a {
	color: #888888;  text-decoration: none;
}
#title-sup a:hover {
	color: #000000;  text-decoration: underline;
}
/* ------------------------------------------------------------------------------------------ */
/* メイン テキスト */
.main-text {
	font-size: 95%;  color: #333333;  line-height: 125%;
}
/* メイン 見出し Lv2 */
.main-h2 {
	margin: 40px 0px 20px 0px;  padding-left: 14px;  background: url(./image/icon01.gif) no-repeat 0px 3px;
	font-size: 120%;  color: #484848;  font-weight: bold;  letter-spacing: 1px;
}
/* メイン 見出し Lv3 */
.main-h3 {
	margin: 20px 0px 10px 0px;  padding-left: 12px;  background: url(./image/icon02.gif) no-repeat 2px 7px;
	font-size: 100%;  color: #484848;  font-weight: bold;
}
/* ------------------------------------------------------------------------------------------ */
/* ページ・ナビゲーション */
#pagenavi-link-next {
	top: 10px;  right: 30px;
	padding-right: 20px;  background: url(./image/icon06.gif) no-repeat right 2px;
}
#pagenavi-link-prev {
	top: 10px;  left: 30px;
	padding-left: 20px;  background: url(./image/icon05.gif) no-repeat left 2px;
}
#pagenavi-link-pagetop {
	top: 40px;  right: 30px;
	padding-right: 20px;  background: url(./image/icon07.gif) no-repeat right 3px;
	color: #0000cc;
}
#pagenavi-link-up {
	top: 40px;  left: 30px;
	padding-left: 20px;  background: url(./image/icon08.gif) no-repeat left 2px;
}
/* ------------------------------------------------------------------------------------------ */
/* レフト広告バー */
#leftadbar { border-collapse: collapse; }
#leftadbar td { border: 1px solid #dddddd;  padding: 1px;  background-color: #fefefe; }
#leftadbar .leftadbar-col1 {
	width: 43px;
	text-align: center;
}
#leftadbar .leftadbar-col2 {
	padding: 0px 3px 0px 3px;
	font-size: 90%;
}
#leftadbar .leftadbar-col2 a       { color: #333333;  text-decoration: none; }
#leftadbar .leftadbar-col2 a:hover { color: #000000;  text-decoration: underline; }
#leftadbar .pulldown { width: 100px; }

/* ------------------------------------------------------------------------------------------ */
/* サイト・インフォメーション */
#siteinformation {
	font-size: 80%;  color: #888888;  text-align: center;
}
/* ------------------------------------------------------------------------------------------ */
/* コピーライト */
#copyright {
	margin-top: 3px;
	font-size: 80%;  color: #666666;  text-align: center;
}
/* ------------------------------------------------------------------------------------------ */
/* メールフォーム */
.mailform-text   {
	width: 445px;  height: 100px;
	margin-bottom: 3px;
}
.mailform-email  {
	width: 300px;
	margin-right: 10px;
}
.mailform-submit { 
	width: 80px;
	background-color: #eeeeee;
	letter-spacing: 5px;
}
/* ------------------------------------------------------------------------------------------ */
/* オンラインDVDレンタルとは */
#whatsodr-title {  /*廃止*/
	margin: 2px 0px 15px 2px;
}
#index-title-main {
	margin: 2px 0px 15px 0px;
	font-size: 154%;  color: #333333;  font-weight: normal;
}
.whatsodr-text {
	font-size: 95%;  color: #333333;  line-height: 125%;
}

/* ------------------------------------------------------------------------------------------ */
/* トピックス */
#topics-title {
	margin: 2px 0px 15px 2px;
}
.topics-text {
	font-size: 95%;  color: #444444;  line-height: 125%;
}
.topics-text li { margin-bottom: 5px; }
.topics-text a { color: #444444;  text-decoration: none;  line-height: 110%; }
.topics-text a:hover { color: #000000;  text-decoration: underline; }
.topics-text .new {
	position: relative;  top: -2px;
	color: #ff0000;  font-size: 80%;  font-weight: bold;
}
/* ------------------------------------------------------------------------------------------ */
/* 更新履歴 日付 */
.whatsnew-date {
	font-size: 90%;  color: #333333;  letter-spacing: 1px;
}
/* 更新履歴 テキスト */
.whatsnew-text {
	margin: 5px 0px 0px 5px;	
	font-size: 90%;  color: #666666;  line-height: 110%;
}
.whatsnew-text a { color: #444444;  text-decoration: none;  line-height: 110%; }
.whatsnew-text a:hover { color: #000000;  text-decoration: underline; }
/* ------------------------------------------------------------------------------------------ */
/* セレクション テキスト */
.selection-text {
	font-size: 90%;  color: #666666;  line-height: 110%;
}
/* セレクション フォーム */
#selection-form {
	margin: 10px 0px 5px 0px;
	font-size: 90%;  color: #333333;
}
/* セレクション テキストフィールド */
#selection-textfield {
	width: 180px;
}
/* セレクション ボタン */
#selection-button {
	width: 50px;
	margin-right: 5px;  background-color: #e8e8e8;
	letter-spacing: 3px;
}
/* ------------------------------------------------------------------------------------------ */
/* インデックス・ライト・バー */
#indexrightbar-text {
	margin-top: 2px;
	font-size: 85%;  color: #333333;  line-height: 125%;
}
.indexrightbar-link {
	display: block;
	padding-left:14px;  background: url(./image/icon04.gif) no-repeat 2px 4px;
	color: #000033;  text-decoration: none;
}
/* ------------------------------------------------------------------------------------------ */
/* セレクション */
#selection-message-film {
	width: 200px;
	margin-left: 5px;
}
#selection-message-theme {
	width: 200px;
	margin-left: 5px;
}
/* ------------------------------------------------------------------------------------------ */
/* 関連ニュース */

#news-contents-title {
	position: relative;  height: 70px;
	padding-top: 5px;
}
/* 関連ニュース 記事見出し */
.news-h2 {
	margin: 40px 0px 0px 0px;  padding-left: 12px;  background: url(./image/icon02.gif) no-repeat 2px 7px;
	font-size: 100%;  font-weight: bold;
}
.news-h2 a{
	color: #484848;  text-decoration: none;
}
.news-date {
	margin-bottom: 15px;
	color: #666666;  text-align: right;
}
#news-list-pagenavi {
	position: relative;  height: 50px;
	margin: 20px 15% 20px 15%;  border: 1px dotted #cccccc;
}
#news-list-pagenavi-previous {
	position: absolute;  top: 18px;  left: 10%;
}
#news-list-pagenavi-direct {
	position: absolute;  top: 16px;  left: 30%;  width: 40%;  height: 10px;
	text-align: center;
}
#news-list-pagenavi-next {
	position: absolute;  top: 18px;  right: 10%;
}
#news-detail-pagenavi {
	position: relative;
	margin: 40px 30px 20px 30px;  border: 1px dotted #cccccc;  padding: 5px 0px 4px 5px;
	line-height: 150%;
}
#news-detail-pagenavi span {
	font-size: 80%;
}
/* ------------------------------------------------------------------------------------------ */
/* リンク集 */
.linkitem {
	margin-bottom: 20px;  padding-left: 12px;  background: url(./image/icon02.gif) no-repeat 2px 7px;
}
.linkitem a {
	color: #0000dd;  text-decoration: none;
}
.linkitem a:hover {
	color: #000088;  text-decoration: underline;
}
.linkitem .new {
	color: #ff0000;  font-size: 80%;  font-weight: bold;
}
/* ------------------------------------------------------------------------------------------ */
/* モデルケース */
table.modelcase { margin-bottom: 5px; }
table.modelcase .day {
	padding: 2px 3px 1px 3px;  border: 1px solid #aaaaff;
	font-size: 80%;  font-weight: bold;  text-align: center;
}
table.modelcase .image-tr {
	height: 40px;
	padding: 0px 2px 0px 2px;
}
table.modelcase image     { margin: 0px 3px 0px 3px; }
table.modelcase .icon-sep { margin: 0px 5px 0px 5px; }
/* ------------------------------------------------------------------------------------------ */
/* このサイトについて */
#about-col1 {
	width: 60px;  vertical-align: bottom;
	font-size: 90%;
}
#about-col2 {
	font-size: 90%;  color: #444444;  letter-spacing: 1px;  vertical-align: bottom;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■共通パーツ■ */

/* ボディ */
body{ margin-bottom: 0px; }

/* フォーム */
form { margin: 0px; }

/* 備考・注釈 */
.note01 { font-size: 80%;  color: #666666;  line-height: 110%; }
.note02 { font-size: 80%;  color: #666666;  line-height: 150%; }

/* 取り消し */
.cancel { color: #888888;  text-decoration: line-through; }

/* リスト01 */
.list01 {
	margin: 10px 0px 10px 20px;
}
.list01 li{
	list-style-image: url(./image/icon03.gif);
}
/* リスト02 */
.list02 {
	margin: 0px 0px 0px 0px;
}
.list02 li{
	list-style-image: url(./image/icon03.gif);
}
.list02 li span{
	position: relative;  top: 2px;
}
/* リスト03 */
.list03 {
	padding-left:16px;  background: url(./image/icon03.gif) no-repeat 0px 3px;
}


/* テーブル01 */
.table01 {
	table-layout: fixed;
	border: 0px;
}
.table01 td {
	padding-bottom: 10px;
	font-size: 95%;  color: #333333;  vertical-align: top;
}

/* テーブル02 */
.table02 {
	table-layout: fixed;
	border: 0px;
}
.table02 td {
	padding-bottom: 3px;
	font-size: 90%;  color: #333333;  line-height: 110%;  vertical-align: top;
}

/* テーブル03 */
.table03 {
	table-layout: fixed;
	border: 0px;  border-collapse: collapse;
}
.table03 th {
	border: 1px solid #bbbbdd;  padding: 4px 2px 3px 2px;
	font-size: 90%;  color: #666666;
}
.table03 td {
	border: 1px solid #bbbbdd;  padding: 4px 2px 2px 2px;
	font-size: 90%;  color: #333333;  line-height: 110%;
}

/* ボックス01 */
.box01 {
	position: relative;
	margin: 2px;  border: 1px solid #888888;  padding: 2px;  background-color: #fdfdfd;
}
/* ボックス01 区切り線 */
.box01-horizon {
	margin: 4px 0px 4px 0px;
}
/* ボックス 見出し Lv3 */
.box01-h3 {
	margin-top: 0px;
	font-size: 80%;  color: #333333;  font-weight: bold;
}

/* ナビゲーション ブロックリンク01 */
a.navi-blockLink01 {
	display: block;
	margin: 1px 0px 0px 0px;  padding: 3px 3px 2px 5px;
	font-size: 90%;  color: #0000cc;  text-decoration: none;
}
a.navi-blockLink01:visited {
	color: #880088;
}
a.navi-blockLink01:hover {
	border: 1px solid #aaaaff;  padding: 2px 2px 1px 4px;  background-color: #eeeeff;
	color: #000088;
}
span.navi-blockLink01 {
	display: block;
	margin: 1px 0px 0px 0px;  border: 1px solid #ccccff;  padding: 2px 2px 1px 4px;  background-color: #dddddd;
	font-size: 90%;  color: #444444;  text-decoration: none;
}

/* ナビゲーション ブロックリンク02 */
a.navi-blockLink02 {
	display: block;
	margin: 1px 0px 0px 0px;  border: 1px solid #fdfdfd;  padding: 2px 2px 1px 4px;  background-color: #fdfdfd;
	font-size: 90%;  color: #0000cc;  text-decoration: none;
}
a.navi-blockLink02:visited {
	color: #0000cc;
}
a.navi-blockLink02:hover {
	border: 1px solid #aaaaff;  background-color: #eeeeff;
	color: #000088;
}

/* ナビゲーション ブロックリンク03 */
a.navi-blockLink03 {
	display: block;
	margin: 1px 0px 0px 0px;  border: 1px solid #fdfdfd;  padding: 1px 1px 0px 1px;  background-color: #fdfdfd;
	font-size: 80%;  color: #0000cc;  text-decoration: none;  text-align: right;
}
a.navi-blockLink03:visited {
	color: #880088;
}
a.navi-blockLink03:hover {
	border: 1px solid #aaaaff;  background-color: #eeeeff;
	color: #000088;
}
/* ナビゲーション ブロックリンク04 */
a.navi-blockLink04 {
	position: absolute;  display: block;
	margin: 1px 0px 0px 0px;  border: 1px solid #ffffff;  padding: 2px;  background-color: #ffffff;
	font-size: 90%;  color: #0000cc;  text-decoration: none;  letter-spacing: 1px;
}
a.navi-blockLink04:visited {
	color: #880088;
}
a.navi-blockLink04:hover {
	border: 1px solid #aaaaff;  background-color: #eeeeff;
	color: #000088;
}

/* ナビゲーション インラインリンク01 */
a.navi-inlineLink01 {
	font-size: 80%;  color: #666666;  font-weight: bold;  text-decoration: none;
}
a.navi-inlineLink01:hover {
	color: #000000;  text-decoration: underline;
}
/* ナビゲーション インラインリンク02 */
a.navi-inlineLink02 {
	color: #666666;  text-decoration: none;
}
a.navi-inlineLink02:hover {
	color: #000000;  text-decoration: underline;
}
/* ナビゲーション インラインリンク03 */
a.navi-inlineLink03 {
	color: #4444dd;  text-decoration: none;
}
a.navi-inlineLink03:hover {
	color: #000088;  text-decoration: underline;
}
/* ナビゲーション インラインリンク04 */
a.navi-inlineLink04 {
	color: #666666;  text-decoration: none;
}
a.navi-inlineLink04:hover {
	color: #333333;  text-decoration: underline;
}
/* ナビゲーション インラインリンク05 */
a.navi-inlineLink05 {
	color: #0000cc;  text-decoration: none;
}
a.navi-inlineLink05:hover {
	color: #000088;  text-decoration: underline;
}
/* ナビゲーション インラインリンク06 */
a.navi-inlineLink06 {
	color: #333333;  text-decoration: none;
}
a.navi-inlineLink06:hover {
	color: #000000;  text-decoration: underline;
}

.mailsent {
	color: #aa3333;
}


/* width */
.width50  { width:  50px; }
.width75  { width:  75px; }
.width100 { width: 100px; }
.width125 { width: 125px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width400 { width: 400px; }

.width100percent { width: 100% }

/* マージン */
.marginTop5     { margin-top:   5px; }
.marginTop10    { margin-top:  10px; }
.marginTop20    { margin-top:  20px; }
.marginTop30    { margin-top:  30px; }
.marginTop100   { margin-top: 100px; }

.marginBottom3  { margin-bottom:  3px; }
.marginBottom5  { margin-bottom:  5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom30 { margin-bottom: 30px; }

.marginLeft10   { margin-left: 10px; }
.marginLeft20   { margin-left: 20px; }
.marginLeft30   { margin-left: 30px; }

/* 右寄せ */
.floatRight { float: right; }


/* 文字位置 */
.textAlignLeft	 { text-align: left; }
.textAlignCenter { text-align: center; }
.textAlignRight	 { text-align: right; }

/* 文字位置 左余白（インデント）*/
.textIndent { margin-left: 15px; }

/* 行間スペース */
.textLineSpace110{ line-height: 110%; }

/* 太文字 */
.fontBold { font-weight: bold; }

/* 文字の拡大 */
.fontSize80  { font-size:  80%; }
.fontSize90  { font-size:  90%; }
.fontSize120 { font-size: 120%; }