@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

@media all and (max-width: 640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

#topcontrol {
	z-index: 9999;	
}




/* base layout
----------------------------------------- */
#container,
#header,
#nain-visual,
#footer-nav,
#footer,
#title-article{
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#container{
	background-image: url(../img/table-bg.png);
	background-repeat: repeat;
	background-position: left top;
}
#header{
	text-align: center;
	padding-top:5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
	overflow: hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;	
	clear: both;	
}



#header-inner{
	max-width: 640px;
	margin: 0 auto;
	text-align: left;
}

#content{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	max-width: 640px;
	padding-right: 10px;
	padding-left: 10px;
}
#main{
	text-align: left;
	width: 100%;
	clear: both;
	max-height: 999999px;
}


#container{
	background-image: url(../img/table-bg.png);
	background-repeat: repeat;
	background-position: left top;
}

#footer{
	clear: both;
	padding-top: 20px;
	padding-bottom: 80px;
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/footer-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

body#contents #footer{
	clear: both;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: none;
}


#sb-site {
    background-image: url(../img/header-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;

}

body#contents #sb-site{
	background-image: none;
}
#bg1 {
    background: url('../img/bg-5.png'); /* 32bit透過PNG */
	-moz-background-size:100% auto,
						100% auto,
						100% auto;
	background-size:100% auto,
					100% auto,
					100% auto;
}

#bg2 {
    background: url('../img/bg-6.png'); /* 32bit透過PNG */
	-moz-background-size:100% auto,
						100% auto,
						100% auto;
	background-size:100% auto,
					100% auto,
					100% auto;
}

.spheader{
	display: block;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	background-color: #55B5D1;
}

ul.switchscreen{
	font-size: 90%;
	overflow: hidden;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	text-align:right;
}

ul.switchscreen li{
	margin-right: 5px;
	float: right;
	display: inline-block;
	width: 40%;
}
ul.switchscreen li a{
	display: block;
	border: 1px solid #6BCBED;
	color: #FFFFFF;
	padding: 4px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	display: block;
}
ul.switchscreen li a:hover{
	color: #527DA9;
	background-color: #A1DBE2;
}

.sb-slidebar ul li a{
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 10px 13px;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px !important;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6BCBED;
	text-decoration: none;
}
.sb-slidebar ul li a:hover{
	background-color: #88CBDF;
	text-decoration: underline;
	color: #FFFF99;
}


/* nav
----------------------------------------- */

#nav {

	padding-right: 0px;
	padding-left: 0px;
}

#nav-inner {
	display: none;    
}
.fixed{
	position: static;
}


#nav ul li{
	float: right;
	display: inline-block;
	width: 40%;
}


#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:active{
	
	height: 14px;
	color: #fff;
	font-weight: bold;
	border-right: #6BCBED solid 1px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	display: block;
}
#nav ul li:first-child a{
	border-left: #6BCBED solid 1px;
}
#nav ul li a.current,
#nav ul li a:hover{
	color: #FFFF99;
	background-color: #88CBDF;
}




/* header
----------------------------------------- */









#header #logo{
	margin-top: 0px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	
}
#header #header-copy{
	font-size: 12px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
#header #header-inner{
	clear: both;
	float: none;
	width: 100%;
	margin-top: 15px;
}

#header #header-tel{
	clear: right;
	float: right;
	width: 38%;
	text-align: left;
	display: none;
}
#header #header-tel img{
	max-width: 95%;
}
#header ul.nav{
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

#header ul.nav li{
	width: 33.33%;
	display: inline-block;
	float: left;
}

#header h2.main-copy{
	clear: left;
	float: left;
	width: 44%;
	display: none;
}
#header h2.main-copy2{
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#header p.illust{
	clear: both;
	float: none;
	width: 100%;
}

/* sns
----------------------------------------- */
#footer .sns-list{
	float: none;
	padding-right: 0px;
	clear: both;
	overflow: hidden;
	
	margin-bottom: 0px;
}

.sns-list ul{
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	

}

#footer .sns-list li{
	padding-right: 5px;
	float: left;
	height: 30px;
	background-image: none;
	padding-left: 0px;
}

.sns-list li.twitter{
	padding-left: 0px;
}
/*iframe.twitter-count-vertical {
    width: 65px !important;
}

iframe.twitter-share-button {
    width: 105px !important;
}*/
.sns-list li.line img{
	width: 88px !important;
}

.sns-list li.hatena{
	padding-right: 10px;
	
}

.sns-list li.facebook{
	padding-right: 10px;
	
}


/* footer
----------------------------------------- */


#content #footer p{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
	text-align: left;
	font-family: Verdana;
	font-size: 90%;
	color: #999;
}

#contents #footer p{
	text-align: center;
}

/* content
----------------------------------------- */
#home p,
#home th,
#home td,
#home li,
#home dl{
	line-height: 1.6em;
}


/* main css
----------------------------------------- */
#main ul,
#main ol,
#main p{
	padding-right: 0px;
	padding-left: 10px;
	margin-bottom: 15px;
	padding-bottom: 0;
	line-height: 1.4em;
}

#main td ul,
#main td ol,
#main td p{
	padding-left: 0px;
}


#main ul li{
	padding-left: 13px;
	background-image: url(../img/list01.png);
	background-repeat: no-repeat;
	background-position: left 6px;	
}
#main li ul li{
	background-image: url(../img/list01.png);
	list-style-type: none;
}

#main ol li{
	margin-left: 25px;
	list-style-type: decimal;
}



#main h3{
	margin-bottom: 15px;
	margin-top: 0px;
	background-color: #FFC9BC;
	font-size: 140%;
	font-weight: 600;
	color: #993333;
	padding: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
}
#main h3:before {
    content: attr(data-label);
}
#main h3 img {
   display: none;
}

#main h4{
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 120%;
	font-weight: 600;
	background-image: url(../img/headline5.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 37px;
	margin-left: 5px;
	color: #2FA1C8;
}


#main table{
	font-size: 100%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main table th{
	min-width: 20%;
}
#main table thead th{
	min-width: inherit;
}

#main table th,
#main table td,
#footer table th,
#footer table td{
	padding: 10px 10px;
}

#main .table-01,
#footer .table-01{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #339999;
	border-right-color: #339999;
	border-bottom-color: #339999;
	border-left-color: #339999;
}

#main .table-01 th,
#main .table-01 td,
#footer .table-01 th,
#footer .table-01 td{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #339999;
}

#main .table-01 th,
#footer .table-01 th{
	font-weight: bold;
}
#main .table-01 thead th,
#footer .table-01 thead th{
	text-align: center;
}
#main .table-01 tbody th,
#footer .table-01 tbody th{
	
}


#main .table-02{
	border: 2px solid #FFD4C9;
	margin-right: 20px;
	margin-left: 20px;
}

#main .table-02 th,
#main .table-02 td{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFD4C9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFD4C9;
	display: block;
	width: auto;
}

#main .table-02 th{
	font-weight: bold;
	background-color: #FEF7F5;
}
#main .table-02 td{
	background-color: #FFF;
}

#main .map1{
	text-align: center;
	margin-bottom: 20px;
	display: block;
}



/* - - - about css  - - - */

#about{
	clear: both;	
	
}
#about .about-inner{
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #F4F2DE;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#about ul.about-list{
	overflow: hidden;
	padding-left: 0px;
}
#about .about-list li{
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#about .about-list li dl{
	background-image: url(../img/about-colomn-ft.png),
						url(../img/about-colomn-hd.png),
						url(../img/about-colomn-bg.png);
	background-repeat: no-repeat,
						no-repeat,
						repeat-y;
	background-position: center bottom,
						center top,
						center top;
	-moz-background-size:100% auto,
						100% auto,
						100% auto;
	background-size:100% auto,
					100% auto,
					100% auto;
	/* IE8 */
-pie-background:
url(../img/about-colomn-bg.png) repeat-y center top,
url(../img/about-colomn-hd.png) no-repeat center top,
url(../img/about-colomn-ft.png) no-repeat center bottom;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 30px;
	padding-left: 30px;
	overflow: hidden;
	behavior: url(/chuounyuji/markup/common/css/PIE.htc);
	height: auto;
	margin-bottom: 15px;
}
#about .about-list li dl dd.number{
	text-align: center;
	margin-bottom: 20px;
}
#about .about-list li dl dd.article{
	height: auto;
	overflow: hidden;
	padding-bottom: 20px;
}
#about .about-list li dl dt{
	text-align: center;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 100%;
}


/* - - - days css  - - - */


#days{
	margin-bottom: 30px;
	overflow: hidden;	
	clear: both;	
}
#days .photo{
	clear: left;
	float: left;
	width: 50%;
	text-align: right;
	display: none;
}

#days .photo img{
	width: 97%;
}
#days .article{
	clear: both;
	float: none;
	width: 100%;
	background-image: url(../img/days-flow.gif),
						url(../img/days-flow-hd.gif),
						url(../img/days-flow-bg.gif);
	background-repeat: no-repeat,
						no-repeat,
						repeat-y;
	background-position: left bottom,
						left top,
						left top;
	-moz-background-size:30% auto,
						30% auto,
						30% auto;
	background-size:30% auto,
					30% auto,
					30% auto;
	
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}


#days .article table{
	padding: 0px;
	width: 90%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#days .article table th{
	width: 35%;
}
#days .article table td{
	width: 65%;
}
#days .days-inner{
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #F4F2DE;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
}


/* - - - schedule css  - - - */


#schedule{
	margin-bottom: 30px;
	overflow: hidden;	
	clear: both;	
}
#schedule .photo{
	clear: both;
	float: none;
	width: 100%;
	text-align: right;
}
#schedule .photo ul.list {
	padding: 0px;
	margin: 0px;
}
#schedule .photo ul.list li{
	width: 33%;
	float: left;
	display: inline-block;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: none;
}
#schedule .photo ul.list dl{
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
}

#schedule .photo ul.list dl dd{
	margin-top: 5px;
	margin-bottom: 5px;
}

#schedule .article{
	clear: both;
	float: none;
	width: 100%;
	text-align: left;	
}



#schedule .article table{
	padding: 0px;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#schedule .article table th{
	width: auto;
}
#schedule .article table td{
	width: auto;
}


/* - - - guide css  - - - */


#guide{
	margin-bottom: 0px;
	overflow: hidden;	
	clear: both;	
}

#guide .guide-point{
	overflow: hidden;
	padding-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#guide .guide-point li{
	display: block;
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: none;
}
#guide .guide-point li img{
	max-width: 100%;
}

#guide .photo{
	margin-bottom: 20px;
	padding-left:0px;
}
#guide .photo img{
	width: 100%;
}
#guide .guide-inner{
	text-align: left;
	clear: both;
	float: none;
	width: 100%;	
}
#guide .article{
	text-align: left;	
	padding-left: 0px;
}
#guide .article-right{
	width: 100%;
	float: none;
}

#guide .article-right table{
	width: 90%;
	margin-top: 20px;	
}
#guide .article-right table th{
	width: auto;
	display: block;
}
#guide .article-right table td{
	width: auto;
	display: block;
}

/* - - - access css  - - - */


#access{
	margin-bottom: 30px;
	overflow: hidden;	
	clear: both;	
}

#access .article{
	clear: both;
	float: none;
	width: 100%;
	text-align: left;	
}

#access .photo{
	clear: both;
	float: none;
	width: 100%;
	text-align: left;	
}
#access .photo h4{
	margin-top: 30px;
	display: none;
}
#access .photo img{
	max-width: 97%;
	display: none;
}
#access .article table,
#access .article img{
	max-width: 100%;
	
}
#access .article table th{
	width: auto;
}
#access .article table td{
	width: auto;
}

#access .photo .map1{
	margin-left: 10px;
	margin-right: 10px;
}

/* - - - contact css  - - - */

#contact{
	margin-bottom: 20px;
	overflow: hidden;	
	clear: both;	
}



#contact .photo{
	clear: both;
	float: none;
	width: 100%;
	text-align: center;	
	margin-top: 15px;
}
#contact .photo p{
	padding-bottom: 10px;
}
#contact .photo img{
	max-width: 95%;
}

#contact .article{
	clear: both;
	float: none;
	width: 100%;
	background-image: url(../img/contact-fr-ft.png),
						url(../img/contact-fr-hd.png),
						url(../img/contact-fr-bg.png);
	background-repeat: no-repeat,
						no-repeat,
						repeat-y;
	background-position: left bottom,
						left top,
						left top;
	-moz-background-size:100% auto,
						100% auto,
						100% auto;
	background-size:100% auto,
					100% auto,
					100% auto;
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 15px;
}

#contact .article p{
	text-align: left;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;	
}


#content #main table.form{
	width: 90%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#content #main table.form th{
	width: 100%;
	font-weight: 600;
	color: #2E8591;
	padding: 5px;
	display: block;
}
#content #main table.form td{
	padding: 5px;
	width: 100%;
	display: block;
}
#content #main table.form .hissu{
	float: left;
	clear: left;
	font-size: 84%;
	color: #FFFFFF;
	background-color: #C33;
	border: 1px solid #C33;
	margin-right: 5px;
	padding: 1px 2px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*#contents #main form input{
	float: left;
}*/

#content #main table.form .example{
	font-size: 80%;
	font-weight: normal;
}


#content #main form input.text01{
	width: 90%;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	padding: 5px;
}

#content #main form input.text02{
	width: 70%;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	padding: 5px;
}

#content #main form input.text03,
#content #main form textarea.text03{
	width: 90%;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	padding: 5px;
}


#content #main table.form ul.checkbox-list{
	margin: 0;
	padding: 0;
}
#content #main table.form ul.checkbox-list li{
	display: inline-block;
	margin-right:0px;
	margin-bottom: 5px;
	background-image: none;
	padding-left: 0px;
	width: 49%;
	margin-left: 0px;
	padding-right: 0px;
}
#content #main form #privacy-area{
	border: 1px solid #CCCCCC;
	font-size: 90%;
	height: 100px;
	overflow: auto;
	padding: 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFF;
}

#content #main form p.button{
	text-align: center;
	
}
/* - - - formmailarticle css  - - - */

#main #formmailarticle{
	width: 100%;
	background-image: url(../img/contact-fr-ft.png),
						url(../img/contact-fr-hd.png),
						url(../img/contact-fr-bg.png);
	background-repeat: no-repeat,
						no-repeat,
						repeat-y;
	background-position: left bottom,
						left top,
						left top;
	-moz-background-size:100% auto,
						100% auto,
						100% auto;
	background-size:100% auto,
					100% auto,
					100% auto;
	overflow: hidden;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#main #formmailarticle h2.formmailtitle{
	margin-bottom: 15px;
	margin-top: 0px;
	background-color: #CCDB26;
	font-size: 140%;
	font-weight: 600;
	color: #660;
	padding: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#contact #formmailarticle h3{
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	color: #81B74D;
	text-align: left;
	margin: 20px;
	padding-left: 10px;
	background-color: #FFF;
}


#main #formmailarticle p,
#main #formmailarticle ul{
	margin-right: 20px;
	margin-left: 20px;
}
#contact #formmailarticle p a.linkbtn01{
	color: #069;
	text-decoration: none;
	text-align: center;
	margin-top: 15px;
}

}