@charset "UTF-8";
/* CSS Document 
Author Name: Saptarang
Author URI: http://www.saptarang.org
Themeforest: http://themeforest.net/user/saptarang?ref=saptarang
Creation Date: 22nd December, 2013
Description: A default stylesheet for OnEvent - Special Event Landing Page Template Designed & Developed By Saptarang.
*/


html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.714em;
	color: #6a6a6a;
	-webkit-font-smoothing: subpixel-antialiased;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #3d3d3d;
}
h1 {
	font-size: 2em;
	font-weight: 300;
}
h2 {
	font-size: 1.714em;
	font-weight: 500;
}
h3 {
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.429em;
}
h5 {
	font-size: 1.286em;
	font-weight: 500;
}
h6 {
	font-size: 1.143em;
	font-weight: 500;
}
a, a:hover, a:focus {
	text-decoration: none;
	color: #000;
}
:focus, :active {
	outline: none!important;
}
p {
	margin: 0.3em 0 2em;
}
input[type=text], input[type=email], input[type=tel], textarea, input[type=number] {
	padding: 0.5em 1em;
	border: #e5e5e5 1px solid!important;
	-webkit-box-shadow: inset 0 2px 3px 0 #ececec;
	margin-bottom: 1.5em;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, input[type=number]:focus {
	-webkit-box-shadow: 0 0 5px 0 #2c94ff;
	box-shadow: 0 0 5px 0 #2c94ff;
}
/* ============ GENERAL ============ */

section.page-block {
	padidng: 3em;
	margin-bottom: 2.5em;
}
.section {
	display: block;
	background: #fff;
	padding: 2em;
	-webkit-box-shadow: 0 4px 1px 0 rgba(0,0,0,0.05);
	box-shadow: 0 4px 1px 0 rgba(0,0,0,0.05);
}
.page-head {
	display: block;
	margin: -2em -2em 2em -2em;
	padding: 1.5em 2em;
	background: #fbfbfb;
	border-bottom: #ececec 1px solid;
}
header.colored {
	padding: 1.5em inherit;
}
header.colored h2, header.colored p.text-muted {
	color: #fff;
}
header.colored p.text-muted {
	opacity: 0.7;
}
.no-border {
	border: none!important;
}
.no-padding {
	padding: 0!important;
}
.bottom-margin {
	margin-bottom: 2em;
}
.no-margin {
	margin-bottom: 0!important;
}
img.pull-right {
	margin: 0px 0px 1.5em 1.5em;
	border-radius: 0!important;
}
img.pull-left {
	margin: 0px 1.5em 1.5em 0px;
	border-radius: 0!important;
}
i {
	margin-right: 0.3em;
}
.btn {
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 0;
	color: #fff!important;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
	padding: 0.8em 1.5em;
}
.btn:hover {
	background: #3d3d3d;
}
.btn-lg {
	padding: 0.8em 1em;
}
blockquote {
	font-size: 1.1em;
}
.tooltip {
	top: -40px!important;
}
ul.list-default {
	list-style-type: none;
}
ul.list-default li {
	padding: 0.8em 0 0.8em 2.5em;
	position: relative;
}
ul.list-default li:before {
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	font-size: 0.8em;
	top: 1.3em;
}
input, button, select, textarea {
	border-radius: 0!important;
}
a.top {
	display: none;
	color: #fff;
	text-align: center;
	padding: 0.8em 0.8em 1em 1.3em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	background: rgba(0,0,0,0.5);
	position: fixed;
	right: 1em;
	bottom: 1em;
	opacity: 0.8;
}
a.top:hover {
	opacity: 1;
}
.text-muted {
	color: #b2b2b2;
	margin: 0
}
#subscribeForm .form-control:-moz-placeholder {
color: rgba(255,255,255,0.7)!important
}
#subscribeForm .form-control::-moz-placeholder {
color: rgba(255,255,255,0.7)!important
}
#subscribeForm .form-control:-ms-input-placeholder {
color: rgba(255,255,255,0.7)!important
}
#subscribeForm .form-control::-webkit-input-placeholder {
color: rgba(255,255,255,0.7)!important
}
/* ============ HEADER ============ */

h1.logo {
	background: none;
	border: none;
	margin: 0.8em 0;
}
h2.logo {
	background: none;
	border: none;
	margin: 1em 0 0 -0.5em;
}
#top .container {
	position: relative;
}
#home {
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
}
.navbar {
	min-height: 1em;
}
.navbar-header {
	display: none;
	position: absolute;
	top: 1em;
	right: 1.4em;
	width: 35px;
	height: 35px!important;
	overflow: hidden;
	text-align: center;
}
.navbar-header .navbar-toggle {
	display: block;
	margin: 0 5px 0 0!important;
	padding: 9px 0!important;
}
.navigation nav ul {
	text-align: right;
	margin: 0;
}
.navigation nav ul li {
	margin: 0 0.5em;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
}
.navigation nav ul li:last-child {
	margin-right: 0;
}
.navigation nav ul li:before {
	content: '';
}
.navigation nav ul li a {
	font-size: 0.9em;
	font-weight: 600;
	line-height: 4.95em;
	color: #3d3d3d;
	text-transform: uppercase;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none!important;
}
.navbar-default {
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.7);
	margin: 0;
}
.navbar {
	border: 1px solid rgba(0,0,0,0.1);
}
.navbar a.navbar-brand {
	color: #fff;
}
.navbar-collapse.in {
	overflow: visible;
}
#event-slider .carousel-inner {
	overflow: hidden;
	max-height: 50em;
}
#event-slider .carousel-inner .item img {
	width: 100%;
}
#event-slider .carousel-control {
	text-align:center!important;
}
#event-slider .carousel-control i {
	position: absolute;
	top: 50%;
	left:45%;
	margin:0;
}
/* ============ INTRO ============ */
#intro {
	min-height: 5em;
	position: relative;
}
#intro .container .section {
	margin-top: -9.4em;
}
#intro .section .page-head {
	padding-bottom: 0;
	padding-top: 1.5em;
}
.callback, .simple {
	font-size: 20px;
	background: #27ae60;
	padding: 0.5em 0.7em;
	color: #ecf0f1;
	margin-bottom: 50px;
	-webkit-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}
.callback {
	cursor: pointer;
}
.ended {
	background: #c0392b;
}
.venue {
	float: left;
}
.styled {
	margin-bottom: 0px;
	margin-top: -1.5em;
	height: 100%;
	width: 100%;
	text-align: center;
}
.styled div {
	display: inline-block;
	font-size: 1em;
	font-weight: 200;
	line-height: 1;
	border: #e5e5e5 1px solid;
	border-style: none solid none none;
	padding: 0.3em 1em 0 1em;
	height: 100%;
}
.styled div:first-child {
	border-style: none solid;
}
.styled div span {
	display: block;
	font-size: 2.8em;
	margin: 10px auto;
}
/* IE7 inline-block hack */
*+html .styled div {
	display: inline;
	zoom: 1;
}
.styled div:first-child {
	margin-left: 0;
}
.styled div strong {
	display: block;
	font-size: 14px;
	border-top: 1px solid #e5e5e5;
	background: #f6f6f6;
	padding: 0.45em 0.2em;
	margin: 0 -1em;
	text-transform: uppercase;
	color: #747474;
}
.regHeading {
	display: none;
}
#register {
	position: absolute;
	display: none;
	bottom: 6em;
	background: #FBFBFB;
	bortder: 1px solid #fff;
	padding: 2em;
	right: -0.9em;
	-webkit-box-shadow: 0 1.5em 4em 0 rgba(0,0,0,0.3);
	box-shadow: 0 1.5em 4em 0 rgba(0,0,0,0.3);
	width: 20em;
}
#register input[type=text], #register input[type=tel], #register input[type=email], #register textarea {
	margin-bottom: 0.4em;
}
#register input[type=submit] {
	padding: 0.4em 1.4em;
	margin-top: 0.5em;
	font-size: 0.9em;
}
#register .form-row {
	position: relative;
}
#register .form-row .error {
	position: absolute;
	top: 0.4em;
	right: 0.5em;
}
/*============== SCHEDULE ===============*/
#schedule .nav-tabs li {
	margin: 0;
	border: #e5e5e5 1px solid;
	border-style: none none none solid;
}
#schedule .nav-tabs li:first-child, #schedule .nav-tabs li.active a {
	border: none!important;
}
#schedule .nav-tabs li a {
	-webkit-border-radius: none;
	border-radius: none;
	display: block;
	padding: 1.5em 3.5em 1.5em 2em!important;
	margin: 0;
	clear: both;
}
.nav-tabs>li>a {
	border: none!important;
}
#schedule .nav-tabs li a:hover {
	background: none;
}
#schedule .nav-tabs li.active span.arrow {
	display: block!important;
	width: 15px;
	height: 10px;
	background: url(../img/icons/tab-active.png) no-repeat 0 0;
	margin: 0 auto -11px auto;
}
#schedule .nav-tabs li i {
	font-size: 3em;
	color: #b2b2b2;
	margin-top: -0.2em;
}
#schedule .nav-tabs li h5 {
	white-space: nowrap;
	display: inline-block;
}
#schedule .nav-tabs li h5 small {
	display: block;
	margin-top: 0.5em;
	white-space: nowrap
}
#schedule .nav-tabs li.active h5 small {
	color: #3d3d3d!important;
}
#schedule .tab-pane {
	padding: 3em 2em 2em 2em;
}
.tab-pane h3 i {
	display: none;
}
.schedule-box h6.section-head {
	display: inline-block;
	background: #3d3d3d;
	color: #fff;
	padding: 0.7em 1em;
}
.schedule-box h6.section-head span {
	display: inline-block;
	margin: -0.7em 1em -0.7em -1em;
	padding: 0.7em 1em;
	color: #fff;
	border-right: #fff 1px solid;
}
.schedule-box ul.activities {
	display: block;
	margin: 0 0 2em 0;
	background: #fbfbfb;
	border: #e5e5e5 1px solid;
	padding: 0;
}
.schedule-box ul.activities li {
	display: block;
	border-top: #e5e5e5 1px solid;
	padding: 2em 1.5em 0 1.5em;
}
.schedule-box ul.activities li:first-child {
	border: none;
}
.schedule-box ul.activities li h6 {
	margin-bottom: 1em;
}
ul.li-blocks {
	display: block;
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	width: 100%;
	border-bottom: #e5e5e5 1px solid;
}
ul.li-blocks li {
	margin: 0!important;
	padding: 0.9em 1em;
	border: #e5e5e5 1px solid;
	border-style: solid none none solid;
	font-size: 1.15em;
	width: 50%;
	float: left;
}
ul.li-blocks li:nth-child(even) {
	border-right: #e5e5e5 1px solid;
}
ul.li-blocks li:nth-child(4n+1), ul.li-blocks li:nth-child(4n+4) {
	background-color: #f7f7f7;
}
ul.li-blocks li:hover {
	background: #f7f7f7;
}
ul.li-blocks li strong {
	color: #3d3d3d;
}
.eg-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 0 auto 2em auto;
	padding: 0;
}
.eg-thumbs li {
	float: left;
	width: 24%;
	margin: 0.5%;
	background: #fff;
	padding: 1px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.eg-thumbs li a, .eg-thumbs li a img {
	display: block;
	position: relative;
}
.eg-thumbs li a {
	overflow: hidden;
}
.eg-thumbs li a div {
	position: absolute;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	display: block;
	left: 0px;
	top: 100%;
	overflow: hidden;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}
.eg-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(255,255,255,0.3);
}
/*マウスオン・ツールチップ表示*/
a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #FFF7EE;
     border: 1px solid #cccccc;
     color: #000000;
     width: 180px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}
 
/* IE6以下にのみ適用 */
a.tooltip:hover span{
     width: 190px;
}

/*ツールチップ表示２*/
#sample2 li {
  position:relative;
}
#sample2 li:hover {
  background: #ffffff;     /* IE6以下で必要 */
  /*background: #deb3ba;*/
}
.sample2-tooltips {
  display: none;
  position: absolute;
  bottom: -2.8em;
  left: 0.3em;
  z-index: 9999;
  padding: 0.3em 0.5em;

     background-color: #FFF7EE;
     border: 1px solid #cccccc;
     color: #000000;
/*  color: #FFFFFF;
  background: #c72439;
  border-radius: 0.5em;*/
}
.sample2-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #cccccc;
/*  border-left:8px solid #c72439;*/
}
#sample2 div:hover~.sample2-tooltips {
  display: block;
}

/*ツールチップ３*/
#tooltip2{
    /*margin:70px 0  0  30px;*/
}
#tooltip2 li{
    width:150px;
    height:50px;
    display:block;
    float:left; 
    position:relative;      
}
#tooltip2 li > div {
    width: 150px;
    min-height: 20px;
    position: absolute;
    top:-50px;
    margin-left: -25px;
    padding: 5px;
    visibility:hidden;
    opacity: 0;
    background: #ffffff;
    font-size:1em;

/* Setting the border-radius property for all Browsers */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Browsers that Support it like Opera */

/* Setting the box-shadow property for all Browsers */
    -moz-box-shadow: 0 0 8px gray; /* Firefox */
    -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
    box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */
/* Setting the transition property for all Browsers */
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.5s ease-in-out; /* Opera */
    transition: all 0.5s ease-in-out; /* Browsers that Support it */         
    }
#tooltip2 li > div:after {
    content:"\25B8"; 
    display:block;
    font-size:2em;
    height:0;
    line-height:0;
    position:absolute;
    color:#fff;
    bottom:-3px;
    left:1px;
    text-align:center;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    width:100%;
    text-shadow: 3px 0 2px #ccc;

}
#tooltip2 li:hover > div {
    visibility:visible;
    opacity: 1;
    top:-200px;
    background-color: #FFF7EE;
/* Setting the transition property for all Browsers */
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.5s ease-in-out;  /* Opera */
    transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
/*トライツールチップ*/
a.samplet1 span{
    display:none;
    color:#fff;
    background:rgba(51,51,51,0.75);
    font-size: large;
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:300px;
    text-align:left;
    position: absolute;
    /*position: relative;*/
    left:10%;
    z-index:10;
}
a.samplet2 span{
    display:none;
    color:#fff;
    font-size: large;
    background:rgba(51,51,51,0.75);
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:300px;
    text-align:left;
    position: absolute;
    /*position: relative;*/
    left:35%;
    z-index:10;
}
a.samplet3 span{
    display:none;
    color:#fff;
    font-size: large;
    background:rgba(51,51,51,0.75);
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:300px;
    text-align:left;
    position: absolute;
    /*position: relative;*/
    left:65%;
    z-index:10;
}

a.samplet4 span{
    display:none;
    color:#fff;
    font-size: large;
    background:rgba(51,51,51,0.75);
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:300px;
    text-align:left;
    position: absolute;
    /*position: relative;*/
    left:85%;
    z-index:10;
}
a.samplet span{
    display:none;
    color:#fff;
    font-size: large;
    background:rgba(51,51,51,0.75);
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:300px;
    text-align:left;
    position: absolute;
    /*position: relative;*/
    /*left:85%;*/
    z-index:10;
}

a.samplet1 { 
    display: inline-block;
    text-align:left;
}
a.samplet1:hover span{ display:block; }
a.samplet2 { 
    display: inline-block;
    text-align:left;
}
a.samplet2:hover span{ display:block; }
a.samplet3 { 
    display: inline-block;
    text-align:left;
}
a.samplet3:hover span{ display:block; }
a.samplet4 { 
    display: inline-block;
    text-align:left;
}
a.samplet4:hover span{ display:block; }
a.samplet { 
    display: inline-block;
    text-align:left;
}
a.samplet:hover span{ display:block; }

/*=================SPEAKER==================*/
.speaker .col-md-10 {
	border-right: #e5e5e5 1px solid;
}
.speaker .col-md-10 h6 {
	margin-top: 1em;
}
.speaker .col-md-10 p {
	font-size: 0.85em;
	color: #9e9e9e;
	margin-bottom: 1em;
}
.speaker .col-md-2 i {
	font-size: 2.6em;
	margin: 0.4em auto 0 auto;
	cursor: pointer;
}
.speaker-grid .section:hover .speaker .col-md-2 i {
	color: #3d3d3d;
	-moz-transform: scale(1) rotate(180deg) translateX(0px) skewX(0deg);
	-webkit-transform: scale(1) rotate(180deg) translateX(0px) skewX(0deg);
	-o-transform: scale(1) rotate(180deg) translateX(0px) skewX(0deg);
	-ms-transform: scale(1) rotate(180deg) translateX(0px) skewX(0deg);
	transform: scale(1) rotate(180deg) translateX(0px) skewX(0deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.speaker-grid .section {
	margin-bottom: 2em;
}
.speaker-grid .section figure {
	position: relative;
	overflow: hidden;
}
.speaker-grid .section .speaker {
	background: #fff;
}
.speaker-grid .section figcaption {
	display: block;
	bottom: 0;
	height: 100%;
	color: #fff;
	padding: 2em 1em 0.5em 1em;
	position: absolute;
	-webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.1);
	box-shadow: 0 5px 0 0 rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate(0px, 400px);
	-moz-transform: translate(0px, 400px);
	-ms-transform: translate(0px, 400px);
	-o-transform: translate(0px, 400px);
	transform: translate(0px, 400px);
}
.speaker-grid .section:hover figcaption {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
/*================= PARTNERS ======================*/
#partners a img {
	background-color: #ececec;
	width: 25%;
	float: left;
	padding: 1px;
	/*
	opacity: 0.5;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	/*filter: gray; /* IE6-9 */
	/*-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
#partners a:hover img {
	/*opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0%);
	*/
}
.partner {
	display: block;
	margin-top: 2em;
}
/*================= FAQ ======================*/
.panel-heading, .panel-title, .panel, .panel-default {
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
}
.panel-heading {
	padding: 0!important;
}
.panel-heading a {
	display: block;
	padding: 1em 1em 1em 1.5em!important;
	color: #fff;
	font-weight: bold;
}
.panel-heading a span {
	display: block;
	margin: -2.8em -1em -1em 2em;
	background: #f5f5f5;
	padding: 1em;
	color: #6a6a6a;
}
.panel-body {
	padding: 2em;
}
/*================= VENUE ======================*/
#venue .section {
	padding-bottom: 0!important;
}
#map_canvas {
	display: block;
	height: 25em;
	background: #f5f5f5;
	margin: -2em -2em 0em -2em;
	border-bottom: #e5e5e5 1px solid;
}
#venue .column {
	padding: 2em 0;
}
#venue .column-content {
	padding: 0 1em;
}
#venue .directions-input, #venue .directions-results {
	border-left: #e5e5e5 1px solid;
	padding: 2em 1em;
}
#venue .directions-results {
	overflow: auto;
}
#venue input[type=text] {
	display: block;
	width: 100%;
}
#venue .radio-option {
	display: block;
	margin-bottom: 0.5em;
	float: left;
	min-width: 120px;
	font-size: 0.9em;
	font-weight: normal
}
#routeForm .last {
	margin-bottom: 1em;
}
#venue .radio-option input[type=radio] {
	margin-right: 0.25em;
}
#directionsPanel {
	display: block;
}
#directionsPanel .adp-placemark td {
	padding: 5px!important;
}
#directionsPanel .adp-summary {
	text-align: center;
	font-weight: bold;
}
ul.address {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0 -1em 0 -2em;
}
ul.address li {
	display: block;
	position: relative;
	border-top: #e5e5e5 1px solid;
	padding: 1em 2em 1em 5em;
}
ul.address li:first-child {
	border: none;
	padding-top: 0;
}
ul.address li i {
	position: absolute;
	left: 1em;
	top: 0.65em;
	color: #d2d2d2;
	font-size: 1.8em;
}
ul.address li:first-child i {
	top: 0;
}
/* ================== FOOTER ====================*/
#footer {
	background: #3d3d3d;
	min-height: 10em;
	margin-top: 6.5em;
	-webkt-box-shadow: inset 0 10px 0 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 10px 0 0 rgba(255,255,255,0.2);
}
#footer .section {
	margin-top: -5.5em;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#footer h3 {
	color: #fff;
}
#footer .colored {
	border-bottom: 3px solid rgba(0,0,0,0.25);
}
#footer a:hover {
	color: #fff;
}
#footer .social {
	position: relative;
}
#footer .social a {
	color: #fff;
	opacity: 0.7;
	font-size: 1.7em;
}
#footer .social a:hover {
	opacity: 1;
}
#footer .text-center {
	color: #b2b2b2;
	font-size: 0.9em;
}
#footer p {
	margin-bottom: 0;
}
#subscribeForm .form-row {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}
#subscribeForm input[type=email], #subscribeForm input[type=text] {
	display: block;
	border: 1px solid rgba(0,0,0,0.1)!important;
	width: 100%;
	padding: 0.7em 1em;
	height: auto!important;
	background: rgba(0,0,0,0.25);
	color: #fff!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#subscribeForm input[type=submit] {
	display: block;
	background: transparent url(../img/icons/plus.png) no-repeat 0 0;
	width: 21px;
	height: 21px;
	border: none;
	text-align: center;
	position: absolute;
	right: 0.65em;
	top: 0.65em;
}
#subscribeForm span.error i {
	position: absolute;
	top: -1em;
	left: 1em;
}

/*adding*/
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


/**subscription & survey***/
/*
CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. CONTENT
3. FORMS
4. COMMON
5. MEDIA QUERIES

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
/*
body {
	background:#fff;
	font:13px/20px 'Open Sans', Arial, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased !important;
}
*/
/** Typography **/
/*
h1,
h2,
h3,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-family: 'Open Sans', Arial, sans-serif;
}
h1,h2 {
	text-transform:uppercase;
	font-weight:800;
	text-align:center;
}
*/
.main-title h1{
	font-size:44px;
	line-height:40px;
	margin-top:70px;
}
.main-title p {
	font-size:26px;
	font-weight:300;
	margin-top:-5px;
	text-align:center;
}
/*
h2 {
  font-size: 32px;
  line-height:30px;
  margin-bottom:45px;
}
h2 span{
  font-size: 24px;
  font-weight:300;
  text-transform:none;
  display:block;
}
h3 {
  font-size: 32px;
  font-weight:600;
  text-align:center;
  line-height:32px;
  margin-bottom:45px;
}
h3 span {
  font-size: 21px;
  font-weight:300;
  display:block;
}
*/
.step h3 {
	text-transform:none;
	font-size:22px;
	line-height:26px;
	font-weight:600;
	margin-bottom:25px;
	text-align:left;
}

footer h3 {
	text-transform:none;
	font-weight:400;
	text-align:left;
	font-size:22px;
	margin-bottom:10px;
}
/*
h4 {
  font-size: 18px;
  ine-height:22px;
}

h5 {
  font-size: 14px;
  line-height:14px;
}
footer h5 {
	color:#555; 
}
h6 {
  font-size: 12px;
}
p {
  margin: 0 0 20px 0;
}
*/
/** Lists **/

ul,
ol {
  padding: 0;
  margin: 0 0 30px 0;
  list-style:none;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #dfdfdf;
}

/** Links color **/
/*
a {
  color: #00aeef;
  text-decoration: none;
  	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a:hover,
a:focus {
  color: #444;
  text-decoration: none;
}
*/
/** Buttons **/
.button_medium {
	border:none;
	background:#282828;
	color:#fff;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
}

a.button_medium:hover, .button_medium:hover {background:#00aeef; color:#fff;}

.button_medium_2 {
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:2px solid  #282828;
	color:#282828;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#fff;
}
a.button_medium_2:hover {background:#00aeef; color:#fff; border:2px solid  #00aeef;}


/** Wizard Buttons **/
.backward, .forward {
	border:none;
	color:#fff;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#282828;
	position:relative;
   } 
   
.backward {padding:7px 20px 7px 30px;} 

 button[disabled].backward, button[disabled].forward {
	border:none;
	background:#ccc;
	outline:none;
}

.backward:before {
	 content: "\f053"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
	font-weight:normal;
    top: 8px;
    left: 20px;
	text-transform:none;
	font-size:9px
   } 
 
.forward {padding:7px 30px 7px 20px;}  
   .forward:before {
	 content: "\f054"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
	font-weight:normal;
    top: 8px;
    right: 20px;
	text-transform:none;
	font-size:9px
   } 
   
.backward:hover, .forward:hover {background:#00aeef; color:#fff;}


/** Header ==================== **/
/*
header {
	padding:10px 0;
	width:100%;
	background-color:#1ab9a7;
}
#logo a{
	text-indent:-99999px;
	background: url(../img/logo.png) no-repeat 0 0;
	display:block;
	height:32px;
	width:151px;
}

#top-nav ul{ float:right; margin:0; padding:0; margin-top:8px;  margin-right:-10px; font-weight:700; text-transform:uppercase;}
#top-nav ul a { color:#fff; text-decoration:none;}
#top-nav ul a:hover, #top-nav ul a#active{ color:#323232;}
#top-nav ul li {float:left; padding-left:10px; margin-right:10px }
#top-nav ul li:first-child{ background:none;}
#top-nav ul li a#purchase { color: #fff200;}
#top-nav ul li a#purchase:hover { color:#323232;}
*/
/* Button Responsive Menu*/
.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:  0px 20px 0 0;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bar {display: block; width:18px;height:2px; margin:5px; background:#fff; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.show{display:block!important}

#main { padding-bottom:60px; }


/** Footer ==================== **/
/*
footer {
	width:100%;
	background:#1ab9a7;
	padding:30px 0 0 0;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
footer a{
	color: #FF9;
}
#footer_2 {
	width:100%;
	background:#252525;
}
#footer_2 a {
	color:#888;
}
#footer_2 a:hover {
	color:#fff;
}
ul#footer-nav {
	color:#fff;
	margin: 25px 0 10px 0;
	}
ul#footer-nav li:first-child {
	margin-right:30px;
}
ul#footer-nav li {
	display:inline-block;
	zoom:1;
	margin-right:10px;
}
#copy {
	padding:15px 0;
	background-color:#f8f8f8;
	font-size:11px;
	text-align:center;
}
#contact {
	background:url(../img/contact_map.png) no-repeat 90% 90px;
}
*/
/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/

/** Form area ============================= **/
#top-wizard {
	text-align:center;
	padding:15px 120px;
	background-color:#f3f3f3;
	border-bottom:1px solid #e7e7e7;
	position:relative;
	text-transform:uppercase;
	font-size:11px;
}
.shadow {
	width:100%;
	height:6px;
	position:absolute;
	left:0;
	bottom:-6px;
	background:url(../img/shadow_top_form.png) no-repeat center top;
}
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { background: #fff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header {background: #f68e56; }
.ui-widget-header a { color: #222222; }
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#survey_container {
	background-color:#fff;
	 box-shadow: 0 0 5px #777;
	 margin-top:0px;
	 margin-bottom:30px;
	 z-index:9;
	 position:relative;
}
.ie8 #survey_container {
	background-color:#fff;
	border:1px solid #ddd;
	margin-top:30px;
	 margin-bottom:30px;
	 z-index:9;
	 position:relative;
}
#middle-wizard {
	padding: 50px 125px 35px 125px;
}
#bottom-wizard {
	text-align:center;
	padding:15px 120px;
	border-top:1px solid #e7e7e7;
	background-color:#f3f3f3;
}
#complete{
	text-align:center;
	padding: 0 45px 35px 45px;
}
#complete h3{
	text-align:center;
	margin-bottom:40px
}
#complete i {
	color:#cacaca;
	margin: 0 0 10px 0;
	font-size:160px;
	padding:0;
}
#complete button{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:18px;
	border:2px solid  #8dc63f;
	color:#8dc63f;
	padding:15px 35px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	outline:none;
	background:#fff;
}
#complete button:hover{background:#00aeef; color:#fff; border:2px solid  #00aeef;}


/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
.form-control::-moz-placeholder { color: #999; opacity:1;}
.form-control::-webkit-input-placeholder {color: #999;}

input.form-control, select.form-control, textarea.form-control {
	background:none;
	background-color:#fbfbfb;
	border:2px solid #d5d5d5;
	border-radius: 0;
	 -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
  	color: #999;
	height:44px;
	font-size:16px;
	font-weight:400;
	margin-bottom:25px;
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 1.428571429;
	padding: 6px 12px;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus  {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;
}

/** Drop down select: ex Country select ==================== **/
.styled-select select {
   background: transparent;
   width:107%;
   padding: 5px;
   padding-left:15px;
   border: 0;
   border-radius: 0;
   height: 41px;
   margin:0;
  	font-weight:400;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
   }
.styled-select {
   width: 100%;
      overflow:hidden;
   height: 44px;
   background: #fbfbfb url(../img/down_arrow_select.png) no-repeat  98% center ;
	border:2px solid #d5d5d5;
	margin-bottom:-5px;
   } 
   
   .styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
	}
  
/** Floated inputs: ex the gender radio ==================== **/

ul.floated {
	padding:0;
	margin:0 0 0 0;
   }   
ul.floated li {
	float:left;
	margin:0; padding:0;
	width:30%;
   } 


 label.label_gender {padding-left:50px; line-height:42px;}
 
 ul.floated li#age {
	 width:100px;
	 margin-right:55px;
   } 
   
ul.data-list li {position:relative; } 

ul.data-list-2 li {
	   position:relative;
	   height:42px;
	   margin-bottom:15px;
	   width:100%;
	   display:block;
   }
   
ul.data-list-2 li label {
	float:left;
	margin-left:60px;
	font-size:18px;
	font-weight:400;
	margin-top:9px;
	line-height:22px;
   }  

ul.data-list#terms  {
	font-weight:400;
	line-height:22px;
	margin:0;
	padding:0;
	text-align:center;
   }  

/** Quantity incrementer input==================== **/   
.qty-buttons{ position:relative; width:100px; height:40px;  }
input.qty { width:70px; }
input.qtyminus, input.qtyplus, input.qtyplus:focus  { position:absolute; width:35px; height:23px; border: 2px solid #d5d5d5; outline:none; cursor:pointer;border-radius: 0;-webkit-appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none; }
input.qtyplus { background:#fff url(../img/plus.png) no-repeat center center; right:0; top:0; text-indent:-9999px;  }
input.qtyminus { background:#fff url(../img/minus.png) no-repeat center center; right:0; top:21px;  text-indent:-9999px; }
.qty-buttons span { position:absolute; top:10px; display:block; width:220px; left:120px; font-weight:bold;}

/** Errors validation styles and position ==================== **/   

/** Common style**/   
label.error{
	font-size:11px;
	position: absolute;
	top:-28px;
	right:-15px;
	z-index:99;
	height:25px;
	line-height:25px;
	background-color:#e34f4f;
	color:#fff;
	font-weight:normal;
	padding:0 6px;
   } 
  label.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%;
   } 
   
.styled-select label.error{overflow:visible;}

ul.floated li#age label.error {right:-15px;} 

ul.floated li label.error{right:-50px;} 

ul.data-list#terms li label.error {
	left:45%;
	display:inline-block;
	width:80px;
   } 

/** Error styles for survey questions**/   
ul.data-list-2 li label.error {
	   	font-size:11px;
	   	position: absolute;
		top:-30px;
		right:-10px;
		margin:0;
		z-index:99;
		height:25px;
		line-height:25px;
		background-color:#e34f4f;
		color:#fff;
		font-weight:normal;
		padding:0 6px;
   }  

/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/
/* twitter feed*/
.tweets-next, .tweets-prev{
	display: inline-block;
	font-size: 28px;
	color: #FFF;
	margin-top:10px;
}
.tweets-prev {margin-right:10px;}
.tweet_avatar {float:left;}
.tweet_time {display:block;margin-bottom:5px;}
.tweet-control {margin-bottom:30px;}

/* scroll to top */
#toTop {width:100px;background:#111;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px;cursor:pointer; display:none;color:#fff;font-size:11px; z-index:999;}

/* spacing */
.add_top_30 {margin-top:30px;}
.add_top_15 {margin-top:15px;}
.add_bottom_30 {margin-bottom:30px; }
.add_bottom_15 {margin-bottom:15px; }
.divider {width:100%; background:url(../img/divider.png) no-repeat center top; height:10px; margin: 30px 0;}

/* modal */
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px c;
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #ddd;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #555;
  text-shadow: 0 1px 0 #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 768px) and (max-width: 1200px) {

#middle-wizard {padding: 40px 60px 35px 60px;}

}
@media (min-width: 768px) and (max-width: 979px) {

#middle-wizard {padding: 40px 60px 35px 60px;}
#contact { background:none;}

#footer_2 {text-align:center;}
#contact { background:none;}

  ul.social-bookmarks {
	padding: 0;
	list-style-type: none;
	float:none;
	display:inline-block;
}
	
}
	
/* From tablet portrait to mobile */

@media (max-width: 767px) {
	
#top-nav		{width:100%;float:left;}
#top-nav			{display:none;}
#top-nav ul	{float: none; padding:20px 0 20px 0; margin:0; } 
#top-nav ul li 	{float: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size:14px; padding:0; margin:0;}
#top-nav ul li:last-child{ border-bottom:none;}
#top-nav ul li a	{ display:block; padding:5px;}
#top-nav ul a#active{ color:#323232; background-color:#ddd;}
.btn-responsive-menu{display:block;}	

.main-title h1{font-size:32px;line-height:30px;}
.main-title p {font-size:16px;}

h2, h3 {font-size: 26px;line-height:26px;margin-bottom:30px;}
h2 span, h3 span{font-size: 16px; line-height:18px}

#top-wizard {padding:15px 6s0px;}
#middle-wizard {padding: 20px 30px 20px 30px;}

ul.floated li#age {margin-bottom:-10px; } 
   
ul.floated li {
	float:none;
	margin:0; padding:0;
	width:50%;
	padding-bottom:10px;
   }
   
#footer_2 {text-align:center;}
#contact { background:none;}

 ul.social-bookmarks {
	padding: 0;
	list-style-type: none;
	float:none;
	display:inline-block;
}

}	

/* Mobile Landscape */

@media (max-width: 480px) {

.main-title h1{font-size:24px;line-height:26px; margin-top:30px;}
.main-title p {font-size:14px; ine-height:16px; }

#top-nav ul	{float: none; padding:20px 0 40px 0; margin:0; } 
#top-wizard {padding:15px 30px;}
#bottom-wizard {padding:15px 30px;}
.backward, .forward, button[disabled].backward, button[disabled].forward  {
	text-indent:-9999px;
	width:50px;
	padding:0;
	height:40px;
   } 
.backward:before, .forward:before, button[disabled].backward:before, button[disabled].forward:before {
	text-indent:0;
	top:12px;
	font-size:16px;
   } 
   
.qty-buttons span { top:10px; display:block; width:100px; left:120px; font-weight:bold; line-height:12px;}

#survey_container {margin-bottom:0;}

#complete{padding: 0 25px 15px 25px;}
#complete h3{ font-size:18px; margin-bottom:20px}
#complete i {font-size:80px;padding:0;}
}

/* Mobile Portrait */

@media only screen and (max-width: 320px) {

.main-title h1{font-size:24px;line-height:26px; margin-top:25px;}
#survey_container {margin-bottom:0;}
#top-nav ul	{float: none; padding:20px 0 10px 0; margin:0; } 
ul#footer-nav li {display:block;margin-right:0;}
ul#footer-nav li:first-child {margin-right:0;}
.step h3 {font-size:18px;line-height:22px; margin-bottom:20px}
#complete h3{ font-size:18px; margin-bottom:20px}
#complete{padding: 0 15px 15px 15px;}

}

/**その他**************/
.sample input{
	display: none;
}
.sample label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
.sample label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
.sample input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #879c18;
}

.table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}

.height400 {
    height: 200px !important;
}
.height200 {
    height: 150px !important;
}
.redclr {
    color: #FF0000 !important;
}
.height100 {
    height: 100px !important;
}
.widthall {
    width: 100% !important;
}
.width25 {
    width: 25% !important;
}
.logo7set {
    width: 165px !important;
    height: 100px !important;
    margin-left: 4.9% !important;
    margin-right: 4.88% !important;
}
.logo6set {
    width: 164px !important;
    height: 71px !important;
    margin-left: 4.89% !important;
    margin-right: 4.89% !important;
}
/*
.vcenter2{
 display: block;
 margin-top: auto;
 margin-bottom:  auto;
}
*/
.vcenter1 {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: 2% !important;
    float: none;
}
.vcenter2 {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: 3% !important;
    float: none;
}
.hcenter1 {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-left: 40px !important;
    float: none;
}

.blueclr {
    font-weight: bold;
    font-size: medium; 
    color: #3349CC !important;
}
.ss1title {
    left:25% !important;
}
.ss2title {
    left:50% !important;
}
.ss3title {
    left:75% !important;
}
.ss4title {
    left:90% !important;
}
.bar-center{
   text-align: center;
   color: black; 
}
.top-minus{
   margin-top: -20px;
}
.top-minus2{
   margin-top: -40px;
}
.tdtitle{
   vertical-align: middle;
}
.moushikomi{
    font-size: large;
}
div.sample{
	position:relative;
	max-width:200px;
	height:auto;

	
}
span.guard1{
 
     position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/blank.gif);
  
}
.imgcenter{
   left:25%;
}
div.sample1{
	position:relative;
	max-width:150px;
	height:auto;
	
}
.imgcenter1{
   left:25%;
}
div.gallimg{
	position:relative;
	max-width:300px;
	height:auto;
	
}
.imgcentergally{
   left:0%;
}
div.slideimg{
	position:relative;
	max-width:1920px;
	height:auto;
	
}
.imgcenterslide{
   left:0%;
}