/*-------------------------------------------
	LocalNav-worldmarch個別
-------------------------------------------*/

body#worldmarch #localNav{
	/*background:#f8711d;*/
}
#brandCommon01 #mainph #logo{
	width:180px;
}
@media screen and (max-width: 800px) {
#brandCommon01 nav{
	padding:1px 0 0 0 ;
	width:100%;
}
#brandCommon01 #mainph #logo{
	padding:0;
	position:absolute;
	top:5%;
	left:5%;
	width:135px;
}
#brandCommon01 #mainph #logo img{
	width:100%;	
}
}
@media screen and (max-width: 380px) {
#brandCommon01{
	padding:0;
}
#brandCommon01 #mainph #logo{
	padding:0;
	position:absolute;
	top:5%;
	left:5%;
	width:60px;
}
#brandCommon01 #mainph #logo img{
	width:100%;	
}
}
/*-------------------------------------------
	#brandCommon01-worldmarch個別
-------------------------------------------*/

#brandCommon01 nav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1px;
	line-height:1;
	vertical-align:top;
	letter-spacing:0;
	min-width:106px;
	max-width:136px;
	width:14.1%;
	border-right:solid 1px #ccc;
}
#brandCommon01 nav ul li.first{
	border-left:solid 1px #ccc;
}
#brandCommon01 nav ul li a{
	display:block;
	text-align:center;	
	padding:10px 0;	
	max-width:136px;
}

#brandCommon01 nav ul li.line2 a{
	padding:3px 0;	
}

@media screen and (max-width: 760px) {
#brandCommon01 nav ul li{
	border:none;
	border:solid 1px #ccc;
	margin:-1px 0 0 -1px;
	min-width:105px;
	width:33%;

}
}



/*-------------------------------------------
	#mainArea worldmarch個別
-------------------------------------------*/

body#worldmarch #mainArea .inner article.bg01,
body#worldmarch #mainArea .inner article.bg02,
body#worldmarch #mainArea .inner article.bg03{
	height:214px;
	background:url(../images/brand/news_bg_worldmarch.png) center center no-repeat;
	position:relative;
}

body#worldmarch #mainArea .inner article.bg01{
	height:214px;
	background:url(../images/brand/bg01_worldmarch.gif) center center no-repeat;
}


body#worldmarch #mainArea .inner article.bg01 p{
	position:absolute;
	top:84px;
	left:19px;
	font-size:11px;
	line-height:1.5;
	color:#666;
	width:278px;
}
body#worldmarch #mainArea .inner article.bg01 span.ttl{
	position:absolute;
	top:52px;
	left:19px;
}
body#worldmarch #mainArea .inner article.bg01 span.brands{
	position:absolute;
	bottom:32px;
	left:14px;
}


@media screen and (max-width: 380px) {
body#worldmarch #mainArea .inner article.bg01 p{
	position:absolute;
	top:84px;
	left:19px;
	font-size:10px;
	line-height:1.5;
	color:#666;
}
}
body#worldmarch #mainArea .inner article.bg01 a{
	display:block;
	width:314px;
	height:214px;
	text-decoration:none;
}
body#worldmarch #mainArea .inner article.bg01 a p{
	text-decoration:none;
}

body#worldmarch #mainArea .inner article.news{
	height:214px;
	background:url(../images/brand/news_bg_worldmarch.gif) center center no-repeat;
}

body#worldmarch #mainArea .inner article.news .innerContents,
body#worldmarch #mainArea .inner article.blog .innerContents{
	padding:37px 6px 6px 12px;
}


/*blog*/
body #mainArea .inner article.blog .innerContents ul{
	width:280px;
}
body #mainArea .inner article.blog .innerContents ul li{
	display:block;
	width:270px;
	padding:8px 5px;
	border-bottom:dotted 1px #ccc;
	font-size:11px;
	color:666;
	line-height:1.5;
}
body #mainArea .inner article.blog .innerContents ul li .date{
	font-size:10px;
	color:#999;
	display:block;
	padding-bottom:3px;
}
body #mainArea .inner article.blog .innerContents ul li a{color:#666; text-decoration:none;}
body #mainArea .inner article.blog .innerContents ul li .date a{color:#999; text-decoration:none;}



/* Tiny Scrollbar */
.scrollbar1 {}
.scrollbar1 .viewport { width: 280px; height: 170px; overflow: hidden; position: relative; }
.scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbar1 .scrollbar{ background: transparent; position: relative; background-position: 0 0; float: right; width: 13px; }
.scrollbar1 .track { background:#fcc6a5; height: 100%; width:10px; position: relative; padding: 0 1px; }
.scrollbar1 .thumb { background:#f8711d; height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }

.scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/*ナビゲーション*/

body #mainArea nav ul{
	letter-spacing:-0.3em;
}

body #mainArea nav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	letter-spacing:0;
	border-bottom:solid 1px #fff;
	line-height:0;
	margin:0;
}

body #mainArea nav{
	display:block;
	border-top:solid 1px #fff;
	clear:both;
}



body #mainArea nav ul{
	letter-spacing:-0.3em;
}

body #mainArea nav ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	letter-spacing:0;
	border-bottom:solid 1px #fff;
	line-height:0;
	margin:0;
}

body #mainArea nav ul li a {
	display:block; 
	line-height:0;
	margin:0;
	letter-spacing:0;
	border-right:solid 1px #fff;
}

body #mainArea nav ul li a img {
	max-width: 110px;
	width: 100%;
	height: auto;
}

body #mainArea nav.choice ul, 
body #mainArea nav.genre ul {
	margin-bottom: -1px;
}

body #mainArea nav.choice ul ul, 
body #mainArea nav.genre ul ul{
	margin-bottom: 0;
}

body #mainArea nav.choice ul li a img{
	max-width:110px;
}
body #mainArea nav.genre ul li a img {
	max-width:184px;
}

@media screen and (max-width: 550px) {
	body #mainArea nav.choice ul, 
	body #mainArea nav.genre ul {
		background: transparent url(../images/brand/nav_bg.gif) repeat-x 0 50%;
	}
}

@media screen and (max-width: 330px) {
	body #mainArea nav.genre ul {
		background: none;
	}
	
	body #mainArea nav.genre ul li {
		width:100%;
		text-align: center;
	}
	
	body #mainArea nav.choice ul li {
		width:33.2%;
	}
}

body #mainArea nav ul li a {
	display:block; 
	line-height:0;
	margin:0;
	letter-spacing:0;
	border-right:solid 1px #fff;
}
body #mainArea nav ul li img.rOver{width:100%;}


/*tooltip*/ 

         .onBaloon { position:relative;}
         .onBaloon,
         .onBaloon * { margin:0; padding:0; }
         .trigger { /*position:absolute;*/ }
         /* Bubble pop-up */
        li.onBaloon{}
    .baloon { position:absolute; display:none; z-index:50; *margin-top: 10px;}
    .baloon .baloonhead{ position:absolute; top:1px; left:0; z-index:10; background:url(../../product/images/baloon_head.gif) 20px 0 no-repeat; height:11px; display:block; width:100%; *height:0; *padding-top:11px;}
    .baloon .baloonbody{ padding:10px; margin-top:11px; border:solid 1px #dbdbdc; background:#fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); *position: absolute; *left: 0; *top: 11px; *z-index: 9; *margin-top: 0; }
             
             
             
/*form部分*/
    #mainArea nav ul ul{max-height:300px; margin:0 auto; display:block;}
    #mainArea nav ul li ul li{ text-align:left; width:auto; min-width:auto; max-width:100%; white-space:normal;}
    #mainArea nav ul ul.colorSelect li{border:none; text-align:left; min-width:26px; max-width:26px; width:26px;}
    #mainArea nav ul ul.colorSelect li a{min-width:24px; max-width:24px; width:24px; height:24px; margin:2px 1px; border:none; border:solid 1px #fff;}
    #mainArea nav ul ul.colorSelect li a:hover{border:solid 1px #336;}  
    #mainArea nav ul ul.functionSelect li{border:none; min-width:0; width:0; width:auto; text-align:left;}
    #mainArea nav ul ul.functionSelect li a{height:15px; line-height:15px;  margin:2px 1px; border:none; text-decoration:none; color:#8d8d97;}
    #mainArea nav ul ul.functionSelect li a:hover{height:15px; line-height:15px; text-decoration:underline; color:#444;}
     
    
    #mainArea nav ul ul li{
        display:inline-block;
        *display:inline;
        *zoom:1;
        vertical-align:middle;
        padding:2px;
		width:auto;
    }
    
    .priceSelect {
		width: 324px;
	}
    
    .baloonbody ul.colorSelect{width:180px;}
    .baloonbody ul.colorSelect li a{display:block; width:24px; height:24px;}
    .baloonbody ul.colorSelect li.c00{background:url(../images/product/color/c00.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c01{background:url(../images/product/color/c01.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c02{background:url(../images/product/color/c02.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c03{background:url(../images/product/color/c03.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c04{background:url(../images/product/color/c04.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c05{background:url(../images/product/color/c05.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c06{background:url(../images/product/color/c06.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c07{background:url(../images/product/color/c07.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c08{background:url(../images/product/color/c08.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c09{background:url(../images/product/color/c09.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c10{background:url(../images/product/color/c10.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c11{background:url(../images/product/color/c11.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c12{background:url(../images/product/color/c12.gif) center center no-repeat;} 
    .baloonbody ul.colorSelect li.c13{background:url(../images/product/color/c13.gif) center center no-repeat;} 

    .baloonbody ul.functionSelect{width:245px;}
    .baloonbody ul.functionSelect li a{color:#8d8d97; font-size:11px; text-decoration:none; padding-left:20px; white-space:normal; background:url(../images/product/check_box.gif) 2px center no-repeat;}
    .baloonbody ul.functionSelect li a.checkon{background:url(../images/product/check_box_on.gif) 2px center no-repeat;}
    .baloonbody ul.functionSelect li a:hover{color:#444;}
    .baloonbody ul.functionSelect li.f01{width:4em;}
    .baloonbody ul.functionSelect li.f02{width:7em;}
    .baloonbody ul.functionSelect li.f03{width:10em;}
    
    form select{border:solid 1px #898992; margin-right:15px; width:140px;}
    form select{background:#fff; letter-spacing:0;}

    span.select{
    position: absolute;
    width: 110px;
    height: 24px;
    padding: 0 24px 0 8px;
    color: #898993;
    font: 12px/24px arial,sans-serif;
    overflow: hidden;
    border:solid 1px #898993;
    letter-spacing:0;
    background:url(../images/common/select_arrow.gif) #fafafb right 0 no-repeat;
    font-weight:bold;
    margin-right:15px;
    }
    
    span.#selecta_width_cd[]{width:60px;}
    
    /*form select.ss{border:solid 1px #898992; margin-right:15px; width:85px;}
    form select.ss{background:#fff; letter-spacing:0;}  */