@charset "utf-8";

/***　All　***/

* {
	margin:0;
	padding:0;
}

body,html {
	text-align: center;
	height: 100%;
}

body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body {
	color:#3f3f3f;
	line-height: 20px;
	text-align: center;
	xbackground: url(../images/bg.png) repeat-y center 630px;
	overflow-x: hidden;
	min-width:400px;
	font-size: 14px;
}

a img {
	-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;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	xcolor:#2c76b0;
	color:#009c84;
	text-decoration: none;
}

a:hover {
	xcolor:#60a1d4;
	color:#d4e302;
	text-decoration: underline;
}

table{
	font-size: 13px;
}

td {
	padding: 0;
	vertical-align: top;
	font-size: 14px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

p,div {
	text-align: left;
}

/*-----------*/

.head{
	background: url(../images/head.png) repeat-x center top;
	float: left;
	width: 100%;
	height: 628px;
}

h1{
	color: #fff;
	width: 950px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: normal;
}

.head .h1{
	color: #fff;
	width: 950px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

/*-----------*/

.head_box{
	width: 950px;
	height: 84px;
	float: left;
}

.head_box .logo{
	float: left;
	width: 200px;
	height: 60px;
	margin: 15px 0 0;
}

.head_box .tel_box{
	float: right;
	width: 422px;
	margin: 15px 0 0;
}

.head_box .tel{
	width: 302px;
	height: 53px;
	float: left;
}

/*-----------*/

.menu_box{

}

.menu_box div{
	background: #fff;
	float: left;
}

/*-----------*/


.contents{
	width:950px;
	xbackground: #ccc;
	margin:auto;
	display: block;
	font-size:14px;
}

.contents2{
	width:1280px;
	xbackground: #cccccc;
	margin: 0 auto;
	position:relative;
	left:50%;
	margin-left:-640px;
	height: 455px;
	float: left;
}

.contents2 .main_area{
	height: 375px;
	float: left;
	width: 1280px;
	background: #ccc;
}

.contents .contents_box{
	width: 950px;
	float: left;
}

#left_side{
	width: 680px;
	float: left;
	height: auto !important;
}

element.style {
	height: auto !important;
}

#right_side{
	float: right;
	width: 250px;
	padding: 25px 17px 0;
	background: #ccc;
	margin: 0 -22px 0 0;
	height: 100%;
	min-height: 100%;
	border: 3px solid #d4d0b4;
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4dfc8', endColorstr = '#fffff2');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4dfc8', endColorstr = '#fffff2')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #e4dfc8, #fffff2);
background-image: -ms-linear-gradient(top, #e4dfc8, #fffff2);
background-image: -o-linear-gradient(top, #e4dfc8, #fffff2);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e4dfc8), to(#fffff2));
background-image: -webkit-linear-gradient(top, #e4dfc8, #fffff2);
background-image: linear-gradient(top, #e4dfc8, #fffff2);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

body > #right_side{
	height:auto;
}

#right_side div{
	margin: 0 0 22px;
}

#right_side .haji{
	width: 250px;
	height: 100px;
	background: url(../img/side/haji.png) no-repeat;
}

#right_side .haji p{
	padding: 55px 0 0;
	text-align: center;
}

/*-----------*/

#sidenav {
	position: relative;
	height: 1978px !important;
	float: left;
}

p {
	margin: 7px 0 0 0;
}

a {
	color: blue;
	xtext-decoration: underline;
	cursor: pointer;
}

/*-----------*/

.top_title{
	margin: 0 0 25px;
	height: auto;
}

/*-----------*/

.se_box{
	width: 680px;
	float: left;
	margin: 0 0 50px;
}

.se_list{
	width: 680px;
	float: left;
}

.se_list li{
	float: left;
	height: 210px;
	margin: 0 10px 19px 0;
	padding: 0;
}

/*-----------*/

.top_area_search{
	width: 680px;
	float: left;
	margin: 0 0 50px;
}

.top_area_search .search_box{
	background: url(../img/top/area_search_bg.png) no-repeat;
	width: 660px;
	height:152px;
	float: left;
}

.top_area_search .search_box .form_box{
	float: left;
	width: 302px;
}

.top_area_search .search_box .form_box .form{
	float: left;
	margin: 66px 9px 0 32px;
}

.top_area_search .search_box .form_box .form input{
	width: 162px;
	height: 25px;
	border: 1px solid #e7e401;
}

.top_area_search .search_box .form_box .bt{
	float: left;
	margin: 66px 0 0;
}

.area_list{
	margin: 15px 0 0;
	width: 343px;
	float: left;
}

.area_list li{
	float: left;
	height: 31px;
	margin: 0;
	padding: 0;
}

.area_list_e{
	margin: 15px 0 0;
	width: 660px;
	float: left;
}

.area_list_e li{
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
}

/*-----------*/

.plan_list{
	margin: 58px 0 0 12px;
	width: 300px;
	float: left;
}

.plan_list li{
	float: left;
	width: 100px;
	height: 65px;
	margin: 0;
	padding: 0;
}

/*-----------*/

.ni_list{
	margin: 58px 0 0 16px;
	width: 290px;
	float: left;
}

.ni_list li{
	float: left;
	width: 145px;
	height: 68px;
	margin: 0;
	padding: 0;
}

/*-----------*/

.co_box{
	width: 660px;
	float: left;
	margin: 0 0 50px;
}

.co_list{
	width: 680px;
	float: left;
}

.co_list li{
	float: left;
	height: 110px;
	margin: 0 10px 19px 0;
	padding: 0;
}

/*-----------*/

.navi_box{
	width: 660px;
	height: 285px;
	background: url(../img/top/navi_bg3.png) no-repeat;
	float: left;
	margin: 20px 0 0;
}

.navi_box .navi_area{
	margin: 125px 0 0 270px;
	float: left;
}

.navi_box .navi_area .se01{
	float: left;
	width: 220px;
	margin: 0;
	height: 60px;
}

.navi_box .navi_area .se01 select{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding: 0 5px;
}

.navi_box .navi_area .se02{
	float: left;
	width: 170px;
	margin: 0;
	height: 60px;
}

.navi_box .navi_area .se02 select{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding: 0 5px;
}

.navi_box .navi_area .se03{
	float: left;
	width: 110px;
	margin: 0;
	height: 60px;
}

.navi_box .navi_area .se03 select{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding: 0 5px;
}

.navi_box .bt_box{
	margin: 20px 0 0 0;
	float: right;
	width: 660px;
}

.navi_box .bt_box .se01{
	width: 450px;
	float: left;
}

.navi_box .bt_box select{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding: 0 5px;
	margin: 10px 180px 0 170px;

}

/*-----------*/

#news{
	width: 660px;
	float: left;
	margin: 0 0 50px;
}

.news_box{
	width: 660px;
	float: left;
}

.news_box .left_box{
	width: 320px;
	float: left;
}

.news_box .right_box{
	width: 320px;
	float: right;
}

.news_box ul{
	width: 320px;
	float: left;
}


.news_box ul li{
	width: 320px;
	float: left;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}

.news_box ul li div{
	float: left;
	width: 90px;
}

.news_box ul li p{
	float: right;
	width: 230px;
	margin: 0;
}

.news_box ul li a,
.news_box ul li p a{
	color: #333;
}

/*-----------*/

.footer_tel{
	width: 660px;
	float: left;
	margin: 20px 0 0px;
	background: url(../img/all/footer_tel.png) no-repeat;
	width: 660px;
	height: 160px;
}

.footer_tel div{
	margin: 28px 0 0 482px;
	float: left;
}

.footer_tel div p{
	margin: 0 0 11px;
}


/*-----------------------------------------------------*/

.index_area{
	width: 970px;
	margin: 0 auto;
}

.index_box{
	width: 970px;
	display: block;
	clear: both;
	float: left;
	margin: 40px auto 0;
}

.index_box .left_box{
	width: 230px;
	float: left;
	margin: 0 17px 0 0;
}

.index_box .left_box div{
	margin: 0 0 17px;
}

.index_box .center_box{
	width: 230px;
	float: left;
}

.index_box .center_box div{
	margin: 0 0 17px;
}

.index_box .right_box{
	width: 477px;
	float: right;
}

.index_box .right_box div{
	margin: 0 0 18px;
}


.index_box .right_box .l{
	float: left;
}

.index_box .right_box .r{
	float: right;
}

.index_box .right_box .b{
	float: left;
	margin: 3px 0 0;
}


/*-----------------------------------------------------*/

.page_top_t{
	width: 100%;
	height: 3px;
	float: left;
	background: url(../img/all/bg_t.png) no-repeat center top #fff;
}


.page_top{
	width: 100%;
	float: left;
	xbackground: url(../img/all/bg.png) no-repeat center top #fff;
	height: 60px;
}

.page_top div{
	width: 950px;
	margin: 30px auto 0;
	text-align: right;
}

/*-----------------------------------------------------*/


.page_top_top .banner_area{
	width: 970px;
	margin: 30px auto 0;
	height: 120px;
}

.page_top_top .banner_area .left_box{
	float: left;
	width: 970px;
	margin: 15px 0 0;
}

.page_top_top .banner_area .left_box p{
	float: left;
	margin: 0 10px 0 0;
}

.page_top_top .banner_area .right_box{
	float: right;
	width: 165px;
	margin: 30px 0 0;
}

/*-----------------------------------------------------*/

.footer{
	width:100%;
	background: url(../img/all/footer_bg.png) repeat-x center top;
	margin: 0 auto;
	position:relative;
	height: 380px;
	float: left;
	text-align: center;
}

.footer a{
	color: #fff;
}

.footer .footer_box{
	width: 950px;
	text-align: left;
	margin: 0 auto;
}

.footer .footer_link{
	height: 300px;
	width: 950px;
	float: left;
}

.footer .footer_box .link_box{
	xwidth: 150px;
	float: left;
	color: #fff;
	margin: 20px 0 0;
	xborder-left: 1px solid #fff;
	padding: 0 0 0 40px;
	height: 255px;
	font-size: 12px;
}

.footer .footer_box .ss_left{
	padding: 0 0 0 0;
}

.footer .footer_box .link_box div{
	margin: 0 0 5px;
}

.footer .footer_box .link_box .sub{
	margin: 10px 0 5px;
}

.footer .footer_box .link_box ul{
	line-height: 22px;
}

.footer .footer_box .link_box ul li{
	background: url(../img/all/footer_mark.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

.footer .footer_box .link_box a{
	color: #fff;
}

.footer_kaikan{
	float: right;
	width: 317px;
	height: 236px;
	background: url(../img/all/footer_kaikan.png) no-repeat;
	margin: 20px 0 0;
}

.footer_kaikan .form_box{
	margin: 42px 0 0 34px;
}

.footer_kaikan .form_box .num_textbox{
	width: 194px;
	height: 24px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 3px 0 0;
}

.footer_kaikan .form_box div{
	background: #8f7200;
	width: 55px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
	float: left;
	color: #fff;
}

/*-----------------------------------------------------*/

.footer_copy{
	width: 950px;
	float: left;
	height: 15px;
	line-height: 15px;
	margin: 15px 0 0;
}

.footer_copy .sitemap{
	float: left;
	height: 15px;
	line-height: 15px;
}

.footer_copy .sitemap{
	float: right;
	height: 15px;
	line-height: 15px;
}

/*-----------------------------------------------------*/

.footer_tel_box{
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/all/footer_copy.png) repeat-x;
	height: 66px;
	z-index: 2147483647;
}

.footer_tel_box .footer_logo{
	margin: 5px 0 0;
}

.footer_tel_box .footer_left{
	float: right;
	margin: 10px 0 0;
	width: 750px;
}

/*-----------------------------------------------------*/

.f_area_list{
	margin: 35px 0 0 34px;
	width: 255px;
	float: left;
}

.f_area_list li{
	float: left;
	height: 28px;
}

.copy_box{
	width: 950px;
	margin: 0 auto;
}

.copy_box .footer_logo{
	margin: 10px 10px 0 0;
	float: left;
}

.copy_box .sitemap{
	margin: 23px 0 0;
	float: left;
	color: #fff;
}

.copy_box .copy{
	float: right;
	color: #fff;
	margin: 23px 0 0;
}


/* slider
--------------------------------------------------------- */
.slideFrame {
	position: relative;
	margin: 0 20px;
	overflow: hidden;
	overflow-x: auto;
	width: 900px;
	height: 135px;
	xbackground: #333;
	xborder: 5px solid #333;
}

.slideGuide {
	width: 150%;
	height: 100%;
}

.slideCell {
	display: block;
	float: left;
	margin-right: 5px;
	xwidth: 200px;
	height: 100%;
	xbackground: #FFF;
	color: #333;
	margin: 10px 0 0;
}

/* sample */
.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
	background: skyblue;
}
.slideCell a:hover {
	background: yellow;
}

/* controller */
.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	background: #e6e42e;
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: default;
	/*opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);*/

	/* 確認用 */	
	background: #e6e42e url(hatch.png);
	padding-top: 55px;
}

.slideCtrl.left { left: -5px; }
.slideCtrl.right { right: -5px; }


/* クラス名変更
--------------------------------------------------------- */
.cell {
	display: block;
	float: left;
	margin-right: 5px;
	width: 200px;
	height: 100%;
	background: #FFF;
}

.controller {
	position: absolute;
	top: 0;
	width: 60px;
	height: 100%;
	background: #e6e42e url(hatch.png);
	padding-top: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}

.controller.left { left: -5px; }
.controller.right { right: -5px; }


/* フィルム風
--------------------------------------------------------- */
#slide-07 {
	margin-top: 10px;
	height: 120px;
}

#slide-07 .slideCell {
	width: 210px;
	background: #333;
}

#slide-07 .slideCell .line {
	border-top: 5px dashed #333;
	border-bottom: 5px dashed #333;
	background: #fff;
}

#slide-07 .slideCell .box {
	border: 5px solid #333;
	background: #fff;
	height: 100px;
	overflow: hidden;
	text-align: center;
}


/* drag & flick
--------------------------------------------------------- */
#slide-11 {
	cursor: url("open.cur"), default;
}


/* slider
--------------------------------------------------------- */

#main{
	width:660px;
}
img{
	border:0px;
}
#ViewArea{
	width:580px;
	height:160px;
	overflow:hidden;
	float:left;
	z-index:1;
	margin: 10px 5px 0;
}
#ScrollArea{
	position:relative;
	z-index:2;
}

#ScrollArea li{
	xwidth:102px;
	float:left;
	position:relative;
	padding:10px 0;
	text-align:center;
	list-style:none;
}
#ScrollArea p{
	font-size:12px;
	padding:2px 0px 0px 0px;
}
#Leftbtn{
	width:25px;
	height:132px;
	overflow:hidden;
	float:left;
	z-index:1;
	background: #e6e42e;
	background-repeat:no-repeat;
	margin: 10px 0 0 10px;
	text-align: center;
	color: #fff;
	line-height: 132px;
}
#Leftbtn:hover{
	background-image:url(./image/btn_l_over.jpg);
	background-repeat:no-repeat;
}
#Rightbtn{
	width:25px;
	height:132px;
	overflow:hidden;
	float:left;
	z-index:1;
	background: #e6e42e;
	background-repeat:no-repeat;
	margin: 10px 10px 0 0;
	text-align: center;
	color: #fff;
	line-height: 132px;
}
#Rightbtn:hover{
	z-index:1;
	background-image:url(./image/btn_r_over.jpg);
	background-repeat:no-repeat;
}

.form_box button {
	outline: none;
	padding: 0;
	cursor: pointer;
	border: 0;
	background: none;
}

#hall_near_contents {
	height: 180px;
}

/*-----------------------------------*/

.c152a{
	z-index: 100;
	position:absolute;
	margin: 20px 0 0 12px;
	text-align: center;
	color: #333;
}

.c152a span{
	color: #009c84;
	font-size: 19px;
	letter-spacing: -1px;
	font-weight: bold;
}

.c152b div{
	padding: 40px 0 0 53px;
	font-size: 15px;
	color: #009c84;
}

.c152c{
	z-index: 100;
	position:absolute;
	margin: 20px 0 0 13px;
	text-align: center;
	color: #333;
}

.c152c span{
	color: #009c84;
	font-size: 19px;
	letter-spacing: -1px;
	font-weight: bold;
}

.c152d{
	font-size: 30px;
	font-weight: bold;
	color: #009c84;
	letter-spacing: -2px;
	margin: 58px 0 0 133px;
}

/*--------*/

#lean_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}

.modal {
    display: none;
    width: 600px;
    padding: 10px 0;
    background: #FFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.modal p{
	text-align: center;
	margin: 5px 0;
	float: left;
	width: 200px;
}