/* Global */

body {
	font-family: /*'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',*/'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background:#f2c81f url(../images/bg.png) center center;
	background-attachment:fixed; 
}
img {
	max-width: 100%;
}

a:link, a:visited {
	color: #0066CC;
}
a:hover {
	color: #3FF;
	text-decoration: none;
}
p{font-size: 90%; line-height:1.6;}


/* Navigation */
.menu {
	position:fixed;
	top:-1px;
	width:100%; 
	height:auto;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	background-color:#f2c81f;
	z-index:100;
}
.menu a{color:#333; font-weight: 700;}
#logo {
	text-align: center;
	margin: 10px 0;
}
#nav {
	text-align: right;
	margin: 40px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:0 0 0 50px;
}
.navigation li:hover{
	cursor:pointer;
	color: #a9d3d0;
}

.navigation .active{
	cursor:pointer;
	color: #f68f67;
	font-weight:bold;
}
.link{margin:2em 0; text-align:center;}
.link a{padding:10px; background:#BB0E14; color:#FFF;}
.go-top{text-align: right;}

.button1 {
	font-size: 110%;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#e95376 0%,
		#d6335c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e95376),
		to(#d6335c));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #171717;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(145,0,145,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(145,0,145,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(145,0,145,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	cursor:pointer;
}
/* ハックIE6以外 */
html>body .button1{background:#e95376;}


.button1 img{vertical-align:middle; margin-right:1em;}
.button1 a, .button2 a{color:#FFF !important; text-decoration:none; display:block;}

.button2{
	background:#000;
	font-size: 110%;
	padding: 10px 20px;
	text-align:center;
}
.button2 img{vertical-align:middle; margin-left:1em;}

table {
    width:85%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table caption{
	text-align:left;
	font-size:1.5em;
	margin-top:1em;
}
table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
}
table td {
    padding: 9px 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	font-size:85%;
}
table tr:nth-child(2),table tr:nth-child(3),table tr:nth-child(4) {
    background: #F0FFFF;
}
table tr:nth-child(5){background: #FEF0FF;}
table tr:nth-child(6),table tr:nth-child(7) {
    background: #FFFFF0;
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	padding:80px 0 200px;
	background: none;
}

/* Slide 0 */ 
#slide0{
	padding-top:145px;
	background:url(../images/event_bg.png)no-repeat center center;
	color: #222;
	margin-bottom: -1px;
}
#slide0 h1 {
	margin-top: .5em;
	font-size: 2.3em;
	line-height: 0px;
	color:#000
	font-weight: 700;
}
#slide0 h2 {
	font-size: 1.3em;
	color: #FF3;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#slide0 a{color:#E95377; text-shadow: 0 1px -1px #FFF;}


/* Slide 1 */ 
#slide1{
	background:url(../images/event_bg.png) repeat-x 0 0 !important;
	color: 444;
}
#slide1 h1 {
	font-size: 2.3em;
	margin-bottom: 1em;
	line-height: 0px;
	color:#333;
	font-weight: 700;
}
#slide1 h2 {
	font-size: 1.5em;
	color: #333;
	line-height: 0px;
	padding-bottom:10px;
	font-weight: 400;
}
#slide1 .grid_7 img.map{width:98%;}
#slide1 p{margin:.5em 0;}
#slide1 .omega{text-align:center;}
#slide1 .gps{font-size:80%; margin-bottom:2em;}


/* Slide 2 */ 

#slide2{
	color:#444;
        background:url(../images/event_bg.png)no-repeat center center;
}
#slide2 h1 {
	font-size: 2.3em;
	line-height: 0px;
	color:#333;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 2em;
	color: #555;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#slide2 h3{margin:0;}
#slide2 p{margin:0;}



/* Slide 3 */ 

#slide3{
	background:url(../images/event_bg.png)no-repeat center center;
	color: #444;
}
#slide3 h1 {
	font-size: 2.3em;
	line-height: 0px;
	color:#333;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 1.5em;
	color:#005AAE;
	font-weight: 400;
}
#slide3 p{
	font-size:105%;
}



/* Slide 4 */

#slide4{
	color:#222;
	background:url(../images/event_bg.png)no-repeat center center;
	min-height:1200px
}
#slide4 h1 {
	font-size: 2.3em;
	line-height: 0px;
	color:#333;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 1.5em;
	color: #333;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}


/* Slide 5 */
#slide5{
	background:url(../images/event_bg.png)no-repeat center center;
	color: #444;
	line-height:1;
}

#slide5 h2 {
	font-size: 1em;
	line-height: 0px;
	margin-bottom:0;
	color:#333;
	font-size:110%;
}
#slide5 img{line-height:1;}
#slide5 table tr{background:#FFF; !important}


/* Slide 6 */
#slide6{
	color: #444;
	padding-bottom:10px;
}

#slide0 h2, #slide1 h2, #slide2 h2, #slide3 h2, #slide4 h2, #slide5 h2, #slide6 h2{ 
  	line-height: 2;
}





/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#slide0{color: #444;} #slide0 h2 {color: #333;}

.content {
	text-align: center;
	width:100%;
	margin-bottom:2em
}
.content p{text-align: left;}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding: 120px 0 120px;
}

#slide0{}
#slide0 h1, #slide1 h1, #slide2 h1, #slide3 h1, #slide4 h1, #slide5 h1, #slide6 h1{ 
  	line-height: 1;
	font-size:200%;
}
#slide0 h2, #slide1 h2, #slide2 h2, #slide3 h2, #slide4 h2, #slide5 h2, #slide6 h2{ 
    font-size:150%;
}


#slide6{
	background-position:right bottom !important;
}



}




/* Mobile */
@media screen and (max-width: 480px) {
#logo {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
#logo img{
	max-width: 70%;
}
#nav {
	width: 100%;
	margin: 5px 0;
	font-size: 85%;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding: 100px 0 120px;
}
.slide p{font-size:80%; line-height:1.3;}

#slide0{padding-top: 110px; color: #FFF;}
#slide0 h1, #slide1 h1, #slide2 h1, #slide3 h1, #slide4 h1, #slide5 h1, #slide6 h1{ 
  	line-height: 1;
	font-size: 1.5em;
	margin: .3em 0;
}
#slide0 h2, #slide1 h2, #slide2 h2, #slide3 h2, #slide4 h2, #slide5 h2, #slide6 h2, h3{ 
  	line-height: 1;
	font-size: 1em;
	margin-bottom: .3em;
}

#slide0 h1{color: #FFF;font-size: 1em;}
#slide0 h2{color: #FF3;}

#slide6{padding-bottom:200px;}
}




#cnt_2,#cnt_3, #cnt_4, #cnt_5, #cnt_6,#cnt_7, #cnt_8,#cnt_9{display:none}






/* jqFloat.js */
body{
	width:100%;
	height:100%;	
}


#balloon{
	width:280px;
	height:380px;
	background:url(../images/arinkurin.png) no-repeat 0 0;
	position:fixed !important; 
	z-index:1000;
	cursor:pointer;
}

#returnToTop {
	position: fixed;
	bottom: 0px;
	right: 3px;
	display: none;
	font-size: 18px;
	z-index: 1000;
}
#returnToTop a {
	display: block;
	padding:0 1em;
	border-radius: 3px 3px 0 0;
	background-color: #000;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	line-height: 2;
}
#returnToTop a:hover {
	padding-bottom: 8px;
}




/* #filter
--------------------------- */
#filter {
	margin: 0 auto;
	padding: 10px;
	width: 96%;
	text-align: left;
	background:#005AAE;
	color:#E1EBF5;
	
}
#filter a:link { text-decoration:none; color: #FFF;}
#filter a:visited { text-decoration:underline; color: #FFF;}
#filter a:active { text-decoration:underline; color: #FF3;}
#filter a:hover { text-decoration:underline; color: #FF3;}

#filter .active {
	font-weight: bold;
}
#filter a.active:link { text-decoration:underline; color: #3FF;}
#filter a.active:visited { text-decoration:none; color: #3FF; }
#filter a.active:active { text-decoration:none; color: #3FF;}
#filter a.active:hover { text-decoration:underline; color: #FF3;}

/* #filterlist
--------------------------- */
#filterlist {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#filterlist ul {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}

#filterlist ul li {
	margin: 1px;
	width: 140px;
	text-align: left;
	float: left;
	display: inline;
	overflow: hidden;
	
}


#filterlist ul li img {
	width: 138px;
	float: left;
	border:1px solid #69E;
}
#filterlist ul img:hover{border-color:#3FF}

/* =======================================
	ClearFixElements
======================================= */
#filterlist ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#filterlist ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	Google Map
======================================= */

#map_canvas { float: right; width: 70%; height:400px;}
#directionsPanel { float: left; width: 30%; height:400px; overflow: auto; font-size: 80%; line-height: 160%; }

@media print {
  html, body { height: auto; }
  #map_canvas { height: 650px; }
}
.adp-placemark { margin-top: 0; }
.adp-step { background: #eee; }
.adp-summary, .adp-step, .adp-substep { padding: 0.3em 0.5em; }
.adp-legal { padding: 0 0.5em; font-size: 80%; }




.pdf_file a {
    background: url("http://www.oki-shokoren.or.jp/images/nav/icon_pdf.png") no-repeat scroll 5px center #ffc;
    border: 1px solid #888;
    padding: 9px 10px 8px 23px;
}