@charset "UTF-8";

body{
}

/*------------------------------------------- imghack*/

.warp_clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.warp_clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
*html.warp_clearfix{height:1%;}
.warp_clearfix{display:block;}
/* End hide from IE-mac */


/*-------------------------------------------------  */

#warp_banner{
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	font-size: 13px;
	color: #FFF;
	width: 100%;
	line-height: 140%;
	z-index:2147483647!important;
	text-align: center;
/*	z-index:1001!important;*/
}

#warp_banner img{border: none;}
#warp_banner a{color: #FFF;}
#warp_banner a:hover{color: #FF0;}

#warp_slideBox{
	margin:0  auto;
	padding: 10px ;
	background: url(../image/banner_bg.png) repeat-x bottom;
	width: 94%;

	border:solid 2px white;
	border-top:none;

	border-bottom-left-radius:10px;
	border-bottom-right-radius: 10px;

	box-shadow:5px 5px 10px #333;
	-moz-box-shadow:5px 5px 10px #333; /* firefox */
	-webkit-box-shadow:5px 5px 10px #333; /* webkit */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=145, strength=5, enabled=true);
}

#warp_slideBox .warp_inner{
	width: 100%;
	margin:0  auto;
}

#warp_slideBox .warp_inner td{
	background: transparent!important;
	border-bottom-style: none!important;
	border-top-style: none!important;
    border-left-style: none!important;
    border-right-style: none!important;
    background-color: none!important;
    width: auto!important;
    float: none!important;
    display: table-cell!important;
    vertical-align: top;
}

#warp_slideBox .warp_inner table{
    background-color: transparent!important;
    border-bottom-style: none!important;
	border-top-style: none!important;
	border-left-style: none!important;
	border-right-style: none!important;
    background-color: none!important;
	width: 96%;
	margin:0  auto;
}

#warp_slideBox .warp_inner th{
    background-color: transparent!important;
    border-bottom-style: none!important;
    border-top-style: none!important;
    border-left-style: none!important;
    border-right-style: none!important;
    background-color: none!important;
    width: auto!important;
    float: none!important;
    display: table-cell!important;
}

#warp_slideBox .warp_inner tr{
	background: transparent!important;
    background-color: none!important;
}

#warp_slideBox .warp_logo{
	float: left;
	width: 165px!important;
	padding: 0px;
	margin: 2px 15px 0 0;
}


#warp_slideBox .warp_textArea .link{
	font-size: 90%;
	margin: 2px 0 0 0;
}

#warp_slideBox .warp_textArea{
	color: #FFF!important;
	text-align: left;
}

.warp_link {
	font-size: 13px!important;
	line-height: 15px!important;
}

#warp_slideBox .warp_rightArea{
	float: right;
	padding: 0px;
	text-align: right;
	margin: 2px 0 0 15px;
}

#warp_slideBox .warp_rightArea p{
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 12px!important;
	white-space: nowrap;
    color: #FFF!important;
}


/*------------------------------------------------- bugfix 20140704 */
#warp_slideBox{
	height:auto;
}

.warp_inner,.warp_inner *{
	height:auto;
}

#warp_slideBox02{
	height:auto;
}

.warp_inner02,.warp_inner02 *{
	height:auto;
}

#warp_banner_img01{
	width:165px;
	height:auto;
}

#warp_banner_img02{
	width:55px;
	height:auto;
}

#warp_banner_img03{
	width:120px;
	height:auto;
}

/*------------------------------------------------- slideArrow */


#warp_slideArrow{
	width: 98%;
	text-align: right;
	clear: both;
}

.warp_open{
	width: 55px;
	cursor: pointer;
	padding: 0px;
	position: relative;
	float: right;
	margin: 0 3% 0 0;
}

.warp_open a:hover {
	background: transparent!important;
}

.warp_open a:active {
	background: transparent!important;
}

/*------------------------------------------------- warp_banner02 */

#warp_banner02{
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:2147483647!important;
	text-align: center;
/*	z-index:1001!important;*/
}

#warp_banner02 img{border: none;}
#warp_banner02 a{color: #FFF;}
#warp_banner02 a:hover{color: #FF0;}

#warp_slideBox02{
	margin:0  auto;
	padding: 10px ;
	background: url(../image/banner_bg.png) repeat-x bottom;
	width: 94%;

	border:solid 2px white;
	border-top:none;

	border-bottom-left-radius:10px;
	border-bottom-right-radius: 10px;

	box-shadow:5px 5px 10px #333;
	-moz-box-shadow:5px 5px 10px #333; /* firefox */
	-webkit-box-shadow:5px 5px 10px #333; /* webkit */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=145, strength=5, enabled=true);
}

#warp_slideBox02 .warp_inner02{
	width: 100%;
	margin:0  auto;
}

body:first-of-type #warp_slideBox02 .warp_inner02 {width: 100%;}

#warp_slideBox02 .warp_logo02{
	float: left;
	width: 165px!important;
	padding: 0px;
	margin: 2px 15px 0 0;
}

#warp_slideBox02 .warp_textArea02{
	color: #FFF!important;
	text-align: left;
}

#warp_slideBox02 .warp_textArea02 .link02{margin: 2px 0 0 0;}

#warp_slideBox02 .warp_rightArea02{
	float: right;
	padding: 0px;
	text-align: right;
	margin: 2px 0 0 15px;
}

#warp_slideBox02 .warp_rightArea02 p{
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 12px;
	white-space: nowrap;
}

#warp_slideBox02 .warp_inner02 td{
    background: transparent!important;
    border-bottom-style: none!important;
    border-top-style: none!important;
    border-left-style: none!important;
    border-right-style: none!important;
    background-color: none!important;
    vertical-align: top;
}

#warp_slideBox02 .warp_inner02 table{
    background-color: transparent!important;
    border-bottom-style: none!important;
    border-top-style: none!important;
    border-left-style: none!important;
    border-right-style: none!important;
    background-color: none!important;
}

#warp_slideBox02 .warp_inner02 th{
    background-color: transparent!important;
    border-bottom-style: none!important;
    border-top-style: none!important;
    border-left-style: none!important;
    border-right-style: none!important;
    background-color: none!important;
}

#warp_slideBox02 .warp_inner02 tr{
    background-color: none!important;
}

/*------------------------------------------------- slideArrow02 */


#warp_slideArrow02{
	width: 98%;
	text-align: right;
	clear: both;
}

.warp_open02{
	width: 55px;
	cursor: pointer;
	padding: 0px;
	position: relative;
	float: right;
	margin: 0 10px 0 0;
}