@charset "UTF-8";
/* /////////////////////////////////////////////////////////////////////////// toppage */

html{
	overflow-x:hidden;
}

/* ////////////////////////////////////////// FlashArea */

div#mainImage{
	position:absolute;
	width:100%;
}

	* html div#mainImage{
		z-index:2;
	}
	
	*:first-child + html div#mainImage{
		z-index:2;
	}
div#topImage {
	position:relative;
	z-index:10;
	width:995px;
	height:515px;
	margin:0 auto;
}
/*
div#topCamera {
	width:400px;
	height:420px;
	z-index:2;
	position:absolute;
	top:384px;
	left:710px;
}*/

div#topCamera{
	position:relative;
	z-index:20;
	/*top:384px;
	margin-right:-710px;*/
	left:400px;
	top:-97px;
	width:995px;
	width:400px;
	height:420px;
	margin:0 auto;
	/*top:-505px;
	margin-bottom:-400px;*/
		text-align:left;
}

	* html div#topCamera{
		top:-290px;
	}

	*:first-child + html div#topCamera{
		top:-83px;
	}


/* FLASH代替 */
div#topImage div.fBox{
	margin:14px 32px 0 41px;
	width:922px;
}

div#topImage div.fBox dl{
	margin-top:40px;
	width:340px;
	text-align:left;
}

div#topImage div.fBox dl dt{
	margin-left:9px;
	margin-bottom:36px;
}

div#topImage div.fBox dl dd{
}

div#topImage div.fBox div.fr{
	width:582px;
}

div#topCamera div#errorArea{
	padding-top:111px;
	padding-left:33px;
	width:192px;
}

* html div#topCamera div#errorArea{
	padding-top:317px;
}

/* ////////////////////////////////////////// contents */

div#topBody{
	top:475px;
	position:relative;
	/*margin-bottom:500px;*/
	zoom:1;
	z-index:0;
}


div#topMain{
	background:url(img/bg_topmain_bottom.png) no-repeat left bottom;
	padding-bottom:65px;
	zoom:1;
	margin:0 auto;
	width:963px;
	position:relative;
	z-index:1;
	text-align:left;
}
	
	div#topMain div#topmainIn{
		/*background:url(img/bg_topmain_middle.png) repeat-y left top;*/
		background:url(img/bg_topmain_middle.jpg) repeat-y left top;
		margin:0 auto;
		padding:0 59px 0 54px;
	}
	
	* html div#topMain div#topmainIn{
		width:850px;
	}
	

/* 特集記事 */

h2#feature{
	/*background:url(img/bg_topmain_top.png) no-repeat left top;*/
	background:url(img/bg_topmain_top.jpg) no-repeat left top;
	width:963px;
	margin:0 auto;
	padding-bottom:8px;
	text-align:left;
}

	h2#feature img{
		margin-left:45px;
		margin-top:46px;
	}
	
div#boxFeature{
	width:635px;
	margin-left:5px;
	display:table;
}

	div#boxFeature div#featureL img{
		border:2px solid #FFF;
		margin-right:20px;
	}
	
	div#boxFeature div#featureL,
	div#boxFeature div#featureR{
		display:table-cell;
		vertical-align:top;
	}
	
	* html div#boxFeature div#featureL,
	* html div#boxFeature div#featureR{
		display:inline;
		zoom:1;
	}
	
	*:first-child + html div#boxFeature div#featureL,
	*:first-child + html div#boxFeature div#featureR{
		display:inline;
		zoom:1;
	}
	
	div#boxFeature div#featureR div#featureIn01,
	div#boxFeature div#featureR div#featureIn02{
		/*display:table-cell;*/
	}
	
	div#boxFeature div#featureR div#featureIn01{
		/*position:absolute;
		top:0;*/
		min-height:146px;
		height:auto !important;
		height:146px;
		width:375px;
	}
	
	div#boxFeature div#featureR div#featureIn01 p{
		line-height:1.8;
	}
	
	div#boxFeature div#featureR div#featureIn02{
		vertical-align:bottom;
	}
	
	div#boxFeature div#featureR div#featureIn02 p{
		margin-top:4px;
	}
	

/* その他のコンテンツ */

div#contentsMenu{
	margin-top:35px;
}

	div#contentsMenu div.menuIn{
		float:left;
		display:inline;
		width:270px;
	}
	
	div#contentsMenu div#boxPhtgrapher{
		margin-left:20px;
		margin-right:20px;
	}
	
		div#contentsMenu div.menuIn h3{
			margin-bottom:17px;
		}
		
		div#contentsMenu div.menuIn p.fl{
			border:2px solid #FFF;
			margin-left:5px;
			display:inline;
		}
		
		div#contentsMenu div.menuIn dl{
			width:157px;
		}
		
		div#contentsMenu div.menuIn dl dt{
			background:url(img/icon_arrow01.gif) no-repeat left 5px;
			font-weight:bold;
			padding-left:11px;
			margin-bottom:8px;
			line-height:1.4;
		}
		
		div#contentsMenu div.menuIn dl dt span{
			font-size:83%;
			font-weight:normal;
		}
		
		div#contentsMenu div.menuIn dl dt.coming{
			font-size:83%;
			font-weight:normal;
			background:none;
			padding-left:0;
			line-height:1.6;
		}
		
		div#contentsMenu div.menuIn dl dd{
			font-size:83%;
		}
	
		div#contentsMenu div.menuIn div.btnList{
			text-align:right;
			margin-top:15px;
		}


/* ////////////////////////////////////////// お知らせとrefocus通信 */

div#contentsInfo{
	padding-left:5px;
}

/* お知らせ */

	div#contentsInfo div#boxNews{
		width:555px;
		float:left;
		margin-top:25px;
		padding-bottom:25px;
	}
	
		div#contentsInfo div#boxNews dl{
		}
		div#contentsInfo div#boxNews dl dt{
			float:left;
			width:110px;
			margin-top:15px;
		}
		/*\*/
		div#contentsInfo div#boxNews dl dt{
			clear: both;
		}
		/**/
		div#contentsInfo div#boxNews dl dd{
			font-size:83%;
			float:left;
			width:433px;
			background:url(img/icon_arrow01.gif) no-repeat left 0.45em;
			padding-left:9px;
			margin-top:15px;
		}
		/*\*/
		* html div#contentsInfo div#boxNews dl dd {
		  float: none;
		}
		/**/
		*:first-child + html div#contentsInfo div#boxNews dl dd {
		  float: none;
		}
		
		div#contentsInfo div#boxNews dl dd a{
			text-decoration:none;
			border-bottom:2px solid #b9ac8c;
		}
		
		div#contentsInfo div#boxNews dl dd a:hover{
			border:none;
		}
		

/* refocus通信 */

	div#contentsInfo div#boxRight{
		width:265px;
		float:right;
	}
	
		div#contentsInfo div#boxMagazine{
			margin-top:30px;
			padding-bottom:18px;
			background:url(img/bg_magazine_bottom.gif) no-repeat left bottom;
		}
		
			div#contentsInfo div#boxMagazine h4{
				background:url(img/bg_magazine_top.gif) no-repeat left top;
				padding-bottom:12px;
				padding-top:22px;
			}
			
			div#contentsInfo div#boxMagazine h4 img{
				margin-left:18px;
			}
			
			div#contentsInfo div#boxMagazine p{
				width:229px;
				margin:0 auto;
				/*line-height:1.8;*/
			}
			
			div#contentsInfo div#boxMagazine p span{
				border-bottom:2px solid #d2c3a4;
			}
	
		div#contentsInfo div#boxBanner{
			margin-top:10px;
		}


/* /////////////////////////////////////////////////////////////////////////// 404 */

div#contents.notfound{
	background:url(img/bg_404.jpg) no-repeat center top;
	margin-top:23px;
	margin-bottom:20px;
	padding-top:248px;
	padding-left:318px;
	width:527px;	/* 845px */
	height:72px;	/* 300px */
	text-align:left;
}