@charset "UTF-8";

html,body,#contents{
	height: 100%;
	}
body{
	color: #fff;
	min-width: 960px;
	line-height: 1.0;
	background: #000;	
	}
#contents{
	overflow: hidden;
	}

/******************************************************************************
splash
******************************************************************************/
/*1*/
#splash{
	background: #da3836;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	}
#splash img.msg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -192px 0 0 -375px;
	}
/*2*/
#splash2{
	background: #da3836;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	}
#splash2 img.msg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -192px 0 0 -375px;
	}

/******************************************************************************
header
******************************************************************************/
#header{
	z-index: 100;
	}
#header h1{
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	}


/******************************************************************************
slider
******************************************************************************/
#slider,
#slider .slides_container{
	position: relative;
	height: 100%;
	width: 100%;
	}
#slider .pagination{
	position:absolute;
	bottom: 90px;
	left: 50%;
	margin-left: -190px;
	z-index:100;
	}
#slider .pagination li{
	display: inline;
	padding: 0 5px;
	}
#slider .pagination li a{
	float: left;
	text-indent: -999em;
	display: block;
	width: 17px;
	height: 18px;
	background: url(../img/bt_switch.png) no-repeat left top;
	margin-right: 8px;
	}
#slider .pagination li a:hover,
#slider .pagination li.current a{
	background: url(../img/bt_switch.png) no-repeat left bottom;	
	}
#slider .prev {
	text-indent: -9999em;
	display: block;
	position:absolute;
	top:50%;
	right: 20px;
	z-index:100;
	width: 30px;
	height: 30px;
	margintop: -15px;
	background: url(/fcroman/cmn/theme/bxSlider/img/gray_next.png) no-repeat left top;
	}
#slider a.prev:hover {
	background: url(/fcroman/cmn/theme/bxSlider/img/gray_next.png) no-repeat left bottom;	
	}
#slider .next {
	text-indent: -9999em;
	display: block;
	position:absolute;
	top:50%;
	left: 20px;
	z-index:999;
	width: 30px;
	height: 30px;
	margintop: -15px;
	background: url(/fcroman/cmn/theme/bxSlider/img/gray_prev.png) no-repeat left top;
	}
#slider a.next:hover {
	background: url(/fcroman/cmn/theme/bxSlider/img/gray_prev.png) no-repeat left bottom;	
	}
/*------------------------------*/
/*item*/
/*------------------------------*/
#slider .item{
	position: absolute;
	}
/*------------------------------*/
/*box*/
/*------------------------------*/
#slider .box{
	position:fixed;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -350px;
	z-index: 100;
	}
.bx-pager{
	z-index: 100;
	font-size: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 130px 0 0 -332px; 
	}
.bx-pager a{
	float: left;
	text-indent: -999em;
	display: block;
	width: 17px;
	height: 18px;
	background: url(../img/bt_switch.png) no-repeat left top;
	margin-right: 8px;
	}
.bx-pager a:hover,
.bx-pager a.pager-active{
	background: url(../img/bt_switch.png) no-repeat left bottom;
	}


/******************************************************************************
footer
******************************************************************************/
#footer{
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 100;
	position: fixed;
	width: 900px;
	bottom: 30px;
	left: 50%;
	margin-left: -450px;
	color: #fff;
	}
#footer ul{
	text-align: center;
	margin-bottom: 13px;
	}
#footer ul li{
	display: inline;
	}
#footer ul li a{
	color: #fff;
	}
#footer ul li a:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}
#footer address{
	text-align: center;
	}
/*bt-social*/
ul.bt-social{
	position: fixed;
	top: 20px;
	right: 15px;
	overflow: hidden;
	}
ul.bt-social li{
	float: left;
	}
.twitter-share-button{
	width: 90px!important;
	}