@charset "utf-8";
body {
	color: #333333;
	padding: 0px;
	line-height: 1.4em;
	margin: 0px;
	background-color:#f8f8f8;
	background-repeat: repeat-x;
	font-family: "Lucida Grande", ＭＳゴシック, Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;

}

html {-webkit-text-size-adjust:none;}

a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #000000;
	height: 100px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: underline;
}


/*-----------------------------
	header & contents
-----------------------------*/

#page_bg{
	width: 1030px;
	margin:0 auto;
	padding:0;
	background:url(../images/page_bg.jpg) repeat-y;
}
.header_glay {
	width: 1012px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	font-weight: normal;
	background:url(../images/header_glay.jpg);
	height:20px;
}


.footer_glay {
	width: 1012px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	font-weight: normal;
	background:url(../images/footer_glay.jpg);
	height:21px;
}
#wrap {
	width: 980px;
	margin:0 auto;
	padding:0;
	font-weight: normal;
}

#header_bg {
	width:100%;
	font-weight: normal;
	height: 80px;
	margin:0;
	padding:0;
	background-color:#eaeaea;
}
.header_txt{
margin-top: 33px;
float:left; width:300px; 
}
.header_catch{
padding-top:5px; padding-left:15px; font-size:0.8em;
}
.header_txt_menu{
float:right; padding:50px 10px 0 0; width:350px;
}
#logo {
	height: 53px;
	width: 194px;
	float: left;
}
#logo a{
	background-image: url(../img/jadlogo.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#logo a:hover{
	background-image: url(../img/jadlogo.gif);
	background-position: bottom;
}
#header_contact {
	float: right;
	width:400px;
	line-height: 1.1em;
	padding-top: 12px;
}

.left_contents{
	float:left;
	width:230px;
	margin-left: 15px;
	margin-top: 15px;
}


.topright_contents{
	float:right;
	width:693px;
	margin-right: 15px;
	margin-top: 15px;
}
.toptable{
width:520px;
}
.top_under_btn{
text-align:right; padding-top:7px; padding-right:6px;
}

.top_picf{
float:left; padding-right:15px;
}

.top_txt{
line-height:180%; padding-right:10px;
}

.right_contents{
float:right;
width:701px;
}

.p_name_bg{
background:url(../images/name_bg.jpg) no-repeat;
width:701px;
height:20px;
padding-top:3px;
padding-left:10px;
font-size:12px;
font-weight:bold;
margin-bottom:15px;
}

.price{
color:#d01d1d;
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}

.d_txt{
font-size:12px;
padding-right:15px;
}

.howto_stit{
font-size:1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;
}

/*-----------------------------
	menu
-----------------------------*/
#gnavi{
	list-style: none;
	height: 44px;
	position: relative;
	padding: 0px 0px 0px 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#gnavi span {
	display: none;
	position: absolute;
}
#gnavi a {
	text-indent: -9999px;
	position: absolute;
	outline: none;
	left: 633px;
	top: 0px;
}
#gnavi a:hover {
	background-position: left bottom;
}


#gnavi .gnavi1 {
	background-position: 0 top;
	background-image: url(../images/gmenu01.jpg);
	height: 44px;
	width: 140px;
	left: 0px;
	top: 0px;
}

#gnavi .gnavi1 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}


#gnavi .gnavi2 {
	background-position: 0 top;
	background-image: url(../images/gmenu02eng.jpg);
	height: 44px;
	width: 140px;
	left: 140px;
	top: 0px;
}

#gnavi .gnavi2 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}

#gnavi .gnavi3 {
	background-position: 0 top;
	background-image: url(../images/gmenu03eng.jpg);
	height: 44px;
	width: 140px;
	left: 280px;
	top: 0px;
}

#gnavi .gnavi3 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}

#gnavi .gnavi4 {
	background-position: 0 top;
	background-image: url(../images/gmenu04eng.jpg);
	height: 44px;
	width: 140px;
	left: 420px;
	top: 0px;
}

#gnavi .gnavi4 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}

#gnavi .gnavi5 {
	background-position: 0 top;
	background-image: url(../images/gmenu05eng.jpg);
	height: 44px;
	width: 140px;
	left: 560px;
	top: 0px;
}

#gnavi .gnavi5 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}
	
#gnavi .gnavi6 {
	background-position: 0 top;
	background-image: url(../images/gmenu06eng.jpg);
	height: 44px;
	width: 140px;
	left: 700px;
	top: 0px;
}

#gnavi .gnavi6 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}

#gnavi .gnavi7 {
	background-position: 0 top;
	background-image: url(../images/gmenu07eng.jpg);
	height: 44px;
	width: 140px;
	left: 840px;
	top: 0px;
}

#gnavi .gnavi7 span {
	background-position: bottom;
	background-image: url(../images/gmenu01.jpg);
	}

.ca_name01{
/*background:url(../images/wheels_tit.jpg) no-repeat;*/
background:url(../images/tit.jpg) no-repeat;
width:223px;
height:35px;
padding-left:8px;
padding-top:14px;
font-weight:bold;
color:#ef2525;
}

.ca_name02{
/*background:url(../images/tires_tit.jpg) no-repeat;*/
background:url(../images/tit.jpg) no-repeat;
width:223px;
height:35px;
padding-left:8px;
padding-top:14px;
font-weight:bold;
color:#ef2525;
margin-top:15px;
}

.ca_name03{
/*background:url(../images/parts_tit.jpg) no-repeat;*/
background:url(../images/tit.jpg) no-repeat;
width:223px;
height:35px;
padding-left:8px;
padding-top:14px;
font-weight:bold;
color:#ef2525;
margin-top:15px;
}

.cnav {
	width:180px;
	font-size:1em;
	list-style: none;
	margin-left: 15px;

}

.cnav li {
	width:180px;
	height:16px;
	overflow:visible;
	margin-bottom: 4px;
}



.cnav li.cnav01 a, .cnav li.cnav01 a:hover
 {
	text-align:left;
	display:block;
	width:180px;
	height:24px;
	background:url(../images/arrow.jpg) left no-repeat;
	padding-left: 20px;
	padding-top: 8px;

}

.cnav li.cnav01 a:hover
{
	color:#ff5527;
	text-decoration:none;
}


/*-----------------------------
	footer
-----------------------------*/

.totop {
	text-align:right;
	font-size:1em;
	padding-right:35px;
	float: right;
	padding-top: 40px;
}
.footer_menu {
	float: left;
	padding-left: 290px;
	padding-top: 40px;
}


#footer {
	color: #666666;
	background:url(../images/footer_bg.jpg) no-repeat;
	height: 102px;
	padding-top: 10px;
	text-align: center;
	width: 980px;
	margin:0 auto;
	margin-top: 5px;
}


#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #0099CC;
	text-decoration: none;
}


.adress { background-image:url(../images/arrow_top.gif) ;


	width:192px;
	height:auto;
	color:#666666;
	
	margin-top: 5px;
	text-decoration: none;
	padding-top: 2px;

}

.adress p { font-weight:bold;
	}



/*-----------------------------
	etc
-----------------------------*/
.fleft{
float:left;
}
.fright{
float:right;
}

img {
	border:0;
}
.require {
	font-size: 0.8em;
	color: #FF0000;
}



hr {
	display:none;
}
.hid {
	display:none;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clearfix:after {
	VISIBILITY: hidden; CLEAR: both; DISPLAY: block; HEIGHT: 0px
}
.clearfix {
	DISPLAY: inline-block
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pankuzu {
	font-size: 0.8em;
	margin-bottom: 3px;
}

.howto_notice{
color:#FF0000; font-size:10px;
}








/*-----------------------------
	paddin_margin
-----------------------------*/

.maL5 {
	margin-left:5px;
}
.maL15 {
	margin-left:15px;
}
.maR5 {
	margin-right:5px;
}
.maR12{
	margin-right:12px;
	}
.maR15 {
	margin-right:15px;
}
.maR20 {
	margin-right:20px;
}
.maB10 {
	margin-bottom:10px;
}
.maB20 {
	margin-bottom:20px;
}
.maB30 {
	margin-bottom:30px;
}
.maB50 {
	margin-bottom:50px;
}
.maB55 {
	margin-bottom:55px;
}

.maT5 {
	margin-top:5px;
}

.maT10 {
	margin-top:10px;
}
.maT20 {
	margin-top:20px;
}

.paL5 {
	padding-left:5px;
}

.paL10 {
	padding-left:10px;
}

.paL15 {
	padding-left:15px;
}
.paL20 {
	padding-left:20px;
}
.paL25{
	padding-left:25px;
}
.paL35{
	padding-left:35px;
}
.paR5 {
	padding-right:5px;
}
.paR12{
	padding-right:12px;
	}
.paR15 {
	padding-right:15px;
}
.paR20 {
	padding-right:20px;
}
.paR35 {
	padding-right:35px;
}

.paB5 {
	padding-bottom:5px;
}

.paB10 {
	padding-bottom:10px;
}

.paB15 {
	padding-bottom:15px;
}

.paB20 {
	padding-bottom:20px;
}

.paB25 {
	padding-bottom:25px;
}

.paB30 {
	padding-bottom:30px;
}
.paB50 {
	padding-bottom:50px;
}
.paB55 {
	padding-bottom:55px;
}
.paT5 {
	padding-top:5px;
}
.paT10 {
	padding-top:10px;
}

.paT15{
	padding-top:15px;
}

.paT20 {
	padding-top:20px;
}

.paT25 {
	padding-top:25px;
}

.paT30 {
	padding-top:30px;
}

.paT35 {
	padding-top:35px;
}

.paT40 {
	padding-top:40px;
}

.paT50 {
	padding-top:50px;
}



.pageswitch{
text-align:center;
}




.mstore table	{
	border-collapse:collapse;
	width:701px;
	margin:0 auto;
}
.howto  table	{
	border-collapse:collapse;
	width:701px;
	margin:0 auto;
}

.mstore td{
	border-bottom:1px dotted #ddd;
}
.howto  td{
	border: 1px solid #ddd;
}

.mstore .tdd2{
	padding:5px 0 5px 12px;
	background-color:#eeeeee;

	}
.howto  .tdd2{
	padding:7px 0 7px 12px;
	background-color:#eeeeee;
	}
.howto  .tdd3{
padding:7px 0 7px 12px; background-color:#FFFFFF; vertical-align:top

	}
.mstore .tdd3{
padding:7px 0 7px 12px; background-color:#FFFFFF; vertical-align:top

	}
.toptd {
	padding:0px 10px 0px 0px;
	background-color:#FFFFFF;
	vertical-align:top

	}


.entryform .formsub{
	width:500px;
	text-align:left;
	padding:10px;
	background-color:#0c5a9d;
	color:#ffffff;
	border:1px solid #cccccc;
}


.entryform .entrysub{
	width:145px;
	text-align:left;
	padding:10px;
	background-color:#efefef;
	color:#0c5a9d;
	border:1px solid #cccccc;
}

.top_about_wn{
	color:#666666;
	line-height:2em;
	padding-top: 3px;
	font-size: 1em;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
}

li.dotline{
	border-bottom:#CCCCCC 1px dotted;
	line-height: 2.3em;
}
.top_about_wn li a{

	color:#666666;
	border-bottom-color: #dddddd;
	
}
.top_about_wn li a:hover{
	color:#CCCCCC;	
}

.staff_box{
background-color:#f3f8fb;
padding:20px;
border-top:#dddddd solid 1px;
border-bottom:#dddddd solid 1px;
margin-top:15px;
}
.staff_sstit{
padding:10px 0 5px 0px; color:#00538c; font-weight:bold; font-size:14px;
}

.staff_txt01{
background-color:#FFFFFF; padding:10px; margin:0 auto; line-height:20px; color:#666666;
}

#lnav li {
	width:220px;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style:none;
	
}

#lnav li.lnav01 a
 {
	text-align:left;
	display:block;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	color: #666666;
	height: 30px;
	width: 206px;
	padding-left:24px;
	padding-top: 12px;

}


p.sample4 {
width:600px; height:1000px; background-color:#F4F4F4; overflow:auto;
margin-top: 40px; margin-left: 50px;
}

.subtit{
padding: 5px 0 6px 20px; color:#00538c; font-weight:bold; font-size:14px; background-image:url(../images/subtit_bg2.png);
}
.subtit_pa{
padding:20px 0 5px 0px; color:#00538c; font-weight:bold; font-size:14px;
}

#txt li{
	line-height: 20px;
	margin-left: 10px;
	list-style-type: square;
	color:#666666;
}

.txt {
	line-height: 20px;
	margin-left: 10px;
	list-style-type: square;
	color:#666666;
}

li .numbertxt{
	line-height: 2.0em;
	margin-left: 10px;
	list-style-type: number;
}

p.txt {
	line-height: 2.0em;
}

.top_box{
background-color:#F7F7F7;
padding:20px;
border-top:#dddddd solid 1px;
border-bottom:#dddddd solid 1px;
margin-top:15px;
	line-height: 2.0em;
color:#666666;
}

li .topproducts{
margin-left: 10px;
}

.about_txt{
padding:10px 0 0 0;
margin-left: 20px;
	line-height: 2.0em;
color:#666666;
}


.term_txt{
padding: 20px;
color: #666666;
}











body{
	font:70% Arial, Helvetica, sans-serif; 
	color:#555;
	line-height:100%;
	text-align:left;
	font-size: 12px;
}
a{
	text-decoration:none;
	color:#057fac;
}
a:hover{
	text-decoration:none;
	color:#999;
}
h1{
	font-size:140%;
	margin:0 20px;
	line-height:80px;	
}
#container{
	margin:0 auto;
	background:#fff;
	padding-bottom:20px;
}
#content{margin:0 20px;}
p{	
	margin:0 auto;
	padding:1em 0;
}

.subtitle2{
background-image:url(../images/subtitle_bg.jpg); width: 673px; height:27px; padding-left: 20px; padding-top: 10px; font-size: 16px; color:#00538c; margin-top: 10px;
}

.style2 {color: #FFFFFF}
.style6 {
	color: #0075C8;
	font-size: 14px;
	padding: 20px 0 5px 0px;
}

.style10 {
	font-size: 1.4em;
	color: #156195;
}
.style11 {color: #BDD1DA}

.box {
	background:#c4d9ff; /*背景色の指定*/
	padding:20px;
	}
	.box p {
	margin:0;
	padding:0;
	}
	
.scrollbox {
	width: 690px;
	height: 200px;
	overflow-y: scroll;
	background: white;
	position: relative; /* 今の位置を基準 */
    right: 5px; /* 左から10px */
	}