@charset "UTF-8";

/* top.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:clearfix
3:layout

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
  height:100%;
}

body {
  margin: 0;
  padding: 0;
  color: #b7b7b7;
  height:100%;
  font-size: 13px;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
  background-color:#000000;
  background-image: url(../images/bk_common.jpg);
  background-position: center top;
  background-repeat:no-repeat;
  line-height:1.5em;
  font-weight:normal;
}

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: 13px;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
  font-weight:normal;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 13px;
}

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;
}

/* Default Link Style */

a,a:link,a:active,a:visited {
  color: #f9fcfe;
  text-decoration: underline;
}

a:hover {
  color: #d2eafb;
  text-decoration: underline;
}

a img {
  border: 0;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../images/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

/* --------- /2:clearfix --------- */


/* ---------- 2:layout  ---------- */

#container {
  min-height: 100%;
  min-width:100%;
  position: relative;
}

#wrapper {
  width: 900px;
  margin:0 auto;
  position: relative;
  height: 100%;
  min-height: 100%;
  padding-bottom: 10px;
}

#header {
  width: 900px;
  height:138px;
  margin:0 auto;
  position:relative;
}

#englishBtn {
  width:900px;
  height:20px;
  text-align:right;
}

#lineupFlash{
  width:510px;
  float:left;
  clear:both;
  text-align:left;
}

#flashRight{
  width:190px;
  text-align:right;
  float:right;
}

#gNav_common{
  margin:0 auto;
  width:900px;
  padding:0 0 0 43px;
}

#gNav_common li{
  float:left;
}

#mainContents{
  margin:40px auto 0 auto;
  width:900px;
  height:100%;
}

#mainContents-2-detail{
  width:700px;
  float:left;
  clear:both;
  background-image:url(../images/innerBox.jpg);
  background-repeat:no-repeat;
  background-position:top;
  padding-bottom:20px;
}

#mainContents-1{
  width:900px;
  background-image:url(../images/innerBox.jpg);
  background-repeat:no-repeat;
  background-position:top;
  margin:0 auto;
  height:100%;
}


#mainRight{
  float:right;
  width:200px;
}

.pageTitle{
  padding:20px;
}

.pageTitle_tub{
  padding:20px 20px 3px 0px;
}

.pageTitle_tub_guide{
  padding:20px 20px 3px 20px;
}




#topNews{
	width:500px;
	text-align:left;
	border:#0f1e29 1px solid;
	border-top:none;
	padding-bottom:15px;
}

.ttl{
  padding:15px 0 7px 10px;
}

.date{
	padding:5px 20px 5px 10px;
	vertical-align:top;
}

.caption{
	padding:5px;
}

#mainRight{
	width:190px;
	float:right;
}

#mainRight ul{
	width:190px;
}

#mainRight li{
  margin-bottom:10px;
}

.more{
	text-align:left;
	padding:10px 0;
}

#comingsoon{
  height:440px;
  vertical-align:middle;
  text-align:center;
  padding:220px 0 0 0;
}


#footer{
	clear:both;
	width:100%;
	height:31px;
	background-color:#3e413e;
	bottom: 0;
	line-height: 0px;
}


#footerInner{
  clear:both;
  width:900px;
  margin:0 auto;
  bottom: 0;
}
