@charset "UTF-8";
/* CSS Document */
*{
	list-style-type:none;
	-webkit-text-size-adjust: none;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	word-wrap:break-word;
}
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;     
}
sup {
    bottom: 0.7ex;
}
sub {
    top: 0.5ex;
}

#wrap {
    padding: 10px;
}
#top{
	padding:5px;
	height:44px;
	-webkit-box-shadow: 0 2px 2px #999;
}
#top h1{
	float:left;
}
#pcLink{
	float:right;
	/*width:3.5em;*/
	padding:6px 6px;
	margin:3px 8px 0 0;
	color:#fff;
	background-color:#0388cd;
	border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center;
}
#topMenu{
	float:right;
	width:3.5em;
	padding:6px 6px;
	margin:3px 8px 0 0;
	color:#fff;
	background-color:#0388cd;
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	text-align:center;
}
#pcLink p,
#topMenu p{
	font-size:70%;
	font-weight:bold;
	line-height:110%;
}
#pcLink p img,
#topMenu p img{
	padding-bottom:3px;
}
#top a:link,
#top a:visited{
	text-decoration:none;
}
#menuList{
	background-color:#0388cd;
	padding:3px;
	display:none;
	box-shadow: 0 4px 4px rgba(0,0,0,0.4) inset;
}
#menuList ul li{
	border-bottom:#80b3cd solid 1px;
}
#menuList ul li:last-child{
	border-bottom:none;
}
#menuList ul li a{
	color:#fff;
	text-decoration:none;
	padding:12px 0 8px 5px;
	display:block;
	background:url('../img/arrow_right01.png') no-repeat right;
}
h1{
	font-size:110%;
}
.categoryTitle01{
	font-size:110%;
	padding-left:2px;
	margin-bottom:6px;
	border-left:#004c9a 4px solid;
}
.topTitle01{
	font-size:120%;
	color:#fff;
	padding:16px 0 14px 12px;
	background: -webkit-gradient(linear, left top, right bottom, from(#005bb9), color-stop(0.5, #005bb9), to(#439ee7));
}
h3{
	font-size:105%;
	margin-bottom:6px;
}
.normalTxt{
	line-height:140%;
	margin-bottom:6px;
}
.contents li{
	color:#fff;
	height:30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#005bb9), to(#004c9a));
	margin-bottom:5px;
	border-radius:3px;
	-webkit-border-radius:3px;	 
	-webkit-box-shadow: 0 2px 2px #999;
}
.contents li a{
	display: block;
	width:98%;
	padding:8px 0 6px 6px; 
	color:#fff;
	text-decoration:none;
	background:url('../img/arrow_right01.png') no-repeat right;
}
.contents li:last-child {
    margin-bottom: 0;
}
#topNavBlock{
	padding: 10px 10px 0 10px;
}
#bottomNavBlock{
	padding: 10px;
	background-color:#ddd;
}
.topNav,
.bottomNav{
	display:block;
	color:#004c9a;
	height:30px;
	background-color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	border:#004c9a 2px solid;
	margin-bottom:5px;
	border-radius:3px;
	-webkit-border-radius:3px;	 
	-webkit-box-shadow: 0 2px 2px #999;
}
.topNav,
.bottomNav:last-child {
    margin-bottom: 0;
}
.topNav a,
.bottomNav a{
	display:block;
	width:98%;
	padding:8px 0 6px 6px; 
	color:#004c9a;
	font-weight:bold;
	text-decoration:none;
	background:url('../img/arrow_right02.png') no-repeat right;
}
.copyright{
	font-size:72%;
	padding:5px 0 5px 10px;
}
ul.topics{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:8px;
	border-spacing:4px;
}
ul.topics li{
	display:table-cell;
	height:90px;
	text-align:center;
	vertical-align:middle;
	background: -webkit-gradient(linear, left top, left bottom, from(#005bb9), to(#004c9a));
	-webkit-border-radius:3px;	 
	-webkit-box-shadow: 0 2px 2px #999;
	text-align:center;
	color:#fff;
}
.topics li a{
	display: block;
	font-size:95%;
	color:#fff;
	font-weight:bold;
	line-height:120%;
	text-decoration:none;
}
.tabSet{
	padding:0 0 1em;
	margin:0 0 6px;
	padding:3px;
}
.tabSet ul{
	overflow:hidden;
	padding:3px 3px 0;
}
.tabSet ul li{
	float:left;
	padding:0 4px 0 0;
}
.tabSet ul li a{
	float:left;
	color:#fff;
	background:#999;
	padding:.45em 1.25em;
	display:none;
	border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	font-weight:bold;
	text-decoration:none;
}
ul li a.on{
	background:#007dbd;
	color:#fff;
	cursor:default;
}
.panel{
	background:#fff;
	margin:0 0 .5em;
	width:98%;
	border:4px solid #007dbd;
	border-radius:3px;
	-webkit-border-radius:3px;	 
}
.listStyleA01{
	padding: 5px;
}
.listStyleA01 dt{
	float:left;
	width:4em;
	margin:0 0 0.5em 0;
}
.listStyleA01 dd{
	margin:0 0 0.5em 4.5em;
	line-height: 130%;
}

.listStyleA02 dt{
	margin: 1em 0 0.5em 0;
}
.listStyleA02 dd{
	margin: 0 0 1.2em 0;
	line-height: 130%;
}

.listStyleA03{
	padding:5px;
}
.listStyleA03 dt{
	padding:3px 0 2px;
	border-top:#999 dotted 1px;
}
.listStyleA03 dt.first {
	padding-top:0;
	border-top:none;
}
.listStyleA03 dd{
	line-height:130%;
}
div#content p{
	margin:0;
	margin-bottom:12px;
}
div#content dl.notationA01{
	line-height:140%;
}
div#content dl.notationA01 dt{
	float:left;
	width:6%;
}
div#content dl.notationA01 dd{
	overflow:hidden;
	width:94%;
	margin-bottom:10px;
}
#topArrow{
	width:55px;
	height:50px;
	text-align:center;
	padding-top:5px;
	background-color:#333;
	position:fixed;
	bottom:5px;
	right:5px;
	border-radius:3px;
	-webkit-border-radius:3px;
	opacity:0.5;
}
#topArrow a{
	display:block;
}
.bannerBlock{
	padding:10px;
	overflow:hidden;
}
.bannerBlock li{
	text-align:center;
	border-top:#999 dotted 1px;	
}
.bannerBlock li img{
	width:16em;
	height:auto;
	margin:5px 0;
}
/* 読み込んだニュース */
.additionLink{
	padding:10px 18px 0 0;
	margin:3px 4px 8px;
	text-align:right;
	background:url('../img/arrow_right02.png') no-repeat right 12px;
	border-top:#999 dotted 1px;
}
.additionLink a{
	text-decoration:none;
	color:#004c9a;
}

#newsWrapper,
#irWrapper{
	padding:5px;
}
#newsWrapper .newsDate,
#irWrapper .newsDate{
	padding:8px 0 2px;
	border-top:#999 dotted 1px;
	margin-top:8px;
}
#newsWrapper .newsDate:first-child,
#irWrapper .newsDate:first-child{
	padding-top:0;
	margin-top:6px;
	border-top:none;
}
#newsWrapper a,
#irWrapper a{
	line-height:130%;
}
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}



/***************共通****************/
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
ul.pageLink{
	margin-bottom: 18px;
}
ul.pageLink li{
	margin-left:8px;
	margin-bottom:10px;  
}
ul.pageLink li a{
	text-decoration:none;
    padding-left:13px;
	background:url('../img/arrow_right03.png') no-repeat left top;
}
div.columBlock01{
    border: 1px solid #797979;
	padding:14px 7px 6px 10px;	
}

ul.linkListA01{
	list-style: none;
	margin-bottom:20px;
}
ul.linkListA01 li{
	margin-bottom: 5px;
}
ul.linkListA01 li a,
ul.linkListA01 li.selectNow{
	display: inline-block;
	padding: 10px;
	width: 95%;
	text-decoration: none;
	background: #ddd;
	line-height: 1.3em;
}

/***************contact****************/
.functionBtn{
	width:40%;
	border:2px solid #007dbd;
	border-radius:3px;
	-webkit-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	padding:6px;
	margin-bottom:6px;
}
.functionBtn a{
	text-decoration:none;
	color:#004c9a;
	display:block;
}

/***************release****************/
body.column02 .spDelElement,
body.column02 #localNavigationArea{
	display:none;
}
body.column02 #wrapper,
body.column02 #container,
body.column02 .headingBlock,
{
	width:100%;
}
body.column02 div#content{
	width:95%;
	float:none;
	padding:2%;
	font-size:150%;
}
body.column02 .dataTable{
	font-size:70%;
}
/*div.imageBlock img{
	max-width:100%;
	height:auto;
}*/
body.column01 div#content div#topArea .headingTypeB01,
.headingTypeB01,
div.imageBlock,
img{
	max-width:100%;
	height:auto;
}

div.imageBlock span{
	display: block;
}

.wBreak{word-break: break-all;}


/***************ir****************/
body.column01 .spDelElement,
body.column01 #localNavigationArea{
	display:none;
}
body.column01 #wrapper,
body.column01 #container,
body.column01 .headingBlock{
	width:100%;
}
body.column01 div#content{
	width:95%;
	float:none;
	padding:2%;
	font-size:150%;
}
body.column01 .dataTable{
	font-size:70%;
}
div#content p.imageBlock03{
	width:50%;
}
.panel h2{
	color:#fff;
	background:#007dbd;
	padding:3px 5px 5px;
}

/***************release xml****************/

#newsWrapper table,
#irWrapper table{
	width:400px;
	border-spacing:1px;
	font-size:.85em;
	background:#999;
}
#newsWrapper td,th,
#irWrapper td,th{
	font-weight:normal;
	border:2px solid #fff;
	background:#fff;
	padding:.25em .75em;
	text-align:left;
}
#newsWrapper thead th,
#irWrapper thead th{
	background:#8dbdd8;
	color:#fff;
}

/********************カテゴリ別トップ**********************/
.marginBottom5{
	margin-bottom:5px;
}
.marginBottom20{
	margin-bottom:20px;
}
.photoBtn,
.normalBtn{
	border:#dbdbdb solid 1px;
	width:47%;
	float:right;
	margin:0 0 5px 0;
	padding:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#fff;
}
.normalBtn{
	border:#CCC solid 1px;
	background:#DDD
}
.photoBtn:first-child,
.normalBtn:first-child{
	float:left;
}
.photoBtn p{
	font-size:90%;
	float:left;
	width:60%;
}
.normalBtn p{
	font-size:90%;
	/*color: #0F3EA8;*/
	font-weight: bold;
	padding: 15px 8px;
}
li.photoBtn a,
li.normalBtn a{
	display:block;
	overflow:hidden;
	text-decoration: none;
}
li.normalBtn a{
	background:url('../img/arrow_right02.png') no-repeat right center;
}
.photoBtn a:link,
.photoBtn a:visited,
.normalBtn a:link,
.normalBtn a:visited{
	color:#000;
}
.photoBtn img{
	float:right;
	width:40%;
}

.fontSize70{
	font-size:70%;
}

/********************製品一覧**********************/
.anchorList{
	padding-top:6px;
}
.anchorList a{
	font-size:120%;
	text-decoration:none;
	font-weight:bold;
	color:#004c9a;
}
.productList{
	font-size:80%;
	width:100%;
	table-layout:fixed;
	margin-top:5px;
}
.productList thead tr td,
#productsWrapper tr td{
	border:#dbdbdb solid 1px;
	padding:5px;
}
td.productCell{
	width:30%;
}
td.productCell a:link,
td.productCell a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#004c9a;
}
td.usageCell{
	line-height:150%;
	width:50%;
}
td.usageCell a{
	padding-top:6px;
	text-decoration:none;
	font-weight:bold;
	color:#004c9a;
}
td.telCell{
	width:20%;
}
td.telCell a{
	text-decoration:none;
}
.productList thead tr td{
	color:#fff;
	font-weight:bold;
	background:#005bb9;
}
/********************お問い合わせ**********************/

.contactList table{
	font-size:85%;
}
.contactList table td{
	padding:5px 2px;
}
.contactList td a:link,
.contactList td a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#004c9a;
}

/*******************緊急のお知らせ************************/

.headingTypeIndexA02{
	border-top:1px #9d0000 solid;
	border-right:1px #9d0000 solid;
	border-bottom:1px #9d0000 solid;
	border-left:9px #9d0000 solid;
	margin:5px 0 12px 0;
	padding:8px 10px;
}

/****************** 動画埋め込み ************************/

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}