/* @override http://www.jurajura.jp/css/index.css */

@charset "utf-8";

/* CSS Document */

/*/// reset ////////////////////////////////////////////////////////*/

html,body,
div,p,blockquote,
dl,dt,dd,ul,ol,li,
th,td,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,pre{ 
	margin:0;
	padding:0;
}

* { font-size:13px; }

fieldset,img { 
	border:0;
	vertical-align:top;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body.mac {
	color: #333333;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Osaka', sans-serif; }

body.win {
	color: #333333;
	font-family: 'MS PGothic', 'ＭＳ Ｐゴシック',  sans-serif;
}

	/* for IE7 */  
	*+html body { font-family:'ＭＳ Ｐゴシック',sans-serif; }  
 
	/* for IE6 */  
	* html body { font-family:'ＭＳ Ｐゴシック',sans-serif; }  


ul{
	list-style:none;
}

a{
	overflow: hidden;
}

a:link{
	text-decoration: underline;
	color: #333333;
}

a:visited{
	text-decoration: underline;
	color: #333333;
}

a:hover{
	text-decoration: underline;
	color: #999999;
}

a:active{
	text-decoration: underline;
	color: #999999;
}

.mac div#whats-new-contents dl dt,
.mac div#whats-new-contents dl dd {
	font-size: 85%;
	line-height: 1.2;
}

.mac div#whats-new-contents dl dd span,
.mac div#whats-new-contents dl dd a {
	font-size: 100%;
}

.win.gecko div#whats-new-contents dl dt,
.win.gecko div#whats-new-contents dl dd {
	line-height: 1.1;
}
/*/// blogList ////////////////////////////////////////////////////////*/

/*/ Petit /*/
.blogList1{color: #E60013;}

/*/ Grand /*/
.blogList2{color: #076CB9;}

/*/ hillst /*/
.blogList3{color: #AB66A7;}

/*/ blogList /*/
.blogList4{}

/*/ Roppongi /*/
.blogList5{color: #6CBC64;}

/*/ Yokosuka /*/
.blogList6{color: #af4949;}

/*/ Takahashi /*/
.blogList7{color: #a46000;}

/*/ General /*/
.blogList8{color: #870000;}

/*/ Logstic /*/
.blogList12{color: #fd9124;}

/*/ lab /*/
.blogList13{color: #747A39;}

/*/// body ////////////////////////////////////////////////////////*/

body{
	background:url(../images/background.png);
}

#box{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #A5B183;
	border-left-color: #A5B183;
	border-right-style: solid;
	border-left-style: solid;
	overflow:hidden;
}


/*/// header ////////////////////////////////////////////////////////*/

#header{
	height:150px;
	width:960px;
	padding-bottom:10px;
}

#logo{
	width:460px;
	padding-left:10px;
}

#navi{
	height: 50px;
	width: 520px;
	float: right;
	padding-right:20px;
	padding-bottom:8px;
}

#navi ul{
}

#navi ul li{
	float: left;
	display: inline;
}

/*//////////// text invisible ////////////*/
#navi ul li{text-indent: -9999px;}
/*//////////// text invisible ////////////*/
#home a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#home a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-home.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#company a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-company.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#company a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-company.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#concept a{
	height: 50px;
	width: 65px;;
	background-image: url(../images/top/navi-concept.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#concept a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-concept.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#diary a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-diary.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#diary a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-diary.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#brands a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-brands.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#brands a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-brands.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#q-and-a a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-Q&A.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#q-and-a a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-Q&A.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#contact a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#contact a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-contact.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

#links a{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-links.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#links a:hover{
	height: 50px;
	width: 65px;
	background-image: url(../images/top/navi-links.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	display: block;
}

/*/// LEFT BOX ////////////////////////////////////////////////////////*/

#left-box{
	width: 445px;
	height: 420px;
	float:left;
	padding-left:30px;
}

/*/// Message 110426追加 ////////////////////////////////////////////////////////*/

div#messageContainer {
	
}

div#messageContainer p {
	background-image: url(../images/top/message.png);
	width: 444px;
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/*/// What's New ////////////////////////////////////////////////////////*/

#whats-new{
	padding-bottom:15px;
}

#whats-new-line-top{
	background:url(../images/top/whats-new-line-top.png);
	height:51px;
	width:445px;
}

#whats-new-line-side{
	background:url(../images/top/whats-new-line-side.png);
	width:445px;
}

#whats-new-line-bottom{
	background:url(../images/top/whats-new-line-bottom.png);
	height:37px;
	width:446px;
}

#whats-new-line-bottom a{
	position:relative;
	left:340px;
}

#whats-new-contents{
	width:360px;
	padding-top:15px;
	padding-left:40px;
	padding-bottom:5px;
	
}

#whats-new-contents dd{
	padding-bottom:8px;
	
}

/*/// RIGHT BOX ////////////////////////////////////////////////////////*/

#right-box{
	width: 445px;
	height: 420px;
	-ms-margin-left: 380px;
	float:right;
	padding-right:30px;
}

/*//////////// SHOP LIST ////////////*/
#shop-list {
	clear: left;
	margin-bottom: 40px;
	_margin-left: -80px;
}

#shop-list h3 {
	float: left;
	margin-left: 80px;
}

#shop-list ul li{
	display: inline;
}

#shop-list ul li{
	text-indent: -9999px;
	float: left;
}

/* What's Newが7段の場合のショップリスト */

#shop-list2 {
	margin-bottom: 110px;
	_margin-bottom: 40px;
	_margin-left: -80px;
	padding-top: 180px;
	_padding-top: 0px;
	clear: both;
}

*:first-child+html #shop-list2 {
	margin-bottom: 60px;
	padding-top: 70px;
}

#shop-list2 h3 {
	float: left;
	margin-left: 80px;
	margin-top: 15px;
}

#shop-list2 ul li{
	display: inline;
	margin-top: 15px;
}

#shop-list2 ul li{
	text-indent: -9999px;
	float: left;
}

/* What's Newが5段の場合のショップリスト */

#shop-list3 {
	clear: left;
	margin-bottom: 110px;
	_margin-left: -80px;
	margin-top: -20px;
}

#shop-list3 h3 {
	float: left;
	margin-left: 80px;
	margin-top: 15px;
}

#shop-list3 ul li{
	display: inline;
	margin-top: 15px;
}

#shop-list3 ul li{
	text-indent: -9999px;
	float: left;
}

/* ここまで */

#grand a{
	height: 29px;
	width: 134px;
	background-image: url(../images/top/shop-list-GRAND.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-left: 30px;
}

#grand a:hover{
	height: 29px;
	width: 134px;
	background-image: url(../images/top/shop-list-GRAND.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	display: block;
	margin-left: 30px;
}

#omotesando-hills a{
	height: 29px;
	width: 187px;
	background-image: url(../images/top/shop-list-Omotesando-Hills.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-left: 30px;
}

#omotesando-hills a:hover{
	height: 29px;
	width: 187px;
	background-image: url(../images/top/shop-list-Omotesando-Hills.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	display: block;
	margin-left: 30px;
}

#miyakoya-roppongi a{
	height: 29px;
	width: 133px;
	background-image: url(../images/top/shop-list-Miyakoya-Roppongi.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-left: 30px;
}

#miyakoya-roppongi a:hover{
	height: 29px;
	width: 133px;
	background-image: url(../images/top/shop-list-Miyakoya-Roppongi.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	display: block;
	margin-left: 30px;
}

#miyakoya-yokosuka a{
	height: 29px;
	width: 132px;
	background-image: url(../images/top/shop-list-Miyakoya-Yokosuka.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin-left: 30px;
}

#miyakoya-yokosuka a:hover{
	height: 29px;
	width: 132px;
	background-image: url(../images/top/shop-list-Miyakoya-Yokosuka.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	display: block;
	margin-left: 30px;
}

#lamondethierry {
	width: 400px;
}

#lamondethierry a{
	height: 29px;
	width: 209px;
	display: block;
	margin-left: 30px;
	margin-right: 0;
	background: url(../images/top/shop-list-lamondethierry.gif) no-repeat 0 0;
	padding-right: 50px;
}

#lamondethierry a:hover{
	height: 29px;
	width: 187px;
	background-image: url(../images/top/shop-list-lamondethierry.gif);
	background-repeat: no-repeat;
	background-position: 0 -29px;
	display: block;
	margin-left: 30px;
}

/*/// New Hot Topics ////////////////////////////////////////////////////////*/

#new-hot-topics {
	margin-left: 20px;
}

#new-hot-topics td {
	width: 150px;
	height: 150px;
}

#new-hot-topics td.hot-topics-title {
	background-image: url(../images/top/hot-topics.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height: 30px;
}

/*/// footer ////////////////////////////////////////////////////////*/

#footer{
	clear:both;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	text-align:center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #A5B183;
	border-left-color: #A5B183;
	border-right-style: solid;
	border-left-style: solid;
}

#copyright{
	height:20px;
	width:960px;
	background-color: #A5B183;
}

#copyright p{
	font-size:10px;
	text-align:center;
	color: #6F775A;
}

#go_to_English{
	margin-top: 10px;
	margin-left: 10px;
}