/*========================================

	Index Css
	
=========================================*/
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#uwl {
	min-width: 1000px;
	position: relative;
 width: expression(document.body.clientWidth < 1202? "1200px" : "auto");
}
/*----------------------------------------
	Header
----------------------------------------*/
#header_area {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	height: 124px;
	background: url(../img/index_bodybg.jpg) #ffffff repeat-x top;
	min-width: 1200px;
}
/*----------------------------------------
	Main -Flash Area
----------------------------------------*/
#main_area {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	min-width: 1200px;
	position: relative;
}
#main_area_no {
	width: 100%;
	text-align: center;
	background: url(../img/index_bg01_no.jpg) repeat-x center top;
	margin: 0 auto;
	min-width: 1200px;
}
#main {
	margin: 0 auto;
	min-width: 1200px;
}
#header_shadow {
	position: absolute;
	top: 0;
	background: #222;
	height: 3px;
	width: 100%;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	z-index: 100;
}
/*flash*/
#index #flash {
	margin: 0 auto;
	width: 1200px;
	/*height: 656px;*/
	height: 630px;
}
#index #no_flash {
	margin: 0 auto;
	text-align: center;
	position: fixed;
}
/* banner area */
#bna {
	background: url(../img/index_ks_bg01.jpg) no-repeat center top;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	min-width: 1000px;
}
#bna ul {
	/*padding: 0 111px 0 230px;バースデーバナーなし*/
	padding: 0 111px 0 195px;/*バースデーバナーあり*/
}
#bna li {
	float: left;
	padding: 33px 5px 30px;
}
#bna li.bd {
	padding: 0;
}
/* banner area 横長バナーありvar*/
#bna_ks {
	/*	background: url(../img/index_ks_bg02.jpg) no-repeat center top;*/
	background: url(../img/index_ks_bg03.jpg) no-repeat center top;
	width: 1200px;
	height: 298px;
	margin: 0 auto;
	position: relative;
	min-width: 1000px;
}
#bna_ks ul {
	/*padding: 0 0 0 230px;バースデーバナーなし*/
	padding: 0 0 0 195px;/*バースデーバナーあり*/
}
#bna_ks li {
	float: left;
	padding: 20px 5px 0;
}
#bna_ks li.top {
	float: left;
	padding: 33px 5px 0;
	margin: 0;
}
#bna_ks li.bd {
	padding: 0;
	margin: 0;
}
#bna_ks li.short {
	margin-top: 15px;
}
#bna_ks li.long {
	margin-top: -15px;
	padding: 0 5px;
}
#bna_ks p {
	position: absolute;
	top: 148px;
	left: 200px;
}
/*smap*/

li.smap {
	background: url(../swf/banner/bna_smap.jpg) no-repeat 5px 20px;
	width: 236px;
	height: 105px;
}
li.smap a：hover {
	background: url(../swf/banner/bna_smap_on.jpg) no-repeat 5px 20px;
}
@media print {
li.smap {
	background: none;
}
}
/*smap_2*/

li.smap2 {
	background: url(../swf/banner/bna_smap.jpg) no-repeat 5px 33px;
	width: 236px;
	height: 105px;
}
li.smap2 a：hover {
	background: url(../swf/banner/bna_smap_on.jpg) no-repeat 5px 33px;
}
@media print {
li.smap2 {
	background: none;
}
}
/*----------------------------------------
	Contents
----------------------------------------*/
#wrapper {
	min-width: 1000px;/*もと1000px*/
	zoom: 1;
}
#contents {
	background: url(../img/index_contentsbg_ks.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0 210px;
	width: 780px;
	text-align: left;
	position: relative;
}
/*----------------------------------------
	main visual
----------------------------------------*/
#main_visual {
	min-width: 1200px;
	height: 574px;
	overflow: hidden;
	margin: 0;
	zoom: 1;
	text-align: left;
	background: url(/img/top/130625/goldline.jpg) no-repeat center bottom;
	position: relative;
}
#main_visual .item {
	height: 574px;
	width: 100%;
	text-align: center;
	min-width: 1200px;
	margin: 0;
	position: relative;
}
#ap_bg {
	background: #231815;
	height: 526px;
	display: block;
	margin: 0;
}
#apt_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}
#uwl_bg {
	background: #0057A9;
	height: 526px;
	display: block;
	margin: 0;
}
#wwohp_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}
#halloween_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}
#ucj_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}
#wsp_bg {
	background: #1a68ca;
	height: 526px;
	display: block;
	margin: 0;
}
#bio_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}

#youkai_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}

#christmas_bg {
	background: #000;
	height: 526px;
	display: block;
	margin: 0;
}

#re-born_bg {
	background: url(/img/top/160125/bg_15th.gif);
	height: 526px;
	display: block;
	margin: 0;
}

ul.ucj {
	width: 1008px;
	margin: 0 auto;
	background: #fff;
}
ul.ucj li {
	display: block;
	float: left; 
}
#apass_bg {
	background: #4e0000;
	height: 526px;
	display: block;
	text-align: center;
	margin: 0;
}
#mv_console {
	position: absolute;
	z-index: 100;
	text-align: center;
	width: 100%;
	height: 145px;
	margin-top: 429px;
}
#mv_navi {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	right: 0 !important;
}
#mv_navi ul {
	position: absolute;
    right: 140px;
    bottom: 0;
    z-index: 999;
}
#mv_navi li {
	background: url(/img/top/140418/mvnavi.png) no-repeat center center;
	width: 27px;
	height: 40px;
	display: block;
	cursor: pointer;
	position: relative;
	float: left;
	/* position: absolute;
	z-index: 99;
	top: 533px; */
}
#mv_navi .actnavi {
	background: url(/img/top/140418/mvnavi_on.png) no-repeat center center;
}
#mv_console_nocopy {
	position: absolute;
	z-index: 100;
	text-align: center;
	width: 100%;
	height: 133px;
	margin-top: 453px;
}
#thum_wrap {
	background: url(/img/top/130625/thum_bg.png) no-repeat;
	width: 807px;
	height: 145px;
	margin: 145px auto 0;
	overflow: hidden;
}
#thum_wrap ul {
	padding-top: 15px;
	padding-left: 17px;
}
#thum_wrap li {
	display: block;
	float: left;
	padding-right: 10px;
}
.thum_wrap_item3 {
	left: 448px !important;
	background: url(/img/top/130625/thum_bg_item3.png) no-repeat !important;
	width: 648px !important;
}
.thum_wrap_item3 ul {
	padding-left: 42px !important;
}
.thum_wrap_item3 li {
}
#mv_console_nocopy .thum_wrap_item3 {
	left: 448px !important;
	background: url(/img/top/140224/thum_bg_item3_nocopy.png) no-repeat !important;
	width: 648px !important;
}
#mv_console_nocopy .thum_wrap_item3 ul {
	padding-left: 42px !important;
}
#mv_console_nocopy .thum_wrap_item3 li {
}
.thum_wrap_item2 {
	background: url(/img/top/130826/thum_bg_item2.png) no-repeat !important;
	width: 484px !important;
}
.thum_wrap_item2 ul {
	padding-left: 52px !important;
}
.thum_wrap_item2 li {
}
*:first-child+html .item {
	left: 0;
	height: 574px;
	zoom: 1;
}
#longbnr_wrap {
	width: 728px;
	height: 110px;
	position: relative;
	overflow: hidden;
}
#longbnr_wrap a {
	left: 0;
	top: 0;
}
/*----------------------------------------
	Headeline
----------------------------------------*/
#headline {
	margin: 0 0 50px 0;
	width: 475px;
	float: left;
	z-index: 5;
}
#headline h2 {
	margin-bottom: 30px;
}
#headline dl dt {
	padding-left: 8px;
	background: #FFF url(../img/index_arrow.gif) no-repeat left top;
	margin-left: 12px;
}
#headline dl dt.bg_yellow {
	background: #FFF587 !important;
	padding:5px;
}

#headline dl dt.bg_yellow ul {
	padding-left: 20px;
}

#headline dl dt.bg_yellow ul li {
 list-style:disc;
}


/*#headline dl dt a {
	color: #222222;
}*/
#headline dl dd {
	padding-bottom: 15px;
	color: #666666;
	background: url(../img/index_dotline.gif) no-repeat bottom;
	padding-left: 8px;
	margin-left: 12px;
}
#headline p#more {
	text-align: right;
}
/*節電注釈*/
#headline .setuden {
	padding: 15px;
	background: #eeeeee;
	margin-top: 20px;
	z-index: 10;
}



/*----------------------------------------
	Twitter
----------------------------------------*/
#twitter_area {
	margin: 66px 0 50px 0;
	padding:4px;
	width:284px;
	float: right;
	background: url(../img/index_sns_bg01.gif) left top repeat;
}
#twitter_area #fb_tw #fb_area,
#twitter_area #fb_tw #tw_area {
	background: #FFF;
	border: solid 1px #CCC;
	width:282px;
	margin-bottom: 5px;
}
#twitter_area #fb_tw #fb_moppy {
	border: solid 1px #CCC;
	text-align: center;
}
#twitter_area #fb_tw #tw_area h2 {
	padding-top:1px;
	text-align:center;
}
/*----------------------------------------
	Other
----------------------------------------*/
#other {
	clear: both;
	width: 780px;
	margin: 0 auto 20px;
}
#other #group {
	width: 250px;
	height: 110px;
	background: url(../img/index_otherbg01.gif) no-repeat top;
	float: left;
	display: inline;
	margin-right: 15px;
}
#other #support {
	width: 250px;
	height: 110px;
	background: url(../img/index_otherbg01.gif) no-repeat top;
	float: left;
	display: inline;
}
#other #hotel {
	background: url(../img/index_otherbg02.gif) no-repeat center top;
	width: 250px;
	float: left;
	display: inline;
	margin-right: 15px;
}
#other #cmp {
	width: 250px;
	float: left;
	display: inline;
	margin-right: 15px;
}
#other h3 {
	padding: 6px 0 4px 0;
	text-align: center;
}
#other #group ul, #other #support ul, #other #hotel ul#offi {
	margin: 0 5px 5px;
	padding-bottom: 5px;
}
#other #group ul li, #other #support ul li, #other #hotel ul#offi li {
	float: left;
}
#other ul#guide {
	background: url(../img/index_bg01.gif) no-repeat left top;
	margin-top: 10px;
	padding: 5px 1px 5px 5px;
}
#other #guide li {
	float: left;
	padding-right: 4px;
	display: inline;
}
/*----------------------------------------
	Charactor
----------------------------------------*/
#elmo, #snoopy {
	position: absolute;
	z-index: 500;
}
#elmo {
	top: 394px;
	left: 210px;
	z-index: 500;
}
#snoopy {
	top: 379px;
	left: 965px;
	z-index: 500;
}
/*----------------------------------------
	Banner
----------------------------------------*/
#banner_area {
	border: 1px #cccccc solid;
	width: 760px;
	padding: 9px;
	margin: 0 auto 40px;
	clear: both;
}
#banner_area ul {
	margin: 0 0 9px 9px;
	width: 600px;
	float: left;
	display: inline;
}
#banner_area ul li {
	padding-right: 10px;
	float: left;
}
#banner_area p#qr {
	margin: 0 9px 9px 0;
	float: right;
	display: inline;
}
/* Social Media */
#community {
	border: 1px #dddddd solid;
	text-align: left;
	float: left;
}
#community td {
	padding-right: 25px;
}
#community #fb {
	position: relative;
}
#community #fb p {
	position: absolute;
	top: 0;
	left: 0;
}
#wau {
	padding: 7px 10px;
	float: right;
}
/*----------------------------------------
	Footer
----------------------------------------*/
#footerlink_area {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 910px;
	background-color: #ffffff;
	clear: both;
	text-align: left;
	position: relative;
}
/* Link */
/*
#footerlink_area #footerlink dl {
	float: left;
	margin-right: 5px;
	width: 219px;
}
#footerlink_area #footerlink dt {
	float: left;
}
#footerlink_area #footerlink dd {
	float: left;
}
#footerlink_area #footerlink {
	width: 543px;
	float: left;
	display: inline;
}
#footerlink_area #footerlink ul {
	text-align: left;
}
#footerlink_area #footerlink ul li {
	padding: 0 5px 6px 0;
	float: left;
	font-size: 0;
	line-height: 0;
}
*/
/* Regal Area */
#regal_area {
	padding: 15px 0 30px 0;
	background-color: #eeeeee;
	text-align: center;
}
#regal_area #rc_area {
	margin: 0 auto;
	width: 910px;
}
#regal_area #regal {
	width: 550px;
	color: #666666;
	float: left;
	text-align: left;
}
#regal_area p#copyright {
	width: 260px;
	float: right;
}
/* long_ban */
p.long_ban {
	float: left;
	margin-top: 31px;
}
p.mg_r20 {
	margin-right: 20px;
}
.mg_r10 {
	margin-right: 10px;
}
.pd_t7 {
	padding-top: 7px;
}
/*----------------------------------------
	Color
----------------------------------------*/
a.red:link, a.red:visited, a.red:hover, a.red:active {
	color: #cc0000 !important;
	text-decoration: underline;
}
/*----------------------------------------
	SELECT LANGUAGE
----------------------------------------*/
#lan {
	float: right;
	width: 348px;
	background: url(../img/index_lan_bg01.gif) no-repeat right top;
}
#lan h4 {
	float: left;
}
#lan ul li {
	float: left;
	display: inline;
	line-height: 0;
	padding-bottom: 4px;
}
*html #lan ul li {
	padding-bottom: 0;
}
#lan ul li img {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
#lan ul li a {
	line-height: 0;
}
/*----------------------------------------
	緊急告知枠
----------------------------------------*/
#comment_area {
	background-color: #F0F0F0;
	margin: 0 0 15px 10px;
	padding: 10px 5px;
	width: 455px;
	word-break: break-all;
}
#comment_area dl dt {
	font-weight: bold;
	margin-left: 12px;
	padding-left: 59px;
}
#comment_area dl dd {
	background: none repeat scroll 0 0 transparent;
	margin-left: 12px;
	padding-bottom: 5px;
	padding-left: 59px;
}
.ap_info_140308 {
	color: #666666;
	font-size: 10px;
	padding: 0 0 20px;
	text-align: center;
}