@charset "UTF-8";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet top.css
------------------------------------------------------------------------------------------ 
*/

/* --------------------------------------------------------------------------------------- */
/* top */
#top h2{
	margin: 0 0 20px;
	background: url(../image/top/alpha_h_bg.gif) left bottom repeat-x;
	font-size: 133%;
	padding-bottom: 3px;
}
#top h3{ font-size: 100%; }

/* brand_slider */
#top #bland_slider{
	margin: 0 0 40px;
	box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #000000;　/* Safari,Google Chrome用 */  
}
#top #bland_slider .showcase-thumbnail-container{
	background: #1E1E1E url(../image/top/showcase_bg.jpg) top left repeat-x;
}
#top #bland_slider .showcase-thumbnail-wrapper {
	margin: 0 auto;
}

/* online_store */
#top #online_store {
	margin-bottom: 40px;
}
#top #online_store .store p {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#top #online_store .store a {
	display: block;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 10px;
}

/* online_shop */
#top #online_shop{}
#top #online_shop .online_shop_list{ margin-bottom: 60px; }
#top #online_shop .online_shop_list{
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 6px #080000 inset;
	padding: 12px 0 12px 8px;
	background: #FFFFFF;
	width: 790px;
	/*background: url(../image/top/online_shop_bg.jpg) center 0% no-repeat;*/
}
#top #online_shop .online_shop_list .online_shop_list_inner{
	width: 150px;
	float: left;
	opacity: 0.93;
	margin-right: 8px;
}
#top #online_shop .online_shop_list .online_shop_list_inner .onlinelogo{
	background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    height: 28px;
    margin-bottom: 2px;
    padding: 15px 5px 0;
    text-align: center;
}
#top #online_shop .online_shop_list .online_shop_list_inner .onlinelogo img{
	vertical-align: middle;
}

#top #online_shop .online_shop_list .online_shop_list_inner .pdtb3{
	padding: 8px 15px 7px !important;
}
#top #online_shop .online_shop_list .online_shop_list_inner ul{
	padding: 10px 5px;
	margin-bottom: 0px;
	text-align: center;
	background: #000;
	font-size: 83%;
	border-radius: 3px 3px 3px 3px;
	min-height: 88px;
}

/* Official Mobile app */
#official_mobile_app { margin-bottom: 40px; }
.fll460 {
	float: left;
	width: 460px;
}

.flr460 {
	float: right;
	width:  460px;
}

.top_app_area {
	background-color: #fff;
	float: left;
	padding: 10px;
	margin: 40px 35px 0 0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.qrcode_app { float: left; }

/* recommendeditems_list */
#top #recommendeditems_list{
	width: 940px;
	padding: 0 10px 40px 10px;
	position: relative;
}
#top #recommendeditems_list .link_list{
	width: 940px;
	position: absolute;
	margin-top: -43px;
	text-align: right;
	font-size: 91%;
}
#top #recommendeditems_list .link_list a{
	background: url(../image/top/link_list_mark.gif) left center no-repeat;
	padding-left: 12px;
	text-decoration: none;
}
#top #recommendeditems_list .link_list a:hover{ color: #D50000; }

#top #recommendeditems_cycle { width: 940px !important; overflow: hidden; }
#top #recommendeditems_list #prev {
	background: none repeat scroll 0 0 #999999;
	display: block;
	height: 50px;
	left: -70px;
	position: absolute;
	top: 235px;
	width: 50px;
	outline: none;
	background: url(../image/top/cycle_prev_mouseover.gif) center center no-repeat;
}
#top #recommendeditems_list #next {
	background: none repeat scroll 0 0 #999999;
	display: block;
	height: 50px;
	position: absolute;
	right: -70px;
	top: 235px;
	width: 50px;
	outline: none;
	background: url(../image/top/cycle_next_mouseover.gif) center center no-repeat;
}

#top #recommendeditems_list ul.item_list{
	width: 960px;
	margin-left: -10px;
	margin-right: -10px;
}
#top #recommendeditems_list ul.item_list li{
	float: left;
	display: inline;
	width: 220px;
	padding: 0 10px 20px 10px;
	font-size: 83%;
	text-align: center;
	line-height: 1.6;
}
* html #top #recommendeditems_list ul.item_list li{
	/* overflow: hidden; */
}
#top #recommendeditems_list ul.item_list li.dummy{
}
#top #recommendeditems_list ul.item_list li.dummy .thumb{
	width: 220px;
	height: 160px;
	background: url(../image/top/recommend_item_dummy.gif) top left no-repeat;
}
#top #recommendeditems_list ul.item_list li a{
	display: inline-block;
	width: 220px;
	height: 160px;
	background: #FFFFFF;
}
* html #top #recommendeditems_list ul.item_list li a{
	display: inline;
	zoom: 1;
}
#top #recommendeditems_list ul.item_list li .thumb{
	position: relative;
	overflow: hidden;
	display:block;
	margin-bottom: 3px;
}
#top #recommendeditems_list  ul.item_list li .brand{ font-weight: bold; }
#top #recommendeditems_list  ul.item_list li .name{}
#top #recommendeditems_list  ul.item_list li .text{ color: #666666; }

/* press_news_list */
#top #press_news_list{
	width: 940px;
	padding: 0 10px 50px 10px;
}
#top #press_news_list .link_list{
	width: 940px;
	position: absolute;
	margin-top: -43px;
	text-align: right;
	font-size: 91%;
}
#top #press_news_list .link_list a{
	background: url(../image/top/link_list_mark.gif) left center no-repeat;
	padding-left: 12px;
	text-decoration: none;
}
#top #press_news_list .link_list a:hover{
	color: #D50000;
}
#top #press_news_list ul.item_list{
	width: 960px;
	margin-left: -10px;
	margin-right: -10px;
}
#top #press_news_list ul.item_list li{
	float: left;
	display: inline;
	width: 460px;
	margin: 0 10px 10px;
	padding: 10px 0;
	border-bottom: 1px dotted #322E2C;
}
#top #press_news_list ul.item_list li:hover a {
	color: #D50000;
}
#top #press_news_list ul.item_list li .inner{
	z-index: 1;
	position: relative;
	padding: 0 30px 0 10px;
}
#top #press_news_list ul.item_list li img{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
#top #press_news_list ul.item_list li p.date{ font-size: 91%; }
#top #press_news_list ul.item_list li p.news_title{ font-size: 91%; }

#top #press_news_list ul.item_list li.new_arrival a{
	color: #D50000;
}
/* hover_bg */
#top #press_news_list ul.item_list li .list_item_hover_bg{
	position: absolute;
	width: 460px;
	height: 80px;
	margin-top: -10px;
	background: #1E1E1E url(../image/top/press_news_list_bg_hover.gif) right center no-repeat;
	z-index: 0;
	opacity: 0;
}
* html #top #press_news_list ul.item_list li .list_item_hover_bg{
	display: none;
}

/* official_mobile_site */
#top #official_mobile_site{
	float: left;
	display: inline;
	width: 460px;
	padding: 0 10px;
}
#top #official_mobile_site h3{
	font-weight: bold;
	margin-bottom: 5px;
}
#top #official_mobile_site p{
	font-size: 91%;
}
#top #official_mobile_site img{
	float: left;
	display:inline;
	margin: 0 10px 0 0;
}

/* members_card */
#top #members_card {
	float: left;
	display: inline;
	width: 460px;
	padding: 0 10px;
}

#top #members_card a.strobe {
	display: inline-block;
	background: #FFFFFF;
}


/* blog */
#top #blog{
	padding: 0 10px;
}
#top #blog p{
	font-size: 91%;
}

#top #blog ul li {
	float: left;
	width: 230px;
	margin-right: 15px;
}

#top #online_shop ul li a.strobe,
#top #blog a.strobe {
	display: inline-block;
	background: #FFFFFF;
}
/* --------------------------------------------------------------------------------------- */