/*
########################################################
	レイアウト
########################################################
*/

/* 初期化 */
* { margin:0; padding:0; font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,p{ font-size:100%;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
caption,th { text-align:left; }
ul {list-style-type: none;}
a { color:666;}
a:link    { color:#666; text-decoration:underline;}
a:visited { color:#666; text-decoration:underline;}
a:hover   { color:#FFCC66; text-decoration:underline;}
a:active  { color:#FFCC66; text-decoration:underline;}

body {
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
/*	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;*/
	font-size:76%;
	line-height: 150%;
	background-image: url(./images/bg.gif); repeat; 
	color: #666;
	}

/* ヘッダー */
#container-header {
	width: 935px;
	height: auto;
	text-align: center;
	margin: 0px auto;

}
#header-top {
	position: relative; /* 基準点をcontainer-headerの左上へ指定　指定しないと、bodyの0位置（ブラウザの左端になる） */
	top:0px;
	left:0px;
	text-align: left;
	width: 935px;
	height: 91px;
	margin: 0;
	padding: 0;
	background:url(images/header.jpg) no-repeat;

	}
#header-logo {
	position: relative;
	top:18px;
	left:20px;
	width: 320px;
	height: 70px;
	z-index: 2;
	}
	
#header-botton {
	position: absolute; /* container内に入れれば絶対位置指定OK */
	top:16px;
	left:810px;
	width: 102px;
	height: 70px;
	z-index: 2;
	}
#header-botton img {
	margin: 0px 0px;	
	}
#header-botton li {
	vertical-align:top;
	}
	
/* ボディー */
#container {
	width: 935px;
	height: auto; /*org auto */
	text-align: center;
	margin: 0px auto;
	background-image: url(./images/body-bg.gif);
	background-repeat: repeat-y;
}
#navi {
	position: relative; /* 子BOX navi-listに対しての基準位置指定（左上が0 0） */
	top: 0px;
	left: 0px;
	float: left; 
	width: 196px; 
	height: 600px;  /* org 520px */
	background:url(./images/navi-img.jpg) no-repeat 8px top;/* Navi飾り背景の位置指定 */
	z-index: 2;
	}
/* ナビゲーションメニュー配置 */
#navi-list {
	position: absolute; /* 親BOX naviからの絶対位置距離指定 */
	top: 64px;
	left: 16px;
	width: 170px;
	z-index: 2;
	/* border: 1px solid yellow; */
	}
#navi-list ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline; /* 画像上下隙間対策 */
	}
#navi-list ul li img{
	display:block; /* 画像上下隙間対策 */
	}

/* QRコード表示　（#naviからの絶対位置指定） */
/* #navi #qrcode img {
	position: absolute;
	top:552px; *** org 504px 
	left:20px;
	z-index: 3;
	}
*/
/* 右コンテンツ */
#contents {
	float: left; 
	width: 732px; 
	background:white;
	}

/* フッター配置 */
#footer	{
	position: relative; 
	top: 0px; /* 基準位置不明、0だとDW上では隙間があく？ */
	left: 0px;
	width: 935px;
	height: 56px;
	margin: 0;
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	font-size: 85%;
	color:#fff;
	z-index: 1;
	}

#footer li {
	display: inline; /* インライン要素に変換　横並びにする */
	}
#footer .footer-box {
	position: absolute; 
	top:10px;
	left:320px;
	color:#fff;
	}
.copy {
	color:#fff;
	}
#footer a { color:#fff;}
#footer a:link    { color:#fff; text-decoration:underline;}
#footer a:visited { color:#fff; text-decoration:underline;}
#footer a:hover   { color:#FFCC66; text-decoration:underline;}
#footer a:active  { color:#FFCC66; text-decoration:underline;}

/* Global setting */
p {
	margin-top:1em;
	}
.indent {
	margin-left:1.5em;
	}
.bold {
	font-weight: bold;
	}
h2 {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo","ＭＳ Ｐ明朝",serif;
	font-size:1.6em;
	font-weight:bold;
	color:#B24B2F;

	border-left: 10px solid #B24B2F;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 30px;
	}
h3 {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo","ＭＳ Ｐ明朝",serif;
	font-size:1.2em;
	font-weight:bold;
	color:#996600;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 125%;
	}
#text-gold {
	font-size:12px;
	font-weight: bold;
	color:#946803;
	padding-bottom: 0px;
	padding-left: 0px;
	}
blockquote{
	margin:6px 10px 10px 0px;
	padding:6px;
	font-size: 90%;
	line-height: 120%;
	color:#996600;
	background-color: #FDFAEE;
	border: 1px solid #DDDDDD;
} 

/* 以下個別ページ */
/*
########################################################
	TOP / News
########################################################
*/
#index #contents {
	background:url(images/body-top.jpg) no-repeat;
	height: 600px; /* org 534px */
	}

#contents #flash {
	position: relative; /*DIV BOXの位置指定 (親要素を基準に相対位置)*/
	top: 0px;
	left: 0px;
	
	margin: 0px 0px 0px 0px;
	text-align: left;
	}

#contents #index-text {
	position: relative; /*DIV BOXの位置指定 (親要素を基準に相対位置)*/
	top: 0px;
	left: 0px;
	
	height: auto;
	
	margin: 0px 0px 0px 0px;
	text-align: left;
	}

#news {
/*	border:solid 1px red;  */
	position: relative; 
	top: 54px; /* org 365 */
	left: 35px;
	width: 310px;
	height: 177px; /* org 127 */
	overflow:auto;
	padding: 0px 10px 15px 10px;
	text-align: left;
	font-size: 90%;
	line-height: 135%;
	color: #fff;
	
	scrollbar-3dlight-color:saddlebrown;
	scrollbar-face-color:sienna;
	scrollbar-arrow-color:beige;
	scrollbar-highlight-color:burlywood;
	scrollbar-shadow-color:transparent;
	scrollbar-darkshadow-color:transparent;
	scrollbar-track-color:transparent;

	}
/* 横並びスタイル */
#news dl{

	}
#news dt{

	}
#news dd{
	margin-bottom: 10px;
	}
#news p{
	margin-top:0em;
	}

/* バナー配置 */
/* バナー２つ
#banner-diary {
	position: relative; 
	top: 235px;
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
#banner-wallet {
	position: relative; 
	top: 240px;
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
*/

#banner-top {
	position: relative; /*DIV BOXの位置指定 (親要素/直前要素newsの位置（DIVBOX左上）を基準に相対位置)*/
	top: -184px; /* org 187 */
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
#banner-middle {
	position: relative; /*DIV BOXの位置指定 (親要素/直前要素newsの位置（DIVBOX左上）を基準に相対位置)*/
	top: -180px;
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
#banner-bottom {
	position: relative; /*DIV BOXの位置指定 (親要素/直前要素newsの位置（DIVBOX左上）を基準に相対位置)*/
	top: -176px;
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
#banner-qr {
	position: relative; /*DIV BOXの位置指定 (親要素/直前要素newsの位置（DIVBOX左上）を基準に相対位置)*/
	top: -172px;
	left: 400px;
	width: 315px;
	margin: 0px;
	z-index: 3;
	}
#news a { color:#fff;}
#news  a:link    { color:#fff; text-decoration:underline;}
#news  a:visited { color:#fff; text-decoration:underline;}
#news  a:hover   { color:#FFCC66; text-decoration:underline;}
#news  a:active  { color:#FFCC66; text-decoration:underline;}
/*
########################################################
	Concept
########################################################
*/
#concept #contents {
		background:url(images/concept-bg.jpg) no-repeat;
		}
#contents #concept-text {
		height: auto;
		margin: 280px 30px 30px 30px;
		text-align: left;
		}
#contents #concept-text #text-small {
		font-size: 90%;
		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
		}
/*
########################################################
	Profile
########################################################
*/
#profile #contents {
		background:url(images/profile-bg.jpg) no-repeat;
		}
#contents #profile-text {
		height: auto;
		margin: 200px 30px 30px 30px;
		text-align: left;
		}
/*
########################################################
	Wallet
########################################################
*/
#wallet #contents {
		background:url(images/wallet-bg.jpg) no-repeat;
		}
#contents #wallet-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-wallet{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-wallet th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-wallet td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	Diary
########################################################
*/
#diary #contents {
		background:url(images/diary-bg.jpg) no-repeat;
		}
#contents #diary-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-diary{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-diary th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-diary td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	Wallet-9star
########################################################
*/
#wallet-9star #contents {
		background:url(images/9star-bg.jpg) no-repeat;
		}
#contents #wallet-9star-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-wallet-9star{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-wallet-9star th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-wallet-9star td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	MiracleSquare
########################################################
*/
#miraclesq #contents {
		background:url(images/miraclesq-bg.jpg) no-repeat;
		}
#contents #miraclesq-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-miraclesq{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-miraclesq th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-miraclesq td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	PowerSquare
########################################################
*/
#powersq #contents {
		background:url(images/powersq-bg.jpg) no-repeat;
		}
#contents #powersq-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-powersq{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-powersq th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-powersq td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	Royal roi
########################################################
*/
#royalroi #contents {
		background:url(images/royalroi-bg.jpg) no-repeat;
		}
#contents #royalroi-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-royalroi{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-royalroi th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-royalroi td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	HOMME RichBlack
########################################################
*/
#homme-bk #contents {
		background:url(images/homme-bk-bg.jpg) no-repeat;
		}
#contents #homme-bk-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-homme-bk{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-homme-bk th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-homme-bk td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	elegancerich
########################################################
*/
#elegancerich #contents {
		background:url(images/elegancerich-bg.jpg) no-repeat;
		}
#contents #elegancerich-text {
		height: auto;
		margin: 400px 30px 30px 30px;
		text-align: left;
		}
table#table-elegancerich{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-elegancerich th{
		width: 170px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-elegancerich td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
table .bold{
		font-weight: bold;
		}
table .red{
		color: #CC0033;
		font-weight: bold;
		}
table .indent2 {
	margin-left:2em;
		}
/*
########################################################
	Guide
########################################################
*/
#guide #contents {
		background:url(images/guide-bg.jpg) no-repeat;
		}
#contents #guide-text {
		height: auto;
		margin: 200px 30px 30px 30px;
		text-align: left;
		}
#guide-text h3 {
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","ＭＳ Ｐ明朝","ＭＳ 明朝","MS PMincho",serif;
	font-size:1.2em;
	font-weight:bold;
	color:#006600

	}
/*
########################################################
	Privacy
########################################################
*/
#privacy #contents {
		background:url(images/privacy-bg.jpg) no-repeat;
		}
#contents #privacy-text {
		height: auto;
		margin: 200px 30px 30px 30px;
		text-align: left;
		}

/*
########################################################
	Tokusyo
########################################################
*/
table#table-tokusho{
		font-size: 11px;color: #333;
		line-height: 150%;
		width: 660px;
    	border: 1px #E3E3E3 solid;
    	border-collapse: collapse;
    	border-spacing: 0;
		margin-top: 15px;
		}
table#table-tokusho th{
		width: 240px;
		padding: 5px;
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		background: #F5F5F5;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		}
table#table-tokusho td{
		padding:5px;
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		text-align: left;
		vertical-align: text-top;
		}
/*
########################################################
	Inquiry
########################################################
*/
#inquiry #contents {
		background:url(images/inquiry-bg.jpg) no-repeat;
		}
#contents #inquiry-text {
		height: 350px;
		margin: 200px 30px 30px 30px;
		text-align: left;
		}