@charset "UTF-8";



/*----------------------
ページ別背景振り分け
----------------------*/
body#oem {
	background: #000;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','Arial', sans-serif;
}



/*----------------------
メインコンテナ
----------------------*/
div#container {
	position: relative;
	width: 950px;
	height: auto;
	margin: 0 auto 10px;
	background: #000;
}



/*----------------------
ヘッダ
----------------------*/
div#container div#header {
	width: 950px;
	height: 80px;
	background: url(../images/header_oem.png);
}
div#container div#header h1 a {
	display: block;
	float: left;
	width: 250px;
	height: 80px;
	text-indent: -9999px;
}
div#container div#header div#chlang {
	float: left;
	width: 680px;
	margin-top: 50px;
	text-align: right;
	font-size: 0.7em;
	color: #fff;
}
div#container div#header div#chlang a {
	color: #fff;
}





/*----------------------
コンテンツ
----------------------*/
div#container div#contents {
	position: relative;
	width: 950px;
	background: url(../images/oem_backline.png) 0 0 repeat-y;
}

h2#oemtitle {
	width: 950px;
	height: 260px;
	background: url(../images/oem_title.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

div.dotline {
	width: 910px;
	height: 10px;
	margin: 5px auto;;
	font-size: 0;
	background: url(../images/oem_dotline) 0 0 no-repeat;
}

div#gototopbtn a {
	display: block;
	z-index: 50;
	position: fixed;
	right: 0;
	bottom: 20px;
	width: 20px;
	height: 100px;
	text-indent: -9999px;
	background: url(../images/oem_pagetop24.png) 0 0 no-repeat;
}
div#gototopbtn a:hover {
	background-position: -20px 0;
}
* html div#gototopbtn a {
	display: none;
}

div#topbtn a {
	display: block;
	width: 160px;
	height: 20px;
	margin: 20px auto;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/oem_topbtn.png) 0 0 no-repeat;
}
div#topbtn a:hover {
	background-position: 0 -20px;
}



/*----------------------
OEMトップコンテンツ
----------------------*/
div#toppart {
	position: relative;
	width: 910px;
	height: 297px;
	margin: 0 auto;
	background: url(../images/oem_topback.jpg) 0 0 no-repeat;
}

div#toppart div#shoetypebtn a {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 250px;
	height: 111px;
	background: url(../images/oem_topback.jpg) 0 -5px no-repeat;
	text-indent: -9999px;
}
div#toppart div#shoetypebtn a:hover {
	background-position: -910px -5px;
}
div#toppart div#casebtn a {
	display: block;
	position: absolute;
	top: 133px;
	left: 0;
	width: 250px;
	height: 109px;
	background: url(../images/oem_topback.jpg) 0 -133px no-repeat;
	text-indent: -9999px;
}
div#toppart div#casebtn a:hover {
	background-position: -910px -133px;
}

div#toppart h4 {
	position: absolute;
	left: 513px;
	width: 367px;
	font-size: 1.1em;
	font-weight: bold;
	color: #FF7F00;
}
div#toppart h4#para01 {
	top: 35px;
}
div#toppart h4#para02 {
	top: 160px;
}
div#toppart p {
	position: absolute;
	left: 513px;
	width: 367px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #fff;
}
div#toppart p#para01 {
	top: 65px;
}
div#toppart p#para02 {
	top: 188px;
}

div#toppart div#callus {
	position: absolute;
	top: 270px;
	left: 360px;
	width: 400px;
	font-size: 0.85em;
	color: #CF8200;
}

/*見出し*/
h3#oemmds01, h3#oemmds02 {
	width: 910px;
	height: 45px;
	margin: 20px auto;
	text-indent: -9999px;
}
h3#oemmds01 {
	background: url(../images/oem_mds01.jpg) 0 0 no-repeat;
}
h3#oemmds02 {
	background: url(../images/oem_mds02.jpg) 0 0 no-repeat;
}




/*----------------------
OEM靴の種類コンテンツ
----------------------*/
div#shoetype {
	position: relative;
	width: 910px;
	height: 944px;
	margin: 0 auto;
	background: url(../images/oem_shoetypeback.jpg) 0 0 no-repeat;
}
div#shoetype h3, div#shoetype h4 {
	text-indent: -9999px;
}


/*靴の種類ボックス-全体*/
div#shoetype dl a {
	display: block;
	position: absolute;
	width: 265px;
	height: 116px;
	background: url(../images/oem_shoetypeback.jpg) no-repeat;
}
div#shoetype dl a dt {
	position: absolute;
	top: 7px;
	left: 140px;
	color: #FF7F00;
	font-size: 0.8em;
}
div#shoetype dl a dd {
	position: absolute;
	top: 40px;
	left: 150px;
	width: 105px;
	color: #ccc;
	font-size: 0.8em;
	line-height: 1.3em;
}
div#shoetype dl a:hover dt {
	color: #fa3;
}
div#shoetype dl a:hover dd {
	color: #fff;
}


/*靴の種類ボックス-個別*/
div#shoetype dl#shoe01 a {
	top: 165px;
	left: 0;
	background-position: 0 -165px;
}
div#shoetype dl#shoe01 a:hover {
	background-position: -910px -165px;
}

div#shoetype dl#shoe02 a {
	top: 165px;
	left: 311px;
	background-position: -311px -165px;
}
div#shoetype dl#shoe02 a:hover {
	background-position: -1221px -165px;
}

div#shoetype dl#shoe03 a {
	top: 165px;
	left: 622px;
	background-position: -622px -165px;
}
div#shoetype dl#shoe03 a:hover {
	background-position: -1532px -165px;
}

div#shoetype dl#shoe04 a {
	top: 335px;
	left: 0;
	background-position: 0 -335px;
}
div#shoetype dl#shoe04 a:hover {
	background-position: -910px -335px;
}

div#shoetype dl#shoe05 a {
	top: 335px;
	left: 311px;
	background-position: -311px -335px;
}
div#shoetype dl#shoe05 a:hover {
	background-position: -1221px -335px;
}

div#shoetype dl#shoe06 a {
	top: 335px;
	left: 622px;
	background-position: -622px -335px;
}
div#shoetype dl#shoe06 a:hover {
	background-position: -1532px -335px;
}

div#shoetype dl#shoe07 a {
	top: 505px;
	left: 0;
	background-position: 0 -505px;
}
div#shoetype dl#shoe07 a:hover {
	background-position: -910px -505px;
}

div#shoetype dl#shoe08 a {
	top: 505px;
	left: 311px;
	background-position: -311px -505px;
}
div#shoetype dl#shoe08 a:hover {
	background-position: -1221px -505px;
}

div#shoetype dl#shoe09 a {
	top: 505px;
	left: 622px;
	background-position: -622px -505px;
}
div#shoetype dl#shoe09 a:hover {
	background-position: -1532px -505px;
}

/*下部*/
div#shoetype p#para01 {
	position: absolute;
	left: 230px;
	top: 700px;
	color: #FF7F00;
	font-size: 1.1em;
	font-weight: bold;
}
div#shoetype p#para02 {
	position: absolute;
	left: 230px;
	top: 860px;
	color: #FF7F00;
	font-size: 1.1em;
	font-weight: bold;
}
div#shoetype p#para03 {
	position: absolute;
	left: 230px;
	top: 888px;
	color: #fff;
	font-size: 0.85em;
}




/*----------------------
OEM事例コンテンツ
----------------------*/
div#oemcase {
	position: relative;
	width: 910px;
	height: 3550px;
	margin: 0 auto;
	background: url(../images/oem_caseback.jpg) 0 0 no-repeat;
}
div#oemcase h3, div#oemcase h4 {
	text-indent: -9999px;
}
div#oemcase p {
	position: absolute;
	color: #fff;
}
div#oemcase p#para01 {
	top: 174px;
	left: 277px;
	color: #FF7F00;
}
div#oemcase p#para02 {
	top: 235px;
	left: 277px;
}
div#oemcase p#para03 {
	top: 235px;
	left: 390px;
	width: 440px;
}
div#oemcase p#para04 {
	top: 458px;
	left: 277px;
	width: 550px;
}
div#oemcase p#para05 {
	top: 544px;
	left: 277px;
	width: 550px;
	color: #F555A8;
}
div#oemcase p#para06 {
	top: 716px;
	left: 277px;
	width: 550px;
}
div#oemcase p#para07 {
	top: 812px;
	left: 277px;
	width: 550px;
	color: #FEDE58
}
div#oemcase p#para08 {
	top: 1002px;
	left: 277px;
	width: 550px;
}
div#oemcase p#para09 {
	top: 1183px;
	left: 545px;
	width: 295px;
}
div#oemcase p#para10 {
	top: 1386px;
	left: 545px;
	width: 295px;
}
div#oemcase p#para11 {
	top: 1922px;
	left: 277px;
	width: 550px;
	color: #FEDE58;
}
div#oemcase p#para12 {
	top: 2008px;
	left: 277px;
	width: 550px;
	color: #F555A8;
}
div#oemcase p#para13 {
	top: 2122px;
	left: 277px;
	width: 550px;
	color: #FEDE58;
}
div#oemcase p#para14 {
	top: 2237px;
	left: 277px;
	width: 550px;
	color: #F555A8;
}
div#oemcase p#para15 {
	top: 2380px;
	left: 277px;
	width: 550px;
	color: #FEDE58;
}
div#oemcase p#para16 {
	top: 2494px;
	left: 277px;
	width: 550px;
}
div#oemcase p#para17 {
	top: 2694px;
	left: 550px;
	width: 290px;
}
div#oemcase p#para18 {
	top: 2866px;
	left: 550px;
	width: 290px;
}
div#oemcase p#para19 {
	top: 3134px;
	left: 330px;
	width: 510px;
	color: #F555A8;
}
div#oemcase p#para20 {
	top: 3248px;
	left: 330px;
	width: 510px;
	color: #F555A8;
}
div#oemcase p#para21 {
	top: 3334px;
	left: 330px;
	width: 510px;
	color: #F555A8;
}
div#oemcase p#para22 {
	top: 3420px;
	left: 330px;
	width: 510px;
	color: #F555A8;
	text-align: right;
}



/*----------------------
フッタ
----------------------*/
div#footer {
	width: 950px;
}
div#footer p#copy {
	font-size: 0.7em;
	color: #999;
	font-family: 'Georgia' , serif;
	position: absolute;
	bottom: 8px;
	left: 20px;
}



/*----------------------
スライド用
----------------------*/
		
p#cross-links { text-align: center }
p#cross-links {  margin-bottom: 30px; padding-bottom: 30px }

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	padding: 10px 0 150px 0;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 450px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 910px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 450px;
	clear: both;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 970px; /* Also specified in  .stripViewer  above */
}


div.wrapper {
	position: relative;
	width: 910px;
	height: 450px;
	background: url(../images/oem_slideback24.png) 0 0 no-repeat;
}
* html div.wrapper {
	background: url(../images/oem_slideback8.png) 0 0 no-repeat;
}

div.wrapper h3 {
	position: absolute;
	top: 5px;
	left: 15px;
	width: 175px;
	height: 20px;
	text-indent: -9999px;
	font-size: 0.1em;
}
div.wrapper h3#oem1 {
	background: url(../images/oem_lmds1.png) 0 0 no-repeat;
}
div.wrapper h3#oem2 {
	background: url(../images/oem_lmds2.png) 0 0 no-repeat;
}
div.wrapper h3#oem3 {
	background: url(../images/oem_lmds3.png) 0 0 no-repeat;
}
div.wrapper h3#oem4 {
	background: url(../images/oem_lmds4.png) 0 0 no-repeat;
}

div.wrapper dl {
	display: block;
	position: absolute;
	top: 45px;
	left: 40px;
	width: 450px;
}
div.wrapper dl dt {
	width: 160px;
	height: 20px;
	margin-top: 15px;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	line-height: 1.1em;
	background: url(../images/oem_slidemds.jpg) 0 0 no-repeat;
	text-align: center;
}
div.wrapper dl dd {
	margin-top: 5px;
	font-size: 1em;
	line-height: 1.5em;
}

div.wrapper div.oemimage1 {
	position: absolute;
	top: 60px;
	left: 530px;
	width: 340px;
	height: 360px;
}
div.wrapper div.oemimage2 {
	position: absolute;
	left: 40px;
	width: 470px;
}


		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width: 0;
	height: 0;
	display: none;
}

		
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}



.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 480px;
	text-indent: -9999px;
}

.stripNavL a, .stripNavR a {
	display: block;
	width: 86px;
	height: 67px;
}

.stripNavL a {
	position: absolute;
	left: 380px;
	background: url(../images/oem_sliderbtn.png) 0 0 no-repeat;
}
*:first-child+html .stripNavL a {
	left: -100px;
}
* html .stripNavL a {
	left: -100px;
}

.stripNavR a {
	position: absolute;
	left: 490px;
	background: url(../images/oem_sliderbtn.png) -86px 0 no-repeat;
}

.stripNavL a:hover {
	background-position: 0 -67px;
}

.stripNavR a:hover {
	background-position: -86px -67px;
}