@import"common.css";

/* CSS Document */

/*������ contact START ������������������������������������������������������������������������������������������������*/
/*/// contents ////////////////////////////////////////////////////////*/
#title-contact{
	height: 70px;
	background-image: url(../images/contact/h2-contact.png);
	background-repeat: no-repeat;
}
/*//////////// text invisible ////////////*/
#title-contact h2{text-indent: -9999px;}
/*//////////// text invisible ////////////*/

#contents-contact{
	padding-top:20px;
	padding-left:80px;
	padding-bottom:170px;
}

#shop-contact{
	float: left;
	width:500px;
}

#shop-contact ul{
	padding-top:40px;
}

#shop-contact ul li{
	float: left;
	display: inline;
	padding-right:30px;
	padding-bottom:30px;
}

#shop-contact p.petit{
	clear: both;
	top: -20px;
	position: relative;
}

#shop-contact ul li a{
	overflow: hidden;
}

#shop-contact ul li a:link{
	text-decoration: underline;
	color: #81792F;
}

#shop-contact ul li a:visited{
	text-decoration: underline;
	color: #81792F;
}

#shop-contact ul li a:hover{
	text-decoration: underline;
	color: #BCB045;
}

#shop-contact ul li a:active{
	text-decoration: underline;
	color: #BCB045;
}

#logistic{
	height: 130px;
	width: 350px;
	padding-right:25px;
	float:right;
	background-image: url(../images/contact/logistic-back.png);
	background-repeat: no-repeat;
	font-size:11px;
}

#logistic h4{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	line-height:1.25em;
	font-size:12px;
	font-weight:bold;
}

#logistic p{
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	line-height:1.5em;
}

#logistic-p{
	line-height:1.25em;
	position:absolute;
	top:-10px;
}

#logistic dl{
	padding-top:8px;
	padding-left:20px;
	padding-bottom:10px;
	line-height:1.25em;

}

#logistic dt{
	background-image: url(../images/contact/list-contact.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	padding-bottom:5px;
}

#logistic dd{
	text-indent:20px;
}

#br-height{
	line-height: 10px;
}

.map{
	float:right;
	padding-top:12px;
	padding-right:126px;
}

#jura-grand{
	clear:both;
	padding-top:40px;
}

#jura-grand h3{
	background-image: url(../images/contact/list-grand.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight: bold;
}

#jura-grand p{
	padding-top:10px;
	padding-left:30px;
}

#jura-omotesando-hills{
	padding-top:40px;
}

#jura-omotesando-hills h3{
	background-image: url(../images/contact/list-omotesando-hills.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight: bold;
}

#jura-omotesando-hills p{
	padding-top:10px;
	padding-left:30px;
}

#jura-petit{
	padding-top:40px;
}

#jura-petit h3{
	background-image: url(../images/contact/list-petit.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight: bold;
}

#jura-petit p{
	padding-top:10px;
	padding-left:30px;
}

#jura-miyakoya-roppongi{
	padding-top:40px;
}

#jura-miyakoya-roppongi h3{
	background-image: url(../images/contact/list-miyakoya-roppongi.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight: bold;
}

#jura-miyakoya-roppongi p{
	padding-top:10px;
	padding-left:30px;
}

#jura-miyakoya-yokosuka{
	padding-top:40px;
}

#jura-miyakoya-yokosuka h3{
	background-image: url(../images/contact/list-miyakoya-yokosuka.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-weight: bold;
}

#jura-miyakoya-yokosuka p{
	padding-top:10px;
	padding-left:30px;
}

#shimai{
	padding-top:50px;
}

#traction{
	padding-top:15px;
}

#traction p{
	padding-top:6px;
	padding-left:30px;
}
/*������ contact END ������������������������������������������������������������������������������������������������*/