@charset "UTF-8";

/*
	Reset
*******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li {list-style:none;}
img {border:0;}

/* Yahoo UI Font CSS
-----------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2

Font-size Adjustment.
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
----------------------------------------------- */ 
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;

*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */		background-color: #FFF;

}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*
	clearfix
*******************************/
.clearfix:after { content: " ";  display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;  }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
	replaceImg
*******************************/
.replaceImg { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}


/*
	BASE
*******************************/
/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}*/

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}

body > #container {
	height: auto;
	/*background-color: #FFF;*/
}
/*dt,dd,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a { font-size:93%;}
*/
body * {line-height:1.22em;}

img {
	vertical-align:bottom;
	line-height:0;
}


p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#222;}

a,
a:link,
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}

a img {
	outline:none;
	border:none;
}

.clear { clear:both;}

/*//////////////////////////////////////////////////////////////////////////*/



/*
	BASE LAYOUT
******************/

#container {
	width:100%;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	overflow:hidden;
}

#main {
	width: 100%;
	margin: 0px;
	padding: 0;
}

div#main p {
	color:#333;
	font-size:108%;
	line-height:180%;
}


/*//////////////////////////////////////////////////////////////////////////*/




/*
	Header LAYOUT
******************/
#head {
	margin:0;
	padding:0;
	width:auto;
	background:none;
}
#header {
	width:400px;
	height:500px;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	background:url(../img/common/menu_bg.png) no-repeat 0 60px;
	z-index:300;
}
#header div#logo {
	margin:0 0 110px;
	padding:15px 0 0 35px;
}
#menu {
	width:180px;
	margin:0 auto;
	padding:0;
}
#menu li {
	margin:0 0 15px;
	padding:0 0 0 35px;
}
#menu li.onn {
	background:url(../img/common/menu_onn.png) no-repeat 5px 50%;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	Contents LAYOUT
******************/

.contents {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.contents .cbox {
	width:800px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.contents .border {
	position:absolute;
	width:100%;
	height:38px;
	background:url(../img/common/border.png) repeat-x;
	bottom:-20px;
	z-index:10;
}
.contents#pos1 .border {
	z-index:101;
}

/*
	Top LAYOUT
******************/
h1 {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:77%;
	line-height:120%;
	color:#FFFFFF;
	padding:3px 0;
  text-shadow: 1px 1px 1px #000000;
}
#pos1 {
	padding-top:0;
}
.cbox.top {
	height:700px;
}

img.obj1 {
	position:absolute;
	top:520px;
	left:0;
	z-index:150;
}

div#news {
	width:335px;
	height:275px;
	background:url(../img/top/news_bg.png) no-repeat;
	position:absolute;
	bottom:180px;
	right:30px;
	z-index:200;
	overflow:hidden;
}
div#news h2 {
	margin:0 0 15px;
	padding:40px 0 0 30px;
}
div#news img.btn {
	position: absolute;
	top: 40px;
	right: 25px;
}
div#news .ifm {
width: 290px;
height:190px;
margin: 0 0 0 30px;
padding: 0;
overflow: auto;
}
div#news dl {
	width:290px;
	height:190px;
	margin:0 0 0 30px;
	padding:0;
	overflow:auto;
}
div#news dt,
div#news dd {
	font-size:93%;
	color:#333;
	line-height:150%;
	margin:0 0 5px;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;
}
div#news dt {
	clear:both;
	width:80px;
}
div#news dd {
	width:190px;
}
div#news_wrap {
	margin:0;
	padding:0;
}
div#news_wrap dl {
	width:290px;
	margin:0;
	padding:0;
}
#news_index {
	margin:0;
	padding:0;
	background:none;
}
div#news_wrap dt,
div#news_wrap dd {
	font-size:93%;
	color:#333;
	line-height:150%;
	margin:0 0 5px;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;
}
div#news_wrap dt {
	clear:both;
	width:100px;
}
div#news_wrap dd {
	width:170px;
}

ul#tbtn {
	margin:0;
	padding:0;
	position:absolute;
	top:550px;
	left:30px;
}
ul#tbtn li {
	float:left;
	margin:0 40px 0 0;
	padding:0;
}
ul#tbtn li.lst {
	margin-right:0;
}

div#mainimg {
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
div#mainimg li {
	text-align:center;
}
div#mainimg li {
	text-align:center;
}
#smimg {
	display:none;
	width:100%;
}
#smimg img {
	max-width:100%;
	height:auto;
}
/*
div#mainimg a.leftNav {
	background:url(../img/top/allow_l.png) no-repeat right center;
	margin-right: 487px !important;
}*/
/*div#mainimg a.rightNav {
	background:url(../img/top/allow_r.png) no-repeat left center;
	margin-left: 487px !important;
}*/

/*
	Information LAYOUT
******************/
.contents.bg1 {
	background:url(../img/common/bg.png);
}

.cbox.info {
	height:700px;
}

.cbox h2.title {
	margin:0 0 30px;
	padding:0;
}
.cbox .info1 {
	width:754px;
	height:238px;
	margin:0 auto 15px;
	padding:0;
	background:url(../img/information/bg1.png) no-repeat;
}
.cbox .info1 h3 {
	font-size:138.5%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 15px;
	padding:15px 0 0 15px;
}
.cbox .info1 h4 {
	font-size:121.1%;
	line-height:100%;
	font-weight:bold;
	color:#690;
	margin:0 0 10px;
	padding:0 0 0 15px;
}
#main .cbox .info1 p {
	line-height:150%;
	margin:0 0 10px;
	padding:0 15px;
}
.cbox .info2 {
	width:367px;
	height:247px;
	margin:0 0 0 23px;
	padding:0;
	background:url(../img/information/bg2.png) no-repeat;
	float:left;
	display:inline;
}
.cbox .info2 h3 {
	font-size:138.5%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 15px;
	padding:40px 0 0 15px;
}
#main .cbox .info2 p {
	line-height:150%;
	margin:0 0 10px;
	padding:0 15px;
}
.cbox .info3 {
	width:400px;
	height: 200px;
	margin:0;
	box-sizing: border-box;
	padding: 15px 0 0;
	background: url(../img/information/bg3.png) no-repeat top center/60%;
	float:right;
	display:inline;
}
.cbox .info3 h3 {
	font-size:138.5%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 10px;
	padding:40px 0 0 0;
	color:#c60;
	text-align:center;
}
.cbox .info3 ul {
	width:180px;
	margin:0 auto;
	padding:0;
}
.cbox .info3 li {
	margin:0 0 5px;
	padding:0;
	position:relative;
}
.cbox .info3 li div {
	position:absolute;
	bottom:0;
	left:-450px;
	width:400px;
	height:auto;
	margin:0;
	padding:20px;
	border:5px solid #F90;
	background:#FFF;
}
.cbox .info3 li div h4 {
	font-size:123.1%;
	font-weight:bold;
	color:#f90;
	margin:0 0 15px;
	padding:0;
}
#main .cbox .info3 li div p {
	font-size:100%;
	line-height:180%;
	margin:0;
	padding:0;
}
#main .cbox .info3 li div p.close {
	display:none;
}
.snap {
	position:absolute;
	bottom:-60px;
	left:340px;
	z-index:11;
}
.ftit {
	position:absolute;
	bottom:20px;
	right:15px;
}
img.obj2 {
	position: absolute;
	top: 0px;
	right:-100px
}
img.obj3 {
	position: absolute;
	bottom:0;
	right:-350px;
}
img.obj4 {
	position: absolute;
	top: 380px;
	left: -350px;
}


/*
	PhotoGallery LAYOUT
******************/
.contents.photo {
	background:url(../img/photo/bg1.png) no-repeat center 50%;
}
.cbox.photo {
	height:880px;
}
.cbox.photo h2 {
	margin:0;
	padding:160px 0 0 0;
	text-align:center;
}
img.obj5 {
	position: absolute;
	top:0;
	left:-100px;
}
img.obj6 {
	position: absolute;
	bottom:0;
	right:-100px;
}

div#photoset {
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:230px;
	left:0;
}
div#photoset li {
	text-align:center;
}
div#photoset li {
	text-align:center;
}
div#photoset a.leftNav {
	background:url(../img/photo/allow_l.png) no-repeat right 200px;
	margin-right: 400px !important;
}
div#photoset a.rightNav {
	background:url(../img/photo/allow_r.png) no-repeat left 200px;
	margin-left: 400px !important;
}
div#main div#photoset li p {
	text-align:center;
	padding-top:30px;
}

/*
	Schedule LAYOUT
******************/
.cbox.schedule {
	height:700px;
}
.cbox .schedulebox {
	width:800px;
	height:502px;
	background:url(../img/schedule/bg1.png) no-repeat;
	position:relative;
}
.cbox .schedulebox h3 {
	margin:0 0 20px;
	padding:50px 0 0 0;
	text-align:center;
}
.cbox .schedulebox img.icon {
	position:absolute;
	top:40px;
	left:70px;
}
.cbox .schedulebox dl {
	width:730px;
	margin:0 auto;
	padding:0;
}
.cbox .schedulebox dt,
.cbox .schedulebox dd {
	font-size:108%;
	color:#666;
	line-height:41px;
	font-weight:normal;
	margin:0;
	padding:0;
}
.cbox .schedulebox dt {
	width:160px;
	float:left;
	clear:both;
	text-align:center;
}
.cbox .schedulebox dd {
	width:570px;
	float:right;
	text-align:left;
}
img.obj7 {
	position: absolute;
	top:40px;
	left:0;
	display:none;
}
img.obj8 {
	position: absolute;
	top: 390px;
	left: -140px;
}
img.obj9 {
	position: absolute;
	top: 360px;
	left: 717px;
}
img.obj10 {
	position: absolute;
	top: 52px;
	left: 613px;
}
	
/*
	Events LAYOUT
******************/
.cbox.events {
	height:700px;
}
.cbox.events ul {
	margin:0;
	padding:0;
}
.cbox.events li {
	width:200px;
	height:172px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.cbox.events li h3 {
	margin:0;
	padding:0;
}
#main .cbox.events li p {
	width:200px;
	text-align:center;
	position:absolute;
	top:70px;
}

#main .cbox.events li p.l2 {
	font-size:93%;
	line-height:150%;
}
#main .cbox.events li p span {
	font-size:85%;
	line-height:inherit;
}
img.obj11 {
	position: absolute;
	top: 440px;
	left: -80px;
}
img.obj12 {
	position: absolute;
	top: 47px;
	left: 331px;
}
img.obj13 {
	position: absolute;
	top: 605px;
	left: 207px;
}
img.obj14 {
	position: absolute;
	top: 460px;
	left: 755px;
}
img.obj15 {
	position: absolute;
	top: 210px;
	left: -45px;
}

/*
	Contact LAYOUT
******************/
.contents.bg2 {
	background:url(../img/contact/bg.png);
}
.cbox.contact {
	height:550px;
}
.cbox.contact .tel {
	text-align:center;
}
img.obj16 {
	position: absolute;
	top: 0;
	left: -200px;
}
img.obj17 {
	position: absolute;
	top: 0;
	right:-100px;
}
img.obj18 {
	position: absolute;
	bottom:0;
	right:5%;
}
img.obj19 {
	position: absolute;
	bottom:0;
	left:30px;
}

/*
	Access LAYOUT
******************/
.cbox.access {
	height:930px;
}
.cbox .access1 {
	width:476px;
	height:305px;
	background:url(../img/access/bg1.png) no-repeat;
	margin:0 0 30px;
	padding:0;
	float:left;
}
.cbox .access1 h3 {
	margin:0 0 15px;
	padding:30px 0 0 30px;
	line-height:100%;
}
.cbox .access1 dl {
	width:400px;
	margin:0 auto 3px;
	padding:0 0 1px 0;
	border-bottom:1px solid #999;
}
.cbox .access1 dt,
.cbox .access1 dd {
	font-size:108%;
	color:#333;
	line-height:150%;
	font-weight:normal;
	margin:0;
	padding:0;
}
.cbox .access1 dt {
	width:120px;
	float:left;
	text-align:center;
}
.cbox .access1 dd {
	width:280px;
	float:right;
	text-align:left;
}
.cbox .access2 {
	width:311px;
	height:310px;
	background:url(../img/access/bg2.png) no-repeat;
	float:right;
	margin:0 0 30px;
	padding:0;
}
.cbox .access2 h3 {
	margin:0 0 20px;
	padding:40px 0 0 0;
	text-align:center;
}
.cbox .access2 dl {
	width:250px;
	margin:0 auto 20px;
	padding:0;
}
.cbox .access2 dt,
.cbox .access2 dd {
	font-size:108%;
	color:#666;
	line-height:24px;
	font-weight:normal;
	margin:0;
	padding:0;
}
.cbox .access2 dt {
	width:80px;
	float:left;
	clear:both;
	text-align:center;
}
.cbox .access2 dd {
	width:170px;
	float:right;
	text-align:left;
	position:relative;
}
.cbox .access2 dd img {
	position:absolute;
	bottom:0;
	right:20px;
}
.cbox .access3 {
	margin:0;
	padding:0;
}
.cbox .access3 h3 {
	margin:0 0 10px;
	padding:0;
}
img.obj20 {
	position: absolute;
	bottom:0;
	left:-350px;
}
img.obj21 {
	position: absolute;
	top:0;
	right:-100px;
}

img.obj1,
img.obj2,
img.obj3,
img.obj4,
img.obj5,
img.obj6,
img.obj7,
img.obj8,
img.obj9,
img.obj10,
img.obj11,
img.obj12,
img.obj13,
img.obj14,
img.obj15,
img.obj16,
img.obj17,
img.obj18,
img.obj19,
img.obj20,
img.obj21 {
	display:block;
}

/*
	Footer LAYOUT
******************/

div#footer {
	width: 90%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
ul#fmenu {
	margin: 0;
	padding: 50px 0 0 0;
	float: left;
}
ul#fmenu li {
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #333;
}
ul#fmenu li.lst {
	border:none;
	margin:0;
	padding:0;
}

#fmenu a,
#fmenu a:link,
#fmenu a:visited {
	color:#000;
	text-decoration:none;
	/*font-size:77%*/
}
#fmenu a:hover {
	color:#666;
	text-decoration:underline;
}

div#copyright {
	font-size: 77%;
	margin: 0;
	padding: 50px 0 0 0;
	float:right;
}
div#copyright span {
	font-family:Verdana, Geneva, sans-serif;
}

div#topcontrol {
	width:68px;
	height:68px;
	background:url(../js/scrollup.png) no-repeat;
	background-position:0 0;
	position:fixed;
	right:10px;
	bottom:50px;
	cursor:pointer;
	z-index:200;
}
div#topcontrol:hover {
	background-position:0 -68px;	
}

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

/*
	Header LAYOUT
******************/
#head {
	margin:0;
	padding:0;
	width:100%;
	height:80px;
	background:#FFF;
	position:fixed;
	top:0;
	left:0;
	z-index:300;
}
#header {
	width:800px;
	height:80px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background-image:none;
	background-color:#FFF;
}
#header div#logo {
	margin:0;
	padding:0;
	width:200px;
	float:left;
}
#header div#logo img {
	max-width:100%;
	height:auto;
}
#menu {
	width:580px;
	margin:0;
	padding:0;
	float:right;
}
#menu li {
	margin:15px 10px 0 0;
	padding:0 0 0 35px;
	float:left;
}
#menu li#menu5,
#menu li#menu6 {
	margin-top:10px;
}
#menu li img {
	width:100%;
	height:auto;
}
#menu li.onn {
	background:url(../img/common/menu_onn.png) no-repeat 5px 50%;
}

#pos1 {
	padding-top:80px;
}
div#mainimg {
	margin-top:80px;
}
.cbox.top {
	height:700px;
}

div#news {
	top:100px;
	right:30px;
}


}


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

}


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

/*
	BASE LAYOUT
******************/

#container {
	width:100%;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	overflow:hidden;
}

#main {
	width: 100%;
	margin: 0px;
	padding: 0;
}

div#main p {
	color:#333;
	font-size:108%;
	line-height:180%;
}


/*//////////////////////////////////////////////////////////////////////////*/




/*
	Header LAYOUT
******************/
#head {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	position:relative;
}
#header {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#header div#logo {
	margin:0 0 15px;
	padding:0;
	width:200px;
	float:none;
}
#menu {
	width:98%;
	margin:0 auto;
	padding:0;
	float:none;
}
#menu li {
	width:auto;
	margin:0 0 10px;
	padding:0 0 0 35px;
	float:left;
	zoom:0.8;
}
#menu li#menu5,
#menu li#menu6 {
	margin-top:0px;
}
#menu li img {
	width:100%;
	height:auto;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	Contents LAYOUT
******************/

.contents .cbox {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.contents .border {
	position:absolute;
	width:100%;
	height:38px;
	background:url(../img/common/border.png) repeat-x;
	bottom:-20px;
	z-index:10;
}

/*
	Top LAYOUT
******************/
#pos1 {
	padding-top:0;
}
.cbox.top {
	height:auto;
}

div#news {
	width:96%;
	height:150px;
	height:auto;
	background:none;
	position:relative;
	top:0;
	bottom:0;
	right:0;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 40px 0;
}
div#news h2 {
	margin:0 0 15px;
	padding:20px 0 0 10px;
}
div#news img.btn {
	display:none;
}
div#news dl {
	width:90%;
	height:140px;
	margin:0 auto;
	padding:0;
	overflow:auto;
}
div#news dt,
div#news dd {
	font-size:93%;
	color:#333;
	line-height:150%;
	margin:0 0 5px;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;
}
div#news dt {
	clear:both;
	width:20%;
}
div#news dd {
	width:75%;
}
div#news .ifm {
width: 100%;
height:150px;
height:auto;
margin: 0;
padding: 0;
overflow: auto;
}
div#news_wrap {
	margin:0;
	padding:0;
}
div#news_wrap dl {
	width:100%;
	margin:0;
	padding:0;
}
#news_index {
	margin:0;
	padding:0;
	background:none;
}
div#news_wrap dt,
div#news_wrap dd {
	font-size:93%;
	color:#333;
	line-height:150%;
	margin:0 0 5px;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;
}
div#news_wrap dt {
	clear:both;
	width:29%;
}
div#news_wrap dd {
	width:70%;
}

ul#tbtn {
	display:none;
}
div#mainimg {
	display:none;
}
#smimg {
	display:block;
}
h1 {
	top:-45px;
	text-align:left;
	width:90%;
	padding:2px 5%;
}


/*
	Information LAYOUT
******************/
.contents.bg1 {
	background:url(../img/common/bg.png);
}

.cbox.info {
	height:auto;
}

.cbox h2.title {
	width:50%;
	margin:0 0 30px;
	padding:0;
}
.cbox h2.title img {
	max-width:100%;
	height:auto;
}
.cbox .info1 {
	width:90%;
	height:auto;
	margin:0 auto 15px;
	padding:15px 0;
	background-image:none;
	background-color:#FFF;
}
.cbox .info1 h3 {
	font-size:116%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 15px;
	padd0g:15px 0 0 15px;
}
.cbox .info1 h4 {
	font-size:108%;
	line-height:100%;
	font-weight:bold;
	color:#690;
	margin:0 0 10px;
	padding:0 0 0 15px;
}
#main .cbox .info1 p {
	line-height:150%;
	margin:0 0 10px;
	padding:0 15px;
}
.cbox .info2 {
	width:90%;
	height:auto;
	margin:0 auto 15px;
	padding:15px 0;
	background-image:none;
	background-color:#FFF;
	float:none;
	display:block;
}
.cbox .info2 h3 {
	font-size:116%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 15px;
	padding:0 0 0 15px;
}
#main .cbox .info2 p {
	line-height:150%;
	margin:0 0 10px;
	padding:0 15px;
}
.cbox .info3 {
	width:90%;
	height:auto;
	margin:0 auto;
	padding:15px 0 60px 0;
	background-image:none;
	background-color:none;
	float:none;
	display:block;
}
.cbox .info3 h3 {
	font-size:116%;
	line-height:100%;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0 0;
	color:#c60;
	text-align:center;
}
.cbox .info3 li div {
	bottom:-100px;
	left:-50%;
	width:100%;
	height:auto;
	margin:0;
	padding:5%;
	z-index:100;
}
.cbox .info3 li div h4 {
	font-size:116%;
	font-weight:bold;
	color:#f90;
	margin:0 0 15px;
	padding:0;
}
#main .cbox .info3 li div p {
	font-size:100%;
	line-height:180%;
	margin:0 0 5px;
	padding:0;
}
#main .cbox .info3 li div p.close {
	display:block;
	border:1px solid #666;
	padding:1px 3px;
	display:inline-block;
}
.snap {
	position:absolute;
	bottom:-60px;
	left:340px;
	z-index:11;
	display:none;
}
.ftit {
	position:absolute;
	bottom:20px;
	right:15px;
}


/*
	PhotoGallery LAYOUT
******************/
.contents.photo {
	display:none;
	background:url(../img/photo/bg1.png) no-repeat center 50%;
}
.cbox.photo {
	height:880px;
}
.cbox.photo h2 {
	margin:0;
	padding:160px 0 0 0;
	text-align:center;
}
img.obj5 {
	position: absolute;
	top:0;
	left:-100px;
}
img.obj6 {
	position: absolute;
	bottom:0;
	right:-100px;
}

div#photoset {
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:230px;
	left:0;
}
div#photoset li {
	text-align:center;
}
div#photoset li {
	text-align:center;
}
div#photoset a.leftNav {
	background:url(../img/photo/allow_l.png) no-repeat right 200px;
	margin-right: 400px !important;
}
div#photoset a.rightNav {
	background:url(../img/photo/allow_r.png) no-repeat left 200px;
	margin-left: 400px !important;
}
div#main div#photoset li p {
	text-align:center;
	padding-top:30px;
}

/*
	Schedule LAYOUT
******************/
.cbox.schedule {
	height:auto;
	padding-bottom:60px;
}
.cbox .schedulebox {
	width:90%;
	height:auto;
	background-image:none;
	background-color:#FFF;
	position:relative;
	margin:0 auto;
	padding:15px 0;
}
.cbox .schedulebox h3 {
	margin:0 0 15px;
	padding:0 0 0 0;
	text-align:center;
}
.cbox .schedulebox img.icon {
	position:absolute;
	top:3px;
	left:14%;
}
.cbox .schedulebox dl {
	width:90%;
	margin:0 auto;
	padding:0;
}
.cbox .schedulebox dt,
.cbox .schedulebox dd {
	font-size:100%;
	color:#666;
	line-height:150%;
	font-weight:normal;
	margin:0 0 10px;
	padding:0;
}
.cbox .schedulebox dt {
	width:30%;
	float:left;
	clear:both;
	text-align:center;
}
.cbox .schedulebox dd {
	width:65%;
	float:right;
	text-align:left;
}
img.obj7 {
	position: absolute;
	top:40px;
	left:0;
	display:none;
}
img.obj8 {
	position: absolute;
	top: 390px;
	left: -140px;
}
img.obj9 {
	position: absolute;
	top: 360px;
	left: 717px;
}
img.obj10 {
	position: absolute;
	top: 52px;
	left: 613px;
}
	
/*
	Events LAYOUT
******************/
.cbox.events {
	height:auto;
	padding-bottom:60px;
}
.cbox.events ul {
	margin:0 auto;;
	padding:0;
	width:96%;
}
.cbox.events li {
	width:50%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.cbox.events li h3 {
	margin:0;
	padding:0;
	text-align:center;
}
#main .cbox.events li p {
	width:100%;
	text-align:center;
	position:absolute;
	top:40%;
}
#main .cbox.events li p.l2 {
	font-size:85%;
}
img.obj11 {
	position: absolute;
	top: 440px;
	left: -80px;
}
img.obj12 {
	position: absolute;
	top: 47px;
	left: 331px;
}
img.obj13 {
	position: absolute;
	top: 605px;
	left: 207px;
}
img.obj14 {
	position: absolute;
	top: 460px;
	left: 755px;
}
img.obj15 {
	position: absolute;
	top: 210px;
	left: -45px;
}

/*
	Contact LAYOUT
******************/
.contents.bg2 {
	background:url(../img/contact/bg.png);
}
.cbox.contact {
	height:auto;
	padding-bottom:60px;
}
.cbox.contact .tel {
	width:90%;
	text-align:center;
	margin:0 auto;
}
.cbox.contact .tel img {
	max-width:100%;
	height:auto;
}
img.obj16 {
	position: absolute;
	top: 0;
	left: -200px;
}
img.obj17 {
	position: absolute;
	top: 0;
	right:-100px;
}
img.obj18 {
	position: absolute;
	bottom:0;
	right:5%;
}
img.obj19 {
	position: absolute;
	bottom:0;
	left:30px;
}

/*
	Access LAYOUT
******************/
.cbox.access {
	height:auto;
	padding-bottom:60px;
}
.cbox .access1 {
	width:90%;
	height:auto;
	background-image:none;
	background-color:#FFF;
	margin:0 auto 15px;
	padding:15px;
	float:none;
}
.cbox .access1 h3 {
	margin:0 0 15px;
	padding:0 0 0 30px;
	line-height:100%;
}
.cbox .access1 dl {
	width:90%;
	margin:0 auto 3px;
	padding:0 0 1px 0;
	border-bottom:1px solid #999;
}
.cbox .access1 dt,
.cbox .access1 dd {
	font-size:100%;
	color:#333;
	line-height:150%;
	font-weight:normal;
	margin:0;
	padding:0;
}
.cbox .access1 dt {
	width:25%;
	float:left;
	text-align:center;
}
.cbox .access1 dd {
	width:70%;
	float:right;
	text-align:left;
}
.cbox .access2 {
	width:311px;
	height:310px;
	background:url(../img/access/bg2.png) no-repeat;
	float:none;
	margin:0 auto 15px;
	padding:0;
}
.cbox .access2 h3 {
	margin:0 0 20px;
	padding:40px 0 0 0;
	text-align:center;
}
.cbox .access2 dl {
	width:250px;
	margin:0 auto 20px;
	padding:0;
}
.cbox .access2 dt,
.cbox .access2 dd {
	font-size:108%;
	color:#666;
	line-height:24px;
	font-weight:normal;
	margin:0;
	padding:0;
}
.cbox .access2 dt {
	width:80px;
	float:left;
	clear:both;
	text-align:center;
}
.cbox .access2 dd {
	width:170px;
	float:right;
	text-align:left;
	position:relative;
}
.cbox .access2 dd img {
	position:absolute;
	bottom:0;
	right:20px;
}
.cbox .access3 {
	margin:0;
	padding:0;
}
.cbox .access3 h3 {
	margin:0 0 10px 10px;
	padding:0;
}
.cbox .access3 iframe {
	width:96%;
	height:200px;
	margin:02%;
}
img.obj20 {
	position: absolute;
	bottom:0;
	left:-350px;
}
img.obj21 {
	position: absolute;
	top:0;
	right:-100px;
}

img.obj1,
img.obj2,
img.obj3,
img.obj4,
img.obj5,
img.obj6,
img.obj7,
img.obj8,
img.obj9,
img.obj10,
img.obj11,
img.obj12,
img.obj13,
img.obj14,
img.obj15,
img.obj16,
img.obj17,
img.obj18,
img.obj19,
img.obj20,
img.obj21 {
	display:none;
}

/*
	Footer LAYOUT
******************/

div#footer {
	width: 90%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
ul#fmenu {
	margin: 0;
	padding: 50px 0 0 0;
	float: left;
}
ul#fmenu li {
	float:left;
	margin:0 10px 5px 0;
	padding:0 10px 0 0;
	border-right:1px solid #333;
}
ul#fmenu li.lst {
	border:none;
	margin:0;
	padding:0;
}

#fmenu a,
#fmenu a:link,
#fmenu a:visited {
	color:#000;
	text-decoration:none;
	/*font-size:77%*/
}
#fmenu a:hover {
	color:#666;
	text-decoration:underline;
}

div#copyright {
	font-size: 77%;
	margin: 0;
	padding: 15px 0;
	float:right;
}
div#copyright span {
	font-family:Verdana, Geneva, sans-serif;
}

div#topcontrol {
	width:68px;
	height:68px;
	background:url(../js/scrollup.png) no-repeat;
	background-position:0 0;
	position:fixed;
	right:10px;
	bottom:50px;
	cursor:pointer;
	z-index:200;
	display:none;
}
div#topcontrol:hover {
	background-position:0 -68px;	
}



}