@charset "utf-8";

#mainBanner ul#imgMain {
    margin: 0 auto;
	width: 1200px;
}

ul#imgMain li#main_banner_gazo,
ul#imgMain li#main_banner_waku,
ul#imgMain li#main_banner_dotcom,
ul#imgMain li#main_banner_newarr {
	width: 1200px;
	height: 277px;
    overflow: hidden;
    position: relative;
}

li#main_banner_dotcom a {
	display: block;
	width: 100%;
	height: 100%;
}

ul#imgMain li#main_banner_gazo {
    display: block;
	background: url(/images/top_image/gazodazo_login.png) no-repeat;
}

li#main_banner_gazo section {
    position: absolute;
    bottom: -222px;
}

li#main_banner_gazo section img {
    height: 246px;
}

li#main_banner_gazo section div {
	position: relative;
	z-index: 1;
	width: 158px;
    height: 246px;
    margin-top: -246px;
    background: -moz-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128,128,128,0.8)), to(rgba(128,128,128,0.8)));
    background: -o-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: linear-gradient(to bottom, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#cccccccc', EndColorStr='#cccccccc', GradientType=0);
}

li#main_banner_gazo li.li1 section {
    left: 30px;
}
li#main_banner_gazo li.li2 section {
    left: 200px;
}
li#main_banner_gazo li.li3 section {
    left: 370px;
}
li#main_banner_gazo li.li4 section {
    left: 540px;
}
li#main_banner_gazo li.li4 section div {
	width: 147px;
}
li#main_banner_gazo li.li5,
li#main_banner_waku li.li5,
li#main_banner_dotcom li.li5,
li#main_banner_newarr li.li5 {
    position: absolute;
    left: 710px;
    bottom: 0;
    width: 460px;
    height: 246px;
}
li#main_banner_gazo li.li5 a,
li#main_banner_waku li.li5 a,
li#main_banner_dotcom li.li5 a,
li#main_banner_newarr li.li5 a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#imgMain li#main_banner_waku {
    display: none;
	background: url(/images/top_image/wakudazo_login.png) no-repeat;
}

li#main_banner_waku section {
    position: absolute;
    bottom: 222px;
}

li#main_banner_waku section img  {
    height: 246px;
}

li#main_banner_waku section div {
	position: relative;
	z-index: 1;
	width: 160px;
    height: 246px;
    margin-top: -246px;
    background: -moz-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128,128,128,0.8)), to(rgba(128,128,128,0.8)));
    background: -o-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: linear-gradient(to bottom, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#cccccccc', EndColorStr='#cccccccc', GradientType=0);
}

li#main_banner_waku li.li1 section {
    left: 30px;
}
li#main_banner_waku li.li2 section {
    left: 200px;
}
li#main_banner_waku li.li3 section {
    left: 370px;
}
li#main_banner_waku li.li4 section {
    left: 540px;
}

ul#imgMain li#main_banner_dotcom {
	display: none;
	background: url(/images/top_image/dotcom_login.png) no-repeat;
}

ul#imgMain li#main_banner_newarr {
	display: none;
	background: url(/images/top_image/newarrival_login.png) no-repeat;
}

li#main_banner_newarr section {
    height: 246px;
    position: absolute;
    bottom: 0;
}

li#main_banner_newarr section img {
    height: 246px;
}

li#main_banner_newarr section div {
	position: relative;
	z-index: 1;
	width: 162px;
    height: 246px;
    margin-top: -246px;
    background: -moz-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128,128,128,0.8)), to(rgba(128,128,128,0.8)));
    background: -o-linear-gradient(top, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    background: linear-gradient(to bottom, rgba(128,128,128,0.8), rgba(128,128,128,0.8));
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#cccccccc', EndColorStr='#cccccccc', GradientType=0);
}

li#main_banner_newarr li.li1 section {
    left: -660px;
}
li#main_banner_newarr li.li2 section {
    left: -490px;
}
li#main_banner_newarr li.li3 section {
    left: -320px;
}
li#main_banner_newarr li.li4 section {
    left: -150px;
}
li#main_banner_newarr li.li4 section div {
	width: 147px;
}

ul#imgMain li#main_banner_gazo img.logout,
ul#imgMain li#main_banner_waku img.logout,
ul#imgMain li#main_banner_dotcom img.logout,
ul#imgMain li#main_banner_newarr img.logout{
    position: absolute;
    top: 0;
    right: 0;
}

#mainBanner ul#imgSwitch {
	margin: 10px auto 10px;
	width: 1199px;
	height: 81px;
}

ul#imgSwitch li {
	display: inline-block;
	margin: 0 3px;
	width: 292px;
	height: 81px;
}

ul#imgSwitch li.firstChild {
	margin-left: 0;
}

ul#imgSwitch li.lastChild {
	margin-right: 0;
}

ul#imgSwitch li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul#imgSwitch li#btn_main_banner_gazo a {
	background: url(/images/top_button/btn_gazodazo_off.png);
}

ul#imgSwitch li#btn_main_banner_waku a {
	background: url(/images/top_button/btn_wakudazo_off.png);
}

ul#imgSwitch li#btn_main_banner_dotcom a {
	background: url(/images/top_button/btn_dotcom_off.png);
}

ul#imgSwitch li#btn_main_banner_newarr a {
	background: url(/images/top_button/btn_newarrival_off.png);
}

ul#imgSwitch li#btn_main_banner_gazo a:hover {
	background: url(/images/top_button/btn_gazodazo_on.png);
}

ul#imgSwitch li#btn_main_banner_waku a:hover {
	background: url(/images/top_button/btn_wakudazo_on.png);
}

ul#imgSwitch li#btn_main_banner_dotcom a:hover {
	background: url(/images/top_button/btn_dotcom_on.png);
}

ul#imgSwitch li#btn_main_banner_newarr a:hover {
	background: url(/images/top_button/btn_newarrival_on.png);
}