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

/* reset.css:*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html body{ width:100%; height:100%; min-width:1040px;}
body{
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000;
	font-size:12px;
	line-height:1.5em;
	text-align:center;
	color:#FFF;
	-webkit-text-size-adjust:100%;
}
.clearfix{
	float:none;
	clear:both;
}



.noscroll{
	overflow:hidden;
}


#mainimage{
	position:relative;
	overflow:hidden;
	background:url(/static/full/speedo/racer_x/images/main_bk.jpg) center top no-repeat;
	background-size:100% auto;
	text-align:center;
}

#header{
	width:980px;
	margin:0 auto;
	text-align:left;
	background:url(/static/full/speedo/racer_x/images/x_mark.png) center 150px no-repeat;
	position:relative;
}


.feel{
	text-align:center;
	width:980px;
	padding-top:300px;
	padding-bottom:70px;
}


@media screen and (min-width:1300px){
	.feel{padding-top:400px;}
	#header{ background-position:center 250px;}

}
@media screen and (min-width:1600px){
	.feel{padding-top:550px;}
	#header{ background-position:center 400px;}
}

@media screen and (min-width:1900px){
	.feel{padding-top:700px;}
	#header{ background-position:center 550px;}
}


h1{ float:left; margin-top:50px;}
h2{
	padding:20px 0 0 0;
	text-align:right;
}

.icon{
	float:right;
}

.matsuda{
	float:right;
}
.header_mov{
	width:980px;
	padding:30px 0 35px 0;
}

.infotxt{
	width:375px;
	float:left;
	font-size:1.1em;
	line-height:1.7em;
}
.youtube{
	width:570px;
	float:right;
}















/* ================================================================================= */

#function{
	width:100%;
	background: #101010 url(/static/full/speedo/racer_x/images/function_bk.jpg) top center no-repeat;
	min-width:1040px;
	position:relative;
	border-top:8px solid #666;
}

/* NEXT BACK BUTTON*/
.coda-nav-left{
	position:absolute !important;
	width:50px;
	height:50px;
	top:265px;
	left:15px;
	z-index:10000;
}

.coda-nav-right{
	position:absolute !important;
	width:50px;
	height:50px;
	top:265px;
	right:15px;
	z-index:10000
}

.coda-nav-left a{
	color:#fff;
	width:50px;
	height:50px;
	display:block;
	background: url(/static/full/speedo/racer_x/images/prev.png) 0 0 no-repeat;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.6;
	opacity:0.60
}

.coda-nav-right a {
	color:#fff;
	width:50px;
	height:50px;
	display:block;
	background: url(/static/full/speedo/racer_x/images/next.png) 0 0 no-repeat;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.6;
	opacity:0.60
}


.coda-nav-left a:hover,
.coda-nav-right a:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.0;
	opacity:1.00
}


/* Insignificant stuff, for demo purposes */
.coda-slider-wrapper {
	margin:0;
	width:100%;
	overflow:hidden !important;
	display:block;
	min-width:1040px;
}

.coda-slider {
	width:100%;
	overflow:hidden !important;
	display:block;
	min-width:1040px;


}

.panel{
	width:100%;
	display:block;
	float:left;
	min-width:1040px;
	position:absolute;
}

.panel-container {
	position:relative;
}




.coda-slider .panel-wrapper { }
.coda-slider p.loading { padding:20px; text-align:center }






.coda-nav ul {
	clear:both;
	display:block;
	overflow:hidden;
	width:1000px !important;
	margin:0 auto !important;
	height:65px;
}

.coda-nav ul li{
	float:left;
	width:180px !important;
	height:65px !important;
	margin:0 10px !important;
}


.coda-nav ul li:nth-child(1) {
	background:url(/static/full/speedo/racer_x/images/navi01.png) 0 0 no-repeat;
}
.coda-nav ul li:nth-child(2) {
	background:url(/static/full/speedo/racer_x/images/navi02.png) 0 0 no-repeat;
}
.coda-nav ul li:nth-child(3) {
	background:url(/static/full/speedo/racer_x/images/navi03.png) 0 0 no-repeat;
}
.coda-nav ul li:nth-child(4) {
	background:url(/static/full/speedo/racer_x/images/navi04.png) 0 0 no-repeat;
}
.coda-nav ul li:nth-child(5) {
	background:url(/static/full/speedo/racer_x/images/navi05.png) 0 0 no-repeat;
}

.coda-nav ul li a {
	background:url(/static/full/speedo/racer_x/images/navi_bk.png) 0 0 no-repeat;
	width:180px !important;
	height:65px;
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
}


.coda-nav ul li a:hover{ background:url(/static/full/speedo/racer_x/images/navi_bk_on.png) 0 0 no-repeat;}
.coda-nav ul li a.current { background:url(/static/full/speedo/racer_x/images/navi_bk_current.png) 0 0 no-repeat;}


/* ------------------------ P00 共通 ------------------------ */

.p01 h2,.p02 h2,.p03 h2,.p04 h2,.p05 h2{
	display:none;
}


.panelIn{
	width:880px;
	margin:0 auto;
	text-align:left;
	padding:40px 0 50px 0;
}

h3{
	padding:0 0 30px 0;
}

.p02 h4{
	font-size:1.2em;
	line-height:1.5em;
	padding: 15px 0 7px 0;
}
.p03 h4,.p04 h4,.p05 h4{
	font-size:1.5em;
	line-height:1.7em;
	padding: 0 0 20px 0;
}

h5{	line-height:1.7em; padding-bottom:8px;}


/* ------------------------ P01 ラインナップ ------------------------ */


.p01{
	left:0;
	padding-top:30px;
	height:530px;

	background:url(/static/full/speedo/racer_x/images/f01_line.png) center 430px  repeat-x;
}

.p01 ul.f01_item{
	width:920px;
	margin:0 auto;
	font-size:0.8em;
	line-height:1.5em;
	padding-top:30px;
}

.p01 ul.f01_item li{
	width:230px;
	float:left;
	text-align:center;
}

.p01 ul.f01_funicon{
	text-align:left;
	width:950px;
	margin:0 auto;
	padding-top:45px;
}
.p01 ul.f01_funicon li{
	margin:0 12px;
	width:auto;
	float:left;
}



























/* ================================================================================= */

#itemAria{
	width:100%;
	background:#F4F2ED;
	padding:35px 0 100px 0;
	color:#000;
}
#itemAriaIn{
	width:980px;
	margin:0 auto;
}

ul.item_left{
	float:left;
	width:476px;
}
ul.item_right{
	float:right;
	width:476px;
}

ul.item_left li,
ul.item_right li{
	float:left;
	width:auto;
	height:auto;
	display:inline-block;
	margin:0 2px 2px 0;
	text-align:left;
	font-size:0.85em;
}


ul.itemlist{
	width:980px;
	padding-top:30px;
}
ul.itemlist li{
	width:244px;
	float:left;
	border-right:1px solid #CCC;
}

ul.itemlist li .buy{
	width:100px;
	margin:0 auto;
	margin-top:10px;
}
ul.itemlist li .buy a{
	width:100%;
	display:block;
	text-decoration:none;
	background:#000;
	color:#FFF;
	padding:8px 0 6px 0;
	font-size:1.2em;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:1;
}
ul.itemlist li .buy a:hover{
	background:#EE3224;
}


.attention{
	width:980px;
	padding:30px 0;
	text-align:left;
	border-bottom:1px solid #CCC;
	margin-top:40px;
}


.attention a{
	color:#000;
	text-decoration:none;
}

.attention a:hover{
	color:#EB312C;
}
.attention ul{
	padding:0 0 0 30px !important;
	width:640px;
	font-size:0.90em;
	line-height:1.5em;
}
.attention ul li{
	list-style:disc !important;
	padding:3px 0;

}



.link{
	width:980px;
	padding-top:40px;

}








/* =========================== SIZE CHART ======================== */

.sizechart{
	width:850px;
	height:460px;
	background:url(/static/full/speedo/racer_x/images/size_bk.png) 0 0 no-repeat;
	position:relative;
	color:#000;
}

.sizechart table{
	border-top:1px solid #666
	}
.sizechart table td{
	width:55px;
	border-bottom:1px solid #666;
	text-align:center;
}
.sizechart table th{
	width:85px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #666;
	vertical-align:middle;
	padding:3px 0;
}
.sizechart table th img{
	vertical-align:text-bottom;
	padding-right:2px;
	float:left;
}

.menssize{
	position:absolute;
	top:90px;
	left:200px;
}

.womenssize{
	position:absolute;
	top:305px;
	left:235px;
}


.size_note{
	width:800px;
	text-align:left;
	font-size:0.9em;
	line-height:1.5em;
	color:#FFF;
}

.size_note ul{
	padding-left:20px;
}

.size_note ul li{
	list-style:disc;
	padding:0 0 5px 0px;
}



.shoplistIn{
	background:#FFF;
	color:#000;
	width:700px;
	text-align:left;
	padding:10px 70px 50px 70px;
}


.shoplistIn a{
	color:#000;
	text-decoration:none;
	display:block;
}

.shoplistIn a:hover{
	color:#EB312C;
}


.shoplistIn h3{
	font-size:1.4em;
	padding:20px 0 10px 0 !important;
}

table.shoplist01{
	border-top:1px solid #ccc;
	width:700px;
	background:#FFF;
	color:#000;
}
table.shoplist01 th{
	text-align:left;
	font-weight:normal;
	width:240px;
	border-bottom:1px solid #ccc;
}
table.shoplist01 td{
	text-align:left;
	padding:3px 15px 3px 0;
	border-bottom:1px solid #ccc;
}

table.shoplist02{
	border-top:1px solid #ccc;
	width:700px;
}
table.shoplist02 th{
	text-align:left;
	font-weight:normal;
	width:240px;
	border-bottom:1px solid #ccc;
}
table.shoplist02 td{
	text-align:left;
	padding:3px 15px 3px 0;
	border-bottom:1px solid #ccc;
}





.shop_bt{
	width:100%;
	padding:80px 0 50px 0;
	text-align:center !important;
}

.shop_bt a{
	width:600px;
	margin:0 auto;
}