@charset "utf-8";
/* CSS Document */

body{
	border-top: 5px solid #131185;
	background:url("../../images/soroel/bg_arena.jpg") 50% 0% repeat-y #f0f0f0;
}

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


#container{
	width:930px;
	margin:0 auto;
}

#contents a:hover{
	color:#000;
}
#footer a:hover{
	color:#000;
}

/*============================================================================
	#head
============================================================================*/
#container #header{
	width:900px;
	margin:0 auto;
}

#container #header h1{
	float:left;
}

#container #header p{
	float:left;
	background:url(../../images/common/tel_bg.jpg) no-repeat top left;
	height:89px;
	width:270px;
	color:#FFF;
	font-size:11px;
	padding-left:25px;
}

#mainContent{
	padding: 0 15px;
}

#container #footer{
	overflow:hidden;
	padding:15px;
	margin:30px 0 0 0;
	border-top: 2px solid #131185;
}
#container #footer p.link{
	float:left;
}
#container #footer p.copyright{
	float:right;
}

/*============================================================================
	マウスオーバーの透明
============================================================================*/
.fade {-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;}  
.fade:hover {  opacity: 0.6;  filter: alpha(opacity=60);  background-color:#FFF;}  

/*============================================================================
	フォームの背景色
============================================================================*/
.red-form{
	background-color:#ffdbdb;
}