@charset "utf-8";
/* CSS Document */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}


/* GENERAL
-----------------------------------------*/

html{ overflow-y: scroll; }

body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ ゴシック", "Osaka", "sans-serif", "Arial";
	color: #535353;
	background: url(../images/back.jpg) repeat-x top;
	background-color: #ffffff;
	line-height: 1.5;
	text-align: center;
}

a:link, a:visited { color: #88aa22; text-decoration: none; }
a:hover { color: #88aa22; text-decoration: underline; }
a img { vertical-align: bottom; }

#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}


/* HEADER
-----------------------------------------*/
#header{
	width: 960px;
	height: 115px;
	margin: 0;
}

#header h1{
	position: absolute;
	top: 48px;
}

#header p{
	position: absolute;
	top: 15px;
	font-size: 11px;
}

#header ul{
	width: 195px;
	height: 25px;
	padding: 0 30px;
	position: absolute;
	top: 5px;
	left: 705px;
	background: url(../images/headermenu_back.gif) no-repeat;
}

#header li{
	display: block;
	float: left;
	line-height: 1 !important;
	margin-top: 3px;
}

*:first-child+html #header li{
	margin: -2px 0 2px 0;
}

#hmOutline{
	margin-right: 65px !important;
}






/* MENU
-----------------------------------------*/

#mainmenu{
	width: 960px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#mainmenu ul li{
	 position: relative;
	 float: left;
}

#mainmenu ul li a{
	display: block;
}

#mHome{ background: url(../images/m_home_h.png) no-repeat; }
#mInfo{ background: url(../images/m_info_h.png) no-repeat; }
#mLife{ background: url(../images/m_life_h.png) no-repeat; }
#mEvent{ background: url(../images/m_event_h.png) no-repeat; }
#mContact{ background: url(../images/m_contact_h.png) no-repeat; }

#mainmenu ul li a:hover{
	background-color: transparent;
}

#mainmenu ul li a:hover img{
	visibility: hidden;
}

#mainmenu ul li:hover img{
	visibility: hidden;
}
	

/* CONTENTS
-----------------------------------------*/

/* パンくずリスト */

#breadcrumb{
	margin: 15px 0 10px 0;
	font-size: 11px;
}

#breadcrumb li{
	display: block;
	float: left;
	margin: 0 12px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/breadcrumb.png) no-repeat right center;
}

#present{
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}



/* メインコンテンツ */

#contentsframe{
	width: 960px;
}

#maincontents{
	width: 705px;
	float: left;
}

#secondContents{
	width: 705px;
	margin: 20px 0 0 0;
}


/* サイドメニュー */

#sidemenu{
	width: 220px;
	float: right;
}


#sidemenu ul li{
	margin: 0 0 15px 0;
}

#sidemenu ul li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/* FOOTER
-----------------------------------------*/

#footer{
	width: 100%;
	height: 135px;
	background: url(../images/footer_back.jpg) repeat-x bottom;
	margin: 50px 0 0 0;
}

#footerframe{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#footerframe p{
	text-align: right;
	margin: 0 0 10px 0;
}

#footerframe dl{
	width: 300px;
	float: left;
	margin: 20px 0 0 0;
}

#footerframe dt{
	font-weight: bold;
	margin: 0 0 5px 0;
}

#footerframe address{
	width: 350px;
	float: right;
	text-align: right;
	margin: 20px 0 0 0;
}
