@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

li{
	list-style-type: none;	
	}

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 15px;
	background-attachment: fixed;
	background-color: #EDEDED;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height: 180%;
}

img{
	border:none;
	}

a{
	color: #666666;
	text-decoration: none;
	}
	
a:hover{
	color: #CCC;
	text-decoration: underline;
	}

/****************************** head *********************************/
#head {
	width: 100%;
	background-image: url(../images/bg_top02.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}

.top{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	}


h1 a{
	height: 76px;
	width: 259px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

/******************** navi ************************/
#navi {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 37px;
	text-align: center;
	padding-top: 37px;
}

#navi ul {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 888px;
}

#navi li {
	float: left;
	margin-right: 137px;
}

#navi ul li.last {
	margin-right: 0px;
}

/******************** container ************************/
#container {
	background-color:rgba(255, 255, 255, 0.6);
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 30px;

}

#container img.photoalpha{
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 background: rgba(255, 255, 255, 0.8);
}




#header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

h1 a {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 36px;
	margin-bottom: 17px;
}

/****************************** navi *********************************/
.top ul {
	overflow: hidden;
	background-image: url(../images/bar_navi.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 58px;
}

.top ul li {
	float: left;
	margin-bottom: 7px;
}

#head .top ul .btn_home {
	margin-left: 14px;
}
#head .top ul .btn_profile {
	margin-left: 63px;
}

#head .top ul .btn_menu {
	margin-left: 61px;
}

#head .top ul .btn_access {
	margin-left: 64px;
}

#head .top ul .btn_reservation {
	margin-left: 66px;
}

#head .top ul .btn_blog {
	margin-left: 60px;
}

#head .top ul .btn_aboutcouseling {
	margin-left: 59px;
}

/****************************** header image *********************************/
#header_img {
	width: 100%;
	background-image: url(../images/bg_headerimg.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	background-position: left top;
	height: 232px;
	text-align: center;
	margin-bottom: 40px;
}

/****************************** to top *********************************/
.totop {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#mainarea .totop a img{
	opacity: 0.55; /* 55���s�����x�i��45�����߁j */
}

/****************************** footer *********************************/
#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-top: 15px;
}

#footer p {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 20px;
	}

#footer a {
	color: #FFF;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer .foot {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	height: 330px;
	padding-top: 50px;
	padding-bottom: 10px;
}

#footer ul li a{
	float: right;
	margin-left: 30px;
	color: #666;
}


#footer ul li a:hover{
	float: right;
	margin-left: 30px;
	color: #999;
	text-decoration: underline;
}

#footer ul {
	overflow: hidden;
	margin-bottom: 30px;
}

/****************************** alpha *********************************/
a.alpha:hover img{
	/*a?��a?�a?3a??a?ca?|a?��c?�N*/
	opacity:0.7;
	/*IE7a��\a�C?c?�N*/
	filter:alpha(opacity=70);
	/*IE8c?�N*/
	-ms-filter:"alpha(opacity=70)";
}

/****************************** slideShow *********************************/
#slideShow {
	width: 980px;
	height: 350px;
	margin: 0 auto;
	position: relative;
}

#slideShow img {
	position: absolute;
	left: 0;
	top: 0;
}