/* CSS Document */

/* コメント例 */
/* =====SUGINO リニューアルHPCSS版組oda =====*/


/* ===============================================================================================*/
/* レイアウトの構成2009 6/30*/


/*　#main 全体枠。*/

/*　ページ上部　上帯　*/
/*　#headder　ヘッダー。#bottan　ボタン部分　*/


/*　ページ中央部　　*/


/*　ページ下部　下帯　*/
/*　#footer フッター　*/
/*　　*/

/*　　*/
/*　　*/
/*　　*/


/* 共通設定=======================================================================================*/
/* ===============================================================================================*/
/*　フォント固定　*/
.font_red{	
	color: #ff0000;
}

H1 {
	font-weight: normal; font-size: 13px; color: #333333;
}

H2 {
	font-weight: normal; font-size: 20px; color: #444444; line-height: 1.5;
}

H3 {
	font-weight: normal; font-size: 11px; color: #444444; line-height: 18pt;
}
/* ===============================================================================================*/

/*　初期設定　*/
.clear{
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	clear:both;
}

*{
	margin: 0px;
	padding: 0px;
}


html{
	overflow-y: scroll;
}



body{
	padding: 40px;
	background-color: #ffffff;

}
/*　リンクテキスト色設定　*/

a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}


a{
	text-decoration: none;
	color: #333333;
}
a:hover{ 
	background-color: #BFBFBF;	
}
/*
	color: #1c3fff;
	font-size: 14px;
*/

/*　追加yy　*/
hr{
	padding: 0;
	margin-top: 2px;
}


/*　メイン枠　*/
#main{
	margin: auto;
	width: 798px;
	border: 1px solid #BFBFBF;
	
	font-weight: normal;
	font-size: 13px;
	color: #333333;
}

/*　ヘッタ　*/
#header{
	width: 798px;
	height: 50px;
	background-image: url(bmp/top_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#header a{
	text-indent: -9999px;
	background-color: transparent;
	/*\*/
	overflow: hidden;
	/**/
}

#header h1{
	width: 225px;
	height: 50px;
	float: left;
}

#header h1 a{
	display: block;
	width: 225px;
	height: 50px;
}


#header_e_link{
	width: 117px;
	height: 50px;
	float: right;
}

#header_e_link a{
	display: block;
	width: 117px;
	height: 50px;
	background-image: url(bmp/e_link.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#header_e_link a:hover{
	background-image: url(bmp/e_link_off.gif);
}

/**/#header_j_link{
	width: 117px;
	height: 50px;
	float: right;
}

#header_j_link a{
	display: block;
	width: 117px;
	height: 50px;
	background-image: url(bmp/j_link.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#header_j_link a:hover{
	background-image: url(bmp/j_link_off.gif);
}




#header_btn{
	width: 798px;
	height: 23px;
	border-bottom: 0px solid #BFBFBF;
	text-indent: -9999px;
	clear:both;
}


#header_btn div{
	float: left;
}

#header_btn a{
	display: block;
	background-color: transparent;
	/*\*/
	overflow: hidden;
	/**/
}





/*　ボタンopen　*/

#btn_news{
	width: 199px;
	height: 23px;
}

#btn_news a{
	width: 199px;
	height: 23px;
	background-image: url(bmp/btn_main_news_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_news a:hover{
	background-image: url(bmp/btn_main_news_off.gif);
}

#btn_product{
	width: 200px;
	height: 23px;
}

#btn_product a{
	width: 200px;
	height: 23px;
	background-image: url(bmp/btn_main_product_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_product a:hover{
	background-image: url(bmp/btn_main_product_off.gif);
}

#btn_agency{
	width: 200px;
	height: 23px;
}

#btn_agency a{
	width: 200px;
	height: 23px;
	background-image: url(bmp/bto_agency_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_agency a:hover{
	background-image: url(bmp/bto_agency_off.gif);
}

#btn_map{
	width: 199px;
	height: 23px;
}

#btn_map a{
	width: 199px;
	height: 23px;
	background-image: url(bmp/bto_main_map_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_map a:hover{
	background-image: url(bmp/bto_main_map_off.gif);
}

/*　英語メインボタン　*/
#btn_product_e {
	width: 200px;
	height: 23px;
}

#btn_product_e a{
	width: 200px;
	height: 23px;
	background-image: url(bmp/btn_main_product_e_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_product_e a:hover{
	background-image: url(bmp/btn_main_product_e_off.gif);
}

#btn_agency_e{
	width: 200px;
	height: 23px;
}

#btn_agency_e a{
	width: 200px;
	height: 23px;
	background-image: url(bmp/bto_agency_e_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
#btn_agency_e a:hover{
	background-image: url(bmp/bto_agency_e_off.gif);
}
*/



/* フッター */
#footer{
	width: 798px;
	height: 25px;
	background-image: url(bmp/footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}



/* トップページ===================================================================================*/
/* ===============================================================================================*/

/*　トップ広告　*/
#img_top_ad{
	text-align: center;

}

/*　製品紹介ボタン　*/

#img_new_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/new_parts_open_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_new_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/new_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_new_parts a:hover{
	background: none;
}

#img_track_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/track_parts_open_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_track_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/track_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_track_parts a:hover{
	background: none;
}

#img_single_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/single_parts_open_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_single_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/single_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_single_parts a:hover{
	background: none;
}

#img_road_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/road_parts_open_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_road_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/road_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_road_parts a:hover{
	background: none;
}

#img_touring_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/touring_parts_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_touring_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/touring_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_touring_parts a:hover{
	background: none;
}

#img_sugino_00{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/suginoicon.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*#img_sugino_00 a{
	display: block;
	width: 374px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/suginoiconjpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_sugino_00 a:hover{
	background: none;
}*/

/*　ボタンEND　*/

#product{
	margin: auto;
	width: 798x;
	text-align: center;
}

#product a{	
	/*\*/
	overflow: hidden;
	/**/
}

#product table{
	margin: auto;
}

/*　製品ボタン　*/
#btn_new_parts a{
	width: 378px;
	height: 100px;
	background-image: url(bmp/new_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btn_new_parts a:hover{
	background-image: url(bmp/new_parts_open_off.jpg);
}


/* トラックNJS分岐===================================================================================*/
/* ===============================================================================================*/
#img_njs-in_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/njs_parts_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#img_njs-in_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/njs_parts_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_njs-in_parts a:hover{
	background: none;
}


#img_track-in_parts{
	margin: auto;
	width: 378px;
	height: 100px;
	background-image: url(bmp/track_parts2_off.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#img_track-in_parts a{
	display: block;
	width: 378px;
	height: 100px;
	text-align: left;
	text-indent: -9999px;
	background-image: url(bmp/track_parts2_open.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#img_track-in_parts a:hover{
	background: none;
}





/* ニュースページ========================================================================*/
/* ======================================================================================*/

/*　news　*/
#news{
	margin: 0 auto 15px auto;
	width: 758px;
}






/* アクセスマップページ==================================================================*/
/* ======================================================================================*/

/*　map　*/
#map_top{
	margin-top:30px;
	margin: auto;
	width: 758px;
	border: 1px solid #BFBFBF;
	float: center bottom;
	}






/* 販売代理店ページ======================================================================*/
/* ======================================================================================*/
/*　agency　*/
#agency_top{
	margin-top:30px;
	margin: auto;
	width: 758px;
	border: 0px solid #BFBFBF;
	float: center bottom;
		}








/* 製品一覧＝＝＝========================================================================*/
/* ======================================================================================*/




/* new parts list */

.new_parts_title{
	margin: auto;
	width: 758px;
}


.new_parts_list_frame{
	margin: auto;
	width: 783px;
}

.new_parts_list{
	margin: 10px 12px 15px 12px;
	width: 237px;
	height: 237px;
	float: left;
	display: inline;
}

.new_parts_list table{
	border: 1px solid #BFBFBF;
	text-align: center;
}


/* 追加yy */
.new_parts_list a:hover{
	background-color: transparent;
}


/* spase parts list */


.spase_parts_title{
	margin: auto;
	width: 758px;
}


.spase_parts_list_frame{
	margin: auto;
	width: 783px;
}

.spase_parts_list{
	margin: 10px 12px 15px 12px;
	width: 237px;
	height: 237px;
	float: left;
	display: inline;
}

.spase_parts_list table{
	/* border: 1px solid #ffffF;*/
	text-align: center;
}



/* 詳細 parts list */

.set_parts_title{
	margin: auto;
	width: 758px;
}


.set_parts_list{
	margin: 10px auto 15px auto;
	width: 756px;
	height: 430px;
	border: 1px solid #BFBFBF;
}

.set_parts_list_tab{
	margin-left: 23px;
	width: 300px;
	height: 400px;
}

.set_parts_list_tab th{
	width: 100px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.set_parts_list_tab td{
	text-align: left;
	height: 20px;
	vertical-align: top;
	
}

.set_parts_list_tab td a{
	color:#333333;
	border-bottom:1px dotted #333333;
}


/*追加yy*/
a:hover.style2{
	background-color: transparent;
}


/* 詳細 parts 閲覧用簡易　list */

.small_set_parts_title{
	margin: auto;
	width: 758px;
}







/*　製品詳細　*/
#contents{
	margin: 0 auto 15px auto;
	width: 758px;
	border: 1px solid #bfbfbf;
	text-align: center;
}

#contents table{
	margin: auto;
	width: 300px;
	text-align: center;
}

#contents th{
	width: 100px;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}

#contents h2{
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.1;
}

#contents .contents_th_name{
	padding-top: 13px;
}

#contents td{
	width: 200px;
	height: 30px;
	vertical-align: top;
}

#contents td a{
color:#333333;
border-bottom:1px dotted #333333;

}

/*　製品詳細2 201008以降製品情報　*/
#contents2{
	margin: 0 auto 15px auto;
	width: 758px;
	border: 1px solid #bfbfbf;
	text-align: center;
}

#contents2 table{
	margin: auto;
	width: 400px;
	text-align: center;
}

#contents2 th{
	width: 100px;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}

#contents2 h2{
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.1;
}

#contents2 .contents_th_name{
	padding-top: 13px;
}

#contents2 td{
	width: 200px;
	height: 15px;
	vertical-align: top;
}

#contents2 td a{
color:#333333;
border-bottom:1px dotted #333333;

}


/* 
スペックテーブル罫線
 */


.table_03 {
width:378;margin:auto;padding:0px;
border-collapse:collapse;
}
.table_03 th {
width:25%;padding:4px 2px 2px 4px;
/*text-align:left;vertical-align:top;color:#333333; */
background-color:#EEEEEE;
border:1px solid #333333;
}
.table_03 td {
padding:4px 2px 2px 4px;
/*background-color:#EEEEEE;*/
border:1px solid #333333;
}


.table_03_2 {
margin:auto;padding:0px;
border-collapse:collapse;
}
.table_03_2 th {
/*width:25%;padding:4px 2px 2px 4px;*/
/*text-align:left;vertical-align:top;color:#333333; */
/*background-color:#EEEEEE;*/
/*border:1px solid #333333;*/
}
.table_03_2 td {
padding:4px 2px 2px 4px;
/*background-color:#EEEEEE;*/
/*border:1px solid #333333;*/
}


/* 
スペック情報テーブル罫線0
 */


.table_04 {
width:702px;margin:auto;padding:0px;
border-collapse:collapse;
}
.table_04 th {
width:10px;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#333333;
/*background-color:#EEEEEE;*/
/*border:1px solid #333333;**/
}


.table_04 td {
padding:4px 2px 2px 4px;
/*background-color:#EEEEEE;*/
/*border:1px solid #333333;*/
} 


/* 
================================================================================ */
/*     IE5,IE6用プリントCSS zoomはIE独自拡張プロパティ                              */  
/* ================================================================================ */
@media print{ 
body{
zoom: 75%;
}