@charset "utf-8";





/*-----------------------------------------------
	BASE
-----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html,body{
height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3",Verdana,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-color: #000;
	text-align: center;
	line-height: 1.8;
	height: 100%;
}



dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3",Verdana,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 12px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: 0;
}
img.mousover:hover {
-moz-opacity:0.80;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a:focus{outline:none;} 

a {overflow:hidden;}
a{
	color:#fff;
	text-decoration:none;
}
a:visited{
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:underline;
}

.clearfix:after {
  content: url(../img/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
  clear: both;
  
}

/* Mac\*//*/
.clearfix { overflow: hidden; }
/* */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear{
	
}
br.clear{
	height:0;
	clear:both;
	line-height: 0px;
}
.fL{float:left;}
.fR{float:right;}
.txL{text-align:left;}
.txR{text-align:right;}
.txC{text-align:center;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb120{margin-bottom:120px;}
.normal{font-weight:normal;}
.small{font-size:13px;}
.ss{font-size:11px;}

/*-----------------------------------------------
	TOP
-----------------------------------------------*/
#wrapper{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #000;
	text-align: left;
}
body > #wrapper {
	height: auto;
}
#main_contents{
	padding-bottom:41px;
	
	
	
}


#header{
	width: 100%;
	margin: 0 auto;
	padding: 12px 0 0 0;
	height: 44px;
	background-color: #a80000;
}
#header h1{
	float: left;
	width: 100px;
	margin-right: 50px;
}
#header h1 img{
	width: 100px;
}
#header .g_menu{
	float:left;
}
#header .g_menu li{
	float: left;
	margin-right: 25px;
}

.area{
	width: 940px;
	margin: 0 auto;
}



/*-----------------------------------------------
	OTHER
-----------------------------------------------*/

.pagetop{
	text-align:right;
	margin-bottom:30px;
}

/*-----------------------------------------------
	footer
-----------------------------------------------*/
#footer{
	height		: 40px;
	background	: url(../img/bg_footer.jpg) repeat-x 0 0;
	color		: #fff;
	border-top: 1px solid #ff0000;
	position: absolute;
	width:100%;
	bottom:0;
}
#footer_contents{
	width		: 940px;
	margin		: 0px auto;
}

#footer .copyright{
	font-size	: 11px;
	padding		: 10px 5px 0px 0px;
	float		: right;
}
#footer .copyright img{
	vertical-align:middle;
}
#footer .copyright .sns{
	padding	: 0px 10px 0px 0px;
}

/*-----------------------------------------------
	TOP
-----------------------------------------------*/

.top_im{
	background-image: url(../img/topmain_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 840px;
}
.top_contents{
	padding-top: 385px;
}
.top_contents h2{
	text-align:center;
	margin-bottom:50px;
}
.top_contents h3{
	text-align:center;
	margin-bottom:50px;
}
.top_banaArea{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.top_banaLeft{
	float:left;
}
.top_banaRight{
	float:right;
}

/*-----------------------------------------------
	CONCEPT
-----------------------------------------------*/
#concept{
	padding-top: 65px;
	text-align: center;
}
#concept h2{
	margin-bottom:55px;
	text-align:center;
	
}
.concept_im{
	background-image:url(../img/concept/concept_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:45px;
	margin-bottom:45px;
}

/*-----------------------------------------------
	IMPRESSION
-----------------------------------------------*/
#impress{
	
}
.impress_im{
	height: 458px;
	background-image: url(../img/impression/main_im.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: 55px;
}
.impressArea{
	padding: 25px 0px;
}
.impressArea p.title{
	margin-bottom:30px;
}
.impressArea p.title2{
	text-align: center;
	margin-bottom: 40px;
}
.impressArea p.title3{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.impressArea p.title4{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
/*-----------------------------------------------
	MOVIE
-----------------------------------------------*/
#movie{
}

#movie h3{
	margin:20px 0;
}
.movie_head{
	background-image: url(../img/movie/movie_head.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 166px;
}

.movieArea{
	padding: 40px 0 80px 0;
	text-align: center;
}
.movieArea iframe {
	background:#000000;
	height:360px;
	width:640px;
	padding: 0 0 80px 0;
}

/*-----------------------------------------------
	twg1
-----------------------------------------------*/
#twg1{
	background-color: #e7e7e7;
	color: #4D4D4D;
	position: relative;
}
#twg1 .main_im{
	background-image: url(../img/twg1/main_im.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 572px;
	border-bottom: 5px solid #000;
	margin-bottom: 30px;
}

#twg1 .main_im h2{
	padding-top: 330px;
	padding-left: 50px;
}
#twg1 h3{
	text-align:center;
	margin-bottom:20px;
}
#twg1 .point{
	margin-bottom: 60px;
}
#twg1 p.tx{
	font-size:15px;
}
#twg1 p.tx2{
	font-size:15px;
	color:#333;
	text-align:center;
}
.pointLeft{
	float:left;
}
.pointLeft2{
	float: left;
	width: 70px;
}
.pointLeft3{
	float: left;
	width: 520px;
}
.pointRight{
	float: right;
	width: 295px;
	padding-top: 20px;
}
.point1{
	margin-bottom: 50px;
	padding-top: 30px;
}
.txg1_foot{
	background-image: url(../img/twg1/im05.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #1a1a1a;
	padding-bottom: 60px;
}
.txg1_footArea{
	padding-top:85px;
}
.txg_t{
	padding-left: 520px;
	margin-bottom: 60px;
	color: #fff;
}

/*======================================================*/
/*テーブル
/*======================================================*/
table.spec_table {
	margin:0;
	width:100%;
	table-layout:fixed;
	font-size:100%; /* IE */
}
table.spec_table.auto {table-layout:auto;}

table.spec_table,
table.spec_table th,
table.spec_table td {
	border: 3px solid #1a1a1a;
}

table.spec_table th{
	padding: 5px 10px;
	background-color: #313131;
	color: #fff;
}
table.spec_table td{
	padding: 5px 10px;
	background-color: #5f5f5f;
	color: #fff;
}

table.spec_table tr {
	vertical-align:top;
}


/*-----------------------------------------------
	twg1x
-----------------------------------------------*/
#twg1x{
	background-color: #000;
	color: #fff;
}
#twg1x .main_im{
	background-image: url(../img/twg1x/main_im.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 572px;
	border-bottom: 5px solid #A8000C;
	margin-bottom: 30px;
}

#twg1x .main_im h2{
	padding-top: 320px;
	padding-left: 10px;
}
#twg1x h3{
	text-align:center;
	margin-bottom:20px;
}
#twg1x .point{
	margin-bottom: 60px;
}
#twg1x p.tx{
	font-size:15px;
}
#twg1x p.tx2{
	font-size:15px;
	
	text-align:center;
}

.txg1x_foot{
	background-image: url(../img/twg1x/im05.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #1a1a1a;
	padding-bottom: 60px;
}


#side {
	position: fixed;
	top: 0px;
	width: 300px;
	left: 50%;
}

#nav {
width: 300px;
background: #3598dc;
}

#nav li {
list-style-type: none;
text-align: center;
}

#nav li a {
padding: 20px 0;
display: block;
border: 1px solid #ccc;
text-decoration: none;
}

#nav li.on {
padding: 20px 0;
border: 1px solid #ccc;
background: #69F;	
}



#head{
	z-index: 8;
	position: fixed;
	top: 80px;
	left: 50%;
	width: 15px;
	margin-left:500px;
}




#twg1 #primary,#twg1x #primary {
	width: 15px;
}
#twg1 #primary li,#twg1x #primary li {
	position: relative;
	height: 15px;
	margin-bottom:10px;
	
}
#twg1 #primary a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: transparent url('../img/twg1/navi.png') 0px -15px no-repeat;
}
#twg1 #primary a:hover, #twg1 #primary a.active {
	background: transparent url('../img/twg1/navi.png') 0px 0px no-repeat;
}
#twg1x #primary a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: transparent url('../img/twg1x/navi.png') 0px -15px no-repeat;
}
#twg1x #primary a:hover, #twg1x #primary a.active {
	background: transparent url('../img/twg1x/navi.png') 0px 0px no-repeat;
}


#section03 .pcbr{
	display:block;
}
	

/*-----------------------------------------------
	sma
-----------------------------------------------*/
#header .sp_gmenu,.sma_menu,.sma_menu_top,.sp_top_im,.txg1_foot_sp{
	display:none;
	
}