@charset "utf-8";

/* =====================================
	全体設定
===================================== */

html,body,div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,table,th,td {
	margin: 0;
	padding: 0;
}

html {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	color: #4d4d4d;
	margin: 0 auto;
	line-height: 1.5;
	font-size: 14px;
}

ol,ul {
	list-style: none;
}

a:link {
	color:#039
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #4d4d4d;
	/*-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	-ms-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;*/
}

img {
	vertical-align: bottom;
}

::-moz-selection {
	color: #fff;
	background: #0a0a93;
}

::selection {
	color: #fff;
	background: #0a0a93;
}


/* =====================================
	header
===================================== */

#header {
	width:960px;
	margin:0 auto;
	background: url(../../images/common/header_img.gif) no-repeat 760px bottom;
}

#header_logo {
	float:left;
	padding:25px 0 30px;
}

#header_logo a{
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	-ms-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;
}

#header_logo a:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#header_link {
	float:right;
	padding:30px 0 0;
}

#header_link li{
	float:left;
	margin-right:15px;
}

#header_link a{
	padding-left:15px;
	background: url(../../images/common/arrow_green_1.png) no-repeat 0% 50%;
	color:#96cc29;
}

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


/* =====================================
	navi
===================================== */

#navi {
	background: url(../../images/common/navi_bg.gif) repeat-x;
	height:50px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	position: relative;/*シャドウをnavの上に出すため*/
	z-index: 20;
}

#navi ul {
	width:960px;
	margin:0 auto;
}

#navi ul li, nav ul li ul li {
	float:left;
    position: relative;
}

/* メインナビ_マウスオーバー */
/* navi1 */
#navi #navi1_Box {
	background: url(../../images/common/navi_1_off.gif) no-repeat;/* ロールオーバー時のチラつき防止 */
}

#navi #navi1_Box a#navi1{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_1_off.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

#navi #navi1_Box a#navi1:hover{
	background: url(../../images/common/navi_1_on.gif) no-repeat;
}

#about #navi #navi1_Box a#navi1{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_1_on.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

/* navi2 */
#navi #navi2_Box {
	background: url(../../images/common/navi_2_off.gif) no-repeat;
}

#navi #navi2_Box a#navi2{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_2_off.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

#navi #navi2_Box a#navi2:hover{
	background: url(../../images/common/navi_2_on.gif) no-repeat;
}

#plan #navi #navi2_Box a#navi2{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_2_on.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

/* navi3 */
#navi #navi3_Box {
	background: url(../../images/common/navi_3_off.gif) no-repeat;
}

#navi #navi3_Box a#navi3{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_3_off.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

#navi #navi3_Box a#navi3:hover{
	background: url(../../images/common/navi_3_on.gif) no-repeat;
}

#activityinformation #navi #navi3_Box a#navi3{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_3_on.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

/* navi4 */
#navi #navi4_Box {
	background: url(../../images/common/navi_4_off.gif) no-repeat;
}

#navi #navi4_Box a#navi4{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_4_off.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}

#navi #navi4_Box a#navi4:hover{
	background: url(../../images/common/navi_4_on.gif) no-repeat;
}

#column #navi #navi4_Box a#navi4{
	width: 240px;
    height: 50px;
	background: url(../../images/common/navi_4_on.gif) no-repeat;
    display: block;
    overflow: hidden;
 	text-indent: 100%;
	white-space:nowrap;
}
/* メインナビ_マウスオーバーend */


#navi ul li ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
}

#navi ul li ul li {
    float: none;
    font-size: 14px;
    line-height: 0;
}

#navi ul li ul li:hover {
	height:45px;
}

#navi ul li ul li a {
    display: block;
    width: 238px;
	height:23px;
    color: #388026;
    padding: 10px 0;
    line-height: normal;
    text-decoration: none;
    text-align: center;
	background: url(../../images/common/navi_bg_02_off.gif) no-repeat;
    border: 1px solid #ffffff;
}

#navi ul li ul li a:hover {
	background: url(../../images/common/navi_bg_on.gif) no-repeat;
    color: #fff;
}

/* CSS3 IE9以下非対応 */
/*#navi ul li ul li a {
    display: block;
    width: 238px;
	height:23px;
    color: #388026;
    padding: 10px 0;
    line-height: normal;
    border: 1px solid #ffffff;
    text-decoration: none;
    text-align: center;
	background-size: 8px 8px;*//* 幅8px、高さ8pxで背景画像のサイズを指定 */
	/*background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#eee 25%, #eee 50%,
		#fff 50%, #fff 75%,
		#eee 75%, #eee
	);
	-webkit-background-size: 8px 8px;
	background-image:-webkit-gradient(
		linear,
		left top, right bottom,
		color-stop(0, #fff),
		color-stop(0.25, #fff),
		color-stop(0.25, #eee),
		color-stop(0.50, #eee),
		color-stop(0.50, #fff),
		color-stop(0.75, #fff),
		color-stop(0.75, #eee),
		color-stop(1, #eee)
	);
}*/

/*#navi ul li ul li a {
	-webkit-transition: All 0 ease-in-out !important;
	-moz-transition: All 0 ease-in-out !important;
	-o-transition: All 0 ease-in-out !important;
	-ms-transition: All 0 ease-in-out !important;
	transition: All 0 ease-in-out !important;
}*/

/*#navi ul li ul li a:hover {
    color: #fff;
    background-color: rgba(150, 204, 41,.5);
	background-size: 8px 8px;
	background-image: linear-gradient(
		-45deg,
		#94ca29 25%,
		#8cbe26 25%, #8cbe26 50%,
		#94ca29 50%, #94ca29 75%,
		#8cbe26 75%, #8cbe26
	);
	-webkit-background-size: 8px 8px;
	background-image:-webkit-gradient(
		linear,
		left top, right bottom,
		color-stop(0, #94ca29),
		color-stop(0.25, #94ca29),
		color-stop(0.25, #8cbe26),
		color-stop(0.50, #8cbe26),
		color-stop(0.50, #94ca29),
		color-stop(0.75, #94ca29),
		color-stop(0.75, #8cbe26),
		color-stop(1, #8cbe26)
	);
}*/


/* =====================================
	パンくず（未使用）
===================================== */

#breadcrumb {
	padding:10px 0 22px;
}

#breadcrumb ul{
}

#breadcrumb ul li{
	float:left;
	font-size:13px;
	color:#008b8b;/*#808080;*/
}

#breadcrumb ul li a:hover{
	text-decoration:underline;
}


/* =====================================
	main_visual
===================================== */

#main_visual{
	background: url(../../images/common/main_img_bg.png) repeat;
}


#main_visualInner{
	width:auto;
	height:205px;
	padding-top:34px;
	
}

#main_visualInner img{
	margin: 0 auto;
  	display: block;
}



/*TOP*/
#top_visual{
	background: url(../../images/common/main_img_bg.png) repeat;
	margin-bottom: 60px;
}

#top_visualInner{
	width:auto;
	height:340px;
	padding-top:34px;

}



/* =====================================
	container
===================================== */

#container {
	width: 100%;
	margin: 0 auto 40px;
}


/* =====================================
	content
===================================== */

#content {
	width:960px;
	margin:0 auto;
}


/* =====================================
	main
===================================== */

#main{
	width:660px;
	float:left;
}

#main p{
	line-height: 24px;
}


/* =====================================
	sideBnr_box
===================================== */

#sideBnr_box{
	width:254px;
	float:right;
}

#sideBnr_box a:hover{
	text-decoration:none;
}

#admission_bnr{
	background: url(../../images/common/sideBnr_admission.png) no-repeat;
	height: 190px;
	margin-bottom:15px;
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	-ms-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;
}

#admission_bnr p a{
	width:200px;
	margin:0 auto;
	padding: 48px 0 0 10px;
	font-size:13px;
	color:#29abe2;
  	font-weight: bold;
	display: block;
	height: 190px;
}

#admission_bnr:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
}

#sideBnr_box ul li{
	margin-bottom:15px;
	text-align: center;
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	-ms-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;
}

#sideBnr_box #sideBnr{
	padding: 0 7px;
}

#sideBnr_box #sideBnr li{
	padding-top:42px;
}

#sideBnr_box #sideBnr li a{
	font-size:17px;
	color:#4b4b4b;
  	font-weight: bold;
	text-align:center;
	padding:0 0 0 20px;
	background: url(../../images/common/arrow_green_2.png) no-repeat center left;
}

#sideBnr_box #sideBnr li a span{
	color:#96cc29;
}

#sideBnr_box #sideBnr #sideBnr_1{
	background: url(../../images/common/sideBnr_1.gif) no-repeat;
	height: 39px;
	position:relative;
}

/* 工事中 */
#sideBnr_box #sideBnr #sideBnr_1 img{
	display:none;
	position: absolute;
  	top: 0;
  	left: 0;
}

#sideBnr_box #sideBnr #sideBnr_1:hover img{
	display:block;
}
/* 工事中end */

#sideBnr_box #sideBnr #sideBnr_2{
	background: url(../../images/common/sideBnr_2.gif) no-repeat;
	height: 39px;
}


#sideBnr_box #sideBnr #sideBnr_3{
	background: url(../../images/common/sideBnr_3.gif) no-repeat;
	height: 39px;
}

#sideBnr_box li:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
}


/* =====================================
	h1
===================================== */

h1.title{
	margin-bottom:25px;
}


/* =====================================
	h2
===================================== */

h2.fukidashi{
	margin-bottom:25px;
}

h2.sub_tit{
	font-size: 16px;
  	font-weight: bold;
  	color: #00a5a6;
}


/* =====================================
	h3
===================================== */

h3.fukidashi{
	margin-bottom:25px;
}


/* =====================================
	footer
===================================== */

#footerImg {
	display: block;
	margin:0 auto;
}

#footerWrap {
	border-top:5px solid #96cc29;
	background: url(../../images/common/footer_bg.gif) repeat;
}

#footerInner {
	width:960px;
	margin:0 auto;
	padding:30px 0 45px;
}

#footer_logo {
	float:left;
}

#footer_logo a{
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	-ms-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;
}

#footer_logo a:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#footer p{
	color:#96cc29;
	font-size:13px;
	float:left;
	padding-top:15px;
}

#footer_link {
	float:right;
}

#footer_link li{
	float:left;
	margin-right:15px;
}

#footer_link a{
	padding-left:15px;
	background: url(../../images/common/arrow_green_1.png) no-repeat 0% 50%;
	color:#96cc29;
}

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

#footer p#copyright{
	float: right;
	padding-top: 10px;
	color:#4d4d4d;
	font-size:10px;
}

#footer #page_top{
	position:fixed;
	right:50%;
	margin-right:-282px;
	bottom:1.5em;
	z-index:100;
}


/*-----------------------------------
 *	Module CSS
 *----------------------------------*/

.fR { float: right}
.fL { float: left}

.tR { text-align:right}
.tC { text-align:center}

.mb0 { margin-bottom:0 !important}
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.mb50 { margin-bottom:50px}
.mb70 { margin-bottom:70px}
.ml0 { margin-left:0 !important}
.pb25 { padding-bottom:25px}
.pb0 { padding-bottom:0 !important}
.pt40 { padding-top:40px}

.fs12 {font-size:12px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}

/*	clearfix
------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}