@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------
 contact
---------------------------------------------------------*/
#contact{
	margin: 30px auto;
	width: 865px;
}
#contact .ttl03{
	border-bottom: 1px solid #CCC;
}

/*--contactInfo-----------------------------------------*/
#contactInfo{
	margin: 30px 0 25px;
	/overflow: hidden;
	/zoom: 1;
}
#contactInfo dl{
	margin-bottom: 25px;
	padding-left: 20px;
	border-left: 5px solid #006994;
}
#contactInfo dl.en{
	float: left;
}
#contactInfo dl.coastal{ width: 430px; }
#contactInfo dl.allied{ width: 360px; }

#contactInfo dt{
	margin-bottom: 10px;
	font-size: 134%;
	font-weight: bold;
	color: #151515;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contactInfo dt{
	margin-bottom: 10px;
	font-size: 134%;
	font-weight: bold;
	color: #151515;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#contactInfo .jp dt{
	background-image: url(../images/contact/icon-jp.gif);
}
#contactInfo .en dt{
	background-image: url(../images/contact/icon-en.gif);
}
#contactInfo dt span.flag{
	display: block;
	margin-bottom: 5px;
	padding-left: 40px;
	font-weight: normal;
	font-size: 1.6rem;
}
#contactInfo dt span.site{
	padding: 0 20px;
	font-weight: normal;
	background: url(../images/contact/icon-site.gif) no-repeat right 50%;
}
#contactInfo dd.address{
	color: #666;
	font-size: 1.4rem;
}
#contactInfo dd.tel{
	font-size: 1.6rem;
}
#contactInfo dd.tel span.num{
	color: #151515;
}
#contactInfo dd.tel span.num span{
	padding-left: 30px;
}

/*--contactForm-----------------------------------------*/
/*required*/
#contact .required{
	color: #cc3333;
}
#contact p.required{
	margin: 30px 0 10px 55px;
	font-size: 1.4rem;
}
/*contactTbl*/
#contactTbl{
	margin: 0 auto;
	width: 755px;
	font-size: 117%;
}
#contactTbl th,
#contactTbl td{
	padding: 15px;
	border-collapse: collapse;
	vertical-align: middle;
	font-size: 1.6rem;
	border: 1px solid #CCC;
}
#contactTbl th{
	width: 180px;
	color: #151515;
	background: #e9f3f5;
}
#contactTbl input[type="text"],
#contactTbl textarea{
	padding: 3px;
	border: 1px solid #999;
}
#contactTbl input[type="radio"]{
	margin-right: 5px;
}
#contactTbl .KMEContactusFTxt1{
	width: 450px;
}
#contactTbl .KMEContactusFTxt2{
	width: 200px;
}
#contactTbl .KMEContactusFTxt3{
	width: 450px;
	height: 100px;
}
#contactTbl li{
	display: inline-block;
	padding: 0 30px 10px 0;
}
#contactTbl li.other{
	padding-bottom: 0;
}
#contactTbl .comment{
	display: block;
	margin-top: 3px;
	font-size: 92%;
}
/*contactBtn*/
.contactBtn{
	margin: 30px 0;
	text-align: center;
}
.contactBtn input{
	margin: 10px;
	padding: 5px;
	width: 130px; 
	color: #FFF;
	font-size: 1.6rem;
	background: url(../images/common/icon-arrow04.png) no-repeat 10px 50% #006893;
	border: none;
}
.contactBtn input:hover{
	cursor: pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*------------------------------------------------------
  CLEAR FIX
------------------------------------------------------*/
#contactInfo:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

/*------------------------------------------------------
/* ida Add 2017.05.27
------------------------------------------------------*/
#contactInfo dt span.flag{
	font-weight: bold;
}

/*========================================================================
/* CREATIV form  2017.07
========================================================================*/
#mainVisual.creativ {
    margin-top: 1px;
    padding: 49px 0 0;
    height: 118px;
    text-align: center;
	font-size: 320%;
    color: #FFF;
    background: url(../images/products/creativ-order-form/main-visual.jpg) no-repeat;
}
#contact.creativ {
	margin-top: 0;
}
#contact.creativ table {
	margin: 0 auto 40px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
#contact.creativ #creativTbl {
	margin: 0 auto;
	width: 865px;
}
#contact.creativ .ttl03 {
	margin-bottom: 50px;
}
#contact.creativ .error.ttl03 {
	margin-bottom: 15px;
}
#contact.creativ .error {
	margin: 4px 0;
	color: #cc3333;
}
#contact.creativ table .error {
	margin-bottom: 0;
}

/* input parts
------------------------------------*/
/* select reset */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
/* select style */
select {
	padding: 0 0 0 5px;
	height: 31px;
	border: 1px solid #999;
	background-image: url(../images/products/creativ-order-form/icon-pulldown.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* IE 9 以下はデフォルトの矢印を表示 */
select {
	background-image: none\9;
}

/* IE 10+　デザイン通りのアイコンを再現 */
select::-ms-expand {
	display: none;
}

/* placeholder */
:placeholder-shown {
    color: #bbb; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #bbb; }

/* Firefox 18- */
:-moz-placeholder {
    color: #bbb; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #bbb; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #bbb; }

/* form table
------------------------------------*/
/*contactTbl*/
.contactTbl{
	margin: 0 auto;
	width: 755px;
	font-size: 117%;
}
.contactTbl th,
.contactTbl td{
	padding: 15px;
	border-collapse: collapse;
	vertical-align: top;
	border: 1px solid #CCC;
}
.contactTbl th{
	width: 180px;
	color: #151515;
	background: #e9f3f5;
}
.contactTbl input[type="text"],
.contactTbl textarea{
	padding: 3px;
	border: 1px solid #999;
}
.contactTbl input[type="radio"]{
	margin-right: 5px;
}
.contactTbl .KMEContactusFTxt1{
	width: 450px;
}
.contactTbl .KMEContactusFTxt2{
	width: 200px;
}
.contactTbl .KMEContactusFTxt3{
	width: 450px;
	height: 100px;
}
.contactTbl li{
	display: inline-block;
	padding: 0 30px 10px 0;
}
.contactTbl li.other{
	padding-bottom: 0;
}
.contactTbl .comment{
	display: block;
	margin-top: 3px;
	font-size: 92%;
}
.contactTbl .KMEContactusFTxt4{
	width: 160px;
}

#creativTbl .KMEContactusFTxt4 {
	height: 25px;
}
#creativTbl select.selectTexture {
	width: 195px;
}
#creativTbl select.selectManufacturer {
	width: 215px;
}
.contactTbl td.noBorderLeft {
	padding-left: 5px;
	border-left: none;
}
.contactTbl td.noBorderRight {
	padding-right: 5px;
	border-right: none;
}