@charset "utf-8";

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

	[*]HTML/BODY

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

html {

	color: #000;

	background: #fff;

	/*overflow: hidden; 20140707横スクロールバー表示のため*/

	}

body{

	}



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

	[*]ローディング

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

.loadingWrap{

	width: 100%;

	height: 100%;

	background:#FDFDF3;

	position: fixed;

	top: 0;

	left: 0;

	}

.loadingWrap p{

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -200px;

	margin-left: -150px;

	}



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

	[*]wrap

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

#wrap{

	margin:0 auto;

	padding:0;

	}



/*

-------------------------------------

	[*]header

-------------------------------------

*/

#header{

	height:55px;

	margin:0 auto;

	width:1207px;

	}

#header h1{

	float:left;

	}

/*

-------------------------------------

	[2]navi

-------------------------------------

*/

#navi {

	height:54px;

	}

#navi .sf-menu{

	display:block;

	margin:0 auto;

	}



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

	[*]gnav

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

#gnav{

	width:1201px;

	}

#ul_menu{

    position:relative;

    list-style:none;

    text-align:left;

    top:0;

	}

#ul_menu li{

    float:left;

    position:relative;

	}

#ul_menu li a{

    float:none;

    height:45px;

    display:block;

    color:#FFF;

	}

#ul_menu li .sub_list {

    bottom: 45px;

    left: 0;

    position: absolute;

    text-align:left;

    list-style:none;

    padding-left:0;

    border-top:1px solid #fff;

    border-left:1px solid #fff;

    border-right:1px solid #fff;

	}

#ul_menu li .sub_list a{

    background: url(../images/cmn/gnavi_bg.png) repeat;

	padding:5px 12px 0 12px;

	width:250px;

	height:25px;

    float:none;

    display:block;

    border-bottom:1px solid #fff;

    color:#FFF;

	}

#ul_menu li .sub_list a:hover{

    background: url(../images/cmn/gnavi_bg_hover.png) repeat;

	}

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

	[*]contents

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

#contents{

	width:1200px;

	margin:0 auto

	}

#contents .mainTT{

	margin:30px 0 14px 0;

	text-align:center;

	}

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

	[*]contents_inner

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

.contents_inner{

	margin: auto;

	width:1150px;

	padding:25px;

	background:url(../images/cmn/contents_bg.png) repeat;

	/*padding:0 24px;*/

	}

	

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

	[*]cmn

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

.fl{

	float:left;

	}

.fr{

	float:right;

	}

.mr17{

	margin-right:17px;

	}

.alllist{

	margin-top:5px;

	text-align:right;

	}

.cate{

	margin-right:5px;

	vertical-align: middle;

	padding:0 0 0 5px;

	}

	

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

	[*]tba

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

.tba {

	float:left;

	margin-bottom:20px;

	}

.tba h3{

	height:40px;

	}

.top_blogArea {

	font-size:14px;

	width: 840px;

	height: 289px;

	padding:15px;

	background:#85B200;

	}

.top_blogArea .top_blogArea_inner{

	padding:8px 0 0 9px;

	background:#ffffff;

	}

.top_blogArea .t_bloglist {

	margin: 0;

	overflow: hidden;

	position: relative;

	height: 255px;

	width:828px;

	}

.top_blogArea .t_bloglist .day {

	position: absolute;

	padding-top: 8px;

	left: 5px;

	width: 125px;

	color:#000000;

	font-weight:bold;

	}

.top_blogArea .t_bloglist .info_cate {

	position: absolute;

	left: 130px;

	width: 81px;

	padding-top: 10px;

	}

	

.top_blogArea .t_bloglist dd {

	border-bottom:1px solid #CCCCCC;

	padding: 10px 0 10px 225px;

	color:#666666;

	line-height:1.3em;

	font-size:13px;

	}

.top_blogArea .t_bloglist dd a{

	color:#688C00;

	text-decoration:underline;

	}

.top_blogArea .t_bloglist dd a:hover{

	text-decoration:none;

	}

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

	[*]jspContainer

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

.jspContainer { overflow:hidden; position:relative; }/* 全体 */

.jspPane { position:absolute; }/* スクロールバーを除いたエリア */

.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }/* 縦スクロールバー */

.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }/* 横スクロールバー */

.jspTrack { background:#EEEEEE; position:relative; }/* 背景 */

.jspDrag { background: #CCCCCC; position:relative; top:0; left:0; cursor:pointer; }/* ノブ */

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }



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

	[*]cal

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

.cal{

	float:right;

	}

.cal h3{

	height:40px;

	}

.cal_area{

	width:230px;

	height:300px;

	padding:10px;

	background:#85B200;

	}

.cal_area .cal_area_inner{

	background:#ffffff;

	width:230px;

	height:300px;

	position: relative;

	}

.cal_area .cal_area_inner .cal_dt{

	padding:2px 0 0 0;

	text-align:center;

	}

.cal_area .cal_area_inner .schlist{

	position: absolute;

	right:0;

	bottom:0;

	}

/*カレンダー*/	

.cal_area .cal_area_inner .cal_dt a, .cal_area .cal_area_inner .cal_dt a:active, .cal_area .cal_area_inner .cal_dt a:visited {

/*		background:url(../images/blog/icon_arrow_r.gif) right center no-repeat;

		padding-right:20px; */

		color:#000;

	}

.cal_area .cal_area_inner .cal_dt a:hover{

		color:#C90;

}



.cal_area .cal_area_inner .cal_dt table{

	width:204px;

	margin:0 auto;

	clear:both;

	/*border-spacing: 0 9px;

	border-collapse:collapse;*/

	border-spacing: 1px;

	border-collapse: separate;

	background-color:#dfd9c5;

	font-size:75%;

	line-height:1em;

}



.cal_area .cal_area_inner .cal_dt table th{

	width:29px;

	padding:2px 0;

	color:#FFFFFF;

	background-color:#9e9e9e;

}



.cal_area .cal_area_inner .cal_dt table th.sun{

	background-color:#be3838;

}



.cal_area .cal_area_inner .cal_dt table th.sat{

	background-color:#1d609e;

	border-right:none;

}



.cal_area .cal_area_inner .cal_dt table td{

	height:25px;

	padding:2px 2px;

	vertical-align:top;

	background-color:#FFFFFF;

}

.cal_area .cal_area_inner .cal_dt table td,  x:-moz-any-link{

	height:28px;

}



.cal_area .cal_area_inner .cal_dt table td.close{

	background-color:#CCC;



}



.cal_area .cal_area_inner .cal_dt table td.today{

	    border: 1px hsl(0, 100%, 50%) solid;

}



.cal_area .cal_area_inner .cal_dt table td.event{

	background:#9C0;

}



.cal_area .cal_area_inner .cal_dt table td.sat{

	background:#CCF;

}

.cal_area .cal_area_inner .cal_dt table td.san{

	background:#FCC;

}



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

	[*]footer

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

#footer{

	background:#F3F3F3;

	border-top:2px solid #000000;

	margin-top:60px;

	color:#000000;

	}

.f_menu{

	width:1150px;

	margin:0 auto;

	padding:15px 040px 0;

	}

.f_innner01{

	float:left;

	width:248px;

	margin-right:52px;

	}	

.f_innner02{

	float:right;

	width:248px;

	}	

.fNavi {

	}	

.fNavi li{

	background:url(../images/cmn/f_line.gif) no-repeat left bottom;

	padding:15px 20px;

	}

.fNavi li a{

	background:url(../images/cmn/are_g_b.png) no-repeat left center;

	padding:0 0 0 20px;

	font-size:14px;

	color:#000000;

	}

.fNavi li a:hover{

	 text-decoration:underline;

	}

.fNavi .sub_fNavi li{

	background:none;

	padding:5px 0 0 20px;

	}

.fNavi .sub_fNavi li a{

	background:url(../images/cmn/are_r_s.png)  no-repeat left center;

	padding:0 0 0 10px;

	font-size:12px;

	color:#000000;

	}

.fNavi .sub_fNavi li a:hover{

	text-decoration:underline;

	}

.fNavi .sub_ffNavi li{

	border-bottom:none;

	padding:5px 0 0 20px;

	}

.fNavi .sub_ffNavi li a{

	background:url(../images/cmn/are_b_s.png)  no-repeat left center;

	padding:0 0 0 10px;

	font-size:12px;

	color:#535353;

	}

.fNavi .sub_ffNavi li a:hover{

	text-decoration:underline;

	}

.f_logo{

	background:url(../images/cmn/f_bg.jpg) repeat-x;

	padding:30px 0 22px 0;

	}

.f_logo_inner{

	margin:0 auto;

	width:414px;

	}

.logo_img{

	margin-bottom:5px;

	}

.mail_btn{

	text-align:right;

	}

.copyright{

	text-align:center;

	color:#ffffff;

	font-size:10px;

	background:#000000;

	padding:3px 0;

	}	

	

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

	[4/11]topMainImg

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

#topMainImg{

	height:498px;

	letter-spacing:1px;

	width:1200px;

	margin:0 auto;

	position:relative;

	}

#topMainImg h2{

	position:absolute;

	left:330px;

	top:58px;

	}

#topMainImg h3{

	position:absolute;

	bottom:10px;

	color:#ffffff;

	width:1200px;

	text-align:center;

	}

#topMainImg p{

	position:absolute;

	left:6px;

	bottom:10px;

	}

	



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

	[4/11]categoryArea

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

.categoryArea{

	margin-bottom:20px;

	}

.categArea01{

	float:left;

	margin-right:12px;

	background:url(../images/top/cate01_bg.jpg) no-repeat;

	height:510px;

	padding:223px 17px 0 16px;

	width:342px;

	}

.categArea02{

	float:left;

	background:url(../images/top/cate02_bg.jpg) no-repeat;

	height:510px;

	padding:223px 17px 0 16px;

	width:342px;

	}

.categArea03{

	float:right;

	background:url(../images/top/cate03_bg.jpg) no-repeat;

	height:510px;

	padding:223px 17px 0 16px;

	width:342px;

	}

.categArea01 #ctgNavi li{

	background:url(../images/top/cate01_line.gif) no-repeat bottom left;

	padding:15px 20px;

	}

.categArea02 #ctgNavi li{

	background:url(../images/top/cate02_line.gif) no-repeat bottom left;

	padding:10px 20px;

	}

.categArea03 #ctgNavi li{

	background:url(../images/top/cate03_line.gif) no-repeat bottom left;

	padding:15px 20px;

	}

#ctgNavi li a{

	background:url(../images/cmn/are_w_b.png) no-repeat left center;

	padding:0 0 0 20px;

	font-size:14px;

	color:#ffffff;

	}

#ctgNavi li a:hover{

	 text-decoration:underline;

	}

#ctgNavi .sub_ctgNavi li{

	background:none;

	padding:0 0 0 20px;

	}

#ctgNavi .sub_ctgNavi li a{

	background:url(../images/cmn/are_w_s.png)  no-repeat left center;

	padding:0 0 0 10px;

	font-size:12px;

	color:#000000;

	}

#ctgNavi .sub_ctgNavi li a:hover{

	text-decoration:underline;

	}

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

	[4/11]categoryArea

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

.bannerBox{

	float:left;

	width:375px;

	}	

.bannerBox p{

	margin-bottom:6px;

	}

.facebookBox{

/*	float:right;

	width:763px;

	height:630px;*/
	
    float: left;
    width: 500px;
    height: 630px;
    margin-left: 10px;	
	
	

	}	
	
.linkBox{
    float: left;
    width: 220px;
	height:530px;
    margin-left: 10px;
	background:url(../images/top/ttl_links.jpg) top center no-repeat;
	background-size: 100%;
	border: 1px solid #bbbbbb;
	padding-top: 100px;
	padding-left:30px;
	}	



.linkBox ul li {
	position: relative;
	margin-top:10px;
	font-weight:600;

}
.linkBox ul li a{
	color:#688C00;
	}
	
.linkBox ul li::after,
.linkBox ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.linkBox ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #D86C00;
	border-radius: 100%;
}
.linkBox ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*

-------------------------------------

	[*]backtotop

-------------------------------------

*/

.backtotop {

    position: fixed;

    right: 15px;

    bottom: 60px;

    z-index: 9000;

    display: none;

	}    

.backtotop a {

    display: block;

    color: #FFFFFF;

    margin: 0;

	}

.backtotop a:hover {

	opacity:0.8;

	}		

	

	

	

	

.leftbox{

	width:49%;

	float:left;

}

.rightbox{

	width:49%;

	float:right;

}

.clearfix:before,.clearfix:after {content:"";display:table;} 

.clearfix:after {clear:both;}

.clearfix {zoom:1;}





/*140616追加 トップページ注目のイベント*/



#panel{

     height: 440px;

     width: 946px;

    padding:20px;

     background-image: url(../images/y_slide/slidebg.png);

     float: right;

     display: none;    

     color: #666;

     font-size: xx-large;

		 position:absolute;

		 z-index:9999998;

		 right:0;

}

#panel li{

	float:left;

	margin:5px;

}

.open

{

     height: 150px;

     width: 35px;

    /* background: #666;*/

    /*padding:10px;*/

     float: right; 

     margin-top: 160px;

    color:#fff;

		font-size:0.9em;

		z-index:9999999;

	position:absolute;

	right:0;

	

	

}