@charset "UTF-8";

/**
 * Style
 *
 * 01.BASE
 *
 * 02.LAYOUT
 *
 * 03.HEADER
 *
 * 99.CLEAR HACK
 */

/**
 * 01.BASE
 */

 /**
 * 02.LAYOUT
 */

#flash-area {
	margin-bottom: 30px;
}

#top-box-right {
	width: 770px;
	float: right;
}

#top-box-left {
	width: 160px;
	float: left;
}

#news-topics {
	margin-right: 20px;
	width: 540px;
	float: left;
	display: inline;
}

#news-topics h2 {
	height: 25px;
	border-bottom: none;
}

#hapbath-campaign {
	width: 210px;
	float: right;
}

#bnr-links {
	width: 210px;
	float: right;
}

h2 {
	position: relative;
	/*height: 16px;*/
	padding-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}

h2 img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#media,
#news,
#joc_report,
#topics,
#hapbath,
#campaign,
#links {
	position: relative;
}

#media ul,
#joc_report ul,
#campaign ul {
	margin: 0 0 50px;
}

#news ul,
#joc_report ul,
#campaign ul {
	margin: 0 0 50px;
}

#topics ul {
	margin: 5px 0 0;
}

#media ul li,
#news ul li,
#joc_report ul li,
#topics ul li {
	margin: 9px 0 0 0;
	padding: 0 0 5px 0;
	border: 1px solid #FFF;
	border-bottom: 1px dotted #CCC;
}

#media ul li p {
	text-align:right;
}

#news ul li a,
#joc_report ul li a,
#topics ul li a,
.info-box a {
	display: block;
}

.info-box h3 a {
	font-weight: bold;
}

/*	HAPBATH	*/

#hapbath {
	background: #fff7b3;
	padding: 0 5px 5px;
}

#hapbath h2 {
	height: 80px;
	border-bottom: none;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#hapbath h2 img {
	position: static;
}

#hapbath ul {
	margin-bottom: 10px;
}

#hapbath li {
	padding-bottom: 5px;
}

#hapbath li a img {
	border: 1px solid #fff;
}

#hapbath li a:hover img {
	border: 1px solid #00a784;
}

#hapbath li h3 {
	padding-bottom: 10px;
	font-size: .847em;
	color: #f67003;
}

#hapbath li h3 img {
	padding-right: 5px;
}

#hapbath .info-box {
	width: 160px;
	float: left;
	padding-bottom: 5px;
}

#hapbath .info-box a {
	line-height: 1.2em;
}

#hapbath a.with-arrow {
	background: url(/global/images/icn-arrow02.png) no-repeat 0 2px;
	padding-left: 13px;
}

#hapbath .image-box {
	width: 71px;
	float: right;
	padding-bottom: 5px;

}

#hapbath .image-box img {
	border: 1px solid #CCC;
}

#bnr-hapbath {
	margin-bottom: 10px;
}

/*	CAMPAIGN	*/

#campaign {
	display: none;
}

#campaign li {
	margin: 10px 0 8px;
}

#campaign .info-box {
	width: 140px;
	float: right;
}

#campaign .image-box {
	width: 61px;
	float: left;
}

#campaign .image-box img {
	border: 1px solid #CCC;
}

/*	BANNER	*/
/*#side-campaign {
	display: none;
}
*/
#side-campaign li {
	margin-bottom: 15px;
}

#bnr {
	padding-bottom: 15px;
}
#bnr div {
	padding-bottom: 15px;
}

#bnr img {
/* 	border-bottom: 1px solid #CCC; */
}

#bnr p {
	margin: 5px 0 30px;
}

/*	LINKS	*/
#links li {
	margin: 0 0 10px;
}

#links .info-box {
	width: 140px;
	float: right;
}

#links .image-box {
	width: 60px;
	float: left;
}

#links .image-box img {
	border: 1px solid #CCC;
}

/*
#flash-box {
	margin-bottom: 20px;
}
*/

/* carousel */
.carousel {
	position: relative;
}

.carousel #carousel_frame div {
	position: absolute;
	background-color: #00A784;
	overflow: hidden;
	display: none;
	z-index: 1003;
}
.carousel #carousel_frame div#carousel_frame_top    {left:   0px; top:   0px; width: 540px; height:   3px;}
.carousel #carousel_frame div#carousel_frame_right  {left: 537px; top:   0px; width:   3px; height: 380px;}
.carousel #carousel_frame div#carousel_frame_bottom {left:   0px; top: 377px; width: 540px; height:   3px;}
.carousel #carousel_frame div#carousel_frame_left   {left:   0px; top:   0px; width:   3px; height: 380px;}

#carousel {
  margin: 0 auto;
  width: 540px;
  height: 380px;
  overflow: hidden;
}
.carousel .bx-wrapper .bx-prev {
	left: 0;
	background: url(../images/carousel_prev.png) no-repeat left top;
	z-index: 1001;
}
.carousel .bx-wrapper .bx-next {
	right: 0;
	background: url(../images/carousel_next.png) no-repeat left top;
	z-index: 1002;
}
.carousel .bx-wrapper .bx-prev:hover {
	background-position: left bottom;
}
.carousel .bx-wrapper .bx-next:hover {
	background-position: left bottom;
}
.carousel .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	outline: 0;
	width: 33px;
	height: 380px;
	text-indent: -9999px;
	z-index: 9999;
}

#top-notice {
	margin: 20px 0;
	padding: 10px 10px 0;
	border: 3px #C00 solid;
	color: #C00;
	font-size: 11px;
	text-align: center;
}
#top-notice h2 {
	font-weight:bold;
}
#top-notice p {
	margin-bottom:1em;
}
#top-shinsai {
	margin: 0 0 20px 0;
}

/**
 * 99.CLEAR HACK
 */
#hapbath li:after,
#campaign li:after,
#links li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#hapbath li,
#campaign li,
#links li {
	min-height: 1px;
}
* html #hapbath li,
* html #campaign li,
* html #links li {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}