@charset "utf-8";
/*--------------------------------

@common

last update 130908
v 1.0

--------------------------------*/
html{overflow-y:scroll;}
html,body{
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	color:#000000;
	
	background-color:#000;

}

img { -ms-interpolation-mode: bicubic; }


#wrapper{
	width:100%;
	height:100%;
	min-width:1024px;
	/*display:none;*/
}

a{
	text-decoration:none;
}

a:hover{
}

.inner1024{
	width:1024px;
	margin:0 auto;
}

.coming p{
	cursor:default !important;
}

.navi li p{
	cursor:pointer;
}

.fade{
	position:relative;
	height:100%;
}

.fade img{
	position:absolute;
}

.base{
	z-index:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity:1;
	
	display:block;
}

.over{
	z-index:2;
	-ms-filter: "alpha(opacity=0)";
	filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
	
}


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

@main

--------------------------------*/
#main{
	position:relative;
	z-index:1;
	top:0px;
	left:0px;
	display:none;
}



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

@header

--------------------------------*/
#header{
	width:100%;
	height:47px;
	background-image:url(../img/common/header/navi/bg.jpg);
	background-position:center center;
	position:fixed;
	z-index:99;
	top:0px;
	left:0px;
}

/*----------------
@header-navi
----------------*/
#header-navi{
	width:1012px;
	margin:0 auto;
}

#header-navi li{
	float:left;
}

#header-navi li p{
	height:47px;
}


#h-b0{width:48px;}
#h-b1{width:61px;}
#h-b2{width:130px;}
#h-b3{width:121px;}
#h-b4{width:65px;}
#h-b5{width:69px;}
#h-b6{width:110px;}
#h-b7{width:64px;}
#h-b8{width:91px;}
#h-b9{width:72px;}

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

@contents

--------------------------------*/
#contents{
	background-color:#ffffff;
	min-height:800px;
	position:relative;
}

#contents-inner{
	padding:47px 0px 0px 0px;
}


#contents-header{
	height:188px;
	position:relative;
	z-index:2;
}

#contents-center{
	width:100%;
	position:relative;
}

.contents-left{
	width:250px;
	/*margin:0px 50px 0px 0px;*/
	float:left;
}

.contents-right{
	width:674px;
	float:left;
}

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

@footer

--------------------------------*/
#footer{
	width:100%;
	position:relative;
	z-index:10;
}

#footer-top{
	width:100%;
	height:74px;
	background:#3d3d3d;
}

#footer-top-inner{
	
}

#footer-top-inner div{
	float:left;
}

#footer-tw-btn{
	
}

#footer-social-container{
	width:418px;
	height:74px;
	background-image:url(../img/common/footer/share_bg.png);
	background-repeat:no-repeat;
}

#footer-social-container ul{
	margin:30px 0px 0px 160px;
}


#footer-social-container ul li{
	float:left;
	line-height:1em;
}


#footer-bottom{
	width:100%;
	padding:0px 0px 65px 0px;
	background-color:#000000;
}

#footer-bottom-inner{
	
}

#scrollTop{
	cursor:pointer;
}

/*----------------
@banner
----------------*/
#banner-container{
	padding:12px 0px 0px 0px;
}


#banner-container li{
	float:left;
}
#banner0{padding:0px 3px 0px 0px;}
#banner1{padding:0px 3px 0px 3px;}
#banner2{padding:0px 3px 0px 3px;}
#banner3{padding:0px 3px 0px 3px;}
#banner4{padding:0px 0px 0px 3px;}


#footer-logo{
	float:left;
	padding:23px 0px 0px 5px;
}

#footer-navi-container{
	float:right;
}

#footer-navi{
	padding:35px 0px 0px 0px;
}

#footer-navi li{
	float:left;
	line-height:1em;
	padding:0px 0px 0px 12px;
}

#footer-navi li p{
	height:10px;
	position:relative;
}

#footer-navi li p img{
	position:absolute;
}


#f-b0{width:27px;}
#f-b1{width:37px;}
#f-b2{width:99px;}
#f-b3{width:91px;}
#f-b4{width:42px;}
#f-b5{width:44px;}
#f-b6{width:81px;}
#f-b7{width:41px;}
#f-b8{width:64px;}
#f-b9{width:45px;}


/*----------------
@sns
----------------*/
.social-container{
	width:215px;
	height:20px;
}

.social-container li,.social-container p{
	float:left;
	display:block;
	height:20px;
	line-height:1;
}


.twitter{
	width:105px;
}

.facebook-like{
	width:98px;
}

#cc{
	color:#ffffff;
	font-size:10px;
	text-align:right;
	padding:25px 0px 10px 0px;
}

#warning{
	color:#878787;
	font-size:10px;
	text-align:right;	
	
}



/*----------------
@preloader
----------------*/
#preloader-container{
	position:absolute;
	background-color:#000000;
	z-index:1;
	top:0px;
	left:0px;
}

#preloader{
	width:40px;
	height:40px;
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	margin:-20px 0px 0px -20px;
}