@charset "Shift_JIS";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	184% = 24px
	100% = 13px	|	146.5% = 19px	|	192% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

=======================================*/


/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. reset
　02. fonts
　03. BaseSet
　04. common style


/* =================================================================================

 reset

================================================================================= */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset code,
.reset form,
.reset fieldset,
.reset legend,
.reset input,
.reset textarea,
.reset p,
.reset blockquote,
.reset th,
.reset td,
#title,
ul.rssList {
	margin:0;
	padding:0;
}
div#sectionWrap table {
	border-collapse:collapse;
	border-spacing:0;
}
.reset fieldset,
.reset img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset strong,
.reset th,
.reset var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
.reset li {
	list-style:none;
}

.reset caption,
.reset th {
	text-align:left;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
#title,
ul.rssList {
	font-size:100%;
	font-weight:normal;
}
.reset q:before,
.reset q:after {
	content:'';
}
.reset abbr,
.reset acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
.reset sup {
	vertical-align:text-top;
}
.reset sub {
	vertical-align:text-bottom;
}
.reset input,
.reset textarea,
.reset select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
.reset input,
.reset textarea,
.reset select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
.reset legend {
	color:#000;
}

/* =================================================================================

 fonts

================================================================================= */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body div.headerWrap,
body div#sectionWrap,
body div#side,
body div.footerWrap,
body div#topicpath,
body #title,
ul.rssList {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

html>/**/body div.headerWrap,
html>/**/body div#sectionWrap,
html>/**/body div#side,
html>/**/body div.footerWrap,
html>/**/body div#topicpath,
html>/**/body #title,
html>/**/body ul.rssList {
	font-size/*\**/: small\9;
}

body div.headerWrap,
body div#sectionWrap,
body div#side,
body div.footerWrap,
body div#topicpath,
body #title,
body ul.rssList{font-family:"Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;}

* html body div.headerWrap,
* html body div#sectionWrap,
* html body div#side,
* html body div.footerWrap,
* html body div#topicpath,
* html body #title,
* html body ul.rssList{
	font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}

*:first-child+html body div.headerWrap,
*:first-child+html body div#sectionWrap,
*:first-child+html body div#side,
*:first-child+html body div.footerWrap,
*:first-child+html body div#topicpath,
*:first-child+html body #title,
*:first-child+html body ul.rssList {
	font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
/*select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}*/

/**
 * To help tables remember to inherit
 */
div#sectionWrap table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
/*pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}*/


/* =================================================================================

 BaseSet

================================================================================= */

html{
	overflow-y: scroll;
	color:#4d4d4d;
	background-color:#FFFFFF;
}

* html body{
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
}

body{
	behavior:url(/common/css/shift/csshover.htc);
}

/* ///////////////////////////////////////// anchor */

div.headerWrap a,
div.footerWrap a,
div#side a,
ul.rssList a,
div#sectionWrap ul.rssList a{
	color:#4d4d4d;
	text-decoration:underline;
}

div.headerWrap a:visited,
div.footerWrap a:visited,
div#side a:visited,
ul.rssList a:visited,
div#sectionWrap ul.rssList a:visited{
	color:#4d4d4d;
	text-decoration:underline;
}

div.headerWrap a:hover,
div.footerWrap a:hover,
div#side a:hover,
ul.rssList a:hover,
div#sectionWrap ul.rssList a:hover{
	color:#4d4d4d;
	min-height: 1em; /* Mac Firefox */
	text-decoration:none;
}

div#sectionWrap a{
	color:#006fa6;
	text-decoration:underline;
}

div#sectionWrap a:visited{
	color:#006fa6;
	text-decoration:underline;
}

div#sectionWrap a:hover{
	color:#006fa6;
	min-height: 1em; /* Mac Firefox */
	text-decoration:none;
}


/*Win Firefox用*/
.reset :focus,
div#sectionWrap :focus{
    -moz-outline-style:none;
}
/*Mac Firefox用*/
.reset a,
div#sectionWrap a { /*outline:none;*/} 

/* ///////////////////////////////////////// fontsize */

div#topicpath ul li,
div#sectionWrap p,
div#sectionWrap li,
div#sectionWrap dt,
div#sectionWrap dd,
div#sectionWrap th,
div#sectionWrap td,
div#sectionWrap input,
div#sectionWrap textarea,
div#sectionWrap select,
div#sectionWrap h1,
div#sectionWrap h2,
div#sectionWrap h3,
div#sectionWrap h4,
div#sectionWrap h5,
div#sectionWrap h6,
#title{
	font-size:108%;
}

div#sectionWrap .text10 { font-size:77%; }
div#sectionWrap .text11 { font-size:85%; }
div#sectionWrap .text12 { font-size:93%; }
div#sectionWrap .text13 { font-size:100%; }
div#sectionWrap .text14 { font-size:108%; }
div#sectionWrap .text15 { font-size:116%; }
div#sectionWrap .text16 { font-size:123.1%; }
div#sectionWrap .text17 { font-size:131%; }
div#sectionWrap .text18 { font-size:138.5%; }
div#sectionWrap .text19 { font-size:146.5%; }
div#sectionWrap .text20 { font-size:153.9%; }
div#sectionWrap .text21 { font-size:161.6%; }
div#sectionWrap .text22 { font-size:167%; }
div#sectionWrap .text23 { font-size:174%; }
div#sectionWrap .text24 { font-size:184%; }
div#sectionWrap .text25 { font-size:189%; }
div#sectionWrap .text26 { font-size:197%; }

div#topicpath ul li,
div#sectionWrap p,
div#sectionWrap li,
div#sectionWrap dt,
div#sectionWrap dd,
div#sectionWrap th,
div#sectionWrap td{
	line-height:1.5;
}

#press ul.txtin10 li,
div#sectionWrap ul.txtin10 li{ font-size:77%; }
#side ul.txtin12 li,
div#sectionWrap ul.txtin12 li{ font-size:93%; }



/* ///////////////////////////////////////// image */

div.headerWrap img,
div#navWrap img,
div#sectionWrap img,
div#side img,
div.footerWrap img{
	vertical-align:bottom;
	line-height:1.0;
}

div#sectionWrap table th img,
div#sectionWrap table td img,
div#sectionWrap img.icon{
	vertical-align:middle;
}


/* ///////////////////////////////////////// ClearFix */

div.reset .clear{
	clear:both;
}

/* modern browsers */

div.reset .clearfix:after,
div.reset .fBox:after,
div#contents:after,
div#header:after,
ul#slideBnr:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

div.reset .clearfix,
div.reset .fBox,
div#contents,
div#header,
ul#slideBnr{
	display: inline-block;
}

/* legacy IE */

* html div.reset .clearfix,
* html div.reset .fBox,
* html div#contents,
* html div#header,
* html ul#slideBnr{
	height: 1%;
}

div.reset .clearfix,
div.reset .fBox,
div#contents,
div#header,
ul#slideBnr{
	display: block;
}


/* /////////////////////////////////////////////////////////////////////////// float style */

div.reset .fr{
	float:right;
}

div.reset .fl{
	float:left;
}

div.reset ul.fBox li{
	float:left;
	display:inline;
}

/* /////////////////////////////////////////////////////////////////////////// font style */

div#sectionWrap .importantRed,
div#sectionWrap ul.importantRed li{
	color:#d53a10 !important;
}

div#sectionWrap .txtBold{
	font-weight:bold;
}

div#sectionWrap p.txtSmall,
div#sectionWrap dl.txtSmall dt,
div#sectionWrap dl.txtSmall dd,
div#sectionWrap span.txtSmall,
div#sectionWrap ul.txtSmall li,
div#sectionWrap ol.txtSmall li,
div#sectionWrap div.txtSmall p{
	font-size:85% !important;
}

div#sectionWrap ul.inner li,
div#sectionWrap td.inner{
	font-size:100% !important;
}

/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }
.mt140{ margin-top:140px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb45{ margin-bottom:45px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr30{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:20px !important; }

/* /////////////////////////////////////////////////////////////////////////// label style */

input,
textarea{
	vertical-align:middle;
	outline:0px none #fff;
}

/* /////////////////////////////////////////////////////////////////////////// position */

div.reset .alignRight{
	text-align:right !important;
}

div.reset .alignRightMr{
	text-align:right !important;
	margin-right:40px;
}

div.reset .alignCenter,
div.reset table.alignCenter th,
div.reset table.alignCenter td{
	text-align:center !important;
}

div.reset .alignLeft,
div.reset table th.alignLeft,
div.reset table td.alignLeft{
	text-align:left !important;
}

/* ////////////////////////////////////////////////////////////////////////////////////////// 音声読み上げ */

.guidance{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
	height:0;
}

caption.guidance{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
	height:0;
}
* html caption.guidance{
	display:none;
}
*:first-child + html caption.guidance{
	display:none;
}
html>/**/body  caption.guidance{
	display:none;
}
div.noscript{
	/*width: 970px;
	margin:0 auto;*/
}

div.noscript p{
	padding:10px 0;
}