@charset "UTF-8";
@import "reset.css";

html { height: 100%;}
body { background: url(../images/bg.gif) center top repeat-y; color:#333; line-height:1; height: 100%; padding: 0; position: relative; }

body { font-family: sans-serif; }
* html body { font-family: "ＭＳ Ｐゴシック", "MS P Gothic" }
*:first-child+html body { font-family: "ＭＳ Ｐゴシック", "MS P Gothic" }
head~/* */body { font-family: "ＭＳ Ｐゴシック", "MS P Gothic" }
html:not(:target) body { font-family: sans-serif; }

/* !font-size */
body { font-size:12px;}
.txt10 { font-size:83%; }
.txt11 { font-size:92%; }
.txt12 { font-size:100%; }
.txt13 { font-size:108%; }
.txt14 { font-size:117%; }
.txt15 { font-size:125%; }
.txt16 { font-size:133%; }
.txt18 { font-size:150%; }
.txt20 { font-size:167%; }
.txt22 { font-size:183%; }
.txt24 { font-size:200%; }

/* !clearfix */
.clear { clear:both; margin: 0 0 -1px 0; font-size: 1px; line-height: 1px; height: 1px; }
hr { display: none; }
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix { overflow:hidden; }
* html .cfix{ height:1%; overflow:visible; }


/* !Links */
a:link { color:#118dc3; text-decoration:none; }
a:visited { color:#118dc3; text-decoration:none; }
a:hover { color:#43b4e6; text-decoration:none; }
a:active { color:#43b4e6; text-decoration:none; }

a.black:link { color:#333; text-decoration:none; }
a.black:visited { color:#333; text-decoration:none; }
a.black:hover { color:#118dc3; text-decoration:none; }
a.black:active { color:#118dc3; text-decoration:none; }


/* Common Layout */

#container { width: 740px; margin: 0 auto; background-color: #fff; }
#wrapper { clear: both; }
#header { background: url(../images/header_bg.gif) left top no-repeat; width: 100%; height: 140px; margin-bottom: 10px; }
#header h1 { width: auto; float: right; position: relative; top: 68px; right: 12px; font-size: 80%; color: #999; }
#header ul#gNavi { position: absolute; background: url(../images/header_nav_bg.gif) left top repeat-x; height: 40px; top: 101px; }
#gmo_foot { margin-left: auto; margin-right: auto; width: 740px; padding-bottom: 20px; }
#gmo_link li { line-height: 1.5; }
#footer { clear: both; background: url(../images/footer_bg.gif) left top repeat-x; height: 30px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999; padding-left: 10px; }
#nav { float: left; width: 180px; }

#main { float: right; width: 530px; }
#main .inner { padding: 0 10px 0 0; line-height: 1.6; }
#main #irTitle { margin: 0 0 10px; }
#main #irTitle p { background: #f6f6f6; padding: 7px 10px; }
#main #fontsize { background: #f5f5f5; padding: 2px; width: 151px; float: right; }
#main #fontsize p { font-size: 92%; float: left; }
#main #fontsize ul { float: right; background: url(../images/font_bg.gif) no-repeat; width: 72px; }
#main #fontsize ul li { width: 23px; height: 21px; font-size: 1px; float: left; margin: 0 1px 0 0; }
#main #printBtn { float: right; margin: 0 0 0 4px; }
#main #function { margin: 0 0 10px; padding: 0 10px 0 0;}
#main h3 { background: url(../images/hdr_bg.gif) repeat-x; border: 1px solid #ececec; padding: 7px 10px 5px; font-size: 114%; height: 1%; position: relative; margin: 0 0 1.4em; line-height: 1;}
#main h3 .list { position: absolute; top: 50%; right: 62px; margin: -9px 0 0;}
#main h3 .rss { position: absolute; top: 50%; right: 7px; margin: -9px 0 0;}
#main h3 .date {position: absolute; top: 8px; right: 7px; font-size: 83%; color: #666; font-weight: normal; }
#main .paragraph { margin: 0 0 35px;}
#main .datedDL { border-top: 1px dotted #cacaca; padding: 0 0 0 10em; position: relative; height: 1%; }
#main .datedDL.topics {padding: 0 0 0 7em;}
#main .datedDL.dotted {border-bottom: 1px dotted #cacaca;}
#main .datedDL dt { position: absolute; top: 0; left: 0; font-size: 92%; color: #888; padding: 4px 10px; }
#main .datedDL dd { padding: 4px 70px 4px 0; position: relative; height: 1%; }
#main .datedDL dd.dotted { border-bottom: 1px dotted #cacaca; }
#main .datedDL dd .new { position: absolute; top: 7px; left: -40px;}
#main .datedDL dd a.pdf { position: absolute; top: 5px; right: 5px; }
#main .datedDL dd a.video { position: absolute; top: 5px; right: 5px; }
#main a.pdf { display: block; background: url(../images/icon_pdf.gif) no-repeat left center; padding: 1px 0 2px 20px; line-height: 16px; height: 17px; font-family: Helvetica, Arial; }
#main a.video { display: block; background: url(../images/icon_video.gif) no-repeat left center; padding: 1px 0 2px 20px; line-height: 16px; min-height: 17px; font-family: Helvetica, Arial; }
#main #entrance { background: #e3e3e3; padding: 4px 0 4px 4px; }
#main #entrance li { font-size: 1px; float: left; margin: 0 3px 0 0; line-height: 1px;}
#main #topSubLinks dl { background: #fdfdfd; border: 1px solid #ececec; padding: 10px; width: 150px; float: left; min-height: 152px; }
* html #main #topSubLinks dl { height: 152px; }
#main #topSubLinks dt { font-size: 114%; font-weight: bold; margin: 0 0 10px; }
#main #topSubLinks dd {  }
#main #topSubLinks #sub02 { width: 148px;}
#main #topSubLinks #sub01,
#main #topSubLinks #sub02 { margin: 0 3px 0 0; }
#main .arrow li { background: url(../images/arrow.gif) no-repeat 0px 3px; padding: 0 0 0 10px; line-height: 1.4; margin: 0 0 3px; height: 1%;}
#main .cmn p { margin: 0 0 1.5em; padding: 0 0 0 10px; }
#main p.graph { padding: 0; margin: 0 0 1em;}
#main p.caption { font-size: 83%; margin-top:-10px; position: relative; color: #666;  padding: 0 0 0 10px;}
#main h4 { padding: 0 0 0 10px; margin: 0 0 8px; clear: both; }
#main h4 span { font-size: 83%; color: #666; }
#main h4.gray { background: #fafafa; padding: 5px 10px;}
#main .greenBox { background: #f7fbf9; border: 1px solid #c0e4cf; padding: 10px 10px 5px; }
#main .greenBox p { padding: 0; margin: 0 0 5px;}
#main .greenBox .btn { text-align: right; }
#main .col2left { float: left; width: 252px; }
#main .col2right { float: right; width: 252px; }
#main .col2left .graph,
#main .col2right .graph { margin: 0;}
#main .basicTB { color: #666; width: 100%; border: 1px solid #e7e7e7; border-collapse: collapse; line-height: 1.4; margin: 0 0 1em;}
#main .basicTB th,
#main .basicTB td { padding: 6px 10px; border: 1px solid #e7e7e7;}
#main .basicTB th { background: #f0f3f4; }
#main .basicTB .odd td { background: #f9fafb; }
#main .basicTB td.w65 { width: 65%;}
#main .txtR { text-align: right; }
#main .txtC { text-align: center; }
#main .priceTB th { text-align: center;}
#main .priceTB td { text-align: right;}
#main .priceTB td.label { text-align: left;}
#main .linklist li { background: url(../images/linklist_bg.gif) left top; border: 1px solid #ebebeb; margin: 0 0 10px; width: 250px; font-size: 114%; }
#main .linklist li a { display: block; background: url(../images/arrow.gif) no-repeat 10px 16px; padding: 10px 10px 10px 22px;}
#main .linklist .left { float: left;}
#main .linklist .right { float: right;}
#main .dlLinkList {  margin: 0 0 10px; width: 252px; }
#main .dlLinkList.left { float: left; clear: both; }
#main .dlLinkList.right { float: right; }
#main .dlLinkList dt { background: url(../images/linklist_bg.gif) left top; border: 1px solid #ebebeb; font-size: 114%; }
#main .dlLinkList dt a { display: block; background: url(../images/arrow.gif) no-repeat 10px 16px; padding: 10px 10px 10px 22px;}
#main .dlLinkList dd { padding: 8px 10px; border: 1px solid #ebebeb; border-top: none; background: #fcfcfc;}
#main .grayBox { background: #f8f8f8; padding: 10px; margin: 0 0 1em 10px; }
#main .grayBox h5 { margin: 0 0 10px;}
#main .grayBox p { padding: 0; margin: 0;}
#main .grayBox2 { background: #fcfcfc; padding: 10px; margin: 0 0 1em 10px; border: 1px solid #e7e7e7; }
#main .grayBox2 ul { padding: 0 0 0 1.5em;}
#main .grayBox2 ul li { padding: 0; margin: 0; list-style: square; color: #1e92c5; }
#main .grayBox2 ul li span { color: #333; }
#main p.back { padding-top: 2em;}
#main .note li { padding: 0 0 0 1em; text-indent: -1em; color: #666; font-size: 92%; }
#main .listTB { border-top: 1px dotted #cacaca; width: 100%; }
#main .listTB th,#main .listTB td { padding: 6px 10px; border-bottom: 1px dotted #cacaca;}
#main .listTB .txtR { width: 3em;}
#main .listTB .times { width: 3.5em; padding:  6px 0 6px 10px;}
#main .listTB2 { border-top: 1px dotted #cacaca; width: 100%; }
#main .listTB2 th,#main .listTB2 td { padding: 6px 10px; border-bottom: 1px dotted #cacaca;}
#main .fixTB { table-layout: fixed;}
#main .localLink { background: #fafafa; padding: 5px 10px; margin: 0 0 1em;}
#main .localLink li { float: left; line-height: 1; margin: 0 20px 0 0;}
#main .localLink li.current span { display: inline-table; padding: 0 0 0 14px; background: url(../images/arrow_current.gif) no-repeat left center; color: #999;}
#main .localLink li a { display: inline-table; padding: 0 0 0 14px; background: url(../images/arrow.gif) no-repeat left center; }
#main .btnGlossary { float: right; margin: 0 0 1em; }
#main .mailsample { background: #fcfcfc; padding: 10px; margin: 0 0 1em; border: 1px solid #e7e7e7; }
#main .irQA { border-top: 1px dotted #cacaca; margin-left: 10px; margin-right: 20px; margin-bottom: 2em; }
#main .irQA dt { border-bottom: 1px dotted #cacaca; background: url(../images/icon_q.gif) 0 7px no-repeat; padding: 5px 0 5px 23px; }
#main .irQA dd { border-bottom: 1px dotted #cacaca; background: url(../images/icon_a.gif) 0 7px no-repeat; padding: 5px 0 5px 23px; }



#Logo { width: 165px; height: 64px; position: relative; top: 26px; clear: none; padding: 0; margin: 0; }
#gNavi li { display: block; float: left; width: 123px; height: 30px; }
#gNavi li a { display: block; width: 100%; height: 0 !important; height /**/: 30px; padding-top: 30px; overflow: hidden; background-image: url(../images/g_nav.gif);}
#gNavi li.gn01 a { background-position: 0 0;}
#gNavi li.gn02 a { background-position: -123px 0;}
#gNavi li.gn03 a { background-position: -246px 0;}
#gNavi li.gn04 a { background-position: -369px 0;}
#gNavi li.gn05 a { background-position: -492px 0;}
#gNavi li.gn06 a { background-position: -615px 0;}
#gNavi li.gn01 a:hover { background-position: 0 -30px;}
#gNavi li.gn02 a:hover { background-position: -123px -30px;}
#gNavi li.gn03 a:hover { background-position: -246px -30px;}
#gNavi li.gn04 a:hover { background-position: -369px -30px;}
#gNavi li.gn05 a:hover { background-position: -492px -30px;}
#gNavi li.gn06 a:hover { background-position: -615px -30px;}

body.HOME ul#gNavi li.gn01 a { background-position: 0 -60px;}
body.PC   ul#gNavi li.gn02 a { background-position: -123px -60px;}
body.MOB  ul#gNavi li.gn03 a { background-position: -246px -60px;}
body.NET ul#gNavi li.gn04 a { background-position: -369px -60px;}
body.COMP   ul#gNavi li.gn05 a { background-position: -492px -60px;}
body.IR  ul#gNavi li.gn06 a { background-position: -615px -60px;}
#nav { background-color: #F5F5F5; padding-bottom: 10px; }
#nav div.adForm { margin-bottom: 5px; }
#nav div.adForm a { display: block; width: 180px; height: 0 !important; height /**/: 100px; padding-top: 100px; overflow: hidden; text-indent: -1000px; }
#nav div.adForm a { background: url(../images/menu_adform.gif) left top no-repeat; }
#nav div.adForm a:hover { background: url(../images/menu_adform.gif) right top no-repeat; }

div#nav div.yform {
	margin-bottom: 5px;
}
div#nav div.yform a {
	display: block;
	width: 180px;
	height: 0 !important;
	height /**/: 100px;
	padding-top: 100px;
	overflow: hidden;
}
div#nav div.yform a { background: url(../images/menu_yform.gif) left top no-repeat;}
div#nav div.yform a:hover { background: url(../images/menu_yform.gif) right top no-repeat;}


#nav ul { margin-bottom: 5px; zoom: 1; }
#nav ul li { display: block; margin-bottom: 4px; }
#nav ul li a { display: block; width: 100%; height: 0 !important; height /**/: 36px; padding-top: 36px; overflow: hidden; }
#nav ul li.irIndex { text-align: center; padding: 0; margin: 0 0 4px; font-size: 1px;}
#nav ul li.irIndex a { display: inline; height: auto; padding: 0; overflow: auto; background: none;}
#nav ul li.ln01 a { background: url(../images/menu_co.gif) left top no-repeat; text-indent: -1000px;}
#nav ul li.ln02 a { background: url(../images/menu_ir.gif) left top no-repeat;}
#nav ul li.ln03 a { background: url(../images/menu_re.gif) left top no-repeat;}
#nav ul li.ln04 a { background: url(../images/menu_ad.gif) left top no-repeat;}
#nav ul li.ln02s a { background: url(../images/menu_ir2.gif) left top no-repeat; text-indent: -1000px;}
#nav ul li.ln01 a:hover { background: url(../images/menu_co.gif) right top no-repeat;}
#nav ul li.ln02 a:hover { background: url(../images/menu_ir.gif) right top no-repeat;}
#nav ul li.ln03 a:hover { background: url(../images/menu_re.gif) right top no-repeat;}
#nav ul li.ln04 a:hover { background: url(../images/menu_ad.gif) right top no-repeat;}
#nav ul li.ln02s a:hover { background: url(../images/menu_ir2.gif) right top no-repeat;}
#nav ul li a.sitemap { display: block; width: auto; height: auto !important; padding-top: 0px; padding-left: 25px; background: url(../images/icon_sitemap.gif) 10px center no-repeat; font-size: 83%; overflow: visible; }
#nav dl { margin-bottom: 5px; color: #001835; background: url(../images/menu_sub_bottom.gif) left bottom no-repeat; padding-bottom: 1px; zoom: 1; }
#nav dl dt { display: block; font-weight: bold; padding-left: 15px; font-size: 83%; }
#nav dl dd { display: block; font-size: 83%; }
#nav dl dd a { display: block; line-height: 1; padding-top: 5px; padding-bottom: 4px; height: auto !important; overflow: visible; background: url(../images/menu_sub_bg.gif) left top no-repeat; text-decoration: none; color: #001835; }
#nav dl dd a span { padding-left: 20px; padding-right: 5px; display: block; }
#nav dl dd a:hover { background: url(../images/menu_sub_bg.gif) right top no-repeat; }
#nav dl dd.on a { background: url(../images/menu_sub_bg.gif) right top no-repeat; }
#nav div.adBanner { text-align: center; padding: 10px; height: 1%; font-size: 1px; }
#nav div.adBanner img { margin-bottom: 10px; }

#main p.pagetop { clear: both; text-align: right; padding: 2em 0 1.5em 0; background: url(../images/dot_line.gif) 0 15px repeat-x; }
#main p.pagetop a { padding-left: 13px; font-size: 83%; background: url(../images/dot_pagetop.gif) left center no-repeat; }
#main p.pagetop a:link { color: #666; text-decoration: none; }
#main p.pagetop a:visited { color: #666; text-decoration: none; }
#main p.pagetop a:hover { text-decoration: underline; }

table.anqFORM {
	margin-left: 10px;
	margin-right: 20px;
	width: 500px;
	margin-bottom: 1em;
}
table.anqFORM th {
	padding: 0 5px 0 0;
	text-align: left;
}
table.anqFORM td {
	padding: 3px 5px 5px 5px;
	text-align: left;
	border-bottom: #EEEEEE dotted 1px;
}
table.anqFORM td label {
	margin-right: 1em;
	white-space: nowrap;
}

table.referenceFORM {
	margin-left: 10px;
	margin-right: 20px;
	width: 500px;
	margin-bottom: 1em;
}
table.referenceFORM th {
	text-align: left;
	padding-right: 2em;
	white-space: nowrap;
}
table.referenceFORM th em {
	font-size: 75%;
	color: #0f47a4;
	font-weight: normal;
	font-style: normal;
}
table.referenceFORM th span {
	font-size: 75%;
	font-weight: normal;
}
table.referenceFORM th,
table.referenceFORM td {
	padding: 3px 5px;
	border-bottom: #EEEEEE dotted 1px;
}
table.referenceFORM .form01 { width:230px;}
table.referenceFORM .form02 { width:295px;}
table.referenceFORM .form03 { width:470px;}

table.referenceTEL {
	margin-left: 10px;
	margin-right: 20px;
	width: 500px;
	background-color: #F3F7FD;
}
table.referenceTEL td {
	vertical-align: bottom;
}