@charset "iso-8859-1";


/* ?????????????????? */


/* MCM add 20081003->
--------------------------------------------------------------*/
.profile {
	float:right;
	margin:0 0 0 10px !important;
}
.profile table {
border:1px #cccccc solid;
background-color:#cccccc;
border-collapse:separate;
border-spacing:0;
}
.profile table th{
/*border:1px #999999 solid;*/
background-color:#cccccc;
text-align:center;
}

.profile table td{
background-color:#EEEEEE;
}

/* MCM add 20081003 <-
--------------------------------------------------------------*/
html {
	margin:0;
	text-align:center;
}
body {
	background-color:#CCC;
	width:770px;
	margin:0 auto;
	padding:0;
	font-size:80%;
	color:#4F4F4F;
	font-family:"?? ?????",Osaka,sans-serif;
}
h1,h2,h3,h4,form {
	margin:0;
	padding:0;
}
p {
	line-height:1.5em;
	margin-left:16px;
}
hr {
	height:1px;
	border-top:1px solid #CCC;
	border-bottom:none;
}
img {
	border:0;
}


/* xxxxx
--------------------------------------------------------------*/
a,
a:link {
	color:#03C;
	text-decoration:underline;
}
a:visited {
	color:#60C;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#C00;
	text-decoration:none;
}


/* xxxxx
------------------------------------------------------------------------------------------*/
/* xxxxx */
#CABINET {
	width:750px;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#FFF;
}
#CABINET div {
}


/* MAIN
------------------------------------------------------------------------------------------*/
#MAINBG {
	background-color:#FFF;
	width:750px;
	margin:0;
	padding:0;
}


/* CONTENTS
------------------------------------------------------------------------------------------*/
#CONTENTS {
	width:716px;
	margin:40px 0 10px 18px;
	color:#494949;
	text-align:left;
}
#CONTENTS li,
#CONTENTS dd,
#CONTENTS dt,
#CONTENTS tr,
#CONTENTS td
{
	line-height:1.3em;
}




/* xxxxx
------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight:bold;
	line-height: 1.2em;
	font-family:"MS PGOTHIC",Osaka,sans-serif;
	color:#000;
}
h1 {
	margin:0 0 1.2em 0;
	padding:0px 0 4px 0;
	font-size:208%;
	line-height: 1.15em;
	font-weight:normal;
	color:#990000;
}
h1 span.sub {
	font-size:50%;
	font-weight:normal;
	display:block;
	line-height:80%;
	color:#900;
	padding:3px;
}
h1 span.sub2 {
	font-size:60%;
	font-weight:bold;
	display:block;
	line-height:120%;
	color:#900;
	padding:3px;
}
h1 span.sub3 {
	font-size:50%;
	font-weight:normal;
	display:block;
	line-height:100%;
	color:#494949;
	margin:10px 0 10px 0;
	padding:3px;
}
h2 {
	padding:5px 4px 3px 8px;
	margin:2em 0 1em 0;
	font-size:140%;
	background-color:#eee;
	border-left:10px solid #990000;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	clear:both;
}
h2 span.sub {
	font-size:75%;
	font-weight:normal;
	display:block;
	line-height:105%;
}
h3 {
	padding:6px 0 0px 0;
	margin:2em 0 1.2em 2px;
	font-size:140%;
	color:#990000;
	border-bottom:1px solid #900;
}
h4 {
	margin:1em 0 0.5em 2px;
	font-size:120%;
	background:transparent url(/waon/english/images/widgets/hr_01.gif) repeat-x left bottom;
}
h5 {
	font-size:110%;
	font-weight:bold;
	color:#990000;
}



/* xxxxx
--------------------------------------------------------------*/
#CONTENTS ol, #CONTENTS ul {
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#CONTENTS li {
	margin-bottom:0.6em;
}
ul.alpha {
	list-style-type:lower-alpha;
}

#CONTENTS dl {
	margin-top:0.5em;
}
#CONTENTS dt {
	margin-bottom:0.4em;
}
#CONTENTS dd {
	margin-bottom:1.2em;
}


/* table
--------------------------------------------------------------*/
/* .tbl */
table.tbl table {
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	border-width:0px;
}
table.tbl table th, table.tbl table td {
	padding:2px 5px 2px 0;
	border:0px;
	color:#494949;
}
table.tbl table th, table.tbl table thead th, table.tbl table thead td {
	font-weight:bold;
	background-color:#fff;
	color:#494949;
}
/* .tbl */
table.tbl ,td table.tbl {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse: collapse;
	empty-cells: show;
	margin:5px 0;
}
table.tbl thead th, table.tbl thead td, td table.tbl thead th, td table.tbl thead td {
	background-color:#CCC;
	color:#000;
	font-weight:normal;
}
table.tbl thead td, td table.tbl thead td {
	background-color:#DDD;
}
table.tbl th, table.tbl td, td table.tbl th, td table.tbl td {
	padding:2px 5px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
table.tbl th, td table.tbl th {
	color:#222;
	background-color:#EEE;
	text-align:left;
	font-weight:normal;
}
table.tbl td, td table.tbl td {
	font-weight:normal;
}






/* table
--------------------------------------------------------------*/
/* .hr */
table.hr table {
	border:0;
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	background-image:none;
}
table.hr table th, table.hr table td {
	padding:2px 5px 2px 0;
	background-image:none;
	border-collapse: separate;
	color:#494949;
}
table.hr table th {
	font-weight:bold;
	background:#fff;
	border-collapse: separate;
}
/* xxxxx */
table.hr, td table.hr {
	margin:5px 0;
	border-collapse: collapse;
	empty-cells: show;
	background:transparent url(/waon/english/images/widgets/hr_01.gif) repeat-x 0px bottom;
}
table.hr td, table.hr th, td table.hr td, td table.hr th {
	padding:9px 5px  8px 5px;
	text-align:left;
	background:transparent url(/waon/english/images/widgets/hr_01.gif) repeat-x 0px 0px;
}
table.hr th, td table.hr th {
	font-weight:bold;
	color:#333;
}
table.hr td, td table.hr td {
	font-weight:normal;
}

/* .tbl */
table.tblsmall ,td table.tblsmall {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse: collapse;
	empty-cells: show;
	margin:5px 0;
	line-height:1.4em;
}
table.tblsmall thead th, table.tblsmall thead td, td table.tblsmall thead th, td table.tblsmall thead td {
	background-color:#CCC;
	color:#000;
	font-weight:bold;
}
table.tblsmall thead td, td table.tblsmall thead td {
	background-color:#DDD;
}
table.tblsmall th, table.tblsmall td, td table.tblsmall th, td table.tblsmall td {
	padding:2px 4px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	font-size:90%;
}
table.tblsmall th, td table.tblsmall th {
	color:#222;
	background-color:#EEE;
	text-align:left;
	font-weight:normal;
	font-size:90%;
}
table.tblsmall td, td table.tblsmall td {
	font-weight:normal;
	font-size:90%;
}



/* xxxxx
--------------------------------------------------------------*/

/* UL */
ul.arrow,
ul.pdf,
ul.download,
ul.file,
ul.form,
ul.mail,
ul.window
{
	list-style-type: none;
	padding-left:20px;
	margin-left:0;
}
ul.arrow li,
ul.pdf li,
ul.download li,
ul.file li,
ul.form li,
ul.mail li,
ul.window li
{
	padding-left:21px;
}


ul.arrow li.none,
ul.pdf li.none,
ul.download li.none,
ul.file li.none,
ul.mail li.none,
ul.window li.none
{
	background-image:none !important;
}

ul.none

{
	list-style-type: none;
	padding-left:20px;
	margin-left:0;
}

/* xxxxx */
ul.kome {
	list-style-type:none;
	padding-left:20px;
	margin-left:0;
}
ul.kome li {
	background:transparent url(/waon/english/images/widgets/icon_kome.gif) no-repeat 1px 3px !important;
	padding-left:20px !important;
}
/* xxxxx */
ul.kome_red {
	list-style-type: none;
	padding-left:20px;
	margin-left:0;
}
ul.kome_red li {
	background:transparent url(/waon/english/images/widgets/icon_kome_red.gif) no-repeat 1px 3px !important;
	padding-left:20px !important;
}



/* xxxxx */
.arrow a, a.arrow {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/arrow.gif) no-repeat 3px 3px;
}
ul.arrow li {
	background:transparent url(/waon/english/images/widgets/arrow.gif) no-repeat 3px 3px;
}
dl.arrow dt {
}

/* PDF */
.pdf a, a.pdf {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_pdf.gif) no-repeat 0px 1px;
}
ul.pdf li {
	background:transparent url(/waon/english/images/widgets/icon_pdf.gif) no-repeat 0px 1px;
}
dl.pdf dt {
}


/* xxxxx */
.download a, a.download {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_download.gif) no-repeat 1px 0px;
}
ul.download li {
	background:transparent url(/waon/english/images/widgets/icon_download.gif) no-repeat 1px 0px;
}
dl.download dt {
}


/* xxxxx */
.file a, a.file {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_file.gif) no-repeat 0px 1px;
}
ul.file li {
	background:transparent url(/waon/english/images/widgets/icon_file.gif) no-repeat 0px 1px;
}
dl.file dt {
}



/* xxxxx */
.form a, a.form {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_form.gif) no-repeat 0px 1px;
}
ul.form li {
	background:transparent url(/waon/english/images/widgets/icon_form.gif) no-repeat 0px 1px;
}
dl.form dt {
}


/* xxxxx */
.mail a, a.mail {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_mail.gif) no-repeat 1px 3px;
}
ul.mail li {
	background:transparent url(/waon/english/images/widgets/icon_mail.gif) no-repeat 1px 3px;
}
dl.mail dt {
}


/* xxxxx */
.window a, a.window {
	padding:1px 3px 1px 18px;
	background:transparent url(/waon/english/images/widgets/icon_window.gif) no-repeat 0px 1px;
}
ul.window li {
	background:transparent url(/waon/english/images/widgets/icon_window.gif) no-repeat 0px 1px;
}
dl.window dt {
}



/* xxxxx */
a.a-button {
	background:#FF9 url(/waon/english/images/widgets/a-button_background.gif) repeat-x 0px 0px;
	padding:7px;
	display:block;
	text-align:center;
	margin:3px 0;
	width:50%;
	font-size: 120%;
	font-weight:bold;
	border:2px solid #ccc;
}
a.a-button:link, a.a-button:visited {
	border-right:2px solid #444;
	border-bottom:2px solid #444;
	color:#000;
}
a.a-button:hover, a.a-button:active {
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-top:2px solid #444;
	border-left:2px solid #444;
	color:#000;
	padding:8px 6px 6px 8px;
	background-color: #FF9933;
}


/* xxxxx
--------------------------------------------------------------*/
/* xxxxx */
img.imgL {
	float:left;
	margin-right:12px;
	margin-bottom:1em;
}
/* xxxxx */
img.imgR {
	float:right;
	margin-left:12px;
	margin-bottom:1em;
}


/* xxxxx */
div.imgL {
	text-align:center;
	color:#666;
	float:left;
	margin-right:12px;
	margin-bottom:1em;
}
div.imgL img {
	margin-bottom:3px;
}
/* xxxxx */
div.imgR {
	text-align:center;
	color:#666;
	float:right;
	margin-left:12px;
	margin-bottom:1em;
}
div.imgR img {
	margin-bottom:3px;
}

/* xxxxx */
div.imgC, p.imgC {
	text-align:center;
	color:#666;
}
div.imgC img, p.imgC img {
	margin-bottom:3px;
}


/* xxxxx */
.rect {
	margin-top:10px;
	padding:10px;
	border:1px solid #999;
}



/* xxxxx
--------------------------------------------------------------*/
.mt0 {
	margin-top:0px !important;
}
.mt2 {
	margin-top:2px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt7 {
	margin-top:7px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}

.mt1em {
	margin-top:1em !important;
}
.mt2em {
	margin-top:2em !important;
}
.mt3em {
	margin-top:2em !important;
}

/* xxxxx
--------------------------------------------------------------*/
.ml0 {
	margin-left:10px !important;
}
.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}

/* xxxxx
--------------------------------------------------------------*/
.mr0 {
	margin-right:10px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}

/* xxxxx
--------------------------------------------------------------*/
.mb0 {
	margin-bottom:10px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}

.mb1em {
	margin-bottom:1em !important;
}
.mb2em {
	margin-bottom:2em !important;
}
.mb3em {
	margin-bottom:2em !important;
}


/* xxxxx
--------------------------------------------------------------*/
.taRight {
	text-align:right !important;
}
.taCenter {
	text-align:center !important;
}
.taLeft {
	text-align:left !important;
}
.vam {
	vertical-align:middle !important;
}
.vat {
	vertical-align:top !important;
}


/* xxxxx
--------------------------------------------------------------*/
.floLeft {
	float:left;
}
.floRight {
	float:right;
}

/* xxxxx
----------------*/
.floatClear {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	background:transparent;
}

/* xxxxx
----------------*/
.both {
	clear:both;
}



/* xxxxx
--------------------------------------------------------------*/
/* xxxxx */
.red {
	color:#900 !important;
}
/* xxxxx */
.color-d {
	color:#4a6b84 !important;
}
/* xxxxx */
.small {
	font-size:85% !important;
}

/* xxxxx */
.weak {
	color:#777 !important;
}

/* xxxxx */
pre.source {
	background-color:#EEE;
	padding:10px 5px;
	border:1px solid #CCC;
	width:683px;
	margin-left:16px;
	overflow:scroll;
}


/* xxxxx */
.hr {
	background:transparent url(/waon/english/images/widgets/hr_01.gif) repeat-x 0 0;
	padding-top:10px;
}


/* xxxxx
--------------------------------------------------------------*/
span.backcolor1,
span.backcolor2,
span.backcolor3,
span.backcolor4 {
	padding:2px 2px 2px 2px;
}
.backcolor1 {
	background-color:#900 !important;
	color:#FFF !important;
}
.backcolor2 {
	background-color:#fae0df !important;
}
.backcolor3 {
	background-color:#571b1a !important;
	color:#FFF !important;
}
.backcolor4 {
	background-color:#eeeeee !important;
}




/* xxxxx
--------------------------------------------------------------*/
ul.menu-link {
	height:1.5em;
	list-style-type:none;
	margin:0 0 0 16px;
	padding:0;
}
ul.menu-link li {
	float:left;
}
ul.menu-link a{
	background:transparent url(/waon/english/images/widgets/arrow.gif) no-repeat 0px 3px;
	padding:1px 20px 1px 14px;
	font-weight:bold;
}


/* WAON
--------------------------------------------------------------*/
.ml {
	margin-left:16px !important;
}