@charset "Shift_JIS"; 
/* CSS Document */

/* 全体のマージン指定 */
body{margin:5px 15px;}

/* テーブルの指定 */
td{font-size:12px; color:#444444;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		line-height:18px;
		}
#edfc_td{font-size:60%; color:#444444;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		line-height:14px;
		}
		
/* リンク */
a {color: #0070EB; text-decoration:none;}
a:link {color: #0070EB;}
a:visited {color: #0070EB;}
a:active {color: #0070EB;}
a:hover {color: #00569C;}

/* サブコンテンツ上の指定 */
.sub_menu{padding:0px 30px 0px 0px; text-align:right;font-size:11px;}
.english{font-size:15px;}

/* フッタの指定 */
#footer{text-align:center; padding-top:2px; padding-bottom:2px; font-size:11px; color:#444444;}

#footer A{color:#FFFFFF; font-size:11px; text-decoration:none; padding-top:2px; padding-bottom:2px;}	
#footer A:hover{color:#006600; font-size:11px; padding-top:2px; padding-bottom:2px;}	


/* 新着情報 */
.new_day{font-weight:bold; padding:0px 0px 0px 0px; text-align:left;}
.new_bana{padding:2px 0px 2px 0px;}
.new_nakami{padding:0px 0px 0px 5px;}
/*.new_kugiri{padding:0px 2px 0px 2px; border-top: 1px dashed #008A52;}*/
.new_kugiri{padding:1px 0px 1px 5px; border-bottom: 1px dashed #008A52;}
.new_kugiri_ue{padding:1px 0px 1px 5px; border-top: 1px dashed #008A52;}

/* ぱんくず */
.pan{padding:2px 0px 2px 0px; font-size:10px; text-align:left}

/* コンテンツ説明 */
.comment{font-size:13px; font-weight:bold; padding:5px 0px 5px 20px;}

/* 四角で挟んだ見出し */
.midashi{margin-left:20px; padding-left:20px; font-size:16px; color:#073E73;}

/* 見出しの中身 */
#mein{padding:5px 0px 5px 30px;}

/* 戻るアイコンの指定 */
.back_icon{margin-left:30px;}

/* その他フォント */
.red{color:#FF0000;}
.red_b{color:#FF0000; font-weight:bold;}
.bold{font-weight:bold;}
.white{color:#FFFFFF;}
.mini{font-size:9px;}
.blue{color:#00569C;}
.midori{color:#33A65E; font-weight:bold;}
.green{color:#33A65E;}

/* 製品紹介 */
.cap{font-size:10px; padding-right:15px;}
.bunrui{margin-left:10px; padding-left:10px; font-size:10px; padding-right:15px;}

/* 個人情報について */
.list{font-weight:bold; padding:2px 0px 2px 30px; line-height:20px;}

/* リストメニュー */
.list_menu{padding:2px 0px 2px 5px; line-height:18px;}
.list_f{font-size:12px; line-height:25px; width:150px; padding:0; margin:0px; text-align:left;}
.list_m{list-style-image:url(/img/sankaku.gif);}

/* 長文 */
#bunsyou{line-height:18px; text-align:left;}

.bunsyou{line-height:18px; text-align:left;}/*id複数指定回避策*/

/* 下線をつけよう */
.underline{padding:2px 0px 2px 15px;
			border-bottom:1px solid #073E73;
			font-weight:bold;
			color:#073E73;
			font-size:13px; letter-spacing:2px;}
			
.underline_d{padding:2px 0px 2px 15px;
			border-bottom:double 3px #0070EB;
			font-size:13px;
			font-weight:bold;}

.underline_d_l{padding:2px 0px 2px 15px;
			border-bottom:double 3px #0070EB;
			font-size:13px;
			font-weight:bold;
			text-align:left;}

/* テキスト位置 */
.al_left{
	text-align:left;
}
.al_center{
	text-align:center;
}
.al_right{
	text-align:right;
}

.vl_top{
	display: table-cell;
    vertical-align: top; 

}
.vl_btm{
	display: table-cell;
    vertical-align:bottom;
}
.vl_mid{
	display: table-cell;
    vertical-align:middle;
}

		
/*テーブルが真ん中にくる魔法*/
.tbl_center{
	margin-left:auto;
	margin-right:auto;
}

.tbl_left{
	margin-right:auto;
}

.tbl_right{
	margin-left:auto;
}
			
		
/* サイトマップ */
.shikaku{margin-right:5px; margin-left:15px;}


/* モータースポーツ */
.rd{padding:5px 5px 5px 5px; font-weight:bold;}
.ms_title{font-size:18px; font-weight:bold; color:#0070EB;
			border-left:#0070EB solid 5px;
			border-right:#0070EB solid 5px;
			letter-spacing:2px;
			padding:2px 5px 2px 5px;}
.kaisaichi{font-size:15px; font-weight:bold;}
.event_title{font-size:18px; font-weight:bold; padding:5px 0px 5px 15px;}
.event_kaisaichi{font-size:14px; padding-left:20px;}
.report_title{font-size:16px; font-weight:bold; padding:2px 0px 5px 10px;}
.report_subtitle{font-size:14px; padding:2px 0px 5px 15px;}

/* 質問 */
.question_q{text-indent:-2em; margin:2px 0px 2px 25px; border-bottom:double 3px #0070EB; font-weight:bold;}
#question_a{margin:2px 0px 2px 25px;}
.question_title{font-size:18px; font-weight:bold; color:#073E73;
			border-left:#073E73 solid 5px;
			border-right:#073E73 solid 5px;
			letter-spacing:2px;
			padding:2px 5px 2px 5px;}

/* キャンペーン情報 */
.campaign_shop{font-size:12px; font-weight:bold; padding:0 0 0 5px; color:#FFFFFF;}
.campaign_time{font-size:10px; padding:0 5px 0 0;}
.campaign_time_w{font-size:10px; padding:0 5px 0 0; color:#FFFFFF;}
.campaign_title{font-size:13px; font-weight:bold; padding:0 0 0 5px;}
.campaign_main{padding:2px 2px 2px 5px;}

/* 製品紹介 */
/*.products_midashi{font-size:18px;
					 color:#008837;
					 font-weight:bold;
					 border-bottom:solid 1px; 
					 border-bottom-color:#999999; 
					 letter-spacing:5px; 
					 border-left:solid 15px; 
					 padding:3px 0px 0px 5px; 
					 width:200px; 
					 border-left-color:#999999;}*/

#product{float:left;
		width:750px;
		margin:10px 0px 0px 0px;
	} 
	
#product dt {
	letter-spacing: 3px;
	border-bottom:solid 1px;
	border-left:solid 15px;
	margin-bottom: 5px;
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	padding-left:5px;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
#product dd {
	margin-left: 50px;
	margin-right:50px;
	margin-bottom: 20px;
	letter-spacing: 3px;
	text-align:left;
	font-size:12px;
}
.product_cap{font-size:18px; color:#33A65E; line-height:25px; font-weight:bold;}
.product_release{font-size:16px; color:#FF0000;}
.product_spec{font-size:14px; color:#0000FF; font-weight:bold;}
.product_title{font-size:18px; color:#FF0000; letter-spacing:4px; font-weight:bold; text-align:left;}
#product_list{font-size:14px; font-weight:bold; text-indent:-1em; margin:2px 30px 2px 30px; line-height:18px; text-align:left;}
#product_bunsyo{font-size:14px; font-weight:bold; margin:2px 30px 2px 30px; line-height:18px;}
#product_sukima{padding:2px 20px 2px 20px;}

.product_BFM{font-size:16px; font-weight:bold; margin:2px 20px; line-height:30px; text-decoration:underline; text-align:left;}


#product2{float:left;
		width:300px;
		margin:10px 0px 0px 0px;
	} 
	
#product2 dt {
	border-bottom:solid 1px;
	margin-bottom: 5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	text-align:left;
}

/* PFC */
.product_pfc{padding-left:30px;}
/* 質問 */
#pfc_q{margin:2px 0px 2px 0px; border-bottom:double 3px #0070EB; font-weight:bold;}
#pfc_a_red{margin:2px 0px 2px 10px; color:#FF0000;}
#pfc_a{text-indent:1em; margin:2px 0px 2px 20px;}
#pfc_cau{text-indent:-1em; margin:2px 30px 2px 20px; line-height:18px;}


/* フローチャート */
.chart{font-size:12px;
		color:#444444; padding-left:5px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:18px;}
		
.michi{padding-right:5px; padding-left:5px; font-size:14px; font-weight:bold;}		

.kigou{font-size:12px;}

/* spdのQ&A */
.answer {color:#FF0000;}
.question {color: #0070EB;}

/* 検索ページ */
.hinban{font-size:18px; color:#33A65E; line-height:20px; font-weight:bold;}
#migiyose{padding-right:30px; text-align:right;}
.hinban2{font-size:12px; color:#33A65E; font-weight:bold;}


.oh{font-size:13px;}

/* 保証書登録 */



/* 採用エントリーフォーム */
.formstyle {
   
  border:solid 1px  #0070EB;
  background-color:#FFFFFF;
}

.form_h{padding:5px 0px 5px 5px;}
.form_ex{color:#999999;}


.dist_country{font-size:18px; color:#FFFFFF; line-height:20px; font-weight:bold;}



.owabi{font-size:24px; color:#FF0000; font-weight:bold; line-height:25px;}


/* ぬりえフェスティバル */
.name{font-size:18px; font-weight:bold; line-height:20px;}

/* イベント情報 */
.event_midashi{font-size:13px; font-weight:bold; color:#666666;
			border-left:#0033FF solid 10px;
			border-bottom:#0033FF solid 1px;
			letter-spacing:2px;
			padding:2px 5px 2px 5px;
			text-align:left;}
			
			
/* IR情報 */
#ir_no{text-indent:-1em; margin:5px 0px 5px 15px;}
.ir_day{padding:5px 2px 5px 0px; font-weight:bold;}

/* トップ新着 */
.topnew_products{background-image:url(img/new_product.gif); background-repeat:no-repeat; text-align:right; padding-right:10px; }
.topnew_ms{background-image:url(img/new_ms.gif); background-repeat:no-repeat; text-align:right; padding-right:10px; }
.topnew_topic{background-image:url(img/new_topic.gif); background-repeat:no-repeat; text-align:right; padding-right:10px;}
.rss_nituite{text-align:right; padding:5px 10px; font-size:9px; vertical-align:middle;}



/* ユーザーズボイス */
.users_name{font-size:22px; font-weight:bold; color:#FFFFFF; padding-left:20px; line-height:25px; text-align:left;}
.users_san{font-size:small; color:#FFFFFF;}
.users_tenbun{text-indent:-1em; margin:2px 0px 2px 15px;}


/* special */
.midashi_sp01{
	padding:5px 0 5px 30px;
	text-align:left;
}
.title_quare{
	border-bottom:solid 1px;
	border-left:solid 15px;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:5px;
}

.out_opa{
    opacity: 1 ; /* Opera, Safari用 */
    filter:alpha(opacity=100);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)"; /* IE8用 */
  /*  -khtml-opacity: 1 ;  /* Safari , 他ブラウザ用  */
    -moz-opacity: 1 ; /* Firefox , Netscape用 */
}

.over_opa{
    opacity: 0.7; /* Opera, Safari用 */
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
 /*   -khtml-opacity: 0.7;  /* Safari , 他ブラウザ用  */
    -moz-opacity:0.7; /* Firefox , Netscape用 */
}



/*製品紹介みたいに横にメニュー出すなら*/
#Lmenu_box
{
  width:250px; height:auto;
/*  background-color:#ffffff;
  background-color:rgba(255,255,255,0.8);*/
  border:none;/*ridge 2px #b5b5b6;*/
  position: absolute;
  left: 10px;
  top: 150px;
  cursor: pointer;
  text-align:center;
  vertical-align:middle;
  overflow:auto; overflow-x:hidden;overflow-y:hidden;
  z-index:1;
  padding:5px 5px 5px 5px;
  
}

/*TOPにジャンプボタンを出すならこれどうぞ*/
#tein_top_jmp
{
  width:56px; height:auto;
/*  background-color:#ffffff;
  background-color:rgba(255,255,255,0.8);*/
  border:none;/*ridge 2px #b5b5b6;*/
  position: absolute;
  left: 800px;
  top: 150px;
  cursor: pointer;
  text-align:left;
  vertical-align:middle;
  overflow:auto; overflow-x:hidden;overflow-y:hidden;
  z-index:1;
  padding:0px 0px 0px 0px;
  
}
#tein_top_jmp img{
	margin-left:2px;
	border:none;
}
.page_left_menu{
	text-align:left;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
.page_left_menu img{
	border:none;
}


/* 画像を使わない旧共通見出し用スタイル 2016/8月追加 */
.midasi_old {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:bold;
	color:#0070eb;
	font-size:18px;
	padding: 0.1em 0.3em 0 0.3em;
	border:solid #0070eb ;
	border-width:0 9px 0 9px;
	display:inline-block;
	height:20px;
	margin-bottom:3px;
}
a.komidasi_old {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:bold;
	color:#3e3e3e;
	font-size:14px;
	display:inline-block;
	padding-top: 1px;
	padding-left: 23px;
	margin-bottom:6px;
	background-image:url(/products/img/komidasi_u.gif);
	background-repeat:no-repeat;
} 
a.komidasi_old:hover {
	background-image:url(/products/img/komidasi_d.gif);
} 

a.button_old {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#fff;
	font-size:12px;
	display:inline-block;
	background:#0070eb;
	background: -webkit-linear-gradient(top, #0070eb 0%,#00569C 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #0070eb 0%,#00569C 100%); /* W3C */
	padding:2px 10px;
	margin-bottom:6px;
	border-radius: 5px;  
	-webkit-border-radius: 5px; 
} 
a.button_old:hover {background: #00569C;}

/*製品紹介インデックス　PRM/PRM PLUS用*/
.prm_left {
	width: 53px;
	height: 180px;
	float: left;
	margin-right: 15px;
}
.prm_right {
	width: 270px;
	float: left;
}

p.yvlinkA a {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	background: linear-gradient(to bottom, #009844 0%, #009844 50%, #007531 51%, #007531 100%); 
	width: 60%;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
p.yvlinkB a {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	background: linear-gradient(to bottom, #009844 0%, #009844 50%, #007531 51%, #007531 100%); 
	width: 75%;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
p.yvlinkA a:hover,
p.yvlinkB a:hover {
	background: linear-gradient(to bottom, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
}
/* ボタン左の三角マーク */
p.yvlinkA a:before,
p.yvlinkB a:before{
    content: "";
    /* これがないと表示されません */
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    /* 左ボーダー以外は非表示 */
    border-left: 8px solid #fff;
    /* 左ボーダーで三角形を作る */
}