/* ■Loadingエフェクト用  */
.hide{
	display:none;
}
#loading{
	background:url(../img/loading.gif) left no-repeat;
	width:110px;
	height:110px;
	position:fixed;
	margin-left:55px;
	top:50%;
	left:50%;
	z-index:1000;
}

/* ■基本レイアウト  */
body{
	background-color:#CCCCCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#l_contents{
	float:left;
	width:220px;
	height:600px;

}
#c_contents{
	position:relative;
	padding:23px 0px 23px 23px;
	overflow:hidden;
	height:100%;
}
#f_contents{
	display:none;
}

/* ■l_contents内レイアウト  */
#nav{
	top:26px;
	left:30px;
	position:fixed;
}

/* ■c_contents内レイアウト  */
.test{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}


.box{
	position:relative;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	width:761px;
}
#greet{
	padding:0px;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:3px;
	margin-left:3px;
	width:759px;
}

#greet h2{
	font-size:24px;
	letter-spacing:2px;
	margin-bottom:15px;
}
#greet p{
	font-size:12px;
	line-height:170%;
	letter-spacing:1px;
}
#greet .point{
	font-size:14px;
	font-weight:bold;
}
#greet .concept{
	padding:15px 35px 25px 35px;
}
/* ■forio内レイアウト  */
#forio{
	background-color:#CCCCCC;
}
#forio_head{
	width:100%;
}
#forio_body{
	width:100%;
	clear:both;
}

#forio_head ul{
	clear:both;
}

#forio_head .cat-main li{
	list-style:none;
	float:left;
	margin:0px 5px 5px 0px;
	width:100px;
	padding:10px;
	border-radius:5px;
	background-color:#AAAAAA;
}

#forio_head .cat-sub{
	display:none;
}

#forio_head .cat-sub li{
	list-style:none;
	float:left;
	margin:0px 5px 5px 0px;
	width:100px;
	padding:10px;
	border-radius:5px;
	background-color:#AAAAAA;
}
#forio_body .sam{
	float:left;
	margin:0px 20px 20px 0px;
	width:150px;
	height:212px;
	background-color:#000000;
	display:none;
}
#forio_body .sam .light{
	position:fixed;
	top:23px;
	left:240px;
	width:693px;
	height:500px;
	border-radius:5px;
	background-color:#FFFFFF;
	padding:20px 20px 20px 20px;
	display:none;
}
#forio_body .sam .light .image{
	width:353px;
	height:500px;
	float:left;
	overflow:hidden;
}
#forio_body .sam .light .text{
	width:300px;
	height:500px;
	float:right;
	overflow:hidden;
}
.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}
#forio_body_cover{
	position:fixed;
	background-color:#CCCCCC;
	top:0px;
	left:240px;
	width:100%;
	height:100%;
	display:none;
}


/* ■コンセプト  */
#concept {
	width:800px;
}