/*\*//*/
@import "iemac.css";
/**/

/*
*************************************************************
GENERAL
*************************************************************
*/

html{
/*\*/height:100%/**/
}

body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align: center;
font-family:'Verdana','‚l‚r ‚oƒSƒVƒbƒN','Osaka','ƒqƒ‰ƒMƒmŠpƒS Pro W3', sans-serif;
color: #666666;
}

h1, h2, h3, h4 {
margin: 0;
padding: 0;
}

ul, li, ol {
margin: 0;
padding: 0;
}

a, a:link, a:active, avisted {
color: #FFCC00;
text-decoration: none;
}
a:hover {
color: #FFCC00;
text-decoration: underline;
}

hr {
display: none;
}

/*
*************************************************************
GLOBAL NAVI
*************************************************************
*/
#global {
display: block;
width: 100%;
height: 36px;
background: transparent url(../img/bg_global.gif) repeat-x top left;
margin: 0 auto;
text-align: left;
position: relative;
}

#global #dmc_logo {
display: block;
position: absolute;
top: 6px;
left: 10px;
}

#global #dmc_logo a {
display: block;
width: 32px;
height: 17px;
background: transparent url(../img/dmc_logo.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}
#global #dmc_logo a:hover {
background: transparent url(../img/dmc_logo_over.gif) no-repeat top left;
}

/*
*************************************************************
CONTENT
*************************************************************
*/
#top #container {
display: block;
width: 282px;
height: 275px;
margin: -137px 0px 0px -141px;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
background: none;
}

#top #container h1 {
display: block;
width: 282px;
height: 86px;
background: transparent url(../../img/logo.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
margin-bottom: 30px;
}

#top #container .txt01 {
display: block;
width: 282px;
height: 13px;
background: transparent url(../../img/txt_intro.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
margin-bottom: 50px;
}

#top #container #btn_enter {
display: block;
margin: 0px 0px 50px 93px;
}
#top #container #btn_enter a {
display: block;
width: 97px;
height: 39px;
background: transparent url(../../img/btn_enter.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}
#top #container #btn_enter a:hover {
background: transparent url(../../img/btn_enter_over.gif) no-repeat top left;
}

#top #container .txt02 {
display: block;
width: 282px;
height: 51px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
#top #container .txt02 a {
display: block;
width: 258px;
height: 31px;
background: transparent url(../../img/txt_flashplayer.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
margin: 10px 0px 0px 10px;
}
#top #container .txt02 a:hover {
background: transparent url(../../img/txt_flashplayer_over.gif) no-repeat top left;
}

#top #footer {
display: block;
position: absolute;
bottom: 1px!important;
bottom: 0px;
left: auto!important;
left: 0px;
}

#top #footer #copyright {
display: block;
width: 230px;
height: 9px;
background: transparent url(../img/copyright.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}


/*
*************************************************************
CONTENT
*************************************************************
*/
#container {
display: block;
width: 632px;
margin: 0 auto;
text-align: left;
background: transparent url(../img/bg_contentbox.gif) repeat-y top right;
}

#header {
display: block;
width: 632px;
height: 120px;
text-align: left;
background: transparent url(../img/bg_contentbox_top.gif) no-repeat top right;
position: relative;
}

#header h1 {
display: block;
width: 168px;
height: 24px;
background: transparent url(../../jp/terms_of_use/img/title.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
position: absolute;
top: 3px;
left: 21px;
}

#contentbox {
display: table;
width: 590px;
margin: -46px 0px 0 21px;
padding: 20px 0px 0px 0px;
text-align: left;
background-color: #FFFFFF;
}

#contentbox .txt_set {
display: block;
font-size: 70%!important;
font-size: 65%;
line-height: 150%;
letter-spacing: 0.05px!important;
letter-spacing: 0.1px;
margin: 0 20px 20px 20px;
}

#contentbox h2 {
display: block;
width: 300px;
height: 15px;
text-decoration: none;
text-indent: -9999px;
border-left: 2px solid #FFCC00;
margin-bottom: 6px!important;
margin-bottom: -4px;
line-height: 0;
}
#contentbox h2.stitle01 { background: url(../../jp/terms_of_use/img/stitle01.gif) no-repeat 8px 2px; }
#contentbox h2.stitle02 { background: url(../../jp/terms_of_use/img/stitle02.gif) no-repeat 8px 2px; }
#contentbox h2.stitle03 { background: url(../../jp/terms_of_use/img/stitle03.gif) no-repeat 8px 2px; }
#contentbox h2.stitle04 { background: url(../../jp/terms_of_use/img/stitle04.gif) no-repeat 8px 2px; }
#contentbox h2.stitle05 { background: url(../../jp/terms_of_use/img/stitle05.gif) no-repeat 8px 2px; }
#contentbox h2.stitle06 { background: url(../../jp/terms_of_use/img/stitle06.gif) no-repeat 8px 2px; }
#contentbox h2.stitle07 { background: url(../../jp/terms_of_use/img/stitle07.gif) no-repeat 8px 2px; }
#contentbox h2.stitle08 { background: url(../../jp/terms_of_use/img/stitle08.gif) no-repeat 8px 2px; }
#contentbox h2.stitle09 { background: url(../../jp/terms_of_use/img/stitle09.gif) no-repeat 8px 2px; }
#contentbox h2.stitle10 { background: url(../../jp/terms_of_use/img/stitle10.gif) no-repeat 8px 2px; }
#contentbox h2.stitle11 { background: url(../../jp/terms_of_use/img/stitle11.gif) no-repeat 8px 2px; }
#contentbox h2.stitle12 { background: url(../../jp/terms_of_use/img/stitle12.gif) no-repeat 8px 2px; }
#contentbox h2.stitle13 { background: url(../../jp/terms_of_use/img/stitle13.gif) no-repeat 8px 2px; }
#contentbox h2.stitle14 { background: url(../../jp/terms_of_use/img/stitle14.gif) no-repeat 8px 2px; }
#contentbox h2.stitle15 { background: url(../../jp/terms_of_use/img/stitle15.gif) no-repeat 8px 2px; }

#contentbox ol {
}
#contentbox ol li {
margin-left: 1.8em!important;
margin-left: 2.2em;
margin-bottom: 0.5em;
padding-left: -2em;
}
#contentbox ol ul {
list-style: none;
margin: 0.5em 0em;
}
#contentbox ol ul li {
list-style: none;
margin-left: 0em;
}
.margin-top {
margin-top: 0.5em;
}

div.pagetop {
display: block;
font-size: 70%!important;
font-size: 65%;
line-height: 150%;
letter-spacing: 0.05px!important;
letter-spacing: 0.1px;
margin: 0 20px 0px 20px;
padding-bottom: 30px;
}

div.pagetop a {
display: block;
width: 47px;
height: 6px;
background: url(../img/btn_pagetop.gif) no-repeat top left;
text-indent: -9999px;
text-decoration: none;
float: right;
line-height: 100%;
}
div.pagetop a:hover {
background: url(../img/btn_pagetop_over.gif) no-repeat top left;
}

#contentbox_bottom {
display: block;
width: 632px;
height: 44px;
background: transparent url(../img/bg_contentbox_bottom.gif) no-repeat top right;
margin: 0 auto;
}

#footer {
display: block;
width: 100%;
height: 28px;
position: relative;
}

#footer #copyright {
display: block;
width: 230px;
height: 9px;
position: absolute;
top: 10px;
left: 10px;
background: transparent url(../img/copyright.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}



/*
*************************************************************
CONTENT (ENGLISH)
*************************************************************
*/
body#en {
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align: center;
font-family:'Verdana', sans-serif;
color: #666666;
}

#en #header h1 {
display: block;
width: 168px;
height: 24px;
background: transparent url(../../en/terms_of_use/img/title.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
position: absolute;
top: 3px;
left: 21px;
}

#en #contentbox h2 {
display: block;
width: 400px;
height: 15px;
text-decoration: none;
text-indent: -9999px;
border-left: 2px solid #FFCC00;
margin-bottom: 6px!important;
margin-bottom: -4px;
line-height: 0;
}

#en #contentbox h2.stitle01 { background: url(../../en/terms_of_use/img/stitle01.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle02 { background: url(../../en/terms_of_use/img/stitle02.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle03 { background: url(../../en/terms_of_use/img/stitle03.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle04 { background: url(../../en/terms_of_use/img/stitle04.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle05 { background: url(../../en/terms_of_use/img/stitle05.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle06 { background: url(../../en/terms_of_use/img/stitle06.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle07 { background: url(../../en/terms_of_use/img/stitle07.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle08 { background: url(../../en/terms_of_use/img/stitle08.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle09 { background: url(../../en/terms_of_use/img/stitle09.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle10 { background: url(../../en/terms_of_use/img/stitle10.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle11 { background: url(../../en/terms_of_use/img/stitle11.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle12 { background: url(../../en/terms_of_use/img/stitle12.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle13 { background: url(../../en/terms_of_use/img/stitle13.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle14 { background: url(../../en/terms_of_use/img/stitle14.gif) no-repeat 8px 1px; }
#en #contentbox h2.stitle15 { background: url(../../en/terms_of_use/img/stitle15.gif) no-repeat 8px 1px; }