@charset "Shift_JIS";

/* __________________________________________________________

[ css ] by Product Development Div. Webmaster.

Valid CSS Passed. + 2010_03_08 Update.

© PIXELA CORPORATION.

 Caution, Don't wipe out !! & Don't erase it !!
__________________________________________________________ */


/* ▼ Body Base「書き換え不可」 ここから ================================================= */

html { min-width: 770px; } /* For Mozilla's bug */

body {
	margin: 0px auto 40px;
	padding: 0px;
	font-size: 0.8em;
	text-align: center;
	color: #444444;
	/*background: #FFF;*/
	background: url(../img/background.gif) #F0EFE8 repeat-y center top;
}

html > body {
	line-height: 140%; /* ラインハイ */
	/* color: #444444; テキストカラー */
}

@media aural {
	body { voice-family: female; }
}

/*\*/* html { height:1em; overflow:visible; }/**/

/* △ Body Base「書き換え不可」 ここまで ================================================= */


/* ▼ Header Area「書き換え不可」 ここから ================================================= */

#header_container {
	width: 770px;
	height: 82px;
	text-align: left;
	margin: 0px auto 9px auto;
	padding: 0px;
	background: url(../img/header_background.gif) repeat-x 0px 0px;
}

#headerarea {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#headerarea h1,
#headerarea p  {
	margin: 0px;
	padding: 16px 0px 0px 17px;
	float: left;
}

#globalmenuarea {
	width: 566px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
}

#globalmenuarea h2 {
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

#globalmenuarea h2#backhome {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#globalmenuarea h2#backhome a strong {
	position: absolute; left: -9999px;
}

#globalmenuarea h2#backhome { width: 72px; height: 26px; float: left; }
#globalmenuarea h2#backhome a { display: block; width: 72px; height: 26px; background-repeat: no-repeat; background-position: 0px 0px; }
#globalmenuarea h2#backhome a { background-image: url(../img/back_to_home.gif); }
#globalmenuarea h2#backhome a:hover { background-position: 0px -26px; }

#globalmenuarea ul {
	margin: 0px 0px 0px 364px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

/*#globalmenuarea li#nav01,
#globalmenuarea li#nav02,
#globalmenuarea li#nav03,
#headermenu li#contents01,
#headermenu li#contents01_a,
#headermenu li#contents02,
#headermenu li#contents02_a,
#headermenu li#contents03,
#headermenu li#contents03_a,
#headermenu li#contents04,
#headermenu li#contents04_a,
#headermenu li#contents05,
#headermenu li#contents05_a,
#quicklinks li#quick_contents01,
#quicklinks li#quick_contents02,
#quicklinks li#quick_contents03,
#mainarea #leftarea h2,
#mainarea #rightarea h2,
#companymenu li#companymenu01,
#companymenu li#companymenu02,
#companymenu li#companymenu03,
#companymenu li#companymenu04 {
	text-indent: -10000px;
}*/

#globalmenuarea ul li#nav01 a span,
#globalmenuarea ul li#nav02 a span,
#globalmenuarea ul li#nav03 a span,
#headermenu ul li#contents01 a strong,
#headermenu ul li#contents02 a strong,
#headermenu ul li#contents03 a strong,
#headermenu ul li#contents04 a strong,
#headermenu ul li#contents05 a strong,
#headermenu ul li#contents01_a a strong,
#headermenu ul li#contents02_a a strong,
#headermenu ul li#contents03_a a strong,
#headermenu ul li#contents04_a a strong,
#headermenu ul li#contents05_a a strong{
	position: absolute; left: -9999px;
}

#globalmenuarea ul li#nav01 { width: 72px; height: 26px; float: right; }
#globalmenuarea ul li#nav02 { width: 58px; height: 26px; float: right; }
#globalmenuarea ul li#nav03 { width: 91px; height: 26px; float: right; }

#globalmenuarea ul li#nav01 a { display: block; width: 72px; height: 26px; background-repeat: no-repeat; background-position: 0px 0px; }
#globalmenuarea ul li#nav02 a { display: block; width: 58px; height: 26px; background-repeat: no-repeat; background-position: 0px 0px; }
#globalmenuarea ul li#nav03 a { display: block; width: 91px; height: 26px; background-repeat: no-repeat; background-position: 0px 0px; }

#globalmenuarea ul li#nav01 a { background-image: url(../img/sitemap_all.gif); }
#globalmenuarea ul li#nav02 a { background-image: url(../img/en_uk.gif); }
#globalmenuarea ul li#nav03 a { background-image: url(../img/keitora.gif); }

#globalmenuarea ul li#nav01 a:hover,
#globalmenuarea ul li#nav02 a:hover,
#globalmenuarea ul li#nav03 a:hover {
	background-position: 0px -26px;
}

#headermenu {
	width: 566px;
	text-align: left;
	margin: 21px 0px 0px 0px;
	padding: 0px;
	display: block;
	clear: both;
}

#headermenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: right;
}

#headermenu ul li#contents01 { width: 142px; height: 27px; float: left; }
#headermenu ul li#contents01 a { display: block; width: 142px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents01 a { background-image: url(../img/seihinjyoho.gif); }

#headermenu ul li#contents01_a { width: 142px; height: 27px; float: left; }
#headermenu ul li#contents01_a a { display: block; width: 142px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents01_a a { background-image: url(../img/seihinjyoho_a.jpg); }

#headermenu ul li#contents02 { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents02 a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents02 a { background-image: url(../img/support_shuri.gif); }

#headermenu ul li#contents02_a { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents02_a a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents02_a a { background-image: url(../img/support_shuri_a.jpg); }

#headermenu ul li#contents03 { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents03 a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents03 a { background-image: url(../img/com_corporate.gif); }

#headermenu ul li#contents03_a { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents03_a a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents03_a a { background-image: url(../img/com_corporate_a.jpg); }

#headermenu ul li#contents04 { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents04 a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents04 a { background-image: url(../img/ir_toshika.gif); }

#headermenu ul li#contents04_a { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents04_a a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents04_a a { background-image: url(../img/ir_toshika_a.jpg); }

/* 保留 キャンペーン用
#headermenu ul li#contents05 { width: 141px; height: 27px; float: left; }
#headermenu ul li#contents05 a { display: block; width: 141px; height: 27px; background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu ul li#contents05 a { background-image: url(); } */

#headermenu ul li#contents01 a:hover,
#headermenu ul li#contents02 a:hover,
#headermenu ul li#contents03 a:hover,
#headermenu ul li#contents04 a:hover,
#headermenu ul li#contents05 a:hover,

#headermenu ul li#contents01_a a:hover,
#headermenu ul li#contents02_a a:hover,
#headermenu ul li#contents03_a a:hover,
#headermenu ul li#contents04_a a:hover,
#headermenu ul li#contents05_a a:hover {
	background-position: 0px -27px;
}

/* △ Header Area「書き換え不可」 ここまで ================================================= */

/* ▼ ES Area「書き換え不可」 ここから ================================================= */

#es-area {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	background: url(../img/dotted_hr_gray_mini.gif) #FFFFFF left top repeat-x;
	/*border: 1px solid #BFBFBF;*/
}

#es-area p {
	margin-bottom: 9px;
}

#es-area p a.es-info {
	padding: 0px 0px 0px 10px;
	background: url(../img/arrow_medium.gif) no-repeat left center;
}

/* △ ES Area「書き換え不可」 ここまで ================================================= */

/* ▼ Feed Area「書き換え不可」 ここから ================================================= */

#feedarea {
	margin-top: 20px;
	margin-bottom: 60px;
	padding-top: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	background: url(../img/dotted_hr_gray_mini.gif) #FFFFFF left top repeat-x;
	/*border: 1px solid #BFBFBF;*/
}

#feedarea p {
	margin-bottom: 9px;
}

#feedarea p a.feedicon {
	text-decoration: none;
	padding: 0px 7px 0px 46px;
	background: url(../img/rss_icon.gif) no-repeat left center;
	font-weight: normal;
	color: #BFBFBF;
	display: block;
	float: left;
	height: 15px;
}

#feedarea p em {
	display: block;
	float: left;
	height: 15px;
	margin: 0px;
	font-style: normal;
}

#feedarea p em a.feedinfo {
	padding: 0px 0px 0px 10px;
	background: url(../img/arrow_medium.gif) no-repeat left center;
}

/* △ Feed Area「書き換え不可」 ここまで ================================================= */


/* ▼ 共通・基本セレクタ「書き換え不可」 ここから ================================================= */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	font-family:
		"ＭＳ Ｐゴシック", 
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		sans-serif;
}

hr, #quicknavi, .hide, caption, .onsei {
	display: none;
}

img, fieldset, form, abbr {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

abbr {
	cursor: help;
}

a, a:link { 
	color: #0000FF; /*#0000CC;*/
	outline: 0px;
	text-decoration: underline;
}

a:active {
	color: #660099;
	outline: 0px;
	text-decoration: underline;
}

a:visited {
	color: #660099;
	outline: 0px;
	text-decoration: underline;
}

a:hover {
	color: #2C4AB3;
	outline: 0px;
	text-decoration: none;
}

a.arrow_medium { /* ←←←←←←←←←←← 右向き矢印 */
	padding: 0px 0px 0px 10px;
	background: url(../img/arrow_medium.gif) no-repeat left center;
	margin-left: 14px;
}

a.other_win { /* ←←←←←←←←←←← 別ウインドウ用 */
	padding: 0px 5px 0px 11px;
	background: url(../img/other_win.gif) no-repeat left center;
}

.clear {
	clear: both;
	/*_font: 1px/1px;
	_overflow: hidden;
	_width: 1px;
	_height: 1px;
	_margin: 0px -1px -1px 0px;
	_border: 0px;
	_padding: 0px;
	_font-size: 0px;
	_line-height: 0px;
	_display: block; */
}

.bg_FFFFFF {
	background-color: #FFFFFF;
}

.navi-hidden {
	z-index: 100;
	display: run-in;
	overflow: hidden;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
}

dl {
	clear: both;
}

/* ▲ 共通・基本セレクタ「書き換え不可」 ここまで ================================================= */


/* ▼ Footer Area「書き換え不可」 ここから ================================================= */

#footmenu {
		clear: both;
		width: 770px;
		margin: 0px auto 0px auto;
		padding-top: 12px;
		padding-bottom: 6px;
		font-size: 0.821em;
		background: url("../img/bottom_0_bg.gif") repeat-x top left #FFFFFF;
		line-height: 1.0em;
}

#footmenu #footnavi {
		text-align: left;
		float: left;
		padding-left: 10px;
		width: 620px;
}

#footmenu #footnavi a {
		text-decoration: underline;
		padding:0px 6px 0px 10px;
		background: url(../img/arrow_medium.gif) no-repeat left center;
}

#footmenu #footnavi a:hover {
		text-decoration: none;
		background: url(../img/arrow_medium.gif) no-repeat left center;
}

#footmenu #footnavi a.other_win {
		text-decoration: underline;
		padding: 0px 6px 0px 12px;
		background: url("../img/other_win.gif") no-repeat left center;
}

#footmenu #footnavi a.other_win:hover {
		text-decoration: none;
		background: url("../img/other_win.gif") no-repeat left center;
}

#footmenu #jumptop {
		float: right;
		width: 124px;
		text-align: right;
		padding-right: 10px;
}

#footmenu #jumptop a {
		padding-left: 11px;
		text-decoration: underline;
		background: url("../img/arrow_mini_top.gif") no-repeat left center;
}

#footmenu #jumptop a:hover {
		text-decoration: none;
		background: url("../img/arrow_mini_top_over.gif") no-repeat left center;
}

#foot {
		clear: both;
		width: 770px;
		margin: 0 auto;
		background: #FFFFFF url("../img/bottom_line.gif") repeat-x left top;
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: left;
}

#foot #copyright {
		/* margin-left: 345px; */
}


/* ▲ Footer Area「書き換え不可」 ここまで ================================================= */

.bottom_15 {
		margin-bottom: 6px;
}

/* ▼ ================================================= */

#content #datelist dl {
	float: left;
	background: url("../img/prodmenu_submenu.gif") repeat-x bottom;
	width: 555px;
	padding: 0px 0px 10px 0px;
}

#content #datelist dt {
	font-size: 85%;
	color: #747576;
	float: left;
	width: 90px;
	_width: 70px;
	padding: 5px 10px 5px 10px;
}

#content #datelist dd {
	width: 465px;
	float: left;
	padding: 5px 10px 5px 0;
}

#content #datelist*dd {
	width: 435px;
	_width: 455px;
}

#content #datelist strong{
	display: block;
	font-weight: normal;
}

#content .news a {
	line-height: 138%;
}

#content .news a:hover {

}

#datelist dl,
.datelist-00 dl
 {
	margin-top: 10px;
}

#content #datelist2 dl {
	float: left;
	width: 555px;
	padding: 0px;
	padding: 0px 0px 15px 0px;
}

#content #datelist2 dt {
	font-size: 85%;
	color: #747576;
	float: left;
	width: 90px;
	_width: 70px;
	padding: 3px 10px 0 10px;
}

#content #datelist2 dd {
	float: left;
	padding: 3px 10px 0 0;
	width: 465px;
}

#content #datelist2*dd {
	width: 435px;
	_width: 455px;
}

#content #datelist2 strong {
	display:block;
	font-weight: normal;
}

#content #datelist2 a {
	line-height: 138%;
}

#datelist2 dl {
	/* margin-top: 10px; */
}

#qlist dt a, #qlist dt a:hover {
	color: #29377B;
	text-decoration: none;
}

#honbun, a.under_none, a.under_none:link, a.under_none:active, a.under_none:visited {
	text-decoration: none;
}

a.under_none:hover {
	color: #FF0000;
}

h4 a {
	text-decoration: none;
	color: #FFFFFF;
}

/* ▲ ================================================= */

.pdfmini_icon a, td, th {
	_line-height: 1.4em;
}

.pdf div a {
	_display: block;
}

sup {
	vertical-align: baseline;
}

.arrow-00 {
	padding:0px 7px 0px 11px;
	background: url(../img/arrow_medium.gif) no-repeat left 6px;
	margin: 0px;
	display: block;
}

.datelist-00 dl {
	width:555px;
	margin:0px;
	float: left;
	background: url("../img/prodmenu_submenu.gif") repeat-x bottom;
	padding: 0px 0px 10px 0px;
}

.datelist-00 dt {
	width:118px;
	font-size:1.0em;
	color:#444444;
	float:left;
	margin:0px 0px 0px 10px;
	padding:12px 0px 8px 0px;
	float: left;
}

.datelist-00 dd {
	width: 465px;
	float: left;
	padding: 5px 10px 5px 0;
	width:410px;
	margin:0px;
	padding:12px 8px 8px 4px;
	display:block;
	float:left;
}

.datelist-00*dd {
	width: 435px;
	_width: 455px;
}

.datelist-00 strong{
	display: block;
	font-weight: normal;
}

.qatop {
	margin-top: 10px;
}