body{
background:#F6001C;
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	background-image: url('../images/bg.gif');

}

/* SLIDER STYLES */
slide_ol{

	border: 0px black solid;
}

.slider-wrapper{
	width:1000px; 
	height:700px; 
	margin: 0px auto;
	background-image: url('../images/webbok_bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	border: 0px black solid;
	overflow: hidden;

}

.slider{
	width:845px; 
/*	height:400px; when responsive, comment this out */
	position:relative;
	height:500px; 

    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	overflow: hidden;
	border: 0px black solid;
	margin-left:98px;
	margin-top:68px;

}



/* ELEMENT STYLES */

p{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:1% 3%;
	
	font-size:24px;
	color:#000;
	white-space: nowrap;
/*	text-transform:uppercase;*/
}

.claim{
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}

.title {
font-weight:bold;
letter-spacing:0.2em;
font-size:36px;
line-height:2em;}

rt {
font-size:8px;
font-weight:normal;

}

.maintext{
font-size:1em;
font-weight:bold;
line-height:2.3em;
letter-spacing:0.1em;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;

}

.lasttext{
font-family: "Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI";
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
letter-spacing:0em;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
text-orientation:lowercase;
}

.lasttext2{
font-family: "Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI";
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
letter-spacing:0em;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
text-orientation:upright;
}

.slide h2{
font-size:1.2em;
font-weight:bold;

}

.talk{font-size:1.3em;
color:#dd0000;
}


@media screen and (orientation: landscape) {
.spNone { display: none;}
}
@media screen and (orientation: portrait) {
.spNone { border:2px solid #fff;
color:#fff;
padding:10px;
text-align:center;
margin:0px 50px 50px;}
}