charset "UTF-8";"
/* ----------------------------------------------------------------------------
Source File: jp_override.css
GTL 3.1 Japan Style Definition
Time-stamp: <2008-04-07T18:12:27+09:00>
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
 * Elements
 * ------------------------------------------------------------------------- */
html, body,
address, blockquote, div, p, pre,
h1, h2, h3, h4, h5, h6,
abbr, acronym, cite, code, dfn, em, kbd, q, samp, span, strong, var,
a,
dl, dt, dd, ol, ul, li,
del, ins,
form, fieldset,
caption, table, td, th, tr, col, colgroup, tbody, thead, tfoot,
img{
margin:0;
padding:0;
}


/* ------------------------------------
 * List Module
 * --------------------------------- */
dt{font-weight:bold;}
dd{padding:0 0 0 8px;}


/* ------------------------------------
 * Form Module
 * --------------------------------- */
#page input,
#page select,
#page textarea,
#page label{
margin:0;
padding:0;
vertical-align:middle;
}

/* Text */
/* IE5,6,7: blank area create */
* html #page input.text{padding:0.2em;}
*:first-child+html #page input.text{padding:0.2em;}

/* Radio Button */
input.radio,
input.checkbox{
width:1em;
height:1em;
}

fieldset{border-style:none;}


/* ------------------------------------
 * Image Module
 * --------------------------------- */
img{border:1px solid #ccc;}

a:link img,
a:visited img,
a:hover img,
a:focus img,
a:active img{border:1px solid #07519a;}


/* ----------------------------------------------------------------------------
 * Typography
 * ------------------------------------------------------------------------- */
/**
 * font-family
 */
body, input, select, textarea, #logo .name{
font-family:"ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}


/**
 * font-size
 */
body, table, #logo .name{
font-size:100%; /* 16px */
}

#page, #search input.textbox{
font-size:75%; /* 12px */
}

#search input.button, cite,
#big3, #xnav, #brand #optlinks, #foot{
font-size:11px; /* 11px */
}

/* in 12px (75%) area */
#ad h2,
#ad2 h2,
#subfoot address,
#subfoot p{
font-size:91.67%; /* 11px */
}

#sitemap #seogoal,
#rssindex #seogoal{
font-size:133.33%; /* 16px */
}


/**
 * line-height
 */
body,
input,
select,
textarea,
#sitemap #seogoal,
#rssindex #seogoal{line-height:1;}
/* BUG IE5,6: line-height:1 is clipped text top */
* html body,
* html input,
* html select,
* html textarea,
* html #sitemap #seogoal,
* html #rssindex #seogoal{line-height:normal;}

p,
address,
.parent h1,
.parent h2,
.parent .child h3{line-height:1.4;}

#subhead address,
#subhead p,
#subfoot address,
#subfoot p{line-height:1.3;}


/**
 * color and text/font decorations
 */
/* Default Anchor */
a,
.parent h1 a,
.parent h2 a,
.parent h3 a        {color:#07519a; text-decoration:none;}
a:link,
.parent h1 a:link,
.parent h2 a:link,
.parent h3 a:link   {color:#07519a; text-decoration:none;}
a:visited,
.parent h1 a:visited,
.parent h2 a:visited,
.parent h3 a:visited{color:#07519a; text-decoration:none;}
a:hover,
.parent h1 a:hover,
.parent h2 a:hover,
.parent h3 a:hover  {color:#07519a; text-decoration:underline;}
a:focus,
.parent h1 a:focus,
.parent h2 a:focus,
.parent h3 a:focus  {color:#07519a; text-decoration:underline;}
a:active,
.parent h1 a:active,
.parent h2 a:active,
.parent h3 a:active {color:#009900; text-decoration:underline;}

/* Form Item */
input.button{color:#000;}
input.textbox, textarea{color:#333;}

strong, em, cite{color:#07519a;}

address{font-style:normal;}

/* Error text */
.error{color:#f30;}

.nav1 a:active,
.nav2 a:active,
.nav3 a:active{color:#07519a;}

#ad h2,
#ad2 h2{color:#666;}

#sitemap #seogoal,
#rssindex #seogoal{font-weight:bold;}


/* ----------------------------------------------------------------------------
 * Clearfix
 * ------------------------------------------------------------------------- */
/* IE5,6 */
* html #page, /* for IE5 */
* html #content,
* html .linklist11,
* html .textad,
* html #xnav,
* html .nav2 ul,
* html .nav3 ul,
* html .print #brand,
* html #sitemap .page6 #page #area1 .parent, /* IE ONLY */
* html #sitemap .page6 #page #area2 .parent{ /* IE ONLY */
height:0; /* support IE5 */
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}

/* IE7 */
*:first-child+html #content,
*:first-child+html .linklist11,
*:first-child+html .textad,
*:first-child+html #xnav,
*:first-child+html .nav2 ul,
*:first-child+html .nav3 ul,
*:first-child+html .print #brand,
*:first-child+html #sitemap .page6 #page #area1 .parent, /* IE ONLY */
*:first-child+html #sitemap .page6 #page #area2 .parent{ /* IE ONLY */
zoom:1;
}

/* Others */
#content:after,
.linklist11:after,
.textad:after,
#xnav:after,
.nav2 ul:after,
.nav3 ul:after,
.print #brand:after{
display:block;
height:0;
line-height:0;
visibility:hidden;
clear:both;
font-size:0;
content:".";
}


/* ----------------------------------------------------------------------------
 * Regions
 * ----------------------------------------------------------------------------
 * Explanation:
 * UX default style use 'ex' in 'width' property with '.regionX'.
 * Japan original style use 'px' default.
 * But, 'em' using option preparate: named '.flexible' (convert 'ex' to 'em').
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * IE5,6,7
 * --------------------------------- */
/* BUG IE6: specific invalid (MUST NOT WRITE RULES AFTER "Others") */
/**
 * Default (width: 780px)
 */
/* BUG IE5: box-size overflow for border-width & padding */
/* BUG IE6,7: box-size overflow for border-width */
/* BUG IE6,7: calc width 48.625em, but if 48.62em use, font size change 'Max', wrap child containers */
* html #wrapper.region9{ /* IE5,6 */
width:790px; /* 5px+1px+778px+1px+5px */
min-width:790px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:778px; /* 780px-2px(border) */
min-width:778px;
}div{/* IE5 Dummy */}
*:first-child+html #wrapper.region9{ /* IE7 */
width:778px; /* 780px-2px(border) */
min-width:778px;
}

/* flexible */
/* BUG IE5: box-size overflow for border-width & padding */
/* BUG IE6,7: box-size overflow for border-width */
/* BUG IE6,7: calc width 48.625em, but if 48.62em use, font size change 'Max', wrap child containers */
* html .flexible #wrapper.region9{ /* IE5,6 */
width:49.37em; /* 790px=5px+1px+778px+1px+5px */
min-width:790px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:48.64em; /* 778px=780px-2px(border) */
min-width:778px;
}div{/* IE5 Dummy */}
*:first-child+html .flexible #wrapper.region9{ /* IE7 */
width:48.64em; /* 778px=780px-2px(border) */
min-width:778px;
}

/* BUG IE7: border-width worng, plus border(2px) */
*:first-child+html #wrapper{padding-right:7px;}


/**
 * Wide (width: 974px)
 */
/* BUG IE5: box-size overflow for border-width & padding */
/* BUG IE6,7: box-size overflow for border-width */
/* BUG IE6,7: calc width 48.625em, but if 48.62em use, font size change 'Max', wrap child containers */
* html .wide #wrapper.region9{ /* IE5,6 */
width:962px; /* 6px+1px+972px+1px+6px */
min-width:962px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:948px; /* 974px-2px(border) */
min-width:948px;
}div{/* IE5 Dummy */}
*:first-child+html .wide #wrapper.region9{ /* IE7 */
width:948px; /* 974px-2px(border) */
min-width:948px;
}

/* flexible */
/* BUG IE5: box-size overflow for border-width & padding */
/* BUG IE6,7: box-size overflow for border-width */
/* BUG IE6,7: calc width 48.625em, but if 48.62em use, font size change 'Max', wrap child containers */
* html .wide.flexible #wrapper.region9{ /* IE5,6 */
width:61.62em; /* 986px=6px+1px+972px+1px+6px */
min-width:986px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:60.75em; /* 972px=974px-2px(border) */
min-width:972px;
}div{/* IE5 Dummy */}
*:first-child+html .wide.flexible #wrapper.region9{ /* IE7 */
width:60.75em; /* 972px=974px-2px(border) */
min-width:972px;
}

/* BUG IE7: border-width worng, plus border(2px) */
*:first-child+html .wide #wrapper{padding-right:9px;} /* wide */


/* ------------------------------------
 * Others
 * --------------------------------- */
/**
 * Default (width: 780px)
 */
.region1, #wrapper.region1, #page .region1{width:142px;}
.region2, #wrapper.region2, #page .region2{width:150px;}
.region3, #wrapper.region3, #page .region3{width:172px;}
.region4, #wrapper.region4, #page .region4{width:314px;}
.region5, #wrapper.region5, #page .region5{width:456px;}
.region6, #wrapper.region6, #page .region6{width:464px;}
.region7, #wrapper.region7, #page .region7{width:606px;}
.region8, #wrapper.region8, #page .region8{width:628px;}
.region9, #wrapper.region9, #page .region9{width:778px;}

/* Flexible (widen with font-size) */
/* recalc: 1em = 16px */
.flexible .region1, .flexible #wrapper.region1{width:8.87em;}  /* 142px */
.flexible .region2, .flexible #wrapper.region2{width:9.37em;}  /* 150px */
.flexible .region3, .flexible #wrapper.region3{width:10.75em;} /* 172px */
.flexible .region4, .flexible #wrapper.region4{width:19.62em;} /* 314px */
.flexible .region5, .flexible #wrapper.region5{width:28.5em;}  /* 456px */
.flexible .region6, .flexible #wrapper.region6{width:29.0em;}  /* 464px */
.flexible .region7, .flexible #wrapper.region7{width:37.87em;} /* 606px */
.flexible .region8, .flexible #wrapper.region8{width:39.25em;} /* 628px */
.flexible .region9, .flexible #wrapper.region9{width:48.75em;} /* 778px */
/* recalc: 1em = 12px(75%) */
.flexible #page .region1{width:11.83em;}
.flexible #page .region2{width:12.5em;}
.flexible #page .region3{width:14.33em;}
.flexible #page .region4{width:26.16em;}
.flexible #page .region5{width:38.0em;}
.flexible #page .region6{width:38.66em;}
.flexible #page .region7{width:50.5em;}
.flexible #page .region8{width:52.33em;}
.flexible #page .region9{width:65.0em;}


/**
 * Wide (width: 974px)
 */
/* recalc: 1em = 16px */
.wide #wrapper.region9      {width:950px;}
/* recalc: 1em = 12px(75%) */
.wide #page .region9        {width:972px;}
.wide #page .region8        {width:822px;}
.wide #page .region6        {width:658px;}
.wide #page .region5        {width:508px;}
.wide .page1 #area1.region4 {width:508px;}
.wide .page7 #area3.region3 {width:314px;}

/* Flexible (widen with font-size) */
/* recalc: 1em = 16px */
.flexible.wide #wrapper.region9      {width:60.87em;} /* 974px */
/* recalc: 1em = 12px(75%) */
.wide.flexible #page .region9        {width:81.00em;} /* 972px */
.wide.flexible #page .region8        {width:68.50em;} /* 822px */
.wide.flexible #page .region6        {width:54.83em;} /* 658px */
.wide.flexible #page .region5        {width:42.33em;} /* 508px */
.wide.flexible .page1 #area1.region4 {width:42.33em;} /* 508px */
.wide.flexible .page7 #area3.region3 {width:26.16em;} /* 314px */


/* ----------------------------------------------------------------------------
 * Containers
 * ----------------------------------------------------------------------------
 * NOTE:
 * chrome <-> Appearance interaction:
 *   .chrome1 : 1
 *   .chrome2 : 2
 *   .chrome3 : 3, 8
 *   .chrome4 : 4, 11, 16
 *   .chrome5 : 5, 9, 12, 13, 17, 18
 *   .chrome6 : 6
 *   .chrome7 : 7, 10, 14, 15, 19, 20
 *
 * chrome <-> Type interaction:
 *   .chrome1 : Prain
 *   .chrome2 : Bordered heading
 *   .chrome3 : Boxed
 *   .chrome4 : Colored heading
 *   .chrome5 : Colored heading, boxed
 *   .chrome6 : Plain, no margin on parent or child
 *   .chrome7 : Colored heading, boxed no child margin
 *
 * Support "h1" heading and Japan Style
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Common
 * --------------------------------- */
.parent.chrome1 .more, .parent.chrome2 .more, .parent.chrome3 .more,
.parent.chrome4 .more, .parent.chrome5 .more, .parent.chrome6 .more,
.parent.chrome7 .more,
.parent.chrome1 .child .more, .parent.chrome2 .child .more,
.parent.chrome3 .child .more, .parent.chrome4 .child .more,
.parent.chrome5 .child .more, .parent.chrome6 .child .more,
.parent.chrome7 .child .more{
margin:0;
padding:0;
}


/* ------------------------------------
 * Containers
 * --------------------------------- */
/* Common */
.parent.chrome1,
.parent.chrome2,
.parent.chrome3,
.parent.chrome4,
.parent.chrome5,
.parent.chrome6,
.parent.chrome7{
margin-top:0;
margin-bottom:12px;
}

.parent.chrome1 .child,
.parent.chrome2 .child,
.parent.chrome3 .child,
.parent.chrome4 .child,
.parent.chrome5 .child,
.parent.chrome6 .child,
.parent.chrome7 .child{
margin-bottom:8px;
padding:0;
}

/* heading-contents between margin */
.parent.chrome1 h1,
.parent.chrome1 h2,
.parent.chrome3 h1,
.parent.chrome3 h2,
.parent.chrome6 h1,
.parent.chrome6 h2{margin-bottom:6px;}
/* IE5,6: 1px minus */
* html .parent.chrome1 h1,
* html .parent.chrome1 h2,
* html .parent.chrome3 h1,
* html .parent.chrome3 h2,
* html .parent.chrome6 h1,
* html .parent.chrome6 h2{margin-bottom:5px;}
.parent.chrome2 h1,
.parent.chrome2 h2,
.parent.chrome4 h1,
.parent.chrome4 h2,
.parent.chrome5 h1,
.parent.chrome5 h2,
.parent.chrome7 h1,
.parent.chrome7 h2{margin-bottom:8px;}

/* Boxed */
.parent.chrome3 h1,
.parent.chrome3 h2{padding:5px 8px 0 8px;}
/* IE7 */
*:first-child+html .parent.chrome3 h1,
*:first-child+html .parent.chrome3 h2{padding-top:5px;}

.parent.chrome3 .child,
.parent.chrome5 .child{
padding-left:8px;
padding-right:8px;
}

/* Colored headings */
.parent.chrome4 h1,
.parent.chrome4 h2,
.parent.chrome5 h1,
.parent.chrome5 h2,
.parent.chrome7 h1,
.parent.chrome7 h2{padding:2px 8px 1px 8px;}
/* IE7 */
*:first-child+html .parent.chrome4 h1,
*:first-child+html .parent.chrome4 h2,
*:first-child+html .parent.chrome5 h1,
*:first-child+html .parent.chrome5 h2,
*:first-child+html .parent.chrome7 h1,
*:first-child+html .parent.chrome7 h2{
padding-top:1px;
padding-bottom:1px;
}
/* IE5,6 */
* html .parent.chrome4 h1,
* html .parent.chrome4 h2,
* html .parent.chrome5 h1,
* html .parent.chrome5 h2,
* html .parent.chrome7 h1,
* html .parent.chrome7 h2{padding-bottom:0;}

/* Borderd heading & Boxed */
.parent.chrome2 h1, .parent.chrome2 h2,
.parent.chrome5 h1, .parent.chrome5 h2,
.parent.chrome7 h1, .parent.chrome7 h2{border-bottom:solid 1px;}

/* Colored heading */
.parent.chrome4 h1, .parent.chrome4 h2{
border-width:1px;
border-style:solid;
}

/* Bordered heading */
.parent.chrome2 h1,
.parent.chrome2 h2{padding-bottom:1px;}
/* IE5,6 */
* html .parent.chrome2 h1,
* html .parent.chrome2 h2{padding-bottom:0;}

/* h3, h4 heading */
.parent h3,
.parent h4{margin-bottom:4px;}
/* IE5,6 */
* html .parent h3,
* html .parent h4{margin-bottom:3px;}


/* ------------------------------------
 * Common compulsion color scheme: promo0
 * ------------------------------------
 * NOTE:
 * "promo0" promothon color scheme is "gray" base Container appearance
 * (Equal to "01: Black" theme's default container appearance).
 * Usage is equal to "promo", "promo2".
 * --------------------------------- */
.parent.chrome2.promo0 h1,
.parent.chrome2.promo0 h2,
.parent.chrome3.promo0,
.parent.chrome4.promo0 h1,
.parent.chrome4.promo0 h2,
.parent.chrome5.promo0,
.parent.chrome5.promo0 h1,
.parent.chrome5.promo0 h2,
.parent.chrome7.promo0,
.parent.chrome7.promo0 h1,
.parent.chrome7.promo0 h2{border-color:#ccc;}

.parent.chrome4.promo0 h1,
.parent.chrome4.promo0 h2,
.parent.chrome5.promo0 h1,
.parent.chrome5.promo0 h2,
.parent.chrome7.promo0 h1,
.parent.chrome7.promo0 h2,
#wrapper .promo0.alt1{background-color:#f1f1f1;}

#wrapper .promo0.alt2{background-color:#f5e6e4;}
#wrapper .promo0.alt3{background-color:#ebf3fb;}


/* ------------------------------------
 * Double module
 * --------------------------------- */
.double1 .child{width:49%;}

.double1 .child{margin-right:1.9%;}
.double1 .child.last{margin-right:0;}


/* ------------------------------------
 * Triple module
 * --------------------------------- */
.triple1 .child{width:33.3%;}

.triple2 .child{
margin-right:1.9%;
width:49%;
}

.triple2 .child.last{margin-right:0;}

.triple2 .c1{
margin-right:0;
width:auto;
}
.parent.triple2 .child.c2,
.parent.triple2 .child.c3{margin-bottom:0;}


/* ------------------------------------
 * Quad module
 * --------------------------------- */
.quad3 .child{width:33.3%;}
.quad3 .c1{width:auto;}


/* ------------------------------------
 * RSS feed icon in heading
 * --------------------------------- */
/* support h1 and Japan style */
#page .parent h1,
#page .parent h2{position:relative;}

/* BUG IE5,6,7: containing-block broken */
* html #page .parent h1,
* html #page .parent h2{
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}
*:first-child+html #page .parent h1,
*:first-child+html #page .parent h2{zoom:1;}

#page .parent h1 a.rss,
#page .parent h2 a.rss{
margin-top:-6px;
display:block;
position:absolute;
right:0;
top:50%;
width:12px;
height:12px;
background-image:url("decoration/rss_12.gif");
background-position:50% 50%;
background-repeat:no-repeat;
}

/* boxed headings: slot contents right padding adjust */
#page .parent.chrome3 h1 a.rss,
#page .parent.chrome3 h2 a.rss,
#page .parent.chrome4 h1 a.rss,
#page .parent.chrome4 h2 a.rss,
#page .parent.chrome5 h1 a.rss,
#page .parent.chrome5 h2 a.rss,
#page .parent.chrome7 h1 a.rss,
#page .parent.chrome7 h2 a.rss{right:8px;}

#page .parent h1 a.rss span,
#page .parent h2 a.rss span{display:none;}


/* ------------------------------------
 * More links
 * --------------------------------- */
/**
 * GTL default: Anchor ONLY style
 * GTL Japan ONLY: Paragraph with inline Anchor
 * ------------------------------------
 * Note:
 * If you use nline Anchor, use .more class about this:
 *   <div class="more"><a href="..."></a></div>
 * Last operation, only substitute this to "Anchor ONLY style" code.
 */
.parent.chrome3 .more,
.parent.chrome5 .more{
margin-bottom:8px;
padding:0 8px;
}

.parent.chrome7 .more{margin-bottom:8px;}

/* inner child */
.parent.chrome3 .child .more,
.parent.chrome5 .child .more{padding:0;}


/* ----------------------------------------------------------------------------
 * Slot Templates
 * ----------------------------------------------------------------------------
 * NOTE:
 * This definitions are custom and extend default GTL Slot Template.
 * See also detail explanation in comments.
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Class Clearfix
 * Support IE5.0
 * --------------------------------- */
* html .cf{ /* IE5 ONLY */
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
}div{/* IE5 Dummy */}


/* ------------------------------------
 * Inverse Side
 * --------------------------------- */
.inverse{text-align:right;}


/* ------------------------------------
 * Important
 * --------------------------------- */
.important{text-align:center;}


/* ------------------------------------
 * Media
 * --------------------------------- */
.media{
padding:0.1em 0 0 19px;
min-height:14px;
background-position:0 0;
}

/* BUG IE5,6: min-height substitution */
* html .media{height:14px;}


/* ------------------------------------
 * Image Abstract
 * ------------------------------------
 * NOTE:
 * If you contain any block element, the following markup:
 * <div class="imgabs1 cf"> <!-- DO NOT FORGET "cf" class! -->
 *   <img src="test.png" alt="Test Module" title="Test" />
 *   <div>                  <!-- here: some block elements wrapping 'div' -->
 *     <ul class="linklist16">
 *       <li>item first</li>
 *       <li>item second</li>
 *       <li>item third</li>
 *     </ul>
 *   </div>
 * </div>
 * --------------------------------- */
.imgabs1 div,
.imgabs2 div{float:left;}


/* ------------------------------------
 * Image Abstract List
 * --------------------------------- */
/**
 * Layout 6: Two-column, image above abstract
 */
.imgabslist6 li{
width:49.99%;
margin:0 0 12px 0;
}


/* ------------------------------------
 * Link List
 * --------------------------------- */
/**
 * Common
 */
/* Stacked & Multi Columns */
.linklist1 li .linklist1,
.linklist2 li .linklist2,
.linklist16 li .linklist16,
.linklist17 li .linklist17{
margin-bottom:-0.25em;
padding-top:0.25em;
}

.linklist1 li,  .linklist2 li,
.linklist12 li, .linklist13 li,
.linklist14 li, .linklist15 li,
.linklist16 li, .linklist17 li{
margin:0;
padding:0.25em 0;
}


/**
 * Horizontals
 */
.linklist6 li,
.linklist8 li,
.linklist9 li{margin-bottom:0.4em;}


/**
 * Layout 7: Horizontal, breadcrumb delimiter
 */
.linklist7 li a,
.linklist7 li strong{white-space:nowrap;}


/**
 * Layout 9: Horizontal, border delimiter
 */
.linklist9 li a,
.linklist9 li strong{
display:block;
white-space:normal;
}


/**
 * Layout 11: Horizontal Tabs
 */
/* change to float implementation */
.linklist11{padding:0;}
/* clearfixed '.linklist11' before */

.linklist11 li,
.linklist11 li.selected{
margin:0 4px -1px 0;
padding:0;
display:block;
float:left;
}

.linklist11 li{border-bottom-width:0;}
.linklist11 li.last{margin-right:0;}

.linklist11 li.selected strong,
.linklist11 li.selected em,
.linklist11 li.selected span,
.linklist11 li a{
margin:0;
padding:5px 8px;
display:block;
}


/**
 * Layout 14: Two-column, bullet images
 */
.linklist14{margin:-0.25em 0;} /* 'li' padding cancel */
.linklist14 li{
margin-right:0;
width:49.9%;
}
.linklist14 li a{padding-left:9px;}


/**
 * Layout 15: Three-column, bullet images
 */
.linklist15{margin:-0.25em 0;} /* 'li' padding cancel */
.linklist15 li{
background-position:0 0.7em;
background-repeat:no-repeat;
list-style-type:none;
float:left;
margin:0;
width:33%;
}
.linklist15 li a{margin-left:9px;}


/**
 * Layout 16: Two-column, bullet images
 */
.linklist16{margin:-0.25em 0;} /* 'li' padding cancel */
.linklist16 li{padding-left:8px;}


/**
 * Layout 17: Media Links
 */
.linklist17{margin:-0.25em 0;} /* 'li' padding cancel */
.linklist17 li{padding-left:19px;}


/* ------------------------------------
 * Image Link Abstract List
 * --------------------------------- */
/**
 * Layout 1: Stacked, image left of text
 */
.imglinkabslist1 li{
margin-bottom:12px;
clear:left;
}

.imglinkabslist1 li a img{margin-bottom:0;}


/* ------------------------------------
 * Feed List
 * ------------------------------------
 * NOTE:
 * Single icon in single line.
 * --------------------------------- */
.feedicon{display:block;}

/* default side: left */
.feedicon a{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-90em;
}

/* BUG IE5: few case, 'text-indent' cause blocked 'a' element all indent */
* html .feedicon a{
text-indent:0;
padding-top:2em;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
text-indent:-90em;
padding-top:0;
}div{/* IE5 Dummy */}

/* inverse side: right */
.feedicon.inverse a{
margin:0 0 0 auto; /* IE7 & Others */
text-align:right;  /* IE5,6 */
}

/* normal feed icon */
.feedicon a{
width:14px;
height:14px;
line-height:14px;
background-image:url("decoration/rss_14.gif");
}

/* My MSN */
.feedicon.my a{
width:77px;
height:17px;
line-height:17px;
background-image:url("decoration/rss_my.gif");
}

/* Windows Live */
.feedicon.live a{
width:106px;
height:17px;
line-height:17px;
background-image:url("decoration/wl_add_feed.gif");
}

/* Windows Live Alerts */
.feedicon.alerts a{
width:131px;
height:17px;
line-height:17px;
background-image:url("decoration/wl_add_alerts.gif");
}


/* ----------------------------------------------------------------------------
 * Advertisement
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Super Banner
 * --------------------------------- */
#banner{ /* use '.chrome6' */
margin-bottom:0; /* offsetting */
padding-bottom:6px;
}

#banner .c1{padding-bottom:0;}

/* BUG IE5: unknown padding 4px outbreak */
* html #banner .child .advertisement{
margin-bottom:-4px;
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
margin-bottom:0;
height:auto;
}div{/* IE5 Dummy */}


/* ------------------------------------
 * Text AD
 * --------------------------------- */
.textad{ /* use 'chrome1' */
padding:0.91em 0 0.91em 0.66em; /* 11px 8px */
border-width:1px 0;
border-color:#ccc;
border-style:solid;
position:relative;
height:auto;
background-color:#f6f8f9;
}
/* clearfixed '.textad' before */

.textad .title{
margin:0;
padding:0 0 0 14px; /* 11px(image width)+3px */
float:left;
min-height:10px; /* image height */
background-image:url("decoration/dobule-angle-arrow.gif");
background-repeat:no-repeat;
background-position:0 0;
}

/* list item number of articles */
/* note: 1px extra margin added */
.textad.type1 .title{margin-top:0.33em;} /* 1: 0.25em+0.08em(1px) */
.textad.type2 .title{margin-top:0.83em;} /* 2: 0.75em+0.08em(1px) */
.textad.type3 .title{margin-top:1.58em;} /* 3: 1.50em+0.08em(1px) */

.textad .title strong{color:#000;}

.textad ul{
margin:-0.25em 0; /* 'ul li' padding offset */
padding:0 0 0 0.58em; /* 8px-1px(char right space) */
float:left;
}

/* BUG IE5,6: 1px gap (baseline attach problem) */
* html .textad ul{ /* IE5,6 */
margin-top:-0.17em; /* 0.25em-0.08em(1px) */
margin-bottom:-0.33em; /* 0.25em+0.08em(1px) */
}

.textad ul li{
margin-bottom:0.08em; /* 1px */
padding:0.25em 0 0.25em 8px;
list-style-type:none;
background-image:url("decoration/textad-bullet.gif");
background-repeat:no-repeat;
background-position:0 0.25em;
}
.textad ul li.last{margin-bottom:0;}

/* BUG IE5: unknown padding outbreak */
* html .textad ul li{
display:inline; /* if 'block', unknown padding outbreak */
height:0; /* unknown padding disable */
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
display:list-item;
height:auto;
}div{/* IE5 Dummy */}

.textad ul li a,
.textad ul li a:link,
.textad ul li a:visited,
.textad ul li a:hover,
.textad ul li a:focus,
.textad ul li a:active{text-decoration:underline;}

.textad ul li a,
.textad ul li a:link   {color:#000;}
.textad ul li a:visited{color:#666;}
.textad ul li a:hover,
.textad ul li a:focus,
.textad ul li a:active {color:#f30;}


/* ------------------------------------
 * BigAD
 * --------------------------------- */
#ad, #ad2{padding:0 1px;}

#ad h2,
#ad2 h2{
margin:-1px 0 -1px 0; /* top half-leading 1px */
padding:0 1px 0 0;
line-height:1;
font-weight:normal;
text-align:right;
}

/* BUG IE5,6: normal line-height cause 1px half-leading */
* html #ad h2,
* html #ad2 h2{
margin-bottom:-2px;
width:100%; /* BUG IE5: 1 char die out (why?) */
line-height:normal;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
margin-bottom:-1px;
width:auto;
}div{/* IE5 Dummy */}

html:first-child #ad h2,
html:first-child #ad2 h2{ /* Sf2 */
margin-top:-1px;
margin-bottom:0;
padding:0 2px 1px 0;
}

#ad .child .advertisement,
#ad2 .child .advertisement{
margin:0 0 0 auto;
width:300px;
height:250px;
}

/* BUG IE5,6: use margin, sometime child elements position break */
* html #ad .child .advertisement,
* html #ad2 .child .advertisement{ /* IE5,6 */
margin:0;
width:auto;
height:auto;
text-align:right;
}

#ad .child .advertisement img,
#ad2 .child .advertisement img{border-style:none;}


/* ----------------------------------------------------------------------------
 * Network Shell
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Reporting
 * --------------------------------- */
/* Doubt: #ctag defined 'display:none', but requested positioning */
#ctag{
position:absolute;
top:0;
left:0;
}


/* ------------------------------------
 * Wrapper
 * --------------------------------- */
#wrapper{background-position:0 0;}

#wrapper{padding:0 5px;} /* 800x600px */
.wide #wrapper{padding:0 0px;} /* 1024x768px */


/* ------------------------------------
 * Head
 * --------------------------------- */
#head{padding-bottom:0;}

/* use '.chrome6', offsetting */
#head .parent{margin-bottom:0;}
#head .msnhead1{padding-top:3px;}

/**
 * Big 3 Important Navigation
 */
#big3{
padding:5px 9px 0 0;
position:relative;
z-index:3; /* overlap '#xnav li.last' */
}

* html #big3            {padding-right:3px;} /* IE5,6 */
*:first-child+html #big3{padding-right:6px;} /* IE7 */
html:first-child #big3  {padding-top:4px;}   /* Sf2 */


#big3 li{
margin:0;
padding:0 10px 0 9px; /* 10px=9px+1px(separator width) */
background-position:100% 50%;
background-repeat:no-repeat;
}

#big3 li.first{padding-left:0;}
#big3 li.last{padding-right:0;}

#big3 li a{
display:block;
white-space:normal;
}


/**
 * Cross-Network Navigation
 *
 * disable 'inline' list design because outbreak white-space if wrap 'li'
 * element.
 * use 'float' item design.
 */
#xnav{white-space:nowrap;}
/* clearfixed '#xnav' before */

#xnav li{
padding:0;
float:left;
line-height:1;
background-repeat:repeat-x;
}

#xnav li a{
padding:5px 10px 4px 10px; /*real: 20px/2, 10px */
display:block;
}

/* BUG: blocked-anchor border-box ONLY content-edge */
* html #xnav li a{
padding:6px 10px 3px 10px;
position:relative;
}

/* expand/collapse trigger 'more' item */
#xnav li.last{
margin-right:0;
padding-bottom:1px; /* disable spacer padding */
position:relative;
z-index:2;
}

#xnav li a.expand,
#xnav li a.collapse{
padding-right:27px; /* 8px+9px+10px */
background-position:100% 50%; /* reset */
}


/**
 * Service Catalog
 */
#more{
margin-top:0;
margin-bottom:-4px; /* offsetting '#brand' margin-top */
padding:0;
position:relative; /* for '#xnav li.last' overlap */
top:-1px; /* '#xnav li' border overlap */
z-index:1;
clear:left; /* '#big3 li' float clear */
}

#more iframe{
border-style:none;
width:100%;
}


/**
 * Brand Logo & Menu & Search Field
 */
#brand{
margin-top:3px;
position:relative; /* set containing block */
clear:both;
height:3.88em; /* 62px */
}

/* Brand Logo */
#logo{
padding-top:0;
width:39.34%; /* 306px/778px */
}
.wide #logo{width:39.11%;} /* 380px/972px */

#logo a, #logo a img{display:block;}
#logo a img{border-style:none;}

#logo .name{
padding:0;
left:118px; /* '#logo a img' width */
width:auto;
line-height:1;
font-weight:bold;
}

/* BUG IE5,6: line-height:1 is clipped text top */
* html #logo .name{line-height:normal;}

/* Search Fields */
#search{
margin:0; /* all clear */
left:39.34%; /* 306px/778px */
white-space:nowrap;
}
.wide #search{left:39.11%;} /* 380px/972px (Sf3: +0.2 point) */

/* BUG Sf2: decimal point under number not recognize */
html:first-child #search{left:306px;}
html:first-child .wide #search{left:380px;}

#search #q{ /* Input Field */
margin:0;
padding:3px;
width:208px; /* 215px-(3px*2)(padding)-1px(border) */
}

* html #search #q{                      /* IE5 */
padding:4px 3px 3px 3px;
width:215px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding:4px 3px;                        /* IE6 */
width:208px;
}div{/* IE5 Dummy */}
*:first-child+html #search #q{          /* IE7 */
padding:4px 3px;
}
html:first-child #search #q{            /* Sf2 */
display:inline-block;
float:none;
width:215px;
}

#search input.button{
margin:0 4px 0 0; /* BUG Sf3: margin enable, layout break */
/* Fx: can't disable default padding */
padding:3px 8px 2px 9px; /* real: 5px 12px 5px 12px */
min-height:20px; /* Sf2,3: smash prevent */
line-height:1;
}

* html #search input.button{             /* IE5 */
padding:4px 0 0 0;
height:22px; /* BUG IE5: can't disable default bottom padding */
text-align:center;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding:5px 10px 1px 11px;               /* IE6 */
width:0; /* extra padding disable */
height:auto;
overflow:visible;
}div{/* IE5 Dummy */}
*:first-child+html #search input.button{ /* IE7 */
padding:4px 10px 2px 11px;
overflow:visible; /* extra padding disable */
}

/* BUG IE5: can't disable left & right padding */
* html #search #site{
padding-left:2px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-left:11px;
}div{/* IE5 Dummy */}
* html #search #web{
padding-left:1px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-left:11px;
}div{/* IE5 Dummy */}


/* Option Links */
#brand #optlinks{
white-space:nowrap;
margin:0;
padding:0;
right:9px;
z-index:1;
}


/* Baseline Attaching */
#logo, #logo .name, #logo a img,
#search,
#brand #optlinks{
position:absolute;
float:none;
}

/* valid values */
#logo, #search{bottom:12px;}
#brand #optlinks{bottom:14px;}
#logo .name, #logo a img{bottom:0;}
/* IE5,6 */
* html #search{bottom:11px;}
* html #brand #optlinks{bottom:13px;}
* html #logo .name{bottom:-1px;}
/* Sf2 */
html:first-child #brand #optlinks{bottom:15px;}


/* ------------------------------------
 * Page Contents
 * --------------------------------- */
/* 6px: 18px=12px(container margin-bottom)+6px(here) */
#page{padding-bottom:6px;}


/**
 * Site Navigation
 */
/* Type 1: Vertical, Nested Support */
.nav1 ul{
margin-right:6px;
padding:5px 0 0 6px;
}
html:first-child .nav1 ul{padding-top:7px;} /* Sf2 */

.nav1 ul li{line-height:1.083;} /* 13px */
.nav1 ul li.first{border-style:none;}
html:first-child .nav1 ul li{line-height:1.09;} /* Sf2 */

/* single line border-box height: 21px=4px+13px(line-height)+4px */
.nav1 ul li a,
.nav1 ul li strong.title{
margin:0;
padding:4px 6px;
display:block;
}

/* BUG IE5: unknown space created */
/* BUG IE5,6: baseline upper 1px */
* html .nav1 ul li a,
* html .nav1 ul li strong.title{
padding-top:5px; /* IE5,6 dual use */
padding-bottom:0;
width:100%;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-bottom:3px;
width:auto;
}div{/* IE5 Dummy */}

.nav1 ul li.expanded ul,
.nav1 ul li.selected ul{padding-left:0;}
.nav1 ul li.expanded ul li a{padding-left:12px;}
.nav1 ul li.expanded ul li.selected a{background-color:transparent;}

/* JP Original: 3 nested support */
.nav1 ul li strong.title{ /* 1st level heading */
border-style:solid;
border-width:0 0 1px 0;
color:#666;
}
.nav1 ul li ul li.expanded ul li a{padding-left:24px;}

/* JP Original: icon support */
.nav1 ul li a img{
margin:0;
padding:0;
border-style:none;
vertical-align:middle;
}


/* Type 2: Horizontal, No Nested Support
 * Type 3: Horizontal, Nested Support
 *
 * Both Type 2/3, fixed implementation identify
 * Concept:
 *   - MUST NOT use 'inline'
 *   - Designed float + block 'a'
 *   - Principle use unit: em & px
 */
/* disable '.parent' margin-bottom ('.nav1' use '.parent' margin-bottom) */
.nav2, .nav3{margin-bottom:-12px;}

.nav2 ul,
.nav3 ul{
padding:0 2px;
position:relative; /* set containing-block */
float:none;
z-index:1;
width:auto;
height:auto;
overflow:visible;
background-repeat:repeat-x;
}
/* clearfixed '.nav2 ul' before */
/* clearfixed '.nav3 ul' before */

.nav2 ul li,
.nav3 ul li{
padding:0;
display:block;
float:left;
background-image:none;
}

.nav2 ul li.selected,
.nav3 ul li.expanded,
.nav3 ul li.selected,
.nav3 ul li.notselected{
margin:0;
padding:0 0 0 8px;
border-style:none;
/* bottom border view enable (when font-size decrease) */
background-color:transparent;
}

/* BUG IE6: unsupported several class select */
/* offsetting:
 * .nav2 ul li.selected,
 * .nav3 ul li.expanded,
 * .nav3 ul li.selected,
 * .nav3 ul li.notselected
 */
.nav2 ul li.pretab,
.nav3 ul li.pretab{margin-right:-8px;}

.nav2 ul li.first,
.nav3 ul li.first{margin-left:0;}

.nav2 ul li a,
.nav3 ul li a{
padding:5px 9px 3px 8px; /* 9px=8px+1px(background separator width) */
display:block;
position:relative;
z-index:1; /* 1-1 */
line-height:1.0;
background-position:100% 50%;
background-repeat:no-repeat;
white-space:normal;
}

* html .nav2 ul li a,
* html .nav3 ul li a{
line-height:normal; /* BUG IE5,6: line-height:1 is clipped text top */
padding-bottom:2px; /* BUG IE5,6: line-height 1px increase */
}

.nav2 ul li.last a,
.nav2 ul li.pretab a,
.nav3 ul li.last a,
.nav3 ul li.pretab a{
padding-right:8px;
background-image:none;
}

.nav2 ul li.selected a,
.nav3 ul li.expanded a,
.nav3 ul li.selected a,
.nav3 ul li.notselected a{
top:1px;
padding:3px 8px 4px 8px;
border-width:1px 1px 0 1px;
border-style:solid;
}

/* BUG IE5,6: line-height 1px increase */
* html .nav2 ul li.selected a,
* html .nav3 ul li.expanded a,
* html .nav3 ul li.selected a,
* html .nav3 ul li.notselected a{
padding-bottom:3px;
}

/* Sf2: 1px insufficiency */
html:first-child .nav2 ul li.selected a,
html:first-child .nav3 ul li.expanded a,
html:first-child .nav3 ul li.selected a,
html:first-child .nav3 ul li.notselected a{
padding-top:4px;
}

.nav2 ul li.selected a,
.nav3 ul li.selected a,
.nav3 ul li.notselected a{
background-color:#fff;
background-image:none;
}

/* Type 3 ONLY */
/* 21px=20px(height)+1px(border) */
.nav3 ul li.expanded{padding-bottom:1.75em;}

.nav3 ul li.expanded ul{
padding:0;
position:absolute;
left:0;
width:100%;
white-space:nowrap;
background-color:transparent;
}

/* BUG IE5,6: '100%' calced minus before parallel elements */
/* 778px(#wrapper.region9 min-width)/12px(font-size) */
* html .nav3 ul li.expanded ul{width:64.83em;}
/* 972px(.wide #wrapper.region9 min-width)/12px(font-size) */
* html .wide .nav3 ul li.expanded ul{width:81.0em;}

/* diable '.nav3 ul li.selected' */
.nav3 ul li.expanded ul li.selected{padding:0;}

.nav3 ul li.expanded ul li a{
margin:0;
padding:4px 7px 4px 6px;
border-style:none;
position:static;
background-color:transparent;
}

/* BUG IE5,6: line-height 1px increase */
* html .nav3 ul li.expanded ul li a{padding-bottom:3px;}

.nav3 ul li.expanded ul li.first a{padding-left:10px;}


/**
 * Main Contents Area
 */
#content{padding-top:12px;}
/* BUG IE6: unknown space caused */
* html #content{
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
margin-bottom:-12px; /* disable '#content' padding-bottom & unknown space */
padding-bottom:0;
}div{/* IE5 Dummy */}


/**
 * Sub Header
 */
/* set 12px space between '.linklist7' and '#ad h2' */
* html #subhead .linklist7{margin-bottom:-1px;} /* IE5,6 */
html:first-child #subhead .linklist7{padding-bottom:1px;} /* Sf2 */


/**
 * Sub Footer
 */
#subfoot{
/* disable '#content' padding-bottom */
margin-bottom:-6px;
/* 18px=12px(container margin-bottom)+1px('p' top half-leading)+5px */
padding-top:5px;
}
/* BUG IE6: rendering broken & disable '#content' margin-bottom */
* html #subfoot{
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
margin-bottom:0;
padding-bottom:6px;
zoom:1;
}div{/* IE5 Dummy */}
/* BUG IE7: padding value double calced */
*:first-child+html #subfoot{
margin-top:4px;
padding-top:0;
}

#subfoot .parent{margin-bottom:4px;}
/* BUG IE5,6: 'p' margin-bottom don't collapsed */
* html #subfoot .parent{margin-bottom:3px;}

#subfoot .parent .child{margin-bottom:6px;} /* 8px(default)-2px */

#subfoot .parent .child.last,
#subfoot .parent.single1 .child.first{margin-bottom:0;}

#subfoot address,
#subfoot p{
margin-bottom:1px;
color:#666;
}


/* ------------------------------------
 * Footer
 * --------------------------------- */
/* BUG IE6,7: box size minimum 2px */
* html #foot{
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
margin-right:-2px;
}div{/* IE5 Dummy */}
*:first-child+html #foot{margin-right:-2px;}

#foot .parent{margin-bottom:0;}
#foot .parent .child{margin-bottom:0;} /* default disable */

.msnfoot1{padding:0 1px 20px 1px;}

.msnfoot1 .primary,
.msnfoot1 .secondary{
padding-top:4px; /* real 5px; */
float:left;
width:50%;
white-space:nowrap;
}

/* IE5,6,7: 5px ok */
* html .msnfoot1 .primary,
* html .msnfoot1 .secondary{padding-top:5px;}
*:first-child+html .msnfoot1 .primary,
*:first-child+html .msnfoot1 .secondary{padding-top:5px;}

.msnfoot1 .primary li{padding-right:17px;}
.msnfoot1 .primary li.last{padding-right:0;}

.msnfoot1 .secondary li{padding-left:17px;}
.msnfoot1 .secondary li.last{padding-left:0;}

.msnfoot1 .primary li a,
.msnfoot1 .secondary li a{
display:block;
white-space:nowrap; /* changed by 'pre' */
}


/**
 * Copyright
 */
.msnfoot1 .copyright{
margin-top:0;
padding-top:23px; /* 25px-2px */
float:none;
clear:both;
background-position:100% 100%;
text-align:right;
}

/* BUG IE5,6: float box to consider as block box */
* html .msnfoot1 .copyright{
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-top:22px; /* BUG IE6: 1px bigger... */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}

/* BUG IE7: padding calc broken */
*:first-child+html .msnfoot1 .copyright{zoom:1;}

/* Sf2: 1px insufficiency */
html:first-child .msnfoot1 .copyright{padding-top:24px;}

.msnfoot1 .copyright span{
margin-right:132px;
padding:6px 9px 5px 0;
border-color:#777;
display:block;
position:relative;
top:1px;
line-height:1;
}

/* Sf2: 1px insufficiency */
html:first-child .msnfoot1 .copyright span{padding-right:10px;}

/* BUG IE5,6: line-height:1 is clipped text top (few px) */
* html .msnfoot1 .copyright span{
padding-top:7px;
padding-bottom:3px;
top:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-top:6px;
padding-bottom:5px;
top:1px;
}div{/* IE5 Dummy */}


/* ----------------------------------------------------------------------------
 * Print Style
 * ------------------------------------------------------------------------- */
.print{
background-image:none;
background-color:#fff;
}

.print #wrapper{
padding:0;
width:620px;
background-image:none;
}

/* BUG IE5: box-size overflow for border-width & padding */
/* BUG IE6,7: box-size overflow for border-width */
/* BUG IE6,7: calc width 48.625em, but if 48.62em use, font size change 'Max', wrap child containers */
* html .print #wrapper{ /* IE5,6 */
width:608px; /* 1px+6px+608px+6px+1px */
min-width:628px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:618px;
}div{/* IE5 Dummy */}
*:first-child+html .print #wrapper{ /* IE7 */
padding-right:0;
width:618px;
}

.print #head{
padding-bottom:4px;
border-style:none;
background-color:transparent;
}

.print #page{
border-style:solid;
border-width:1px;
}

.print #head .parent .child .msnhead1{
padding-top:0;
}

.print #brand{
margin-top:0;
background-image:none;
height:auto;
}
/* clearfixed '.print #brand' before */

.print #brand a:link,
.print #brand a:visited,
.print #brand a:hover,
.print #brand a:focus,
.print #brand a:active,
.print #brand .name{color:#183390;}

.print #logo,
.print #logo .name,
.print #logo img,
.print #brand #optlinks{position:static;}

.print #logo{width:auto;}

.print #logo img,
.print #logo .name{float:left;}

.print #logo img{border-style:none;}

.print #logo .name{
margin-top:-1em;
position:relative;
top:35px;
left:0;
}

* html .print #logo .name{
line-height:normal;
margin-top:-1.05em;
}

.print #brand #optlinks{
margin-top:-1em;
padding-right:5px;
float:right;
position:relative;
top:35px;
right:0;
}


/* ----------------------------------------------------------------------------
 * Sitemap
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Regions
 * --------------------------------- */
#sitemap #page .region4,
#sitemap #page .region6{width:389px;}

/* Flexible (widen with font-size) */
/* recalc: 1em = 12px */
#sitemap.flexible #page .region4,
#sitemap.flexible #page .region6{width:32.41em;} /* 389px */


/* ------------------------------------
 * Subhead
 * ------------------------------------
 * Note:
 *   Some class isn't required for change 'sitemap' to '404'.
 *   If you use '404', only insert 'p' element and text in
 *   '#subhead .parent .child' before '.link'.
 * --------------------------------- */
#sitemap #page #subhead #seogoal{
margin-bottom:12px;
padding:0;
}
/* BUG IE5,6: normal line-height cause 1px half-leading */
/* BUG IE5,6: line-height:1 is clipped text top */
* html #sitemap #page #subhead #seogoal{
line-height:1;
padding-top:1px; /* clip prevent */
}

#sitemap #page #subhead .parent{margin-bottom:16px;}
/* BUG IE5,6: normal line-height cause 1px half-leading */
* html #sitemap #page #subhead .parent{margin-bottom:15px;}

#sitemap #page #subhead .parent .child{padding:0;}

#sitemap #page #subhead .parent .child p{
position:relative;
top:-2px; /* make 16px space between 'p' to '.link' */
}
/* BUG IE5,6: unknown 1px gap */
* html #sitemap #page #subhead .parent .child p{top:-3px;}

#sitemap #page #subhead .parent .child .link{margin-top:12px;}
/* BUG IE5,6: normal line-height cause 1px half-leading */
/* Note: non-bold text isn't clipped text top */
* html #sitemap #page #subhead .parent .child .link{line-height:1;}


/* ------------------------------------
 * Containers
 * --------------------------------- */
#sitemap #page .parent{margin-bottom:0;}

#sitemap #page .parent .child{
margin-bottom:0;
margin-right:0;
padding-right:8px;
}

#sitemap #page .parent .child.c1{padding-left:8px;}

#sitemap #page .parent .child h3{
line-height:1.5;
margin-top:-0.25em;
margin-bottom:0.25em;
}

#sitemap #page .parent.double1 .child{width:46.68%;}
#sitemap #page .parent.quad2 .child{width:23.6%;}

/* BUG IE6: use '23.6%', rendering break */
* html #sitemap #page .parent.quad2 .child{
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:23.55%;
}div{/* IE5 Dummy */}


/* ------------------------------------
 * Link List
 * --------------------------------- */
.sitemaplinks1{margin-bottom:15px;} /* 18px-3px(half-leading) */

/* 'li' top half-leading disable */
.sitemaplinks1 ul{margin-top:-0.25em;}

/* BUG IE5,6,7: unknown space occur */
/* BUG IE5,6,7: half-leading don't collapsed */
/* 0.25em(h3 bottom half-leading or unknown)+0.25em('li' top half-leading)*/
* html .sitemaplinks1 ul{margin-top:-0.5em;}
*:first-child+html .sitemaplinks1 ul{margin-top:-0.5em;}

/* BUG IE5,6,7: half-leading don't collapsed */
/* 0.25em('li' bottom half-leading) */
* html .sitemaplinks1 ul li ul{margin-top:-0.25em;}
*:first-child+html .sitemaplinks1 ul li ul{margin-top:-0.25em;}

.sitemaplinks1 ul li{
padding:0 0 0 8px;
line-height:1.5;
}

.sitemaplinks1 ul li ul{padding-left:12px;}

.sitemaplinks1 ul li ul li{padding:0;}
.sitemaplinks1 ul li ul li.last{padding-top:0;}


/* ------------------------------------
 * BUG IE5,6,7: clearfix and others reasons layout break
 * --------------------------------- */
/* disable float bug's space (between '#area1, #area2' to '#content') */
* html #sitemap .page6 #page #area1,
* html #sitemap .page6 #page #area2{margin-bottom:-15px;}
*:first-child+html #sitemap .page6 #page #area1,
*:first-child+html #sitemap .page6 #page #area2{margin-bottom:-16px;}

/* clearfix for '.child' float */
/* IE5,6,7: clearfixed '#sitemap .page6 #page #area1 .parent' before */
/* IE5,6,7: clearfixed '#sitemap .page6 #page #area2 .parent' before */

/* disable float bug's space (between '.child' to '.parent') */
* html #sitemap .page6 #page #area1 .parent .child,
* html #sitemap .page6 #page #area2 .parent .child{
margin-bottom:-8px;
float:left;
}
*:first-child+html #sitemap .page6 #page #area1 .parent .child,
*:first-child+html #sitemap .page6 #page #area2 .parent .child{
margin-bottom:-8px;
float:left;
}