@charset "UTF-8";

/* ----------------------------------------------------------------------------------------
	reset
---------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none; }
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, em, strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul li,ol {
	list-style: none;
}

img {
	vertical-align: bottom;
	border: 0 none;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:focus, *:focus { outline:none; }
table {
	border-collapse: collapse;
}
table th {
	font-weight: normal;
}
table th,table td {
	text-align: left;
}
textarea { resize: vertical;}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}
/*	基本設定、リンクカラーなど
----------------------------------------------------------- */
html{
    width: 100%;
}
body {
  color: #333333;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
  line-height: 1;
  position: relative;
    min-width: 1024px;
margin:0;
padding:0;
}

a {
	color: #2489e2;
  text-decoration: none;
}
a:hover {
	opacity: 0.8;
}
input, textarea { 
  font-size: 11px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;

}



/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
/* clearfix */
.clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.clearfix:after { clear:both }

header .inner:before, header .inner:after,
footer .inner:before, footer .inner:after {
	content:"";
	display:table
}
header .inner:after,
footer .inner:after {
	clear:both
}

/* ボタン・バナー */
.btn a,
.banner a {
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.mT10 { margin-bottom: 10px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB50 { margin-bottom: 50px !important; }
.mB60 { margin-bottom: 60px !important; }


/* -----------------------------------------------------------
	header　ヘッダー
----------------------------------------------------------- */
header {
	width: 100%;
	border-top: 4px #005bac solid;
}
header .inner{
	width: 1024px;
	margin: 0 auto;
}
header .inner ul.lang {
	float: right;
	font-size: 12px;
}
header .inner ul.lang li{
	float: left;
	margin-left: 1px;
	background-color: #edf0f2;
}
header .inner ul.lang li a{
	display: block;
	color: #005bac;
	padding: 8px 10px 9px;
}
header .inner ul.lang li.on,
header .inner ul.lang li:hover{
	background-color: #005bac;
}
header .inner ul.lang li.on a,
header .inner ul.lang li:hover a{
	color: #fff;
}
/* ロゴ：日本語 */
header .inner #logo{
	float: left;
	margin-bottom: 25px;
}
header .inner #logo a{
	display: block;
	width: 225px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat 0 0;
}
/* ロゴ：英語 */
header .inner #logo_en{
	float: left;
	margin-bottom: 25px;
}
header .inner #logo_en a{
	display: block;
	width: 225px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/logo_en.png) no-repeat 0 0;
}

header .inner .memberArea {
	float: right;
}
header .inner .memberArea .member {
	margin: 22px 0 0 0;
}
header .inner .memberArea .member p.txt {
	float: left;
	font-size: 12px;
	margin:12px 18px 0 0;
}
header .inner .memberArea .member ul {
	float: left;
	font-size: 13px;
}
header .inner .memberArea .member ul li{
	display: inline-block;
	border: 1px #58a0e0 solid;
}
header .inner .memberArea .member ul li.login{
	background-color: #fff;
}
header .inner .memberArea .member ul li.regist{
	background-color: #f9e628;
}
header .inner .memberArea .member ul li a{
	display: block;
	padding: 9px 20px 9px;
}

header .inner .memberArea .member form{
	margin: 0 0 0 15px;
	float: left;
}
header .inner .memberArea .member dl.search{
	width: 186px;
	height: 33px;
	position:relative;
	float: left;
	background-color:#ffffff;
	border:1px solid #cdd6dc;
}
header .inner .memberArea .member dl.search dt{
	padding: 0 3px 0 10px;
}
header .inner .memberArea .member dl.search dt input{
	width: 186px;
	height: 31px;
	font-size: 13px;
	background:none;
	border:none;
}
header .inner .memberArea .member dl.search dd{
	position:absolute;
	top:0;
	right:0;
}
header .inner .memberArea .member dl.search dd button{
	padding: 5px 3px 0;
	background:none;
	border:none;
}
header .inner .memberArea .member dl.search dd button span{
	display:block;
	width:25px;
	height:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../images/icon_search.png) no-repeat 0 0;
}


/* -----------------------------------------------------------
	nav　グローバルナビ
----------------------------------------------------------- */
nav {
	width: 100%;
	height: 48px;
	border-top: 1px #c9dced solid;
	border-bottom: 1px #c9dced solid;
}
nav ul.contentsNav {
	width: 1024px;
	margin: 0 auto;
}
nav ul.contentsNav li {
	width: 170px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	position: relative;
}
nav ul.contentsNav li:before {
	content: '';
	width: 1px;
	height:calc(100% - 30px);
	background-color: #c9dced;
	position: absolute;
	margin-top: 16px;
	top: 0;
	left: 0;
}
nav ul.contentsNav li:last-child:after {
	content: '';
	width: 1px;
	height:calc(100% - 30px);
	background-color: #c9dced;
	position: absolute;
	margin-top: 16px;
	top: 0;
	right: 0;
}
nav ul.contentsNav li a {
	display: block;
	padding: 17px 0 14px;
}
nav ul.contentsNav li a:hover,
nav ul.contentsNav li.active a {
	opacity: 1;
	height: 46px;
	border-bottom: 5px #2489e2 solid;
}


/* -----------------------------------------------------------
	#breadCrumbs　パンくずナビ
----------------------------------------------------------- */
#breadCrumbs {
	height: 32px;
	background-color: #dfe4e8;
}
#breadCrumbs .inner {
	width: 1024px;
	margin: 0 auto;
}
#breadCrumbs ol {
	display: table-cell;
	height: 32px;
	vertical-align: middle;
}
#breadCrumbs ol li {
	display: inline-block;
	color: #75818a;
	font-size: 12px;
}
#breadCrumbs ol li:before {
	content: "";
	padding: 0 10px;
	background: url(../images/icon_breadcrumbs.png) 5px center no-repeat;
}
#breadCrumbs ol li:first-child:before {
	content:"";
	padding: 0 10px 0 0;
	background: none;
}
#breadCrumbs ol li a {
	color:#75818a;
}


/* -----------------------------------------------------------
	#visualArea　メイン画像
----------------------------------------------------------- */


/* -----------------------------------------------------------
	#container
----------------------------------------------------------- */
#container {
	overflow:hidden;
}
#container.topPage {
	overflow:hidden;
	padding-bottom: 64px;
}

.topContainer {
	width: 1024px;
	margin: 0 auto 40px;
}


/* -----------------------------------------------------------
	#visualArea メイン画像
----------------------------------------------------------- */
#visualArea {
	min-height: 165px;
	border-bottom: 1px #c9dced solid;
	background-color: #f7f7f9;
}
#visualArea img{
	width: 100%;
}
#visualArea .inner {
	width: 1024px;
	min-height: 164px;
	margin: 0 auto;
}
#visualArea .inner .ttl_txt {
  float: left;
  width: 40%;
}
#visualArea .inner h1 {
    width: 724px;
    color: #005bac;
    font-size: 32px;
    padding: 40px 0 0 20px;
    line-height: 1.4;
    word-break: break-all;
}
#visualArea .inner h2 {
    color: #005bac;
    font-size: 18px;
}
#visualArea .inner .link_box {
    float: right;
    background-color: #FFF;
    border: 2px solid #005bac;
    margin: 110px 285px 0 0;
    padding: 10px 20px;
    font-size: 18px;
}
#visualArea .inner .link_box:hover {
   opacity: 0.8;
}
#visualArea .inner.ja .link_box,
#visualArea .inner.en .link_box {
    margin: 80px 285px 0 0;
    line-height: 1.3em;
}
#visualArea.detail {
	background-color: #ffffff;
}
#visualArea.detail .inner {
	background: none;
}
#visualArea.detail .inner h1 {
	font-size: 28px;
	padding-top: 50px;
	padding-bottom: 50px;
	word-break: break-all;
}
#visualArea.detail .inner.bg {
	background: none;
	background: url(../images/bg_visualarea.png) 0 top repeat-y;
}
#visualArea.detail .inner.bg h1 {
	padding-bottom: 60px;
	word-break: break-all;
}
#visualArea.detail .inner .logoArea {
	width: 724px;
}
#visualArea.detail .inner .logoArea h1 {
	display: table-cell;
	width: 430px;
	height: 130px;
	font-size: 28px;
	vertical-align: middle;
	word-break: break-all;
}
#visualArea.detail .inner .logoArea h1 span {
	color: #75818a;
	font-size: 15px;
}
#visualArea.detail .inner .logoArea p {
	display: table-cell;
	width: 294px;
	height: 130px;
	text-align: right;
	vertical-align: middle;
}
#visualArea.detail .inner .logoArea p img {
	width: auto;
	max-width: 294px;
	max-height: 130px;
	padding: 5px 0;
}
#visualArea.detail .inner.bg .logoArea h1 {
	height: 164px;
	padding-top: 0px;
	padding-bottom: 35px;
	word-break: break-all;
}
#visualArea.detail .inner.bg .logoArea p {
	height: 164px;
	padding-bottom: 34px;
}

#visualArea.detail .inner .logoArea.w724 h1 {
    width: 724px;
}

/* -----------------------------------------------------------
	#twoColumn
----------------------------------------------------------- */
#twoColumn {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 104px;
	background: url(../images/bg_container.png) 0 0 repeat-y;
}
#twoColumn #mainColumn{
	width: 724px;
	float: left;
}
#twoColumn #rightColumn{
	width: 267px;
	float: right;
	margin-top: -165px;
}

/* -----------------------------------------------------------
	#oneColumn
----------------------------------------------------------- */
#oneColumn {
	width: 1024px;
	margin: 0 auto 104px;
}

/* -----------------------------------------------------------
	#mainColumn
----------------------------------------------------------- */
/* タイトル */
.blue {
	font-size: 22px;
	padding: 0 0 22px 25px;
	background: url(../images/icon_h2_blue.png) left 5px no-repeat;
}
.dblue {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 14px 0 11px 35px;
	background: #2489e2 url(../images/icon_h2_dblue.png) 10px center no-repeat;
}
.topContainer .blue {
	font-size: 24px;
	margin-top: 44px;
	padding: 0 0 20px 25px;
	background: url(../images/icon_h2_blue.png) left 6px no-repeat;
}

.mainColumnH3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin: 10px;
}
.mainColumnH4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}

.iblue {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 17px 115px;
	margin-bottom: 30px;
	background-color: #2489e2;
	position: relative;
}
.iblue:before {
	font-size: 17px;
	padding: 7px 10px 5px;
	border-radius: 4px;
	background-color: #005bac;
	position: absolute;
	top: 15px; left: 17px;
}
.iblue.step01:before {
	content:"STEP 1";
}
.iblue.step02:before {
	content:"STEP 2";
}
.iblue.step03:before {
	content:"STEP 3";
}

/* ページャー */
ul.pager{
  text-align: center;
	padding: 15px 0;
	margin-bottom: 12px;
	background-color: #f2f5f7;
}
ul.pager li{
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
  display: inline-block;
  margin-right: 4px;
}
ul.pager li.number a {
	display: block;
  color: #278ae2;
  text-decoration: none;
	text-align: center;
  padding: 8px 10px;
}
ul.pager li.number span {
	display: block;
  color: #278ae2;
  text-decoration: none;
	text-align: center;
  padding: 8px 10px;
}
ul.pager li.number a:hover,
ul.pager li.number a:active,
ul.pager li.current a {
  color: #ffffff;
  background: #278ae2;
}
ul.pager li.back a,
ul.pager li.next a {
	padding: 3px 12px;
  background: #ffffff;
	border: 1px #c9dced solid;
}
ul.pager.n01 li.back span,
ul.pager.n01 li.next span {
	padding: 3px 12px;
	color: #c5d3de;
  background: #fcfdfd;
	border: 1px #d5dee5 solid;
}
ul.pager.n01 li.current span {
  color: #ffffff;
  background: #278ae2;
}


/* リスト */
/* 製品情報 */
#mainColumn ul.product li {
	float: left;
	width: 354px;
	margin: 0 16px 16px 0;
	border: 1px #c9dced solid;
}
#mainColumn ul.product li a {
	display: block;
	color: #333333;
}
#mainColumn ul.product li:nth-child(2n) {
	margin: 0 0 16px 0;
}
#mainColumn ul.product li:last-child {
	margin: 0;
}
#mainColumn ul.product li .ttl {
	padding: 15px 10px 7px;
	border-bottom: 1px #c9dced solid;
}
#mainColumn ul.product li a .ttl p {
	line-height: 1.4;
	margin-bottom: 3px;
}
#mainColumn ul.product li a .ttl h3 {
	color: #278ae2;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
#mainColumn ul.product li .inner {
	padding: 10px 10px 0;
}
#mainColumn ul.product li .inner p{
	font-size: 12px;
	line-height: 1.6;
	padding-bottom: 10px;
}
#mainColumn ul.product li .inner p img{
	float: left;
	margin: 0 10px 10px 0;
}

/* 技術情報 */
ul.technology {
}
ul.technology li {
	width: 354px;
	float: left;
	margin: 0 16px 16px 0;
	border: 1px #c9dced solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.technology li h3 {
	width: 336px;
	font-size: 14px;
	background: url(../../products/images/icon_right_blue.gif) right no-repeat;
}
ul.technology li a {
	display: block;
	width: 354px;
	line-height: 1.4;
	padding: 13px 38px 11px 15px;
}
ul.technology li:nth-child(2n) {
	margin: 0 0 16px 0;
}
ul.technology li:last-child {
	margin: 0;
}

/* 応用事例 */
ul.example {
}
ul.example li {
	float: left;
	margin: 0 6px 0 0;
	border: 1px #c9dced solid;
	background-color: #edf0f2;
}
ul.en li {
	margin: 0 6px 10px 0;
}
ul.example li a {
	display: block;
}
ul.example li:last-child {
	margin: 0;
}
ul.example li h3{
	padding: 10px 0;
	background-color: #1d7dd2;
	font-size: 14px;
	text-align: center;
	color :#ffffff;
}
ul.en li h3{
    height: 45px;
}
ul.list01 li {
	margin-bottom: 15px;
}
.list02 {
	margin-bottom: 20px;
}
ul.list02 li {
  padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 15px;
}

/* 特性 */
ul.material li {
	float: left;
	margin-bottom: 24px;
}
ul.material li:nth-child(3n+2) {
	margin: 0 16px 24px;
}

/* dl */
dl.dl01 dt {
	font-weight: bold;
	margin-bottom: 3px;
}
dl.dl01 dd {
	line-height: 1.8;
	margin: 0 0 15px 20px;
}


/* .newsArea　下層ページ */
.newsArea {
	margin-bottom: 50px;
}
.newsArea .ttl .blue{
	float: left;
	margin-top: 5px !important;
	padding: 0 0 20px 15px;
}
.newsArea .ttl .listBtn{
	float: right;
	background-color: #ffffff;
	border: 1px #278ae2 solid;
	font-size: 12px;
}
.newsArea .ttl .listBtn a{
	display: block;
	padding: 9px 10px 8px;
}
.tab_content ul li{
	width: 100%;
	border-bottom: 1px solid #c9dced;
	font-size: 14px;
}
.tab_content ul li:first-child {
	border-top: 1px solid #c9dced;
}
.tab_content ul li a{
	display: block;
	padding: 20px 0;
	color: #333333;
}
.tab_content ul li a .inner{
	width: 710px;
	background: url(../images/icon_cright_gray.png) right center no-repeat;
}       
.tab_content ul li a:hover{
	color: #2489e0;
}
.tab_content ul li .date{
	float: left;
	margin: 5px 15px 0 0;
}
.tab_content ul li .icon{
	float: left;
	width: 110px;
	margin: 0 15px 0 0;
	padding: 6px 0 5px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}
.tab_content ul li .other {
	background-color: #afb9c0;
}
.tab_content ul li .pe {
	background-color: #54cb6d;
}
.tab_content ul li .pmma {
	background-color: #1bc9cb;
}
.tab_content ul li .enpla {
	background-color: #6b9fe7;
}

.tab_content ul li .textArea {
	width: 680px;
	line-height: 1.4;
	padding-top: 10px;
}
.tab_content ul li .textArea h3{
	float: left;
	margin-right: 10px;
	font-size: 14px;
	font-weight: normal;
}
.tab_content ul li .textArea a{
	color: #333333;
}
.tab_content ul li .textArea .pdf{
	margin: 2px 10px 0 0;
	float: left;
}
.tab_content ul li .textArea .window{
	margin: 2px 10px 0 0;
	float: left;
}
.tab_content ul li .new{
	float: left;
	color: #e33119;
	font-weight: bold;
	margin-top: 5px;
}
.bgGray .news_area .content_area_inner .tab_content ul li .pdf{
	float: left;
}


/* -----------------------------------------------------------
	.formArea
----------------------------------------------------------- */
.formArea {
	line-height: 1.4;
	margin-bottom: 48px;
}
.formArea h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding: 18px 20px 18px 18px;
	background-color: #2489e2;
}
.formArea h2 span {
	display: block;
	float: left;
	padding-top: 5px;
}
.formArea h2 a {
	float: right;
}
.formArea table {
	width: 1024px;
	margin-bottom: 75px;
	border: 1px #c9dced solid;
	border-collapse:separate;
	border-spacing:0;
}
.formArea table tr th,
.formArea table tr td {
	vertical-align: top;
	border-bottom: 1px #c9dced dotted;
}
.formArea table tr:last-child th,
.formArea table tr:last-child td {
	border-bottom: none;
}
.formArea table tr th {
	width: 255px;
	text-align: left;
	font-weight: bold;
	padding: 16px;
	border-right: 1px #c9dced dotted;
	background-color: #f2f5f7;
	position: relative;
}
.formArea table tr td {
	width: 769px;
	padding: 16px 20px;
}
.formArea p.link img {
	padding-right: 5px;
	vertical-align: -2px;
}
.formArea table tr th span{
	color: #ffffff;
	line-height: 1;
	padding: 5px 8px;
	position: relative;
	position: absolute;
	right: 16px; top: 14px;
	font-size:12px;
	font-weight:nomal;
}
.formArea table tr th span.required{
	text-align: center;
	background-color: #e33119;
}
.formArea table tr th span.optional{
	text-align: center;
	background-color: #afb9c0;
}
/*
.formArea table tr th span:after{
	content: "必須";
	color: #ffffff;
	text-align: center;
	padding: 2px 5px 0;
	background-color: #e33119;
	position: absolute;
	right: 0; top: 0;
}
.formArea table tr th span.optional:after{
	content: "任意";
	background-color: #afb9c0;
}
*/
.formArea table tr th.main{
	width: 125px;
}
.formArea table tr th.sub{
	width: 220px;
	background-color: #ffffff;
}
.formArea table tr td input.input_txt,
.formArea table tr td select,
.formArea table tr td textarea {
	padding: 8px 10px;
	border: 1px #c9dced solid;
}
.formArea table tr td input.input_txt {
	width: 355px;
}
.formArea table tr td select {
	width: 395px;
}
.formArea table tr td input.w625,
.formArea table tr td textarea {
	width: 625px;
}
.formArea table tr td textarea {
	margin-top: 5px;
}

/* エラー表示 */
.errorBox {
	display: none;
	color: #e33119;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	padding: 23px 0 20px;
	margin: 0 auto 30px;
	background-color: #ffebe8;
	border: 1px solid #e33119;
}
.errorBox.block {
	display: block;
}
label.error {
	display: block;
	color: #e33119;
	line-height: 1.6;
}
input.error,
select.error,
textarea.error{
	background-color: #ffebe8;
	margin-bottom: 5px;
}
label.error + span {
	display: none;
}

/* 送信完了 */
.formArea .linkArea {
	margin-top: 60px;
	padding: 12px 14px 10px;
	border: 1px #c9dced solid;
}
.formArea .linkArea p {
	margin: 0;
	line-height: 1.7;
}
.formArea .linkArea p.prev a img {
	padding-left: 5px;
	vertical-align: top;
}

/* ボタン */
.formArea .btnArea {
	text-align: center;
}
.formArea .btn {
	color: #ffffff;
	border: none;
  display: block;
	height: 50px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
	line-height: 1;
  margin: 0 auto 25px;
	vertical-align: top;
  background: #005bac url("../images/icon_cright_white.png") 95% 50% no-repeat;
  box-shadow: 0 3px 0 rgba(0,62,118,1);
}
.formArea .btn_confirm {
  width: 250px;
}
.formArea .btn_send {
	display: inline-block;
  width: 240px;
}
.formArea .btn_return {
	display: inline-block;
	width: 160px;
	color: #005bac;
	margin-right: 30px;
	background: #dbe1e6;
	box-shadow: 0 3px 0 rgba(192,197,201,1);
}
.formArea .btn:hover {
	opacity: 0.8;
}
/* -----------------------------------------------------------
	#rightColumn
----------------------------------------------------------- */
#rightColumn .category {
	width: 267px;
	height: 165px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding: 72px 12px 0 12px;
	line-height:1.4em;
	background: url(../../products/images/bg_blue.gif) no-repeat;
}
#rightColumn .rightNav {
	border-top: 2px #ffffff solid;
}
#rightColumn .rightNav h3 {
	font-weight: bold;
}
#rightColumn .rightNav ul.product {
	width: 267px;
	padding: 6px;
	border-top: 2px #ffffff solid;
	background-color: #f2f5f7;
}
#rightColumn .rightNav ul.product li:nth-child(n+2) a {
	display: block;
	padding: 12px 12px 10px 22px;
	border-bottom: 1px #ffffff solid;
	font-size: 12px;
	line-height:1.4em;
}
#rightColumn .rightNav ul.product li:last-child a {
	border-bottom: none;
}
#rightColumn .rightNav ul.product li.ttl {
	background-color: #e1e7ed;
	border-bottom: 1px #f2f5f7 solid;
	font-size: 14px;
}
#rightColumn .rightNav ul.product li.ttl a {
	display: block;
	padding: 14px 12px;
	font-size: 14px;
	line-height:1.4em;
}
#rightColumn .rightNav ul.product li a.active,
#rightColumn .rightNav ul.product li.ttl a:hover {
	background-color: #f9e628;
}
#rightColumn .rightNav ul.product.last {
	border-bottom: 10px #ffffff solid;
}

#rightColumn .rightNav ul.tech {
	width: 267px;
	line-height: 1;
	background-color: #f2f5f7;
	border-top: 1px #95c6f1 solid;
	border-bottom: 10px #ffffff solid;
}
#rightColumn .rightNav ul.tech li.ttlLine.top {
	border-top: none;
}
#rightColumn .rightNav ul.tech li.ttlLine {
	border-top: 2px #ffffff solid;
}
#rightColumn .rightNav ul.tech li.line a {
	border-top: 1px #d3dbe3 solid;
}
#rightColumn .rightNav ul.tech li.sub a {
	display: block;
	margin: 0 5px;
	padding: 12px 0 10px 22px;
	border-bottom: 1px #ffffff solid;
	font-size: 12px;
}
#rightColumn .rightNav ul.tech li.ttlLine a {
	display: block;
	padding: 15px 15px 15px 17px;
	font-size: 14px;
}
#rightColumn .rightNav ul.tech li.none a {
	border-bottom: none;
	padding: 10px 0 15px 22px;
}


#rightColumn .rightNav ul.info {
	width: 267px;
	padding: 15px;
	background-color: #f2f5f7;
	border-top: 1px #95c6f1 solid;
}
#rightColumn .rightNav ul.info li.contents ul li {
	font-size: 12px;
	background-color: #ffffff;
	border-bottom: 1px #f2f5f7 solid;
}
#rightColumn .rightNav ul.info li.contents ul li a{
	display: block;
	padding: 12px 0 12px 15px;
}
#rightColumn .rightNav ul.info li.bnr {
	padding-top: 15px;
}
#rightColumn .rightNav ul.info li.bnr ul li{
	padding-bottom: 10px;
}

#rightColumn .rightNav ul li a.blank:after {
	content: "";
	padding:0 0 0 15px;
	background: url(../images/icon_window.png) right no-repeat;
}

/* -----------------------------------------------------------
	#pageTop　ページトップへ
----------------------------------------------------------- */
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 20px;
	margin-bottom: 23px;
}
#pageTop a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: #ffffff url(../images/bn_pagetop.png) 0 0 no-repeat;
}

/* -----------------------------------------------------------
	footer　フッター
----------------------------------------------------------- */
footer {
	width: 100%;
	border-top: 7px #005bac solid;
	padding:15px 0 0 0;
}
footer .navArea {
	width: 1024px;
	margin: 22px auto 40px;
}
footer .navArea ul.nav{
	width: 864px;
	float: left;
	margin: 9px 0 0 0;
	font-size: 12px;
}
footer .navArea ul.nav li {
	display: inline-block;
	margin: 0 10px 0 0;
}
footer .navArea ul.nav li a{
	color: #666666;
}
footer .navArea h2{
	float: right;
}
footer .copyrightArea {
	padding: 12px 0;
	text-align: center;
	background-color: #edf0f2;
}
footer .copyrightArea small {
	color: #666666;
	font-size: 10px;
}

.anchorArea {
	padding: 16px 15px 14px;
	margin-bottom: 48px;
	border: 1px #c9dced solid;
}
.anchorArea li {
	float: left;
	padding-left: 15px;
	margin-right: 35px;
	background: url(../images/icon_down_blue.gif) left center no-repeat;
}

/* --------------------------以下追記--------------------------------- */
/* フォントサイズ */
.f18px{font-size:18px;}
.f12px{font-size:12px;}

/* サイドメニューリンクなし */
#rightColumn .rightNav ul.tech li.ttlLine span {
	display: block;
	padding: 15px 15px 15px 17px;
	font-size: 14px;
}

#twoColumn .linkArea {
    margin-top: 40px;
    padding: 12px 14px 10px 14px;
    border: 1px #c9dced solid;
}
#mainColumn p.prev{
    line-height: 1.8;
    margin-bottom: 0px;
}
/* リンク */
 #mainColumn a.arrow:before {
	content: "";
	padding-left: 12px;
  background:url("../images/icon_arrow01.png") left 2px no-repeat;
 }
#mainColumn a[href$="pdf"]{
	padding-right: 18px;
  background:url("../images/icon_pdf.png") right center no-repeat;
 }
#mainColumn a[href^="http"]{
	padding-right: 12px;
  background:url("../images/icon_window.png") right center no-repeat;
}

#mainColumn .productArea a[href$="pdf"]{
  background:none;
 }
#mainColumn .technologyArea a[href$="pdf"]{
  background:none;
 }
#mainColumn .exampleArea a[href$="pdf"]{
	padding-right: 18px;
  background:none;
 }
#mainColumn .newsArea a[href$="pdf"]{
	padding-right: 18px;
  background:none;
 }

#mainColumn .productArea a[href^="http"]{
  background:none;
}
#mainColumn .technologyArea a[href^="http"]{
  background:none;
}
#mainColumn .exampleArea a[href^="http"]{
  background:none;
}
#mainColumn .newsArea a[href^="http"]{
  background:none;
}


/* 罫線 */
hr{
    border:none;
    border-top:solid 1px #c9dced;
    height:1px;
    color:#c9dced;
margin-bottom:25px;
}

/* リスト */
#mainColumn .productDetailArea ul {
	margin-bottom: 25px;
}
#mainColumn .productDetailArea ul li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn .productDetailArea ul li:before {
	content: "●";
	color: #2489e2;
	font-size: 10px;
	vertical-align: 2px;
	padding-right: 5px;
}
#mainColumn .productDetailArea ul li ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mainColumn .productDetailArea ul li ul li:before {
	content: "－";
	color: #2489e2;
	font-size: 10px;
	font-weight: bold;
	vertical-align: 2px;
	padding-right: 8px;
}
#mainColumn .productDetailArea ol {
	margin-bottom: 25px;
}
#mainColumn .productDetailArea ol li {
	list-style-type: decimal;
	list-style-position: inside;
  padding-left: 1.3em;
  text-indent: -1.3em;
	line-height: 1.8;
	margin-bottom: 10px;
}

#mainColumn .productDetailArea ul {
	margin-bottom: 25px;
}
#mainColumn .productDetailArea ul.arrow li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn .productDetailArea ul.arrow li:before {
	content: "";
	padding-left: 12px;
  background:url("../images/icon_arrow01.png") left top no-repeat;
}

#mainColumn .gradeArea ul {
	margin-bottom: 25px;
}
#mainColumn .gradeArea ul li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn .gradeArea ul li:before {
	content: "●";
	color: #2489e2;
	font-size: 10px;
	vertical-align: 2px;
	padding-right: 5px;
}
#mainColumn .gradeArea ul li ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mainColumn .gradeArea ul li ul li:before {
	content: "－";
	color: #2489e2;
	font-size: 10px;
	font-weight: bold;
	vertical-align: 2px;
	padding-right: 8px;
}
#mainColumn .gradeArea ol {
	margin-bottom: 25px;
}
#mainColumn .gradeArea ol li {
	list-style-type: decimal;
	list-style-position: inside;
  padding-left: 1.3em;
  text-indent: -1.3em;
	line-height: 1.8;
	margin-bottom: 10px;
}

#mainColumn .gradeArea ul {
	margin-bottom: 25px;
}

#mainColumn .gradeArea ul.arrow li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn .gradeArea ul.arrow li:before {
	content: "";
	padding-left: 12px;
  background:url("../images/icon_arrow01.png") left top no-repeat;
}

#mainColumn .contactArea ul {
	margin-bottom: 25px;
}

#mainColumn .contactArea ul.arrow li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn .contactArea ul.arrow li:before {
	content: "";
	padding-left: 12px;
  background:url("../images/icon_arrow01.png") left top no-repeat;
}
/*アルファベットリスト追加*/
#mainColumn ol li ol.alpha li{
list-style-type: lower-alpha;
}
#mainColumn ol.ualpha li{
list-style-type: upper-alpha;
}
/* DLリスト */
dl{
 line-height:1.4em;
margin-bottom:25px;
}
dt { margin-bottom: 3px; line-height: 1.4; font-size: 14px; font-weight: bold; }
dd { margin-bottom: 15px; line-height: 1.8; font-size: 14px; }

/* 会員サービスのご案内（Q&A） */
.question dt{
font-size: 16px;
font-weight: bold;
padding: 11px 10px 9px;
margin:32px 0 24px 0;
border: 1px #c9dced solid;
}
.question dd{
padding-left:14px;
}

/* カッコつき数字リスト */
#mainColumn ol.kakkolist{
  list-style-type:none;
  padding:0;
margin-bottom:25px;
}
#mainColumn ol.kakkolist li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#mainColumn ol.kakkolist li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
#mainColumn ol.kakkolist li ol{
counter-reset: cnt;
  margin:0;
}

#mainColumn ol li ol.kakkolist{
  list-style-type:none;
  padding:0;
  margin:0;
}
#mainColumn ol li ol.kakkolist li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#mainColumn ol li ol.kakkolist li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

/* 数字リスト */
#mainColumn ol.decimallist { 
counter-reset: cnt;
}
#mainColumn ol.decimallist li{ 
list-style-type: decimal;
list-style-position: inside;
  padding-left: 1.3em;
  text-indent: -1.3em;
line-height:1.6em; 
margin-bottom:1em;
}
#mainColumn ol.decimallist li:before { 
        content:"";
}

/* 丸つきリスト */
/*ul.circlelist { 
	margin-left:1.4em;
}
ul.circlelist li { 
list-style-type:none;
line-height:1.6em; 
margin-bottom:1em;
}
ul.circlelist li:before { 
        content:"○ ";
	margin-left: -1.4em;
display:inline-block;
position: relative;
top:0.3em;
left:1em;
font-size:16px;
color:#333333;
}*/
#mainColumn ul.circlelist { 

}
#mainColumn ul.circlelist li { 
list-style-type:none;
line-height:1.6em; 
margin-bottom:1em;
margin-left:0.4em;
}
#mainColumn ul.circlelist li:before { 
        content:"○";
	margin-left:-0.4em;
/* display:inline-block; */
position: relative;
top:0.3em;
/*left:1em;*/
font-size:16px;
color:#333333;
}
/* マークなしリスト */
#mainColumn ul.nomarklist { 
	margin-left:0;
}
#mainColumn ul.nomarklist li { 
list-style-type:none;
line-height:1.4em; 
}
#mainColumn ul.nomarklist li:before { 
        content:"";
	margin-left:0;
}
/* 黒丸リスト */
#mainColumn ul.blackcircle {
	margin-bottom: 25px;
}
#mainColumn ul.blackcircle li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn ul.blackcircle li:before {
	content: "●";
	color: #2489e2;
	font-size: 10px;
	vertical-align: 2px;
	padding-right: 5px;
}
#mainColumn ul.blackcircle {
	margin-bottom: 25px;
}
#mainColumn ul.blackcircle li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn ul.blackcircle li:before {
	content: "●";
	color: #2489e2;
	font-size: 10px;
	vertical-align: 2px;
	padding-right: 5px;
}
/* 横線マークリスト */
#mainColumn ul.linemark {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mainColumn ul.linemark li {
	padding-left: 1em;
  text-indent: -1em;
	line-height: 1.8;
	margin-bottom: 10px;
}
#mainColumn ul.linemark li:before {
	content: "－";
	color: #2489e2;
	font-size: 10px;
	font-weight: bold;
	vertical-align: 2px;
	padding-right: 8px;
}
/* ダウンロード系ページ行間 */
#mainColumn p {
    line-height: 1.8;
    margin-bottom: 25px;
}
/* SDSページH3 */
.downloadArea h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.downloadArea h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}