@charset "utf-8";
/* CSS Document */


/*---------------------------------------
1. 全体
2.ヘッダー
3.メニュー
4.flash area
5.contents area
6.NEWS area
7.NEW ARRIVAL
8.RANKING
9.STYLE BOOK
10.pickup
11.右側人気のキーワード

13.pagetop
12.footer
-----------------------------------------*/

/*------1.全体--------------------*/

body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, Geneva, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka, Sans-Serif;
	font-size: 60%;
	line-height: 150%;
	color:#313131;
}






#pagewrap{
	width: 960px;
	margin: 0px auto 0;

}

#pagewrap:after,#header:after, #mainwrap:after, #newsbox:after ,#mycustomscroll :after, #newarrival:after, #ranking:after, #stylebook:after,  #pickup:after, #footer:after, #pagetop2:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #pagewrap, * html #header, * html #mainwrap, * html #newsbox, * html #mycustomscroll, * html #newarrival, * html #ranking, * html #stylebook, * html #pickup, * html #footer, * html #pagetop2{
    height: 1em;
    overflow: visible;
}
/**/


a img {
    border-style:none;
}

h1,h2,h3,h4{
	margin: 0;
	padding:0;
}

#pagewrap a {
		color:#313131;
		text-decoration: none;
		
}

#pagewrap a:hover {
		color:#903333;

}

ul{
	margin: 0;
	padding: 0;
}

/*------2.ヘッダー---------------------*/

#header{
	width: 100%;
	height: 75px;
}

/*ロゴ*/
#header .left{
  margin: 20px 0 0 0;
  width: 210px;
  float:left;


}

#header .right{
	float: right;
	/*width: 255px;*/
	width: 600px;
}

#header .infobnr{
	width: 320px;
	float:left;
	margin: 0px 0 0 0;
}


#header .right .btnarea{
	float:right;
	width: 600px;
}

#header .right .submenubtn{
	float: right;
	width: 396px;
	
}

#header .right .submenubtn .btn{
	float:left;
}

#header .right .logincartbtn{
	float: right;
	width: 237px;
	margin: 18px 0 0 0;
	_padding-bottom: 3px;
}


.cart{
	margin: 0 0 0 5px;
}


/*------3.メニュー---------------------*/


#menu{
	width: 960px;
	position: relative;
	margin:0;
	padding:0;
	left:0;
}

#menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #menu{
    height: 1em;
    overflow: visible;
}
/**/


#menu ul{
	margin:0;
	padding:0;
	overflow: hidden;
}

#menu li{
	float: left;
	list-style-type: none;
}



#menu ul li a {
	height: 31px;
	display: block;
		text-indent: -9999px;
}
.ur a {
	width: 133px;
	background: url(../image/menu1.gif) no-repeat scroll 0 0px;
}

.ur a:hover{
	background: url(../image/menu1_on.gif) no-repeat scroll 0 0px;
}


.urid a {
	width: 116px;
	background: url(../image/menu2.gif) no-repeat scroll 0 0px;
}

.urid a:hover{
	background: url(../image/menu2_on.gif) no-repeat scroll 0 0px;
}

.doors a {
	width: 120px;
	background: url(../image/menu3.gif) no-repeat scroll 0 0px;
}

.doors a:hover{
	background: url(../image/menu3_on.gif) no-repeat scroll 0 0px;
}

.kagure a {
	width: 114px;
	background: url(../image/menu4.gif) no-repeat scroll 0 0px;
}

.kagure a:hover{
	background: url(../image/menu4_on.gif) no-repeat scroll 0 0px;
}

.rosso a {
	width: 105px;
	background: url(../image/menu5.gif) no-repeat scroll 0 0px;
}

.rosso a:hover{
	background: url(../image/menu5_on.gif) no-repeat scroll 0 0px;
}

.kbf a {
	width: 105px;
	background: url(../image/menu6.gif) no-repeat scroll 0 0px;
}

.kbf a:hover{
	background: url(../image/menu6_on.gif) no-repeat scroll 0 0px;
}


/*--サブメニュー------*/
.ur .brand_drop {
	margin: 0px;
	position: absolute;
	left: 1px;
	top:31px;
	width: 133px;
	height:42px;
	display: none;
}
#menu .ur .brand_drop .mens a {


	background: url(../image/submenu_ur_mens.gif) no-repeat  0 0px;
	width: 132px;
	height: 21px;
}
#menu .ur .brand_drop .mens a:hover {
	background: url(../image/submenu_ur_mens.gif) no-repeat scroll 0 -21px;
}
#menu .ur .brand_drop .womens a {
	background: url(../image/submenu_ur_womens.gif) no-repeat scroll 0 0px;
	width: 132px;
	height: 21px;
}
#menu .ur .brand_drop .womens a:hover {
	background: url(../image/submenu_ur_womens.gif) no-repeat scroll 0 -21px;
}


#menu .searchbox{
	width: 195px;
	background: url(https://www.urban-research.jp/img/menuback.gif) repeat-x;
	height:31px;
	padding: 5px 0px 0 0px;
}

.searchbox form{
	margin: 0;
}

.searchbox input{
	color: #666;
    border: #8b3131 1px solid;
    font-size: 11px;
    text-align: left;
	margin: 0 0 0 12px;
	padding: 2px;
	
}

.searchkeyword {
	width: 130px;
}

input.search_btn2 {
	_padding: 3px 1px 1px 1px;
	margin: 1px 5px 0 0px;
	color: #6e1c1c;
	border: none;
	background: url(https://www.urban-research.jp/img/btn_search.gif) no-repeat;
    text-align: center;
}

/*------4.flash area---------------------*/	
#mainwrap{
	width: 960px;
	margin: 0;
	clear: both;
}


#flashwarap{ 
	float: left;
	width: 730px;
	z-index: 0;
	margin: 5px 0 0 0; 
}

#advwrap{
	float: right;
	width:220px;
	margin: 5px 0 0 0; 
}

#advwrap .area2{
	padding: 4px 0 0 0;
	_padding: 2px 0 0 0;

}


/*------5.contents area---------------------*/	
#contentswrap{
	width: 960px;
	margin: 20px 0 0 0;
	clear: both;
}

#contentswrap #left{ 
	float: left;
	width: 730px;
	/*border-right: 1px solid #d5d5d5;*/
}

#contentswrap #right{ 
	float: left;
	padding-left:9px;
	width:220px;
	border-left: 1px solid #d5d5d5;
}


/*------6.NEWS area-------*/	
#info{
	margin: 0px 0 25px 0;
   color:#FF0000;
   font-size: 11px;
   line-height: 140%;
  }

#info .left{
	margin-bottom: 10px;
	float:left;
	width:365px;
}

#info .right{
	margin-bottom: 10px;
	float:left;
	width:355px;
}

#newsarea{
	width: 715px;


}

#newsarea h1{
	float:left;
	width: 330px;
}

#newsarea .right{
	float: right;
	margin: 3px 0 10px 0;
}



#mycustomscroll {
	margin: 10px 0 0 0;
clear: both;
	width: 705px;
	height: 75px;
	padding: 0px 0 0 10px;
	overflow: auto;
	/*position:relative;*/
	
}



dl.newslist dt {
  float: left;
  margin: 0;
  border-right: dotted 1px #bbb;
  color: #000;
  width: 65px;
  

}

dl.newslist dd {
   float: left;
  margin: 0 0 0.9em 1em;
  width: 600px;
}

#newsarea a {
	text-decoration: underline;
	color:#313131;
	

}

#newsarea a, x:last-of-type{
	display: inherit;
	text-decoration: underline;


}




/*------7.NEW ARRIVAL-------*/	
#newarrival{
	width: 715px;
	margin: 40px 0;
	font-size: 120%;
	line-height: 150%;
}
#newarrival h1{
	float: left;
}
.new_btn img {
	margin-left: 10px;
}
#tabwrap{
	clear:both;
}

#newarrival h1, #ranking h1{
	clear: both;
	display:block;
	margin: 0 0 15px 0;
}

.newarrivalcon{
	margin: 10px 13px 0 0;
	float:left;
	width: 169px;
}

.newarrivalcon img{
	margin-bottom: 3px;
}

.detail{
	margin: 5px;
}



.list{
	float: right;
	clear: inherit;
}

.list ul{
	margin: 15px 0 0 0;
	padding: 0;
	
}

.list li{
	list-style-type: none;
	background: url(../image/arrow.gif) no-repeat 0 0.35em;
	padding: 0 20px 0 12px;
	float: left;
	text-align: right;
	white-space: nowrap;
}

.list li a{
	text-decoration: underline !important;
	color:#313131;
	display: inline-block;

}


#newarrival span,
#ranking span{
	color:#FF0000;
	font-weight:bold;
}

/*------8.RANKING-------*/

#ranking{
	clear: both;
	margin: 25px 0 0 0;
	font-size: 120%;
	line-height: 150%;
}

.rankingcon{
	margin: 10px 10px 0 0;
	float:left;
	width: 135px;
}

.rankingcon img{
	margin-bottom: 3px;
}


/*------9.STYLE BOOK , shoppingmall-------*/

#stylebook, #shoppingmall{
	width: 715px;
	margin: 45px 0 20px 0;
	clear: both;
}

.stylewrap, .stylewrap2 {
	float: left;
	width:174px;
	background: #181818;

}

.stylewrap{
	margin: 10px 0 0 3px;
}

.stylewrap2{
	margin: 5px 0 0 3px;
}

#stylebook img{
	padding-bottom: 5px;
}

#stylebook .text{
	padding: 0 5px 5px 5px;
	color: #fff;
}

#stylebook span{
	color: #FF0000;
}


/*------10.pick up-------*/

#pickup{
	width: 715px;
	margin: 25px 0 20px 0;
	clear: both;
	font-size: 120%;
	line-height: 140%;
}

#pickup span{
	color: #FF0000;
	font-weight: normal;
	font-size:90%;
}


#pickup .left
{
	width: 340px;
	height: 110px;
	float: left;
	margin: 10px 0 0 0;
}

#pickup .left2{
	width: 340px;
	height: 87px;
	float: left;
	margin: 30px 0 0 0;
}

#pickup h2{
	font-size: 120%;
	line-height: 140%;
}

#pickup .left2 .text,
#pickup .left .text{
	float: left;
	width: 165px;
	margin: 3px 0px 0 0;
	padding-right: 10px;
}

#pickup .left2 img,
#pickup .left img{
	float: right;
}


/*------11.右側------*/
#popkeywords{
	border: 1px solid #d7d7d7;
	border-top: none;
	padding: 0 10px 10px 10px;
	
}

#popkeywords .wrap{
	float: left;
	width: 90px;
	padding: 10px 0 0 5px;
}

#popkeywords ul{
}

#popkeywords li{
	list-style-type: none;
	padding: 3px 0;
}

#popkeywords:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #popkeywords{
    height: 1em;
    overflow: visible;
}
/**/	


*:first-child+html #popkeywords{
	display: inline-block;

}


.bnrwrap{
	margin: 7px 0 0 0;
	clear: both;
}

/*--ブログ--*/
#blog{
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin: 8px 0 8px 0;
	overflow: hidden;
    position: relative;
}

#blog .left{
	float:left;
	width:35px;
	margin: 5px 0 3px 0;
}

#blog .right{
	float:left;
	width: 160px;
	margin: 13px 0 0 0;
		height: 25px;

}

#blog a{
	background: url(../image/arrow.gif) no-repeat 0 0.2em;
	padding: 0 0 0 14px;
	
}
	

/*--モバイル--*/
#mobile{
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin: 8px 0 8px 0;
	
}

.mobilewrap {
	margin: 8px 0 0 0;
}

.mobilewrap .left{
	width: 126px;
	float: left;
	padding-right: 5px;
}

#mobile p{
	margin: 5px 0;
}

/*--カレンダー--*/

#calender{
	margin-left: auto;
	margin-right: auto;
	background: #f4f4f4;
	_padding: 3px 0 0 0;
	height:100%;
	min-height:165px;
	text-align: center;
	padding: 0 10px 10px 10px;
}

#calender .text{
	text-align: left;
	color: #6f6b64;
		font-size: 11px;
}

* html #calender .text{
	font-size: 90%;
}/*IE6*/




/*------11.pagetop-------*/

#pagetop{
	clear: both;
	text-align: right;
	width: 700px;
	margin: 30px 0 8px 14px;
}

#pagetop a,
#pagetop2 a{
	background: url(../image/arrow3.gif) no-repeat 0 0.35em;
	padding: 0 0 0 14px;
	
}

#pagetop2{
	clear: both;
	text-align: right;
	width: 960px;
	margin: 20px 0 8px 0px;
}


/*------12.footter-------*/

#footer{
	clear: both;
	background: #e4e4e4;
	padding: 15px;
	margin: 0px 0 0 0;
	
}

* html #footer ul{
	font-size: 90%;
}/*IE6*/

#footer ul{
	margin: 0;
	padding: 0;
	font-size: 11px;

}

#footer li {
	float: left;
	list-style-type: none;
	padding: 0 15px 0 0;
}

#footer a {
	background: url(https://www.urban-research.jp/img/arrow.gif) no-repeat 0 0.2em;
	padding: 0 0 0 14px;
	color:#313131;
}
#footer a:hover {
	color:#903333;

}

#footer .copyrights{
	clear: both;
	padding: 15px 0px 0 0;
	font-size: 12px;
	text-align: right;

}

* html #footer .copyrights{
	margin: 0;
	padding: 0;
	font-size: 120%;
	text-align: right;
}/*IE6*/