@charset "utf-8";

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body,input,textarea,select {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #fff;
}

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

/*\*/
* html #htmlBlock table {
	font-size: 100%;
	line-height: 1.5;
}
/**/

table#mov td {
	font-size: 90%;
}

table#info td span {
	font-size: 80%;
}


/* 基本タグ ------------------------------ */
body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

#htmlBlock img,table {
	border: none;
}

#htmlBlock table {
	border-collapse: collapse;
}

#htmlBlock ul {
	list-style: none;
}

#htmlBlock li img,
#htmlBlock dt img {
	vertical-align: bottom;
}

#htmlBlock address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

#htmlBlock a:link {
	color: #f00;
}
#htmlBlock a:visited {
	color: #f00;
}
#htmlBlock a:hover {
	color: #fff;
}
#htmlBlock a:active {
	color: #f00;
}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

#htmlBlock .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
#htmlBlock .clearfix { display:inline-block; }
/*\*/
* html #htmlBlock .clearfix { height:1%; }
#htmlBlock .clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 htmlBlock
--------------------------------------------------------------------------------------- */

body {
	background: #000 url(../img/bg2.jpg) no-repeat center top;	
}

body.top {
	background: #000 url(../img/bg1.jpg) no-repeat center top;	
}

div#htmlBlock {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

h1#logo {
	margin: 0;
	width: 805px;
	height: 203px;
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 99;
	margin-left: -509px;
}

div.bn1 {
	margin: 0;
	width: 244px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 175px;
	z-index: 100;
	margin-left: -475px;
}

div.bn1b {
	margin: 0;
	width: 244px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 225px;
	z-index: 100;
	margin-left: -475px;
}

div.bn2b {
	margin: 0;
	width: 143px;
	height: 114px;
	position: absolute;
	left: 50%;
	top: 355px;
	z-index: 100;
	margin-left: -475px;
}

div.bn2c {
	margin: 0;
	width: 143px;
	height: 114px;
	position: absolute;
	left: 50%;
	top: 405px;
	z-index: 100;
	margin-left: -475px;
}

div.bn3 {
	margin: 0;
	width: 244px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 175px;
	z-index: 100;
	margin-left: -475px;
}



/* --------------------------------------------------------------------------------------
 news
--------------------------------------------------------------------------------------- */
ul#news {
	width: 227px;
	margin: 0;
	background: url(../img/bg_bk.png) repeat left top;
}

ul#news li {
	font-size: 85%;
	border-top: 1px dashed #333;
	padding: 10px;
}

img.info {
	margin: 10px 10px 5px;
}

/* --------------------------------------------------------------------------------------
 leftArea
--------------------------------------------------------------------------------------- */

#leftArea {
	margin: 0;
	width: 730px;
	position: absolute;
	left: 50%;
	top: 200px;
	z-index: 99;
	margin-left: -475px;
	padding-bottom: 150px;
}

#leftArea h2 {
	margin: 15px 0 5px;
	font-size: 140%;	
}

#leftArea h2.ttl {
	border-left: 5px solid #f00;
	padding-left: 10px;
}

#leftArea h2.img {
	margin: 0 0 20px;
}

#leftArea .floatL {
	width: 500px;
	float: left;
	margin-right: 15px;
}

#leftArea .w190 {
	width: 190px;
}

/* --------------------------------------------------------------------------------------
 rightArea
--------------------------------------------------------------------------------------- */

#rightArea {
	margin: 0;
	width: 227px;
	position: absolute;
	left: 50%;
	top: 5px;
	z-index: 99;
	margin-left: 280px;
	padding-bottom: 150px;
}


/* --------------------------------------------------------------------------------------
 btn
--------------------------------------------------------------------------------------- */

#btn {
	margin: 0;
	width: 100%;
	height: 87px;
	position: fixed;
	left: 0px;
	bottom: 20px;
	z-index: 100;
	text-align: center;
	background: url(../img/bg_btn.png) repeat left top;
}

#btn img {
	margin-top: 14px;
}

#snsBTN {
	margin: 0;
	width: 500px;
	height: 30px;
	position: fixed;
	left: 50%;
	bottom: 10px;
	z-index: 101;
	margin-left: -465px;
}

#snsBTN div {
	float: left;
	margin: 5px 0 5px 10px;
}

#leftArea table {
	width: 100%;
	border-top: 1px dashed #333;
}

#leftArea tr {
	border-bottom: 1px dashed #333;
}

#leftArea table td {
	vertical-align:top;
	padding: 10px 10px 10px 0;
}

#leftArea table th {
	width: 100px;
	vertical-align:top;
	padding: 10px 10px 10px 0;
}

.red {
	color: #f00;
}

strong {
	font-size: 125%;
}

small strong {
	font-weight: normal;	
}

strong small {
	font-size: 70%;
}

div.indent {
	margin-left: 2em
}

div.indent1 {
	margin-left: 1em
}
.p10 {
	padding: 10px;
}