@charset "utf-8";

/*===============================================

 #mainVisual

=================================================*/
 
#mainVisual {
	width:960px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*===============================================

 #notice

=================================================*/

#notice {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
#notice p{
	text-align: left;
}
#notice .center{
	text-align: center;
}

#notice strong{
	font-weight: bold;
}

#notice dl{
	width: 350px;
	margin: 10px auto 0 auto;	
}

#notice dl dd{
	margin-left: 1em;
}


/*===============================================

 #container

=================================================*/

#container {
	margin-top:20px;
}
#container section {
	float:left;
}

/*-----------------------------------------------
 #boxPanel
-------------------------------------------------*/

#boxPanel {
	width:570px;
}
#boxPanel div {
	position:relative;
	float:left;
	overflow:hidden;
	background-color:#000;
}
#boxPanel div a .txt {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
#boxPanel div a .img {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
	opacity:0.5;
}
#boxPanel a:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity:1.0;
}

/* .menu */

#boxPanel .menu {
	float:left;
}
#boxPanel .menu a .img {
	width:275px;
	height:190px;
}

/* .blog */

#boxPanel .blog {
	margin-left:20px;
}
#boxPanel .blog a .img {
	display:block;
	width:275px;
	height:190px;
}

/* .access */

#boxPanel .access {
	margin-top:20px;
	margin-left:20px;
}
#boxPanel .access a .img {
	display:block;
	width:275px;
	height:190px;
}

/* .party */

#boxPanel .party {
	margin-top:20px;
}
#boxPanel .party a .img {
	display:block;
	width:275px;
	height:190px;
}

/*-----------------------------------------------
 #boxBnr
-------------------------------------------------*/

#boxBnr {
	width:120px;
	margin-left:20px;
}
#boxBnr div {
	margin-top:20px;
	background-color:#fff;
	font-size:0;
}
#boxBnr div img,
#boxBnr li img {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}
#boxBnr div:hover img,
#boxBnr a:hover img {
	opacity:0.7;
}

/* .sns */

#boxBnr .sns {
  display:flex;
  justify-content:space-around;
}
#boxBnr li {
  font-size:0;
}

/* .facebook */

#boxBnr .facebook {
	margin-top:0;
}

/* .oasis */

#boxBnr .oasis {
}

/* .aleHouse */

#boxBnr .aleHouse {
}

/*-----------------------------------------------
 #boxTwi
-------------------------------------------------*/

#boxTwi {
	width:230px;
	height:400px;
	margin-left:20px;
	background-color:#fff;
	font-size:0;
}
#boxTwi iframe {
	width:230px !important;
  height:400px !important;
}

/*-----------------------------------------------
 #boxMessage
-------------------------------------------------*/

#boxMessage {
	width:960px;
	margin-top:20px;
	padding:30px 0;
	background:url(../img/top/bg_message.jpg) no-repeat 0 0;
}
#boxMessage p {
	text-align:center;
	color:#FFFFFF;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	font-weight:400;
}
#boxMessage .name {
	text-align:center;
}
#boxMessage p.poetry {
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
	font-weight:100;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
#boxPanel {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
#boxPanel:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}