/* ===========================
default set
============================*/
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
	font-size: 82%;
	line-height: 150%;
	background:#ffffff;
}

address, p, ul, ol, li, dl, dt, dd, table, th, td, img, form center {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 150%;
	text-align: left;
}

textarea, input {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
	margin:0;
}

.end { clear:both;
}

font { display:inline-block; }

em { display:none;}

a.imghover:hover img {
filter: alpha(opacity=80); -moz-opacity:0.80;  opacity:0.80;
}


/* ===========================
float clear
=============================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ===========================
float_box
============================*/
.l_box { float: left; }
.r_box { float: right; }

/* ===========================
text_align
============================*/
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_center { text-align: center; }

/* ===========================
a
=============================*/
a { outline: none; color: #eb1328; }
a:hover { outline: none; color: #ff576d; }

/* ===========================
p
=============================*/
p { text-align: left; }
.position_clear { position:static;}

/* ===========================
font
============================*/
.f10 { font-size: 82%; }
.f11 { font-size: 88%; }
.f12 { font-size: 94%; }
.f13 { font-size: 100%; }
.f14 { font-size: 106%; }
.f15 { font-size: 112%; }
.f16 { font-size: 118%; }
.f17 { font-size: 124%; }
.f18 { font-size: 130%; }
.f19 { font-size: 136%; }
.f20 { font-size: 142%; line-height:142%; }
.f21 { font-size: 148%; }
.f22 { font-size: 154%; }
.f23 { font-size: 160%; }
.f24 { font-size: 166%; }
.f25 { font-size: 172%; }
.f30 { font-size: 200%; }
.f36 { font-size: 250%; }
.fwb { font-weight: bold; }
.f_min { font-family:"Sawarabi Mincho", YuMincho, 'Yu Mincho', Lato, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.l_h180 { line-height:180%;}

/* ===========================
border
=============================*/
.bs { border: 1px #CCCCCC solid; }
.bs02 { border: 5px #CCCCCC solid; }
.bs_top { border-top: 1px #e2e2e2 solid; }
.bs_bottom { border-bottom: 1px #CCCCCC solid; }

.bd { border: 1px #CCCCCC dotted; overflow:auto; }
.bd_top { border-top: 1px #CCCCCC dotted; }
.bd_bottom { border-bottom: 1px #CCCCCC dotted; }
.bd_tb { border-top: 1px #CCCCCC dotted; border-bottom: 1px #CCCCCC dotted; }

/* ===========================
marin_padding
=============================*/
.m_auto { margin:auto;}
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }

.m_top3 { margin-top: 3px; }
.m_top5 { margin-top: 5px; }
.m_top10 { margin-top: 10px; }
.m_top15 { margin-top: 15px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }
.m_top50 { margin-top: 50px; }
.m_top60 { margin-top: 60px; }

.m_left3 { margin-left: 3px; }
.m_left5 { margin-left: 5px; }
.m_left10 { margin-left: 10px; }
.m_left20 { margin-left: 20px; }

.m_right3 { margin-right: 3px; }
.m_right5 { margin-right: 5px; }
.m_right10 { margin-right: 10px; }
.m_right15 { margin-right: 15px; }
.m_right20 { margin-right: 20px; }

.m_bottom1 { margin-bottom: 1px; }
.m_bottom2 { margin-bottom: 2px; }
.m_bottom3 { margin-bottom: 3px; }
.m_bottom4 { margin-bottom: 4px; }
.m_bottom5 { margin-bottom: 5px; }
.m_bottom10 { margin-bottom: 10px; }
.m_bottom15 { margin-bottom: 15px; }
.m_bottom20 { margin-bottom: 20px; }
.m_bottom25 { margin-bottom: 25px; }
.m_bottom30 { margin-bottom: 30px; }
.m_bottom40 { margin-bottom: 40px; }
.m_bottom80 { margin-bottom: 80px; }
.m_bottom160 { margin-bottom: 160px; }

.p_3 { padding: 3px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_20 { padding: 20px; }

.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }

.p_bottom3 { padding-bottom: 3px; }
.p_bottom5 { padding-bottom: 5px; }
.p_bottom10 { padding-bottom: 10px; }
.p_bottom20 { padding-bottom: 20px; }
.p_bottom30 { padding-bottom: 30px; }

.p_tb1 { padding: 1px 0; }
.p_tb2 { padding: 2px 0; }
.p_tb3 { padding: 3px 0; }
.p_tb4 { padding: 4px 0; }
.p_tb5 { padding: 5px 0; }
.p_tb10 { padding: 10px 0; }
.p_tb20 { padding: 20px 0; }

.p_lr5 { padding: 0 5px; }
.p_lr10 { padding: 0 10px; }

.p_tb3_lr5 { padding: 3px 5px; }
.p_tb5_lr10 { padding: 5px 10px; }
.p_tb5_lr20 { padding: 5px 20px; }
.p_tb10_lr5 { padding: 10px 5px; }
.p_tb20_lr10 { padding: 20px 10px; }

.p_10_b20 { padding: 10px 10px 20px 10px; }

/* ===========================
color
============================*/
.c_r01 { color: #F00; }
.c_w01 { color: #FFFFFF; }
.c_b01 { color: #046585; }
.c_b02 { color: #2F6DFF; }
.c_g01 { color: #117a22; }
.c_grey01 { color: #333333; }
.c_grey02 { color: #E4E4E4; }
.c_grey03 { color: #999999; }
.c_brown01 { color: #38260a; }
.c_purple01 { color: #7e4c67; }
.c_orange01 { color: #ed7b01; }
.c_black { color:#000000; }
.c_navi01 { color: #2e2358; }
.c_pink { color:#eb1328;}

/* ===========================
background
============================*/
.b_wh { background: #ffffff; }
.b_r01 { background: #b40404; }
.b_r02 { background: #ffd1d6; }
.b_r03 { background: #410202; }
.b_g01 { background: #6da304; }
.b_g02 { background: #e1fdd0; }
.b_b01 { background: #b8e2fd; }
.b_b02 { background: #012c2c; }
.b_b03 { background: #caeefe; }
.b_b04 { background: #06519e; }
.b_orange01 { background: #ffefa7; }
.b_black { background: #000000; }
.b_grey01 { background: #CCCCCC; }
.b_grey02 { background: #6C6C6C; }
.b_grey03 { background: #E4E4E4; }
.b_beige01 { background: #f3f2dd; }
.b_purple01 { background: #7e4c67; }
.b_brown { background: #856348; }
.b_navi01 { background: #2e2358; }

/* ===========================
border
=============================*/
.bs_radius5 {
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.bs_radius10 {
 	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.bs_radius15 {
 	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

/* ===========================
width
============================*/
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w28per { width: 28%; }
.w29per { width: 29%; }
.w30per { width: 30%; }
.w32per { width: 32%; }
.w33per { width: 33%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w48per { width: 48%; }
.w50per { width: 50%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w99per { width: 99%; }
.w100per { width: 100%; }

.m_w158 { max-width:158px;}
.m_w182 { max-width:182px;}
.m_w227 { max-width:227px;}
.m_w237 { max-width:237px;}
.m_w240 { max-width:240px;}
.m_w270 { max-width:270px;}
.m_w300 { max-width:300px;}
.m_w1000 { max-width:1000px;}

/* ===========================
button
============================*/
.button a {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	text-align: center;
	background: #eb1328;
	padding: 10px 30px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1.8px;
}

.button a:hover {
	background:#000;
	color: #ffffff;

}

.button01 a { 
	background: #3cb29a;
	display: block;
	padding: 15px 0px;
	color: #422401;
	text-decoration: none;
	color:#FFFFFF;
	width:100%;
	font-size:160%;
	text-align:center;
}

.button01 a:hover {
	color: #FFFFFF;
	background:#000000;

}

.button02 a {
	text-align: center;
	display: block;
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	font-weight: bold;
	border: 1px #ffffff solid;
	margin:10px auto;
	background:#117a22;
}

.button02 a:hover {
	color: #FFFFFF;
	background:#77b81c;

}

.button03 {
	font-size: 110%;	
}

.button03 a {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	text-align: center;
	background:#ffffff;
	display: block;
	padding: 5px 5px;
	color: #000000;
	text-decoration: none;
	border:1px solid #CCCCCC;
}

.button03 a:hover {
	background:#117a22;
	color: #ffffff;

}

.button05 a {	text-align: center;	padding: 3px 15px;    -moz-border-radius: 15px;    -webkit-border-radius: 15px;    border-radius: 15px;	text-decoration: none;	font-weight: bold;	margin:15px auto;	background:#3e9701;	color:#ffffff;}

.button05 a:hover {	color: #3e9701;	background:#e7fcda;}


/* ===========================
table
=============================*/
.t01 {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
}

.t01 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t01 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t01 tr:hover { background: #e2ffbd; color: #000; }

.t02 {
	background: #efefef;
	border-collapse: collapse;
}

.t02 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t02 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t03 {
	width:100%;
border-collapse: collapse;
}

.t03 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t03 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}


.t02 tr:hover { background: #e2ffbd; color: #000; }



.t04 {
	width: 100%;
	border-collapse: collapse;
}

.t04 th {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t04 td {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
}

.t05 {
	width: 100%;
border-collapse: collapse;
}

.t05 th {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t05 td {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 3px 5px;
}

.t06 {
	width:78%;
border-collapse: collapse;
}

.t06 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t06 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}

.t_calendar {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
	b
}

.t_calendar th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #424242;
}

.t_calendar td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}



#td_left { text-align:left;}
#td_right { text-align:right;}


/* ===========================
attention
============================*/
.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.atten h2 {
	font-size: 130%;
	color:#F00;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px #CCCCCC dotted;
}

.atten p {
	font-size: 106%;
}

/* ===========================
icon
=============================*/
.lunch {
	background: url(../images/common/lunch.png) left center no-repeat;
	padding-left: 26px;
}

.op01 {
	background: url(../images/fee/comp.gif) left center no-repeat;
	padding-left: 26px;
}

.thanks {
	background: url(../images/common/thanks.png) left center no-repeat;
	padding-left: 22px;
}

.icon span {
	display: block;
	float: left;
	margin-right: 10px;
}

.list {
	background: url(../images/common/list.png) left center no-repeat;
	padding-left: 20px;
}

#side_link {width:100％;
	margin:0px 0 10px 0; 
	padding:5px 0px 0px;
	border-top: solid 3px #0066cc; }
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 0px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 8px 0 8px 18px; 
	background:url(../images/common/arrow01.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}
	
/* ===========================
pageNav
=============================*/
#page ul.pageNav01 {
	background:#efefef;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	font-size:120%;
}

#page ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page ul.pageNav01 li span,
#page ul.pageNav01 li a {
	background: #ffffff;

	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	border: 1px solid #117a22;
	text-decoration: none;
	vertical-align: middle;
}

#page ul.pageNav01 li a:hover {
	background: #ffffff;
	border-color: #053f7a;
	color: #053f7a;
}



/*---------------------------------------------------
 top
--------------------------------------------------- */
.arr_bnr img {
	max-width:300px;
}


/*---------------------------------------------------
 online bttn
--------------------------------------------------- */
#onlineBttn {
width:128px;
height:128px;
position:fixed;
top:50px;
right:0px;
z-index:999;
}
* html #onlineBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}


	
/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {
width:59px;
height:59px;
position:fixed;
bottom:50px;
right:0px;
z-index:999;
}
* html #pagetopComp {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

#pagetopComp_sm a {
width:100%;
height:20px;
position:fixed;
bottom:0px;
right:0px;
z-index:999;
background:#f36f7b;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:3px 0px;
}


#stage {background:#f0efd1; padding:5px 12px 5px 20px; line-height:250%; margin:5px auto; border-bottom:1px dotted #efefef; border-top:1px dotted #efefef; margin-bottom:10px;}



.lunch {
	background: url(../images/fee/lunch.gif) left center no-repeat;
	padding-left: 26px;
}

.op01 {
	background: url(../images/fee/trophy.gif) left center no-repeat;
	padding-left: 22px;
}


.thanks {
	background: url(../images/common/thanks.png) left center no-repeat;
	padding-left: 22px;
}

.self {
	background: url(../images/common/selfday.gif) left center no-repeat;
	padding-left: 22px;
}

.thanks02 {
	background: url(../images/common/thanks02.gif) left center no-repeat;
	padding-left: 22px;
}


.icon span {
	display: block;
	float: left;
	margin-right: 10px;
}

.list {
	background: url(../images/common/list.png) left center no-repeat;
	padding-left: 20px;
}

/* ===========================
online
============================*/
.online_flow dt {
	text-align:center;
	font-weight:bold;
	clear:both;
	float:left;
	background:#036;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79000f+0,c30304+100 */
	background: #79000f; /* Old browsers */
	background: -moz-linear-gradient(top, #79000f 0%, #c30304 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79000f), color-stop(100%,#c30304)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #79000f 0%,#c30304 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #79000f 0%,#c30304 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #79000f 0%,#c30304 100%); /* IE10+ */
	background: linear-gradient(to bottom, #79000f 0%,#c30304 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79000f', endColorstr='#c30304',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	padding:5px 5px;
	width:12%;
}

.online_flow dd {
	padding:5px 10px;
	margin-left:13%;
	margin-bottom:10px;
	font-size:112%;
}



/*箇条書き用*/
.ind-24{
	padding-left: 24px;
	text-indent:-24px;
}
.ind-18{
	padding-left: 18px;
	text-indent:-18px;
}
.ind-12{
	padding-left: 12px;
	text-indent:-12px;
}

    .scroll-box {
      overflow-x: auto;
    }
    .scroll-box::-webkit-scrollbar {
      height: 5px;
    }
    .scroll-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #F1F1F1;
    }
    .scroll-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #BCBCBC;
    }

/* ===========================
IE8　images回避
=============================*/

.ie8avoid img { width: 100%; height: auto; }


/* IE8 */
.ie8avoid img {  width: auto\9; }


.scroll {
	width:100%;
	position: absolute;
	z-index: 3;
	bottom:8%;
	left: 0;
	right:0;
}
.scroll.floating {
  -moz-animation: floating 1.5s ease infinite;
  -webkit-animation: floating 1.5s ease infinite;
  animation: floating 1.5s ease infinite;
}

 #slider {
  z-index: 0;
}

/* ===========================
企画ページ
=============================*/

.ev_box {
	border: 5px #CCCCCC solid;
	padding:10px;
	margin-bottom:40px;
	text-align:center;
}

.ev_box_title {
	font-size:160%;
	margin-bottom:10px;
	font-weight: bold;
	text-align:center;
}

.p_title {
	border: 5px #CCCCCC solid;
	font-size:160%;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight: bold;
	
}

.p_photo, .p_photo02 {
	width:100%;
	margin-bottom:15px;
	text-align:left;
	margin-bottom:15px;
}

.p_photo img, .p_photo02 img {
	width: 100%;
}

.p_photo li, .p_photo02 li  {
	margin-right:1%;
}

.p_photo .r_img, .p_photo02 r_img {
	margin-right: 0;
}

.p_photo li, .p_photo .r_img, .p_photo02 li, .p_photo02 .r_img02  {
	margin-bottom: 10px;
	text-align: center;
	vertical-align: top;
}

.ev_lst {
	text-align:left;
	display:inline-block;
	margin-top:20px;
}

.ev_lst li {
	list-style-type:disc;
	margin-left:20px;
}

.omatsuri_ttl {
	padding-left:1.7em;
	margin-bottom:0.7em;
	font-size:160%;
	line-height:150%;
	font-weight:bold;
	background-image: url(../images/planning/chouchin_aka_s.png);
	background-repeat: no-repeat;
	text-align:left;
}

.omatsuri_ttl_bd_y {
	border-bottom:10px #fd0 dotted;
}

.omatsuri_ttl_bd_r {
	border-bottom:10px #FF0000 dotted;
}

.omatsuri_ttl_bd_or {
	border-bottom:10px #FF6E00 dotted;
}

.omatsuri_ttl_bd_bl {
	border-bottom:10px #007CFF dotted;
}

.omatsuri_ttl_bd_gr {
	border-bottom:10px #019700 dotted;
}



/* ===========================
緑化部案内ページ
=============================*/

.title_main {
	color:#333333;
	font-size: 160%;
	text-align:left;
	padding:0.4em 0 0 2.5em;
	line-height:100%;
	margin-bottom:30px;
	border-bottom:1px solid #333333;
	background:url(../images/about/title_h1_02.png) left no-repeat;
	padding-bottom:8px;
}

.title_main span {
	font-size: 100%;
	float: right;
}
	
.photo_ttl { font-weight:bold; border-bottom:1px #ccc dotted; padding-bottom:0.2em,; margin-bottom:0.5em; }
.photo_exp { line-height:140%; text-align:left; }
.photo_hosoku { font-size:90%; text-align:right; margin-top:0.5em; }


@media screen and (max-width:919px){
	
	.title_main {
		line-height:2em;
		padding:0.4em 0 0 3.5em;
		color:#4a360a;
		font-size: 130%;
		border-bottom:1px solid #4a360a;
		padding-bottom:0px;}
	
	.title_main span {
		display: none;
	}

}