body{
	margin: 0 auto;
	padding: 0;
	background: #fff;
	color: #666;
	font-family: /*'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',*/'メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	word-break: break-all;
	font-size: 12px;
	background: url("../images/bg.gif") ;
}
a { color: #3d5cf8; text-decoration: none; }
a:hover { text-decoration: underline; }
h1{ display: inline; font-size: 12px; margin: 0 8px 0 8px; color: #33f; font-family: 'Arial'; }
h2{ display: inline; font-size: 10px; margin: 0; font-weight: normal; color: #333; }
h3{ font-size: 12px; margin: 0; color: #333; font-weight: normal; }
img { border: 0; }
img.bt { margin: 5px 0; }
table { border-collapse: collapse; border-spacing: 0; }
th { padding: 0; }
td { padding: 0; }
.acc { color: #f00; }
.acc02 { color: #33f; }
.acc03 { color: #f60; }
.acc04 { color: #666; }
.s{ font-size: 10px; }
.m{ font-size: 12px; }
.l{ font-size: 14px; }
.xl{ font-size: 16px; }

.price{ font-family: 'Arial'; font-size: 16px; }

.series{ margin: 0 0 4px 0; font-weight: bold; font-family: 'Arial'; color: #111; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

#body {
	width: 810px;
	margin: 0 10px;
	background: #fff;
	text-align: center;
}

#body-top {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	float: right;
}

#foot {
	margin: 0 auto;
	padding: 10px 0 0 0;
	color: #666;
	font-size: 12px;
	text-align: center;
	line-height: 140%;
	border-top: 1px solid #ccc;
	background: #dbdff6 url("../images/bg_foot.gif") 50% 0 ;
	font-family: 'Arial';
}
#foot p{ text-align: center; }
#foot #plugin{
	float: left;
	width: 470px;
	margin: 5px 10px;
	padding: 0;
	font-size: 10px;
	text-align: left;
	line-height: 140%;
	font-family: 'ＭＳ ゴシック','Arial';
}
#foot #plugin img{ float: left; margin: 0 5px 0 0; }

#foot #system{
	float: left;
	width: 230px;
	margin: 5px 0;
	padding: 0;
	font-size: 10px;
	text-align: left;
	line-height: 140%;
	font-family: 'ＭＳ ゴシック','Arial';
}
#foot #system img{ float: left; margin: 0; }

#foot #copy{
	margin: 10px 0 0 0;
	padding: 2px 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 140%;
	font-family: 'Arial';
	background: #a9b6f8;
}

p { margin: 0 0 8px 0; line-height: 140%; text-align: left; }
.box01 td { border-bottom: 1px solid #eb5083; }
.box02 { background: #ddd; }
.box02 td { padding: 5px; }

/**********************************************/
/*　　　　　　　トップページ設定　　　　　　　*/
/**********************************************/
#top-main { width: 800px; margin: 0; padding: 0; background: #fff; }

#top-list { margin: 0 0 10px 0; }
#top-list td {
	padding: 10px 0;
	vertical-align: top;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
}
#top-list #doc_hawaii-list { width: 400px; background: #f5edff; }
#top-list #doc_tahiti-list { width: 400px; background: #edf0ff; }
#top-list #shopping-list { width: 266px; background: #edfbff; }
#top-list #aloten-list { background: #edffef; }

#top-list img { border: 0; }

div.topic-new {
	width: 360px;
	margin: 0 20px;
	padding: 10px 0;
	background: url("../images/topic_border.gif") 0 bottom repeat-x;
	font-weight: bold;
	clear: both;
}
div.topic-new img { margin: 0 15px 5px 30px; text-align: center; float: left; }
div.topic-new img.new { margin: 0; vertical-align: middle; }

div.topic {
	clear: both;
	width: 225px;
	margin: 0 20px;
	padding: 10px 0;
	font-size: 10px;
	background: url("../images/topic_border.gif") 0 bottom repeat-x;
}
div.topic img { float: left; margin: 0 5px 0 0; }

div.topic-list {
	width: 360px;
	margin: 0 20px;
	padding: 10px 0;
	text-align: right;
}
div.topic-list a{ color: #f70; }

/************************************************/
/*　　　　　　　　　ヘッダ設定　　　　　　　　　*/
/************************************************/
#head { width: 800px; height: 30px; margin: 0 5px 10px 5px; padding: 5px 0 0 0; background: #fff url("../images/2nd_head_bg.gif") 0px 0px no-repeat; }
#head img { margin: 0 1px 0 0; border: 0; vertical-align: middle; }

#thispage { margin: 10px 5px; padding: 0; text-align: left; }
#thispage h3{ font-size: 10px; color: #666; }

/***********************************************/
/*　　　　　　　　 2nd本文設定 　　　　　　　　*/
/***********************************************/
#main { width: 800px; margin: 10px 5px; padding: 0; background: #fff; }
#main img { margin: 0; border: 0; vertical-align: middle; }

#main #movie { width: 800px; margin: 0; padding: 15px 0; background: #333 url("../images/movie_bg.gif"); }
#main #movie table { width: 780px; height: 280px; margin: 0 10px; cell-collapse: collapse; border-spacing: 0; }
#main #movie th { width: 360px; height: 280px; padding: 0 10px 0 0; vertical-align: middle; background: #333 url("../images/movie_bg.gif"); }
#main #movie th img { margin: 0; }
#main #movie td { vertical-align: top; font-size: 12px; color: #333; }
/*#main #movie th#clip_doc_hawaii { background: #000; }
#main #movie th#clip_doc_tahiti { background: #000; }
#main #movie th#clip_shopping { background: #000; }
#main #movie th#clip_aloten { background: #000; }*/

#main #movie td#memo { width: 400px; padding: 0 10px 0 0; text-align: left; vertical-align: top; background: #fff; }
#main #movie td#memo #field { padding: 15px 20px; text-align: left; vertical-align: top; background: #fff; }
#main #movie td#memo #field h4 { margin: 0 0 10px 0; padding: 0; color: #33f; font-size: 14px; }

#main #movie td#memo #bt-link { margin: 10px 0 0 0; }
#main #movie td#memo #bt-link img { margin: 0 3px 8px 0; }

#field .chapter_link { color: #f60; font-size: 12px; }
#field .chapter_link a { color: #f60; text-decoration: none; }
#field .chapter_link a:hover { color: #f60; text-decoration: underline; background: #eee; }

#list { width: 798px; margin: 15px 0; padding: 0; background: #fff; border: 1px solid #666; font-size: 12px; }
#list h4 { margin: 0; padding: 4px 10px; color: #fff; background: #666 url("../images/list_h4.gif") repeat-x; font-size: 12px; }
#list table { margin: 10px; }
#list th { width: 80px; padding: 3px 3px 12px 3px; vertical-align: top; font-size: 12px; color: #333; }
#list td { width: 100px; padding: 3px 7px 12px 3px; vertical-align: top; font-size: 12px; color: #666; line-height: 120%; /*font-weight: bold;*/ }
#list p { margin: 0 10px; padding: 0; line-height: 100%; }

#list #new th { width: 160px; padding: 3px 3px 12px 3px; vertical-align: top; font-size: 12px; color: #333; }
#list #new td { width: 85px; padding: 3px 7px 12px 3px; vertical-align: top; font-size: 12px; color: #666; line-height: 120%; font-weight: bold; }
#list #new td img { margin: 0 0 4px 0; }

#list_bg { background: #fff; }

/*#new { width: 798px; margin: 0; padding: 0; background: #fff; border: 1px solid #666; font-size: 12px; }
#new h4 { margin: 0; padding: 4px 10px; color: #fff; background: #666; font-size: 12px; }
#new table { margin: 10px; }
#new th { padding: 3px 3px 12px 3px; vertical-align: top; font-size: 12px; color: #333; }
#new td { width: 180px; padding: 3px 7px 12px 3px; vertical-align: top; font-size: 12px; color: #333; line-height: 140%; }
#new p { margin: 10px 0 0 0; padding: 0; line-height: 140%; }*/

#main #movie #yaku{
	height: 100px;
	overflow: auto;
	padding: 8px;
	line-height: 140%;
	background: #eee;
}

p.excuse{ margin: 5px 10px 0 10px; color: #999; font-size: 10px; }
.chapter{ margin: 8px 0; padding: 2px 0; background: #eee; }

/************************************************/
/*　　　　　グローバルナビゲーションバー　　　　*/
/************************************************/

/* ナビゲーション定義 */
#menu { clear:both; display:block; position:static; width:800px; height:30px; margin:0 auto; padding:0; white-space:nowrap; background: #f00; }

/* メニューバー背景設定 */
#menu ul { position: relative; width:800px; height:30px; background: #e5ddcc url("../images/global_navi.gif") 0px 0px no-repeat; margin: 0; padding:0px; }

/* リスト・テキストリンク設定 */
#menu li { position: absolute; margin: 0px; padding: 0px ; list-style: none; }
#menu a { position: relative; display: block; height:30px; text-indent: -9999px; text-decoration:none; }

/* リストliサイズ・位置指定 */
#navi01 { left: 0px; width: 400px; }
#navi02 { left: 400px; width: 400px; }

/* マウスオーバー指定 */
#navi01 a:hover{ background: url("../images/global_navi.gif") 0px -30px no-repeat; }
#navi02 a:hover{ background: url("../images/global_navi.gif") -400px -30px no-repeat; }


/**** 現在ぺージ表示 ****/

.this01 #navi01 { background: url("../images/global_navi.gif") 0px -30px no-repeat; }
.this02 #navi02 { background: url("../images/global_navi.gif") -400px -30px no-repeat; }


/**** アフィリエイト ****/
#base{
	width: 980px;
}
#affiliate{
	float: right;
	margin: 10px 0;
	padding: 10px 5px;
	font-size: 10px;
	border: 1px solid #ccc;
	text-align: center;
}
#affiliate p{
	margin: 2px 5px;
	padding: 0;
	color: #999;
	line-height: 140%;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
#affiliate img{
	margin: 0 0 2px 0;
	padding: 0;
	text-align: center;
}