@charset "utf-8";


*{
	zoom:1
	}

body {
	padding:0px;
	margin:0px;
	text-align:center;
	width:100%;
	height:100%;
}

ul,li { margin:0; padding:0; border:0; text-align:left;}

h1 { margin:0; padding:0; }

img { border:0px; }

ul:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	}

.clrfloat{
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

.mt5{padding-top:25px;}
.mt7{padding-top:7px;}
.mt8{padding-top:8px;}
.mt23{padding-top:23px;}
.mt27{padding-top:27px;}
.mt35{padding-top:35px;}
.mt36{padding-top:36px;}
.mt43{padding-top:43px;}
.mt45{padding-top:45px;}
.mt48{padding-top:48px;}

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

body

******************/
.bk_sky {
	background:url(../images/common/bk01.jpg) center top repeat-x;
	background-color:#fff;
	margin:0 auto;
	text-align:center;
}
#bk_kumo {
	height:auto;
	width:100%;
	margin:0 auto;
	padding:0;
}

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

header

******************/
#head_alberobello {
	width:100%;
	height:375px;
	background:url(../images/common/header_bk_alberobello.png) center top no-repeat;
	overflow:hidden;
	position:relative;
}

#head_logoarea {
	width:100%;
	height:170px;
	background:url(../images/common/h_bk.jpg) center top repeat-x;
	margin-top:205px;
	z-index:100;
}

#head_box {
	width:980px;
	height:170px;
	margin: 0 auto;
	overflow: hidden;
}
#head_navi_left {
	width:272px;
	height:35px;
	float:left;
	margin: 20px 0 0 0;
}
#head_navi_right {
	width:286px;
	height:35px;
	float:left;
	margin: 20px 0 0 0;
}
#head_navi_logo{
	width:420px;
	height:115px;
	background:url(../images/common/h_logo.png) left top no-repeat;
	float:left;
	margin: 32px 0 0 0;
	text-indent:-9999px;
}

ul#h_navi_left {
	margin:0;
	overflow:hidden;
	zoom:100%;
}
ul#h_navi_left li {
	float:left;
	list-style:none;
}
ul#h_navi_left li a {
	display:block;
	text-indent:-9999px;
	background-image:url(../images/common/hnav01.jpg);
	background-repeat:no-repeat;
	height:35px;
}

ul#h_navi_left .map {width:93px;height:35px;}
ul#h_navi_left a.map {background-position:0px 0px;}
ul#h_navi_left li a.map:hover {background-position:0 -35px;}

ul#h_navi_left .information {width:83px;height:35px;}
ul#h_navi_left a.information {background-position:-93px 0px;}
ul#h_navi_left li a.information:hover {background-position:-93px -35px;}

ul#h_navi_left .access {width:78px;height:35px;}
ul#h_navi_left a.access {background-position:-176px 0px;}
ul#h_navi_left li a.access:hover {background-position:-176px -35px;}


ul#h_navi_right {
	margin:0;
	overflow:hidden;
	zoom:100%;
}
ul#h_navi_right li {
	float:left;
	list-style:none;
}
ul#h_navi_right li a {
	display:block;
	text-indent:-9999px;
	background-image:url(../images/common/hnav02.jpg);
	background-repeat:no-repeat;
	height:35px;
}

ul#h_navi_right .remains {width:97px;height:35px;}
ul#h_navi_right a.remains {background-position:0px 0px;}
ul#h_navi_right li a.remains:hover {background-position:0 -35px;}

ul#h_navi_right .fairystory {width:84px;height:35px;}
ul#h_navi_right a.fairystory {background-position:-97px 0px;}
ul#h_navi_right li a.fairystory:hover {background-position:-97px -35px;}

ul#h_navi_right .contact {width:105px;height:35px;}
ul#h_navi_right a.contact {background-position:-181px 0px;}
ul#h_navi_right li a.contact:hover {background-position:-181px -35px;}


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

cloud

******************/
#cloud_box {
	width:100%;
	max-width:1440px;
	position:relative;
	margin:0 auto;
	z-index:-1;
}
#cloud_01 {
	position:absolute;
	left:10%;
	top:90px;
}
#cloud_02 {
	position:absolute;
	left:29%;
	top:31px;
}
#cloud_03 {
	position:absolute;
	left:39%;
	top:141px;
}
#cloud_04 {
	position:absolute;
	left:59%;
	top:55px;
}
#cloud_05 {
	position:absolute;
	left:76%;
	top:-100px;
}
#cloud_06 {
	position:absolute;
	left:82%;
	top:100px;
}
#cloud_07 {
	position:absolute;
	left:1%;
	top:480px;
}
#cloud_08 {
	position:absolute;
	left:6%;
	top:670px;
}
#cloud_09 {
	position:absolute;
	left:5%;
	top:940px;
}
#cloud_10 {
	position:absolute;
	/*left:1230px;*/
	right:3%;
	top:460px;
}
#cloud_11 {
	position:absolute;
	right:1%;
	top:840px;
}
#cloud_12 {
	position:absolute;
	right:8%;
	top:1030px;
}


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

character

******************/
#alberobello_front {
	width: 100%;
	height: 375px;
	background:url(../images/common/alberobello_front.png) center top no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.bg-none {
	background:none;
}
#character {
	position:absolute;
	left:50%;
	top:0;
	width:1400px;
	min-width:1400px;
	max-width:99999px;
	margin:0 700px 0 -700px;
	z-index:0;
}
#chara_onorin {
	position:absolute;
	left:605px;
	top:160px;
	z-index:0;
}
#chara_onorin2 {
	position:absolute;
	left:520px;
	top:105px;
	z-index:0;
}
#chara_kororin {
	position:absolute;
	left:705px;
	top:160px;
	z-index:0;
}
#character .hidden {
	display:none;
}

#onorin_balloon {
	position:absolute;
	left:240px;
	top:270px;
}
#kororin_balloon {
	position:absolute;
	left:965px;
	top:270px;
}


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

navi

******************/
/* #header     {background:url(../images/common/gnav_bk.png) center 100px no-repeat; padding-bottom:0px; position:relative; z-index:10000;} */
#header     {background:url(../images/common/gnav_bk.png) center 100px no-repeat; padding-bottom:0px; position:relative; z-index:10000;margin-top:-100px;}
#headInner  {width:986px; margin:0 auto; position:relative; overflow:hidden;}
*:first-child+html #headInner {
	width:986px;
	margin:-18px auto 0 auto;
	position:relative;
	overflow:hidden;
}

    
    /* hgroup */
    #hgroup  {margin-bottom:100px;}

    /* gnav */
	.trans_bg a:hover  {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}
	
    #gnav  {margin:0; clear:both; position:relative; z-index:1;}
        #gnav li    {float:left; margin:0; background:url(../images/common/gnav_on.jpg) no-repeat 0 0;}
        #gnav a     {display:block; overflow:hidden; height:0; padding-top:63px; background:url(../images/common/gnav.jpg) no-repeat 0 0;}
        #gnav span  {display:block; overflow:hidden; height:0; padding-top:63px;}
        #gnav a.active  {background:url(../images/common/gnav_on.jpg) no-repeat 0 0;}
        
        #gnav .gnav00    {background-position:0 0;}
        #gnav .gnav01    {background-position:-99px 0;}
        #gnav .gnav02    {background-position:-241px 0;}
        #gnav .gnav03    {background-position:-351px 0;}
        #gnav .gnav04    {background-position:-464px 0;}
        #gnav .gnav05    {background-position:-584px 0;}
        #gnav .gnav06    {background-position:-701px 0;}
        #gnav .gnav07    {background-position:-833px 0; margin-right:0;}
        
        #gnav .gnav00 a  {background-position:0 0; width:99px;}
        #gnav .gnav01 a  {background-position:-99px 0; width:142px;}
        #gnav .gnav02 a  {background-position:-241px 0; width:110px;}
        #gnav .gnav03 a  {background-position:-351px 0; width:113px;}
        #gnav .gnav04 a  {background-position:-464px 0; width:120px;}
        #gnav .gnav05 a  {background-position:-584px 0; width:117px;}
        #gnav .gnav06 a  {background-position:-701px 0; width:132px;}
        #gnav .gnav07 a  {background-position:-833px 0; width:153px;}

        #gnav .gnav00 a.active  {background-position:0 0;}
        #gnav .gnav01 a.active  {background-position:-99px 0;}
        #gnav .gnav02 a.active  {background-position:-241px 0;}
        #gnav .gnav03 a.active  {background-position:-351px 0;}
        #gnav .gnav04 a.active  {background-position:-464px 0;}
        #gnav .gnav05 a.active  {background-position:-584px 0;}
        #gnav .gnav06 a.active  {background-position:-701px 0;}
        #gnav .gnav07 a.active  {background-position:-833px 0;}
        
        #gnav .gnav00 span  {background-position:0 0; width:99px;}
        #gnav .gnav01 span  {background-position:-99px 0; width:142px;}
        #gnav .gnav02 span  {background-position:-241px 0; width:110px;}
        #gnav .gnav03 span  {background-position:-351px 0; width:113px;}
        #gnav .gnav04 span  {background-position:-464px 0; width:120px;}
        #gnav .gnav05 span  {background-position:-584px 0; width:117px;}
        #gnav .gnav06 span  {background-position:-701px 0; width:132px;}
        #gnav .gnav07 span  {background-position:-833px 0; width:153px;}


    #kyaraHover  {position:absolute; top:120px; left:10px; z-index:0;}
*:first-child+html #kyaraHover  {position:absolute; top:135px; left:10px; z-index:0;text-indent:-9999px;}

        #kyaraHover span  {display:block; overflow:hidden; height:0; position:absolute; top:0;}
        #kyaraHover .active    {top:-63px;}
        #kyaraHover #kyara00  {left:-5px; width:95px; padding-top:70px; background:url(../images/common/gnavi_img_01.png) no-repeat 0 0;}
*:first-child+html #kyaraHover #kyara00  {left:-5px; width:95px; padding-top:80px; background:url(../images/common/gnavi_img_01.png) no-repeat 0 0;}

        #kyaraHover #kyara01  {left:120px; width:76px; padding-top:80px; background:url(../images/common/gnavi_img_02.png) no-repeat 0 0;}
*:first-child+html #kyaraHover #kyara01  {left:120px; width:76px; padding-top:100px; background:url(../images/common/gnavi_img_02.png) no-repeat 0 0;}
		
        #kyaraHover #kyara02  {left:240px; width:92px; padding-top:85px; background:url(../images/common/gnavi_img_03.png) no-repeat 0 100%;}
*:first-child+html #kyaraHover #kyara02  {left:240px; width:92px; height:70px; margin-top:15px; background:url(../images/common/gnavi_img_03.png) no-repeat 0 0;}

        #kyaraHover #kyara03  {left:365px; width:61px; padding-top:90px; background:url(../images/common/gnavi_img_04.png) no-repeat 0 0;}
*:first-child+html #kyaraHover #kyara03  {left:365px; width:61px; height:71px; margin-top:5px; background:url(../images/common/gnavi_img_04.png) no-repeat 0 0;}
		
        #kyaraHover #kyara04  {left:470px; width:85px; padding-top:70px; background:url(../images/common/gnavi_img_05.png) no-repeat 0 0;}
        #kyaraHover #kyara05  {left:600px; width:55px; padding-top:80px; background:url(../images/common/gnavi_img_06.png) no-repeat 0 100%;}
*:first-child+html #kyaraHover #kyara05  {left:600px; width:55px; padding-top:70px; background:url(../images/common/gnavi_img_06.png) no-repeat 0 100%;}
		
        #kyaraHover #kyara06  {left:720px; width:71px; padding-top:80px; background:url(../images/common/gnavi_img_07.png) no-repeat 0 0;}
        #kyaraHover #kyara07  {left:855px; width:63px; padding-top:70px; background:url(../images/common/gnavi_img_08.png) no-repeat 0 0;}


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

top_contents

******************/
#top_contents_area {
	width:1050px;
	height:100%;
	background:url(../images/common/bk.png) center top repeat-x;
	margin: 0 auto;
}
#top_infobox01 {
	width:1010px;
	height:100%;
	margin: 0 auto;
}
#top_infobox02 {
	width:1050px;
	height:100%;
	margin: 0 auto;
}
#top_datebox01 {
	width:260px;
	height:355px;
	margin: 0;
	padding: 0;
	float: left;
}

#top_slide_box01 {
	width:510px;
	height:355px;
	background:url(../images/top/t_slide_bk.gif);
	text-align: center;
	margin: 0 auto;
	padding:0;
	float: left;
}
#top_youtubebox01 {
	width:239px;
	height:355px;
	background:url(../images/top/t_tv_bk.gif);
	margin: 0;
	float: left;
}

    /* top_kanransya */
	#top_kanransya_date {
		width:156px;
		height:126px;
		background:url(../images/top/top_dateboard.png) no-repeat 0 0;
		position: relative;
		z-index: 100;
		margin: 130px 0 0 60px;
	}
*:first-child+html #top_kanransya_date{
		width:156px;
		height:126px;
		background:url(../images/top/top_dateboard.png) no-repeat 0 0;
		position: relative;
		z-index: 100;
		margin: 130px 0 0 12px;
}
	#top_date_text {
		color:#fff;
		padding: 48px 0 0 0;

	}
	.top_date_text01 { font-weight:bold; font-size:20px;}
	.top_date_text02 { font-size:15px;padding: 15px 0 0 0;}
	#top_kanransya_mv {
		margin: -256px 0 0 0;
		position:relative;
	}

    /* top_slider */
	.flexslider { width: 450px;position: relative;}
	.flexslider {
	width: 100%;
	margin: 0 0 0 32px;
	padding: 58px 0 0 0;
	}
	.flexslider .slides li {display: none;}
	.flexslider .slides img {max-width: 100%; display: block;}
	
	.flexslider {position: relative;}
	.flexslider .slides  li {position: relative;}
	.flexslider-container {position: relative;}
	
	.flex-direction-nav li a {
	width: 25px;
	height: 35px;
	margin: -13px 0 0;
	display: block;
	background: url(../images/top/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 60%;
	*top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	}
	.flex-direction-nav li a.next {
	background-position: -25px 0;
	right: 37px;
	}
	
	.flex-direction-nav li a.prev {
	background-position: 0 0;
	left: -31px;
	}
	
	.flex-control-nav {
	margin-left: -60px;
	position: absolute;
	bottom: -52px;
	*bottom: -10px;
	left: 50%;
	}
	.flex-control-nav li {margin: 0 0 0 5px; float: left;}
	.flex-control-nav li:first-child {margin: 0;}
	.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/top/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
	.flex-control-nav li a:hover {background-position: 0 -13px;}
	.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

    /* top_youtube */
	a#youtube {
	   display: block;
	   width: 215px;
	   height: 205px;
	   margin: 80px 0 0 5px;
	   text-indent: -1000px;
	   background-image: url(../images/top/top_youtube_tv.png);
	}
	a#youtube:hover {
	   background-position: bottom center;
	}
	
	
/*****************

top_news

******************/
#top_newsbox01 {
	width:732px;
	height:100%;
	margin: 0;
	float: left;
}
#top_newsbox01 img {
	margin: 0;
}
#top_newsbox01 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#top_sidebox01 {
	width:318px;
	height:100%;
	margin: 0;
	float: left;
	text-align:left;
}
#top_newsbox_naiyou {
	width:732px;
	height:637px;
	margin: 0;
	background-image: url(../images/top/t_news_bk.jpg);
	background-position: 35px top;
	background-repeat: no-repeat;
}
#top_newsbox_kyara {
	width:732px;
	height:637px;
	margin: 0;
	background-image: url(../images/top/t_news_kyara.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#top_newsbox_naiyou h2{
	width:321px;
	height:100px;
	margin: 0 0 5px 215px;
	padding: 0;
	background:url(../images/top/t_news_tit.png) center bottom no-repeat;
	text-indent:-9999px;
}
*:first-child+html #top_newsbox_naiyou h2{
	width:321px;
	height:100px;
	margin: 0 0 5px 30px;
	padding: 0;
	background:url(../images/top/t_news_tit.png) center bottom no-repeat;
	text-indent:-9999px;
}

#top_newsbox_list {
	width:500px;
	height:470px;
	margin: 0 0 0 120px;
	overflow-y:scroll;
}
*:first-child+html #top_newsbox_list {
	width:500px;
	height:470px;
	margin: 0 0 0 10px;
	overflow-y:scroll;
}

.top_newsbox_list_photo {
	width:90px;
	height:60px;
	overflow:hidden;
	margin: 0;
	float:left;
	background:url(../images/top/t_news_no_photo.jpg) center bottom no-repeat;
}
.top_newsbox_list_text {
	width:390px;
	height:auto;
	margin: 0;
	float:right;
}
.top_newsbox_date {
	color:#007DAB;
	font-weight:bold;
}

#top_newsbox_list li{
	background:url(../images/top/t_news_border.gif) left bottom repeat-x;
	padding: 5px 0;
}
#top_newsbox_list li a{
	text-decoration:none;
	color:#000;
}
#top_newsbox_list li a:hover{
	text-decoration:underline;
}
.top_newsbox_bn01 {
	text-align:right;
	margin: 15px 25px;
}

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

top_side

******************/
.top_side_bn_box{
	margin: 40px 0 0 0;
}
.top_side_bn_box img {
	margin: 0 0 3px 0;
}
.top_side_bn_box a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


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

footer

******************/
#pagetop {
	width:1040px;
	height:18px;
	margin: 30px auto;
	background-color:#fff;
	text-align:right
}
#pagetop a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#footer {
	width:100%;
	height:135px;
	margin: -15px auto 0 auto;
	text-align:center;
	background:url(../images/common/f_bk.png) center top repeat-x;
	position: relative;
	z-index: 1000;
}
#footer_box {
	width:1040px;
	height:100%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
#footer_logobox {
	width:215px;
	height:80px;
	background:url(../images/common/f_logo.png) left top no-repeat;
	text-indent:-9999px;
	margin: 35px 0 0 0;
	float:left;
}
#footer_addbox {
	width:380px;
	height:40px;
	text-align:left;
	background:url(../images/common/f_add.png) left top no-repeat;
	text-indent:-9999px;
	margin: 40px 0 0 0;
	float:left;
}
#footer_linkbox {
	width:445px;
	height:80px;
	background:url(../images/common/f_line.gif) left top repeat-y;
	float:left;
	margin: 35px 0 0 0;
	text-align:left;
}

.footer_textlink{
	margin: 0 0 0 15px;
	text-align: left;
}
.footer_textlink ul{
	width:430px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
	color:#fff;
	text-align: left;
}

.footer_textlink li{
	margin-left:12px;
	padding-left:8px;
	float: left;
	list-style:none; background: url(../images/common/f_link_icon.gif) left center no-repeat;
}
*:first-child+html .footer_textlink li{
	white-space:nowrap;
	margin-left:12px;
	padding-left:8px;
	float: left;
	list-style:none; background: url(../images/common/f_link_icon.gif) left center no-repeat;
}


.footer_textlink li a{color:#fff;}
.footer_textlink li a:hover{text-decoration:underline;}



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

footer_slider

******************/
#container {
	width: 100%;
	text-align: center;
}

.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 85px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: -1;
}
.loopslider_gif {
	margin: 0 auto;
	width: 100%;
	height: 85px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: -1;
	list-style:none;
	background-image: url(../images/common/b.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

.loopslider ul {
/*	width: 100%;*/
	height: 85px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	height: 85px;
	padding: 0 12px 0 0;
	float: left;
	display: inline;
	overflow: hidden;
}


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

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

.loopslider ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}