/***** Yahoo! JAPAN SEARCH CSS *****/
/***** 2006.09.07 *****/
/* this page includes */
/* contents rule set */


/* ------------------------------------------------------------

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2

------------------------------------------------------------ */

/* reset.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
margin:0;
padding:0;
}
table
{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img
{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
font-style:normal;
font-weight:normal;
}
ol,ul
{
list-style:none;
}
caption,th
{
text-align:left;
}
h1,h2,h3,h4,h5,h6,big,small
{
font-size:100%;
font-weight:normal;
}
q:before,q:after
{
content:'';
}
abbr,acronym
{
border:0;
}
body strong,
body b
{
font-weight:bold;
}

/* fonts.css */

body
{
font:16px "MS UI Gothic","MS PGothic";
*font-size:100%;
}
html > body
{
font-family:"Lucida Grande",sans-serif;
}
/* for IE7 */
*+html body
{
font-family:"Meiryo",sans-serif;
}
table
{
font-size:inherit;
font:100%;
}
select, input, textarea
{
font:99% "MS UI Gothic","MS PGothic";
}
html > body select,
html > body input,
html > body textarea
{
font-family:"Lucida Grande",sans-serif;
}
pre, code
{
font:115% monospace;
*font-size:100%;
}
body *
{
line-height:1.22;
}

/* reset.css end ------------------------------------------- */

fieldset
{
border: 0 solid #fff;
}
em
{
font-style:normal;
}
a:link
{
color:#0000DE;
}
a:visited,
a:active
{
color:#639;
}

/***** MASTHEAD *****/

.yjmth
{
*height:1%;
}
.yjmth img
{
vertical-align:middle;
border:0px;
}
.yjmth a
{
border:0px;
}
div.yjmthproplogoarea
{
float:left;
}
div.yjmthloginarea
{
float:left;
margin:0px 0px 0px 3px;
font-size:smaller;
text-align:left;
line-height:110%;
}
div.yjmthcplogoarea
{
float:right;
}
div.yjmthcmnlnkarea
{
/* Without MacIE \*/
float:right;
/* */
margin:10px 3px 0px 0px;
font-size:smaller;
text-align:right;
line-height:110%;
}
br.yjmthclear
{
clear:both;
}
div.yjgrplink
{
text-align:right;
font-size:smaller;
line-height:115%;
}
div#music div.yjmthloginarea
{
margin-top:16px;
margin-left:7px;
}
div#music div.yjmthcmnlnkarea
{
margin-top:26px;
}
div#music div.yjmthcplogoarea
{
margin-top:14px;
}

/***** EMG *****/

#emg,
#emg2,
#emg3
{
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
#emg table,
#emg2 table,
#emg3 table
{
margin-left:auto;
margin-right:auto;
border:solid 2px #141452;
}
#emg table table,
#emg2 table table,
#emg3 table table
{
border:none;
}
#emg2 br,
#emg3 br
{
display:none;
}

/***** UHD patch *****/ 
#uhd td
{
text-align:left;
}
#uhd td small
{
display:block;
}
html*#uhd td small
/* safari,IE5.5`6 */
{
margin:3px;
}
#uhd img
{
display:block;
}
#uhd input
{
margin:0;
padding:0;
}
#uhd br
{
display:none;
}

/***** ADJUST FOR YAHOO! JAPAN COMMON MASTHEAD *****/

div#nouhdyjmth
{
margin-top:1em;
}
div.yjmth
{
text-align:left;
margin:0 5px 1em 0;
}

/*

== Yahoo! JAPAN SEARCH CSS (COMMON) ==

- CONTENTS -

 LAYOUT ADJUST 
 FONT FAMILY ADJUST 
 FONT ADJUST FOR HTML 4.01 STRICT (DEFAULT) 
 FONT ADJUST FOR QUIRKS 
 FONT ADJUST COMMON 

 COMMON TAG STYLE 

 EMG 
 ALERT 
 ALERT(LEGACY) 

 LEGACY 

 UNIVERSAL HEADER 	
 MASTHEAD & SEARCHBOXES 
 SEARCH BOX (BOTTOM) 
 RADIO BUTTON AREA 
 INPUT PARTS (COMMON) 
 VERTICAL TOGGLES 
 TOOL & INFO BAR 

 PAGENATION 
 SOUTH PROMOTION 
 FOOTER 

- UPDATE HISTORY -

 06.10.16 
 06.09.13 IN PRINT NOT DISPLAY PERSONAL ID
 06.05.24 SEARCH AREA ADJUST
 05.08.02 1ST RELEASE

*/

/*** LAYOUT ADJUST ***/
body
{
min-width:750px;
text-align:center;
}
#ygunav,
#ygma,
#yschtools,
#yschinfo,
#yschres
{
width:100%;
width:expression((document.all('yschft') )?document.all('yschft').offsetWidth:'100%');
} /* IE: min-width  */

/***** FONT SETTING *****/

div#uhd,
div#yschinfo,
div#yschmain,
div#yschft
{
font-size:81%;
text-align:left;
}

/***** ALERT *****/
#yschalert
{
width:50%;
_width:100%;
margin:1em auto 1em;
_margin:1em 10em 1em;
padding:0;
text-align:center;
}
#yschalert p
{
margin:0;
padding-left:26px;
text-align:left;
white-space:nowrap;
}
#yschalert p.normal
{
color:#000000;
}
#yschalert p.critical
{
color:#FF0000;
margin:0;
vertical-align:bottom;
background:url("http://i.yimg.jp/images/search/notice.gif") no-repeat; 
}
#yschalert p.critical img
{
}

/***** ALERT(LEGACY) *****/
#yschalrt
{
width:50%;
_width:100%;
margin:1em auto 1em;
_margin:1em 10em 1em;
padding:0;
text-align:center;
}
#yschalrt p
{
margin:0 0 0 0;
padding-left:26px;
text-align:left;
white-space:nowrap;
}
#yschalrt p.normal
{
color:#000000;
}
#yschalrt p.critical
{
color:#FF0000;
}
#yschalrt p.critical img
{
margin:0 2px 0 -26px;
}


/***** LEGACY *****/
.s115 {line-height:115%;}
.s130 {line-height:130%;}
.s150 {line-height:150%;}


/* SEARCH BOX (BOTTOM) */
#yschssbxl
{
clear:both;
text-align:center;
border-top:1px solid #B3CBE3;
border-bottom:1px solid #B3CBE3;
margin:1em 0 0 0;
padding:1em 0;
}
#yschssbx
{
width:44em; /* macie only */ 
margin:0 auto;
text-align:left;
}
/* hide macie \*/ 
#yschssbx { width:41em; }
html>body #yschssbx { width:41em; }
/* end hide */ 
#yschssbx form
{
clear:both;
white-space:nowrap;
margin:0;
}

/* RADIO BUTTON AREA */
.yschact
{
clear:both;
height:2em;
margin-left:-1px;
padding-top:3px;
}
/* hide macie \*/
.yschact { padding-top:0; }
/* end hide */
form div.yschact label input
{
position:relative;
top:3px;
}
form div.yschact label input { top:2px; } /* macie */
/* hide macie \*/
form div.yschact label input { top:2px; }
html>body form div.yschact label input { top:1px; }
/* end hide */
#yschssbx form .yschact { margin-left:-2px; }
#yschssbxl form label { display:none; }
#yschssbxl form .yschact label { display:inline; }



/***** INPUT PARTS (COMMON) *****/
#ygma form select.pldwn,
#yschssbx form select.pldwn 
{ margin-right:1px; }
/* hide macie \*/
html>body #ygma form select.pldwn,
html>body #yschssbx form select.pldwn 
{ margin-bottom:1px; }
/* hide end */

input.ygbt
{
margin:0;
padding:0 10px;
}
/* hide macie \*/
input.ygbt
{
margin:0;
padding:0 10px;
}
input.ygbt
{
position:relative;
width:100px;
top:-1px;
margin:0;
padding:0;
}
html>body input.ygbt
{
top:-1px;
margin:0;
padding:0;
}
/* hide end */
#yschsp,
#yschsbp 
{
width:390px;
margin:0;
padding:0;
background:#FFFFFF;
}
/* hide macie \*/
#yschsp,
#yschsbp 
{
margin:0;
padding:2px 0 2px 0;
}
html>body #yschsp,
html>body #yschsbp
{
margin:0;
padding:1px 0;
}
/* hide end */


/***** VERTICAL TOGGLES *****/
#yschtg
{
position:relative;
top:-2px;
margin-bottom:2px;
padding:0;
margin-left:197px;
font-size:100%;
}
#yschtg { margin-left:197px; }
body.quirks #yschtg { margin-left:197px; }
#yschstg
{
margin-bottom:4px;
}
#yschtg a,
#yschtg a:active,
#yschtg a:visited,
#yschstg a,
#yschtg a:active,
#yschstg a:visited
{
color:#0000de;
}
#yschtg a,
#yschtg .yschon,
#yschstg a,
#yschstg .yschon
{
display:inline;
white-space:nowrap;
padding:0 .4em;
border-left:1px solid #adadad;
}
/* mac ie hide \*/
#yschtg a,
#yschtg .yschon,
#yschstg a,
#yschstg .yschon
{
display:block;
float:left;
}
/* end hide */
#yschtg em,
#yschstg em
{
display:inline;
float:none;
vertical-align:-1px;
}
#yschtg em a,
#yschtg em a:active,
#yschtg em a:visited,
#yschtg em a:hover,
#yschstg em a,
#yschstg em a:active,
#yschstg em a:visited,
#yschstg em a:hover
{
display:inline;
float:none;
padding:0 .2em;
border-left:1px none #adadad;
color:#8284CC;
font-size:85%;
vertical-align:1px;
}
#yschtg .yschsep,
#yschstg .yschsep
{
display:none;
color:#adadad;
}
#yschtg a:hover,
#yschstg a:hover
{
background:#d5d5d5;
}
#yschtg .yschfirst,
#yschstg .yschfirst
{
border:0;
}
/*** float clear module start ***/
#yschtg,
#yschstg
{
display:inline-table;/* add float clear for macie */
}
:root #yschtg:after,
:root #yschstg:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html #yschtg,
* html #yschstg
{ height:1%; }
#yschtg,
#yschstg
{ display:block; }
/* End hide from IE-mac */
/*** float clear module end ***/



/***** TOOL & INFO BAR *****/
#yschtools
{
background:#FCFFFF;
text-align:right;
border-top:1px solid #B3CBE3;
padding:2px 0;
}
#yschtools a,
#yschtools a:visited
{
color:#0000DE;
}
#yschtools span.sep
{
margin:0 5px;
}
#yschinfo
{
position:relative;
margin-bottom:0;
padding:3px 0;
border-bottom:1px solid #B3CBE3;
background:#ECF5FA;
color:#333333;
}
#yschinfo h1
{
position:absolute;
left:10px;
margin:0;
padding-left:5px;
font-size:120%;
line-height:1.2em;
}
#yschinfo h1 span
{
display:none;
}
#yschinfo p
{
text-align:right;
margin:0;
padding-right:5px;
margin-left:13em;
}
#yschinfo a,
#yschinfo a:visited
{
color:#3F5771;
}



/***** PAGENATION *****/
#yschpg
{
clear:both;
margin:0;
padding:0;
text-align:center;
letter-spacing:0;
}	
#yschpg b {visibility:hidden;}
#yschpg p
{
margin:0;
padding:0;
font-weight:bold;
font-size:120%;
}
#yschpg p a { font-weight:normal; }
#yschpg p big { font-size:100%; }
#yschpg p big a { text-decoration:none; }
#yschpg p big a b
{
visibility:visible;
text-decoration:underline;
}



/***** SOUTH PROMOTION *****/
div.yschspromo
{
margin:1em 0 0.5em 0;
text-align:center;
}



/***** FOOTER *****/
#yschft
{
margin:0;
padding:0 0 1em 0;
text-align:center;
}
#yschft p
{
margin:0;
padding:0;
}
#yschft hr
{
visibility:hidden;
width:750px;
height:0px;
} /* IE: min-width holder */
#yschft p.epexegesis
{
text-align:left;
border-bottom:1px solid #B3CBE3;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
#yschft p.epexegesis strong
{
font-weight:bold;
color:#C04D00;
}
img.yjad
{
display:block;
margin:0;
padding:0;
}

/*** LAYOUT ADJUST FOR HTML 4.01 STRICT ***/
/* see jp_ychsx_common */
/*
body
{
text-align:center;
}
*/

/***** TOOL & INFO BAR *****/
#yschinfo
{
position:relative;
height:40px;
padding:0;
border-bottom:0 none #fff;
}
#yschinfo h1
{
position:absolute;
top:-10px;
left:0;
width:193px;
height:50px;
margin:0;
padding:0;
}
#yschinfo p
{
position:absolute;
bottom:5px;
right:0;
}
#yschinfo .first,
#yschinfo .last
{
display:none;
}

h2
{
font-size:120%;
border-left:8px solid #B3CBE3;
border-bottom:1px solid #B3CBE3;
padding:0 0 1px 6px;
margin:0 0 0.5em 0;
}
dl
{
margin:5px 0 0 0;
}
dt
{
padding:0;
margin:0;
font-size:110%;
}
dd
{
padding:0 0 10px 17px;
margin:0;
}
ul
{
margin:5px 0 0 30px;
padding:0;
}
li a
{
font-size:110%;
}
.tline
{
border-top:solid 1px #ccc;
padding:5px 0 0 0;
}
.text
{
float:left;
width:340px;
}
.text a
{
display:block;
width:250px;
margin:1em 0 0 0;
}
.img
{
float:right;
margin:0 5px 0.5em 0;
}
.icon
{
margin:2px;
float:left;
}
#yschmain
{
width:750px;
margin:2em auto;
padding:0 0 1em 0;
text-align:left;
}
#yschmain h2
{
font-size:123%;
font-weight:bold;
}
#yschmain li
{
list-style-type:disc;
}
div#services,
div#tools
{
margin:0 0 2em 0;
}

/* ---------------------------
two collum style
--------------------------- */
div.cullums:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.cullums
{
display:inline-block;
margin:0 0 0 15px;
}
/* Hides from IE-mac \*/
* html div.cullums
{
height:1%;
}
div.cullums
{
display:block;
}
/* End hide from IE-mac */
div.cullums dl.cullum1
{
float:left;
width:360px;
}
div.cullums dl.cullum2
{
float:right;
width:360px;
}

/* ---------------------------
fixed clearfix
--------------------------- */
.fixed dt
{
zoom:1;
margin:0 0 0 15px;
}
.fixed dd
{
display:inline-block;/* add float clear for macie */
margin:0 0 0 18px;
}
.fixed dd:after /* add float clear for gecko */
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .fixed dd
{
height:1%;
}
.fixed dd
{
display:block;
}
/* End hide from IE-mac */

/* ---------------------------
for siteowner and sponsor
--------------------------- */
div#forsiteowner:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#forsiteowner
{
display:inline-block;
margin:0 0 2em 0;
}
/* Hides from IE-mac \*/
* html div#forsiteowner
{
height:1%;
}
div#forsiteowner
{
display:block;
}
/* End hide from IE-mac */
div#for_owner
{
float:left;
width:365px;
}
div#for_sponsor
{
float:right;
width:365px;
}

/***** FOOTER *****/
#yschft
{
padding-bottom:1em;
border-top:1px solid #B3CBE3;
}
#yschft p
{
text-align:center;
margin:0;
padding:0;
}
/*   mac IE hide \*/
#yschft p
{
margin:0;
}

/* end hide */
#yschfrm em
{
display:block;
color: #444;
}
