/** FontSize **/
h1 {font-size:medium; padding:5 5 10 0px; margin-bottom:10px; color:#000;}
h1 {fo\nt-size:medium; padding:5 5 10 0px; margin-bottom:10px; color:#000;} /* win ie6.x,mac ie5.x */
h2 {font-size:medium; padding:5 5 5 0px; margin:0px; color:#000;}
h2 {fo\nt-size:medium; padding:5 5 5 0px; margin:0px; color:#000;} /* win ie6.x,mac ie5.x */
.gototop {font-size:x-small;}
.gototop {fo\nt-size:x-small;} /* win ie6.x,mac ie5.x */
.gotoguidetop {font-size:x-small;}
.gotoguidetop {fo\nt-size:x-small;} /* win ie6.x,mac ie5.x */

p {line-height:135%; margin:0; padding:0; border:0;}
li {line-height:135%;}

/** FontSize - For gecko **/
html>body h1 {font-size:large; margin-top:10px;}
html>body h2 {font-size:large;}
html>body .gototop {font-size:small;}
html>body .gotoguidetop {font-size:small;}

/** GUIDE **/
#title {width:750px; background-color:#7694c8; padding:5px; color:#fff; font-weight:bold;}
#breadcrumb {font-size:x-small;}
html>body #breadcrumb {font-size:small;}
#breadcrumb a:link {color:#247CD4;}
#breadcrumb a:visited {color:#9136AD;}
#main {border:1px solid #9A9A9A;}
#maincont{padding:15px;}
p.ycsfp {margin: 5 0 0 0px;}

p.tips {margin: 10 0 10 5px; padding:5px; background-color:#FDFFDA;}
p.tips span.left {float:left; width:10%;}
p.tips span.right {float:right; width:90%;}
html*p.tips span.left {float:left; width:12%;}
html*p.tips span.right {float:right; width:88%;}

p.caution {margin: 10 0 10 5px; padding:5px; background-color:#FFE2E2;}
p.caution span.left {float:left; width:10%;}
p.caution span.right {float:right; width:90%;}
html*p.caution span.left {float:left; width:10%;}
html*p.caution span.right {float:right; width:90%;}

p.related {margin: 10 0 10 5px; padding:5px; background:#E0F4FD;}
p.related span.left {float:left; width:20%;}
p.related span.right {float:right; width:80%;}
html* p.related span.left {float:left; width:22%;}
html* p.related span.right {float:right; width:78%;}

p.gototop {text-align:right;}
p.gotoguidetop {margin:10 0 10 0;}

/** tab **/
#tab {margin-bottom:30px;}
.tabon { background:#ffffff; border-width:1px; border-style:solid; border-color:#9a9a9a #9a9a9a #ffffff #9a9a9a; padding:5px; position:relative; margin-right:5px; font-weight:bold;}
.tabof { background:#e8e8e8; border-width:1px; border-style:solid; padding:5px; position:relative; margin-right:5px; border-color:#bfbfbf #bfbfbf #bfbfbf #bfbfbf; }
.tabof a:link {color:#247CD4;}
.tabof a:visited {color:#9136AD;}

/** GENERAL PURPOSE **/
.spacer10 {font-size: 0; line-height: 0; width: 10px; height:10px; clear: both;}
.spacer15 {font-size: 0; line-height: 0; width: 15px; height:15px; clear: both;}
.spacer20 {font-size: 0; line-height: 0; width: 20px; height:20px; clear: both;}

/** step button container **/
.btnstep { margin-right:3%; background:#f2f2f2; border:1px solid #d6d6d6; width: 300px; float:left;}
.btnstep div { padding: 10 30; text-align: center; }
.btnstep a:link {color:#247CD4;}
.btnstep a:visited {color:#9136AD;}
.btnsteptxt{ margin-right:3%; width: 300px; float:left; font-weight:bold;}

/** step navi **/
/* START filter win ie 5.0 */
dl.stepnavi
{
margin:0 0 1em 0;
padding:0.7em 0;
}
dl.stepnavi dt
{
display:none;
}
dl.stepnavi dd,
dl.stepnavi dd ul,
dl.stepnavi dd ul li
{
margin:0;
padding:0;
}
dl.stepnavi dd ul li
{
display:inline;
list-style-type:none;
text-align:center;
font-size:small;
}

dl.stepnavi dd ul li .box
{
margin:0;
padding:8px;
border:1px solid #C3D2DC;
background:#FFF;
color:#3F5771;
font-weight:normal;
}

dl.stepnavi dd ul li .arrow
{
margin:0 0 0 -1px;
padding:0 0 0 8px;
background-image:url("http://i.yimg.jp/images/mail/guide/v2/steparrow.gif");
background-repeat:no-repeat;
background-position:-1px 50%;
}
/* END filter win ie 5.0 */

/* START win ie 5.0 */
@media All {
* html dl.HorizontalNavi dd ul
{
height /**/: /**/1%;
}
* html dl.HorizontalNavi dd ul li
{
display /**/: /**/block;
float /**/: /**/left;
}
* html dl.HorizontalNavi dd ul li span,
* html dl.HorizontalNavi dd ul li a
{
display /**/: /**/block;
float /**/: /**/left;
height /**/: /**/100%;
}

* html dl.HorizontalNavi dd ul li .arrowoff
{
padding /**/: /**/0 0 0 12px;
}
}
/* END win ie */

/** for step page **/
#breadcrumbstep {font-size:small;}
.gototopstep {font-size:small; text-align:right;}



/* Print */

#title_p {width:650px; background-color:#7694c8; padding:5px; color:#fff; font-weight:bold;}
#main_p {margin:0; padding:0;}
#maincont_p {padding:0px; font-size:90%;}
p.tips_p {margin: 10 0 10 5px; padding:5px; background-color:#FDFFDA; line-height:120%}
p.tips_p span.left {float:left; width:15%;}
p.tips_p span.right {float:right; width:85%;}
html*p.tips span.left {float:left; width:12%;}
html*p.tips span.right {float:right; width:88%;}

p.caution_p {margin: 10 0 10 5px; padding:5px; background-color:#FFE2E2;}
p.caution_p span.left {float:left; width:15%;}
p.caution_p span.right {float:right; width:85%;}
html*p.caution span.left {float:left; width:10%;}
html*p.caution span.right {float:right; width:90%;}

p.related_p {margin: 10 0 10 5px; padding:5px; background:#E0F4FD;}
p.related_p span.left {float:left; width:15%;}
p.related_p span.right {float:right; width:85%;}
html* p.related span.left {float:left; width:22%;}
html* p.related span.right {float:right; width:78%;}

#link_p {margin:0; padding:0 10px; text-align:right; font-size:small;}
.section {page-break-after:always; height:10px;}

p.gotoguidetop2 {margin-top:10px; margin-bottom:10px; font-size:small;}