@charset "utf-8";

/* ----------------------------------------------------------------------------
Source File: jp_override.css
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
 * 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{
margin:0;
padding:0;
vertical-align:middle;
}

fieldset{border-style:none;}

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


/**
 * font-size
 */

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

#logo .name { font-size:110%;}

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

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

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


/**
 * line-height
 */
/* BUG IE5,6: line-height 1.0 clipped text top */
body       {line-height:1;}      /* IE7 & Others */
* html body{line-height:normal;} /* IE5,6 */

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

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

input,
select,
textarea       {line-height:1;}
/* BUG IE5,6: line-height 1.0 clipped text top */
* html input,
* html select,
* html textarea{line-height:normal;}


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

/* Inline Anchor */
p a        {color:#07519a; text-decoration:underline;}
p a:link   {color:#07519a; text-decoration:underline;}
p a:visited{color:#07519a; text-decoration:underline;}
p a:hover  {color:#07519a; text-decoration:underline;}
p a:focus  {color:#07519a; text-decoration:underline;}
p a:active {color:#009900; text-decoration:underline;}

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

/*strong, 100107 nakaura delete*/ em, cite{color:#07519a;}

address{font-style:normal;}

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

.nav3 a:active{color:#07519a;}

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


/* ----------------------------------------------------------------------------
 * 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;
}

/* 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:986px; /* 6px+1px+972px+1px+6px */
min-width:986px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:972px; /* 974px-2px(border) */
min-width:972px;
}div{/* IE5 Dummy */}
*:first-child+html .wide #wrapper.region9{ /* IE7 */
width: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)
 */
.region9, #wrapper.region9, #page .region9{width:778px;}

/**
 * Wide (width: 974px)
 */
/* recalc: 1em = 16px */
.wide #wrapper.region9      {width:974px;}
/* recalc: 1em = 12px(75%) */
.wide #page .region9        {width:972px;}

/* ----------------------------------------------------------------------------
 * 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;}

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

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

/* ------------------------------------
 * 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:8px;
top:50%;
width:12px;
height:12px;
background-image:url("../image/jp/rss_12.gif");
background-position:50% 50%;
background-repeat:no-repeat;
}

#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.
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Clearfix
 * --------------------------------- */
* html .cf{ /* IE5 ONLY */
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
}div{/* IE5 Dummy */}

/* ------------------------------------
 * 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;
}

/**
 * Layout 1: Stacked
 */
.linklist1 li{margin:0; padding:0; line-height:1.5;}
* html .linklist1 li{margin:0; padding-top:0; line-height:1.5;}
*:first-child+html .linklist1 li{margin:0; padding-top:0; line-height:1.5;}

/**
 * Layout 6: Horizontal
 */
.linklist6 li{margin-right:13px; padding-right:0;}
.linklist6 li.last{margin-right:0;}

/**
 * Layout 9: Horizontal, border delimiter
 */
/* IE5,6: offsetting 1px space */
* html .linklist9{margin-bottom:-1px;}
.linklist9 li{margin-bottom:0.2em;}

/* IE5,6 */
* html .linklist9 li a{white-space:nowrap;}
/* IE7 */
*:first-child+html .linklist9 li a{white-space:nowrap;}

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

/**
 * Layout 11: Horizontal Tabs
 */
/* change to float implementation */
/* clearfix */
/* IE5,6 */
* html .linklist11{
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}
/* IE7 */
*:first-child+html .linklist11{zoom:1;}
/* Others */
.linklist11:after{display:block; height:0; line-height:0; visibility:hidden; clear:both; font-size:0; content:".";}
.linklist11{padding:0;}
.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:8px; display:block;}

/**
 * Layout 14: Two-column, bullet images
 */
.linklist14 a{padding-left:9px;}
.linklist14 li{margin-right:0; width:50%;}
.linklist14 li.last{padding-left:8px;}

/**
 * Layout 15: Three-column, bullet images
 */
.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 li{padding-left:8px;}

/**
 * Layout 16: Stacked, bullet images
 */
.linklist16 li.last{padding-left:8px;}

/**
 * Layout 16: Stacked, bullet images (no adjust version)
 */
.qb_common_linklist16{margin:0;}
/* IE5,6 */
* html .qb_common_linklist16{margin:0;}

/**
 * Layout 17: Media Links
 */
.linklist17 li{padding-left:19px;}

/**
 * Layout 21: Horizontal, border delimiter (RTL)
 */
/* IE5,6: offsetting 1px space */
* html .linklist21{margin-bottom:-1px;}
.linklist21 li{margin-bottom:0.2em;}
.linklist21 li a{white-space:nowrap;}

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

#ad h2,
#ad2 h2{
margin:-1px 0 0 0; /* top half-leading 1px */
padding:0 2px 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{
padding-bottom:0;
width:100%; /* BUG IE5: 1 char die out (why?) */
line-height:normal;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding-bottom:1px;
width:auto;
}div{/* IE5 Dummy */}

*:first-child+html #ad h2,
*:first-child+html #ad2 h2{padding-bottom:1px;} /* IE7 */

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

#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;/* 100119 nakaura*/
width:auto;
height:auto;
text-align:right;
}

/* ----------------------------------------------------------------------------
 * Network Shell
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Wrapper
 * --------------------------------- */
#wrapper{background-position:0 0; position:relative;}
#wrapper{padding:0 5px;} /* 800x600px */
.wide #wrapper{padding:0 6px;} /* 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;}

/* clearfix */
/* IE5,6 */
* html #xnav{
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}
/* IE7 */
*:first-child+html #xnav{zoom:1;}
/* Others */
#xnav:after{
display:block;
height:0;
line-height:0;
visibility:hidden;
clear:both;
font-size:0;
content:".";
}

#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 .name{
padding:0;
left:118px; /* '#logo a img' width */
width:auto;
line-height:1;
font-weight:bold;
}

/* BUG IE5,6: line-height 1.0 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:209px; /* 215px-(3px*2)(padding) */
}

* html #search #q{                      /* IE5 */
padding:5px 3px 2px 3px;
width:216px;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
padding:5px 3px 3px;                    /* IE6 */
width:209px;
}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
 * --------------------------------- */
/* 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) */
.nav3{margin-bottom:-12px;}

.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;
}

/* clearfix */
/* IE5,6 */
* html .nav3 ul{
height:0;
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
height:auto;
zoom:1;
}div{/* IE5 Dummy */}
/* IE7 */
*:first-child+html .nav3 ul{zoom:1;}
/* Others */
.nav3 ul:after{
display:block;
height:0;
line-height:0;
visibility:hidden;
clear:both;
font-size:0;
content:".";
}

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

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

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

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

.nav3 ul li a{
padding:3px 7px 4px 6px; /* 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 .nav3 ul li a{
line-height:normal; /* BUG IE5,6: line-height 1.0 clipped text top */
padding-bottom:2px; /* BUG IE5,6: line-height 1px increase */
}

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

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

/* BUG IE5,6: line-height 1px increase */
* 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 .nav3 ul li.expanded a,
html:first-child .nav3 ul li.selected a,
html:first-child .nav3 ul li.notselected a{
padding-top:4px;
}

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

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

.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;}

/* ------------------------------------
 * 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 */

/* ----------------------------------------------------------------------------
Source File: test02_override.css
---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* color - blue - start */
/* ------------------------------------------------------------------------- */
/* ------------------------------------
 * Wrapper
 * --------------------------------- */
/* Very strict Japan visual spec reflect: */
/*
 * 800x600px
 * #wrapper width: 780px
 * #wrapper left & right padding: 5px
 * #wrapper box width: 790px
 * background-image width: 10px
 * if repeat-x: left side show:  image's leftside 5px
 *              right side show: image's rightside 5px
 * 790px / 10px = 0px (no redundant)
 */
#wrapper{background-image:url("../image/test02/shadow.gif");}

/*
 * 1024x768px
 * #wrapper width: 974px
 * #wrapper left & right padding: 6px
 * #wrapper box width: 980px
 * background-image width: 17px (center 5px: transparent)
 * if repeat-x: left side show:  image's leftside 6px
 *              right side show: image's rightside 6px
 * 980px / 17px = 0px (no redundant)
 */
.wide #wrapper{background-image:url("../image/test02/shadow_wide.gif");}


/* ------------------------------------
 * Containers
 * --------------------------------- */
/* support "h1" heading */
.parent.chrome2 h1, .parent.chrome2 h2,
.parent.chrome4 h1, .parent.chrome4 h2,
.parent.chrome5 h1, .parent.chrome5 h2,
.parent.chrome7 h1, .parent.chrome7 h2{
border-color:#ace;
}

.parent.chrome4 h1, .parent.chrome4 h2,
.parent.chrome5 h1, .parent.chrome5 h2,
.parent.chrome7 h1, .parent.chrome7 h2{
background-color:#ebf3fb;
}

/* ------------------------------------
 * Navigation
 * --------------------------------- */
/* height: 11px -> 10px */
#head .linklist9 li,
.nav3 li a{background-image:url("../image/test02/pipe.gif");}

.nav3 li.selected a,
.nav3 li.notselected a{border-color:#ace;}
/* color - blue - end */

/* ----------------------------------------------------------------------------
Source File: msn-qbox.css
---------------------------------------------------------------------------- */
/* ------------------------------------
 * definition Category
 * --------------------------------- */
#wrapper .parent h2 .list
{
position: absolute;
right: 5px;
top : 0.1em;
}

/* ------------------------------------
 * definition OK Footer
 * --------------------------------- */
/* footer */
#ok_footer { clear:both; margin-top : 50px;}
:root #ok_footer {}/* for firefox */
#ok_footer div { text-align:right; }
#ok_footer div img { position:relative; top:0.5em; margin-right:0.5em; }
#ok_footer span { display:block; width:100%; text-align:right; position:relative; bottom:3em; margin-bottom : -50px;}/* パワードバイロゴ位置 */

/* ------------------------------------
 * definition AD1 (Dummy)
 * --------------------------------- */
#r_adlimg
{
float : left;
border : 0;
margin-right : 5px;
}

#r_adri
{
clear : borh;
height : 100px;
}

#r_adri span {
position : relative;
top : 40px;
left : 315px;
}

/* ------------------------------------
 * definition News (Dummy)
 * --------------------------------- */

.parent img
{
border : 0;
}

.gc1 img
{
float : left;
margin-right : 5px;
}

.cmnListmark1 li {
background: url("http://sankei.jp.msn.com/css/news_v20110117000/common/images/listpoint.gif") no-repeat scroll left 0.58em transparent;
padding: 0 0.5em 0.21em 10px;
position: relative;
}


/* ------------------------------------
 * definition 関連チャンネル (Dummy)
 * --------------------------------- */
#area2 .double1 .child
{
	width : 43%;
	line-height : 150%;
}

/* ----------------------------------------------------------------------------
Source File: oj.css
---------------------------------------------------------------------------- */
/* h2 */
h2 { padding-top:4px}

:root h2{
line-height:1em;
padding:4px 0 3px 8px!important;
}

html:\66irst-child h2{
padding:4px 0 3px 8px;
height:1em;
line-height:1em;
}

* html body h2{
padding-left:7px!important;
/* IE5 */
 voice-family: "\"}\"";
 voice-family: inherit;
/* IE5 */
padding-left:8px!important;
}

/* OJ Start */
/*トップ*/
* html body .ads_oyj_w{
	padding-bottom:8px;
}
html:\66irst-child  .ads_oyj_w{
	padding-bottom:1px;
}
.ads_oyj_w h2{
	margin:0;
	border-bottom:0;
	text-align:left;
}
* html body .ads_oyj_w h2{
	border-bottom:1px solid;
}

.ads_oyj_w h2 span{
	margin-left:-1px;
	font-weight:normal;
}

.ads_oyj_c{
	margin:0;
	padding:0;
	width:618px!important; /* 幅依存 *//* fixed by nakaura 10/01/19 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	position:relative;
}
*:first-child+html .ads_oyj_c{
	margin:0!important;/* fixed by i-chiami 08/06/05 */
}

* html body .ads_oyj_c{
	margin-top:0px!important;/* fixed by i-chiami 08/06/05 */
/*width:619px!important;*/ /* 幅依存 *//* fixed by nakaura 10/01/19 */
	padding-bottom:8px;
 	voice-family: "\"}\"";
 	voice-family: inherit;
/*width:619px!important;*/ 	/* fixed by i-chiami 08/06/05 */
}

:root .ads_oyj_c{
	margin-top:0;
	padding-bottom:4px;
	height:8.3em;
}
.ads_oyj_w a{
	text-decoration:underline;
}
.ads_oyj_w a:link{
	color:#000!important;
}
.ads_oyj_w a:visited{
	color:#666!important;
}

* html body .ads_oyj_w a:visited{
	color:#666!important;
}

.ads_oyj_w a:hover,
.ads_oyj_w a:active,
.ads_oyj_w a:hover span{
	color:#f30!important;
}

* html body .ads_oyj_w a:hover,
* html body .ads_oyj_w a:active,
* html body .ads_oyj_w a:hover span{
	color:#f30!important;
	background:transparent;/*IE5, IE6バグよけ*//* bug 19168 */
}

.ads_oyj{
	float:left;
	display:block;
	margin:8px 10px 8px 8px;
	display:block;
}
* html body .ads_oyj{
	margin:8px 6px 8p 4px;
}
/*イメージ*/
.ads_oyj_img_a{
	margin:0;
	padding:0
}
.ads_oyj_img{
	margin:0 10px 0 0;
	padding:0;
	border:0 #fff solid!important;
	float:left;
}
* html body .ads_oyj_img{
	margin:8px 0;
}

#ads_oyj_txt{
	margin:3px 8px 8px 0;
	padding:0;
	display:block;
	width:417px;	/* 幅依存 *//* fixed by i-chiami 08/06/05 */
	font-size:12px;
}

* html body #ads_oyj_txt {
	margin:11px 0 0;
	float:right;
	width:425px;	/* 幅依存 *//* fixed by i-chiami 08/06/05 */
	text-align:left;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:11px 0 0;
	text-align:right;
}

:root #ads_oyj_txt{
	padding-top:3px;
	width:619px;	/* 幅依存 *//* fixed by nakaura 10/01/20 */
}
html:\66irst-child #ads_oyj_txt {
	margin:8px 8px 8px 0;
}

#ads_oyj_txt p{
	margin:0;
	padding:5px 0 0 ;
	display:block;
	line-height:17px;
	color:#333;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding:5px 0 0 ;
	text-align:left	;
	overflow:hidden;
}
html:\66irst-child #ads_oyj_txt p{
	padding-top:6px;
}
.ads_oyj_head{
	font-weight:normal;
	text-align:left;
	display:block;
}
a span.ads_oyj_head{
	text-decoration:underline;
}
:root #ads_oyj_txt a .ads_oyj_head{
	display:inline;
}
html:\66irst-child a span.ads_oyj_head{
	line-height:1;
}
.ads_oyj_cont{
	text-decoration:underline;
	font-size: 12px;
	display:block;
	line-height: 13px;
	right: 16px;
	position: absolute;
	padding:0;
	margin:0;
	cursor:hand;
	bottom: 6px;
}
* html body .ads_oyj_cont{
	right: 8px;
	bottom: 7px;
	voice-family: "\"}\"";
	voice-family: inherit;
	display:inline;
	line-height:19px;
	bottom: -4px;
}
:root .ads_oyj_cont{
	line-height: 17px;
	right: 8px;	/* fixed by i-chiami 08/06/05 */
	bottom: -3px;
}
html:\66irst-child .ads_oyj_cont{
	bottom: -4px;
}
*:first-child+html .ads_oyj_cont{
	line-height: 17px;
}
/* OJ End */
/* ad end */

/* ----------------------------------------------------------------------------
Source File: ad_ht.css
---------------------------------------------------------------------------- */
/*** Hot Topics CSS Start ***/
/* title */
body{
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ads_hot_pw h2{
	padding-top:2px!important;
	padding-left:7px!important;
	line-height:1.3;
	font-size:100%;
}
* html body .ads_hot_pw h2{
	padding-bottom:1px!important;
}
:root .ads_hot_pw h2{
	padding-bottom:1px;
}

html:\66irst-child .ads_hot_pw h2{
	padding-top:3px!important;
	padding-bottom:1px!important;
	padding-left:8px!important;
	font-size:100%;
}
.ads_hot_pw span{
	margin-left:0;
	font-weight:normal;
}

/* contents area */
.ads_hot_w{
	margin-left:0px!important;
}
.ads_hot_w span { font-weight:normal;}
/* img */
* html body .ads_hot_img{
	margin-top:0;
}
.ads_hot_img a img{
	border:0!important;
}
:root .ads_hot_img{
	margin-left:0px;
}

/* text */
.ads_hot_ul{
	margin-top:6px;
	margin-bottom:-3px;
	font-size:12px;
	list-style-type:none;
	line-height:19px;
}
* html body .ads_hot_ul{
	margin-top:7px;
	padding-bottom:4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top:7px;
	margin-bottom:-4px;
	padding-bottom:0;
}
:root .ads_hot_ul{
	margin-top:7px;
	margin-bottom:-4px;
}
html:\66irst-child .ads_hot_ul{
	margin-top:7px;
	margin-bottom:-4px;
}
.ads_hot_ul a{
	text-decoration:underline!important;
}
.ads_hot_ul a:link{
	color:#000;
}
.ads_hot_ul a:visited{
	color:#666;
}
.ads_hot_ul a:hover,
.ads_hot_ul a:active{
	color:#f30;
}
/*** Hot Topics CSS End ***/
/*** Hot Topics Big Ad CSS Start ***/
.ads_hot_pw{
	padding-left:7px;
	margin-bottom:12px;
}
* html body .ads_hot_pw{
	margin-right:0!important;
}
:root .ads_hot_pw{
	margin-left:0;
}
html:\66irst-child .ads_hot_pw{
	padding-left:7px;
}
.ads_hot_pw  #HOT_PR{
	margin:-1px 0 -6px;
	padding:0 2px 0 0;
	font-size:85%;
	font-weight:normal;
	text-align:right;
	border:none!important;
	color:#666!important;
}
* html body .ads_hot_pw  #HOT_PR{
	margin:-1px 0 0;
	padding:0 9px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}
:root .ads_hot_pw  #HOT_PR{
	margin-bottom:-7px;
	padding:0 9px 0 0!important;
}
html:\66irst-child .ads_hot_pw #HOT_PR{
	margin:-1px 0 -7px!important;
	padding:0 10px 0 0!important;
	font-size:11px;
}

.ads_hot_pw img{
	border:0;
}
:root .ads_hot_pw img{
	margin-left:0px;
}
/*** Hot Topics Big Ad CSS End ***/

/* ----------------------------------------------------------------------------
Source File: questionbox.css
---------------------------------------------------------------------------- */
/* ------------------------------------
 * Containers
 * --------------------------------- */
/* support "h1" heading */
.parent.chrome2 h1, .parent.chrome2 h2,
.parent.chrome4 h1, .parent.chrome4 h2,
.parent.chrome5 h1, .parent.chrome5 h2,
.parent.chrome7 h1, .parent.chrome7 h2{
border-color:#ace;
}

.parent.chrome4 h1, .parent.chrome4 h2,
.parent.chrome5 h1, .parent.chrome5 h2,
.parent.chrome7 h1, .parent.chrome7 h2{
background-color:#ebf3fb;
}

/* ------------------------------------
 * Site Navigation
 * --------------------------------- */
.nav3 li.selected a,
.nav3 li.notselected a{border-color:#ace;}
.nav3 ul li.pretab{background-image:none;}
/* color - blue - end */

/* ----------------------------------------------------------------------------
 * Containers
 * ------------------------------------------------------------------------- */
.parent.chrome3.double1 .child,
.parent.chrome4.double1 .child,
.parent.chrome5.double1 .child{
margin-bottom:8px !important;
}

/* ------------------------------------
 * Double module
 * --------------------------------- */
/**
 * Layout 1
 */
.parent.chrome3.double1 .child,
.parent.chrome4.double1 .child,
.parent.chrome5.double1 .child{
padding-right:0;
width:47%;
}
/* BUG IE6: layout break */
* html .double1 .child{
/* --------------------------------- */
voice-family:"\"}\""; /* without IE5 */
voice-family:inherit;
/* --------------------------------- */
width:47%;
}div{/* IE5 Dummy */}

/* ----------------------------------------------------------------------------
 * Slot Templates
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Form
 * --------------------------------- */
#page select{padding:0;}

/* ----------------------------------------------------------------------------
Source File: questionbox_override.css
---------------------------------------------------------------------------- */
/* http://questionbox.jp.msn.com/japan/channel/css/questionbox/2/questionbox_override.css */
.clear {
	clear: both;
	height: 0;
}

/* ------------------------------- */
/* -----------sidebar------------- */
/* ------------------------------- */

/* mobile */

.ico_qabox_qrcode {
	width: auto;
	height: 74px;
}

.ico_qabox_qrcode img{
	/*float: left; 100113 nakaura*/
	margin-right:3px;
}

.ico_qabox_qrcode h3{
	padding-top: 4px;
	display: inline;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.ico_qabox_qrcode h3 a {
	color: #07519a;
	text-decoration: underline;
}

.ico_qabox_qrcode p{
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

/* osusume */

.adTieup .gc1 img {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid #07519A;
	float: left;
}

.adTieup a {
	color: #07519a;
	text-decoration: underline;
}

.adTieup div.gc1,
.adTieup div.gc2 {
	display: inline;
	width: 190px;
	font-size: 12px;
}

.adTieup div.gc1 p,
.adTieup div.gc2 p {
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	width: auto;
	height: auto;
	font-size: 12px;
	text-align: left;
	line-height: 1.45em;
}

/* latest news 090330 nakaura*/
.imglinkabsCustom3 .gc1 {
	display:inline;

}
.imglinkabsCustom3 .gc2 {
	display:inline;
}


