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

/* TJP ルート直下にあるページのCSS */
/*
==========================================================
【変更履歴】
目次欄を追加  (2017/10/06)
設定追記　4.お問合せ(2018/03/14)
==========================================================
目次
1.base setting
2.プレスルーム入り口 pressroom.html
3.開発協力募集 car.html
4.お問合せ toiawase.html
    4-1.製品に関するお問合せ product_contact.html
	4-2.商品の修理/オーバーホールについて oh_contact.html
5.免責事項・著作権 menseki.html
6.リンク・個人情報について link.html
7.推奨環境について help.html
8.その他のお問い合わせフォーム webmaster.html
9.よくあるご質問 /question/index.html
============================================================
*/

/*=================================================
1.base setting
===================================================*/
/* ルート直下にあるページ（index以外）共通 */
.int_box p{
	vertical-align:middle;
	line-height:1.7;
	}
.comments{
	color: #ff0000;
}
.commentsA{
    font-weight: bold;
}
.new_line{
	margin-top:10px;
	}

/*=================================================
2.プレスルーム入り口 pressroom.html
===================================================*/
div.press_area{
	height:450px;
	}

/*ログインボタン*/
.button {
	display: block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color:#009245;
	border: 2px solid #009245;
	border-radius: 4px;
	margin-top:50px;
	padding-top:12px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: "";
}
.button,
.button::before,
.button::after {
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	background-color: #fff;
	border-color: #009245;
	color: #009245;
}
.button a {
	color: #fff;
	display: block;
	box-sizing: border-box;
	font-size:16px;
}
.button a:link,
.button a:visited {
	color: #fff;
}
.button a:hover,
.button a:active {
	color: #009245;
}

/*=================================================
3.開発協力募集 car.html（※プログラムの関係で未実装）
===================================================*/
/*見出しの間隔調整用*/
h3.subheading {
	margin-bottom:10px;
	}

.develop_area dl{
	font-weight:bold;
	line-height:1.6;
	margin:0 auto 0 1em;
	}
.develop_area dt{
	margin-top:10px;
	}
.develop_area dd{
	margin:0 auto 0 1em;
	}
/*ページ内リンクボタン位置調整*/
.develop_area ul{
	margin:30px auto 50px;
	text-align:center;
	}
.develop_area li{
	display:inline-block;
	}
.develop_area a:hover{
	opacity: 0.5;  
	}
/*各詳細部分の枠*/
div.dev_detail_area{
	margin-top:30px;
	}
.dev_detail_area ul{
	margin:15px auto 15px 3em;
	list-style: decimal;
	}
/*募集車両一覧の表*/
.dev_detail_area table {
	margin-top:20px;
	}
.dev_detail_area table, td, th{
	border: 1px #999 solid;
	}
.dev_detail_area table th{
	font-weight:bold;
	background:#2c9864;
	color:#fff;
	padding:3px;
	text-align:center;
	}
.dev_detail_area table td{
	padding:3px;
	text-align:center;
	}
.joken{
	text-align:left;
	}
/*適合確認と開発募集で色を変える*/
.mark_compati{
	color:#DF7401;
	font-weight:bold;
	}
.mark_develop{
	color:#088A85;
	font-weight:bold;
	}
/*応募フォームボタン*/
.form_button {
	margin:20px auto 50px;
	text-align:center;
	}
.form_button a:hover {
	opacity: 0.5;  
	}

/*=================================================
4.お問合せ toiawase.html
===================================================*/
.Inquiry_area dl dd{
	margin-left:23px;
	line-height:1.6;
} 
h4.komidasi {
	font-weight:bold;
	color:#3e3e3e;
	font-size:15px;
	display:inline-block;
	padding-top: 3px;
	padding-left: 23px;
	margin:25px auto 8px 0;
	background-image:url(/products/img/komidasi_u.gif);
	background-repeat:no-repeat;
} 
/*リンクがある見出しだけ三角の色が変わる*/
h4.komidasi_link:hover {
	background-image:url(/products/img/komidasi_d.gif);
} 
h4.komidasi_link a {
	color:#3e3e3e;
} 
h4.komidasi_link a:hover {
	color:#666;
}
/*英語のお問い合わせリンクボタン
(ちなみにTJP-E版は、エンコード変更による文字化け防止のため、画像での対応です。)
*/
.link_Eform a {
    color: #fff;
    font-weight: bold;
}
.link_Eform p {
    position: relative;
    background: #009844;
    background: -moz-linear-gradient(top, #009844 0%, #009844 50%, #007531 51%, #007531 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009844), color-stop(50%,#009844), color-stop(51%,#007531), color-stop(100%,#007531)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #009844 0%,#009844 50%,#007531 51%,#007531 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #009844 0%,#009844 50%,#007531 51%,#007531 100%); /* IE10+ */
	background: linear-gradient(to bottom, #009844 0%,#009844 50%,#007531 51%,#007531 100%); /* W3C */
    display: inline-block;
    padding: 10px 10px 10px 20px;
    border-radius: 10px;
}
.link_Eform p:hover {
    background:#007531;
	background: -moz-linear-gradient(top, #007531 0%, #007531 50%, #009844 51%, #009844 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007531), color-stop(50%,#007531), color-stop(51%,#009844), color-stop(100%,#009844)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #007531 0%,#007531 50%,#009844 51%,#009844 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #007531 0%,#007531 50%,#009844 51%,#009844 100%); /* IE10+ */
	background: linear-gradient(to bottom, #007531 0%,#007531 50%,#009844 51%,#009844 100%); /* W3C */
}
.link_Eform p::before {
    content: "";
    display: block;
    position: absolute;
    width: 0; 
	height: 0;
    border: 5px solid transparent;
    border-left: 10px solid #fff;
    top: 38%;
    left: 4%;
}

/* 4-1.製品に関するお問合せ product_contact.html ============*/
/*お問合せを頂く前に…*/
.before_Inquiry{
	width:500px;
	display: -webkit-box; /*Android4.3*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display:flex;
	-webkit-box-pack: justify; /*Android4.3*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content:space-between;
}

/* 4-2.商品の修理/オーバーホールについて oh_contact.html =====*/
.oh_area {
	margin-top:30px;
}
.oh_area ol {
	padding:25px 20px 0 40px;
	line-height:1.6;
}
.oh_area ol li {
	list-style-position:inside;
	counter-increment: cnt;
	text-indent: -24px;
	margin-bottom:15px;
}
.oh_area ol li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}



/*=================================================
5.免責事項・著作権 menseki.html
===================================================*/
/* 著作権について */
div.copyright_area{
	margin-top:30px;
	}
div.copyright_area h3{
	margin-top:20px;
	}
div.copyright_area ul{
	margin:10px auto 15px 1.5em;
	list-style: decimal;
	}

/*=================================================
6.リンク・個人情報について link.html
===================================================*/
/* 個人情報について 基本方針 */
dl.personal_info_area{
	margin:20px auto;
	line-height:1.6;
	}
dl.personal_info_area dt{
	margin:10px auto 0 20px;
	font-weight:bold;
	display: list-item;
	list-style-type : decimal;
	}
dl.personal_info_area dd{
	margin-left:20px;
	}

/*=================================================	
7.推奨環境について help.html
===================================================*/
div.help_area dl{
	margin:30px auto 0 20px;
	width:600px;
	overflow:hidden
	}
div.help_area dl dt{
	width:150px;
	float:left;
	clear: both;
	margin-bottom:20px;
	height:30px;
	}
div.help_area dl dt a:hover{
	opacity: 0.5;  
	}
div.help_area dl dd{
	width:300px;
	margin-left:150px;
	font-size:16px;
	margin-bottom:20px;
	padding-top:5px;
	height:30px;
	}

/*=================================================
8.その他のお問い合わせフォーム webmaster.html
===================================================*/
.otherq_t {
	margin-top: 20px;
}
.fc_red p {
	color: red;
}
.redm {
	color: red;
}
table.f_otherq {
	margin-top: 20px;
}
table.f_otherq td{
	border: none;
	padding-bottom: 20px;
}
.f_size {
	font-size: 1.2em;
}
.f_col {
	color: red;
}
.f_weight {
	font-weight: bold;
}
.form_ex {
	color: #777;
}

/*=================================================
9.よくあるご質問 /question/index.html
===================================================*/
ol.faqA {
	list-style: decimal;
	margin-left: 40px;
	margin-bottom: 2em;
}
ol.faqA li {
	margin-bottom: 5px;
}
ul.faqlist {
	margin-top: 30px;
	margin-bottom: 30px;
}
ul.faqlist li {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
}
ul.faqlist li::after {
	content: "/";
	margin-left: 10px;
	margin-right: 10px;
}
ul.faqlist li:last-child::after {
	content: none;
}
.ohA dt {
	font-weight: bold;
	border-bottom: double 3px #009245;
	padding-bottom: 5px;
	margin-bottom: 5px;
	line-height: 1.5;
}
dl.ohA {
	margin-bottom: 30px;
}
table.tb_typeA {
	margin-top: 10px;
	margin-bottom: 30px;
}
table.tb_typeA td {
	border: none;
	border-bottom: solid 1px #333;
	padding: 5px;
}