@charset "Shift_JIS";

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

 0.Default
 
-------------------------------------------------------------------- */

/*----- 初期値0設定 -------------------------*/
* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

li {
	list-style:none;
}

br {
	letter-spacing:0;
}


/*----- clearfix -------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*----- テキスト設定 -------------------------*/
a {
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}

a:hover {
	color:#ffffff;
	text-decoration:none;
}


/*----- HTML Base設定 -------------------------*/
html {
}

body {
	background:#9dab9a;
	font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:160%;
	text-align:center;
}

div#wrapper {
	width:900px;
	margin:0 auto;
}

div#wrapperInner {
	border:#ffffff dotted 1px;
	text-align:left;
	padding-bottom:46px;
	background:url(../images/footer01.gif) no-repeat left bottom;
}


/*----- Layout2 -------------------------*/
.layout2 div#wrapperInner  {
	background:url(../images/footer02.gif) no-repeat left bottom;
}

/*----- Layout TOP -------------------------*/
.layoutTop div#wrapperInner  {
	background:#7e897b url(../images/footer_top.gif) no-repeat left bottom;
	padding-bottom:21px;
}

/*----- layoutMovie -------------------------*/
.layoutMovie div#wrapperInner  {
	background:url(../images/footer03.gif) repeat-x left bottom;
}


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

 1.Menu Contents
 
-------------------------------------------------------------------- */
#menuContents {
	float:left;
	width:215px;
	height:650px;
}

#menuContents #menuFlash {
	width:196px;
	height:514px;
}

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

 2.Main Contents
 
-------------------------------------------------------------------- */
#mainContents {
	float:left;
	width:656px;
	padding-top:15px;
}

#mainContents div.textArea {
	display:none;
}


/*----- Layout2 -------------------------*/
.layout2 #mainContents {
	width:672px;
	padding-top:0px;
}

/*----- LayoutTop -------------------------*/
.layoutTop #mainContents {
	width:898px;
	padding-top:0px;
}

.layoutTop #btmContents {
	background:#7e897b;
	padding:15px 0 5px 15px;
}

/*----- MailMagazine -----*/
.layoutTop #mailmagConts {
	float:left;
	width:210px;
}

.layoutTop #mailmagConts p {
	padding:10px 20px 5px 0;
	font-size:11px;
}

.layoutTop #mailmagConts input.mailmag_form {
	width:160px;
	height:20px;
	color:#ffffff;
	background:#525a51;
	border:#ffffff solid 1px;
}

/*----- Information -----*/
.layoutTop #infoConts {
	float:left;
	width:316px;
}

.layoutTop #infoConts #feed {
	width:270px;
	padding-top:10px;
}

.layoutTop #infoConts #feed li {
	border-bottom:#ffffff solid 1px;
}

.layoutTop #infoConts #feed li a:hover {
	background-color:#525a51;
}

/*----- bnr -----*/
.layoutTop #bnrConts {
	float:left;
	width:357px;
}

.layoutTop #bnrConts img {
	margin:0 5px 8px 0;
}

/*----- LayoutMovie -------------------------*/
.layoutMovie #mainContents {
	width:672px;
	height:550px;
	padding-top:0px;
	background:url(../images/movie_contents.jpg) no-repeat left top;
	position:relative;
}

.layoutMovie #ffMovie {
	width:320px;
	height:260px;
	position:absolute;
	top:110px;
	left:123px;
}