@charset "utf-8";
/* CSS Document */

html{
padding:0;
margin:0;
height:100%;
font-size:12px;
}
body{
padding:0;
margin:0 auto;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3","Arial","ＭＳ Ｐゴシック",sans-serif;
color:#1f0020;
background: transparent url(../images/body_bg2017.png) repeat-x left top;
}
/* Clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix {
zoom: 100%;
display: inline-block;
}
/*----------------------------------------------------------*/
h2{
font-size:18px;
}
p{
font-size:14px;
xfont-weight:bold;
padding:0;
margin:0;
}
a:link{
color:#FF9933;
text-decoration:none;
}
a:visited{
color:#FF9933;
text-decoration:none;
}
a:hover{
color:#FF9933;
text-decoration:underline;
}
a:active{
color:#FF9933;
text-decoration:none;
}
/* Push
------------------------------------------------------------*/
.push {
height:5px;
clear:both;
}
.push2 {
height:20px;
clear:both;
}
.push3 {
height:40px;
clear:both;
}
.p_push{
margin:10px 0;
}
/*----------------------------------------------------------*/

/*Contents
------------------------------------------------------------*/
#container{
width:100%;
min-height: 100%;
position:relative;
margin:0 auto -220px auto;
display:block;
}
#container_index{
width:100%;
min-height: 100%;
position:relative;
margin:0 auto -120px auto;
display:block;
}
/*
#pagetop{
width:100%;
height:2px;
display:block;
padding:0;
margin:0;
background-image:url(../images/pagetop_bg.gif);
background-repeat:repeat-x;
}
*/
#header{
width:970px;
height:131px;
position:relative;
margin:0 auto;
display:block;
padding:0;
background: transparent url(../images/header_bg2017.png) no-repeat left top;
overflow: hidden;
}

#header h1.pagetop_2{
background-image:url(../images/pagetop3_bg.gif);
background-repeat:no-repeat;
width:152px;
height:20px;
font-size:12px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
padding:0;
margin:0;
display:block;
float:right;
}
.logo{
background-image:url(../images/logo_tg.png);
background-repeat:no-repeat;
width:285px;
height:131px;
display:block;
float:left;
}
.logo a.logo_href{
width:285px;
height:131px;
overflow:hidden;
display:block;
text-indent:-9999px;
}
.top_img_right{
background-image:url(../images/top_img_right.gif);
background-repeat:no-repeat;
width:549px;
height:150px;
float:right;
}

/*Contents_top
------------------------------------------------------------*/
#con_top{
width:100%;
height:300px;
background-image:url(../images/contents_mid_bg.gif);
background-position:center;
background-repeat:no-repeat;
}
#con_top .contents_wrap{
display:block;
position:relative;
width:966px;
height:300px;
margin:0 auto;
padding:0;
}

#con_bottom{
display:block;
position:relative;
width:966px;
height:auto;
margin:0 auto;
padding:0 2px;
}
#con_bottom #con_left{
width:757px;
height:auto;
float:left;
margin:0;
padding:0 7px 0 0;
}
#con_left .office_news_txt{
height:280px;
padding:10px 3px 3px 3px;
overflow:auto;
font-size:15px;
line-height:1.5em;
}
.office_news_txt .info_txt{
padding:5px 10px 5px 10px;
display:block;
border-bottom:1px #666666 dashed;
}
#con_left .kanren_link{
padding:10px 0 0 0;
}
.kanren_link img.banner_m{
padding:0 9px 0 0;
}
/*共通
-------------------------------*/
#con_left form{
padding:0;
margin:0;
}
/*volunteer
------------*/
#con_left .volunteer_txt{
padding:10px 3px 3px 3px;
}
.volunteer_txt .volunteer_txt2{
font-size:12px;
padding:5px 0 0 0;
display:block;
line-height:1.5em;
}
table.form_owaku{
border:1px #333333 solid;
}
table tr td.form_waku{
padding:10px 10px 10px 50px;
border-bottom:1px #333333 dashed;
}
table tr td.form_waku2{
padding:10px 10px 10px 15px;
border-bottom:1px #333333 dashed;
}
table tr td.form_waku_out{
padding:10px 10px 10px 50px;
background-color:#333333;
}
table tr td.form_waku2_out{
padding:10px 10px 10px 15px;
}
/*event
------------*/
.image_txt{
	width:750px;
	font-size:11px;
	height:20px;
	line-height:20px;
	text-align:right;
}
#con_bottom #con_left .con_event_img{
	width:750px;
	height:auto;
	display:block;
	margin:0 0 10px 4px;
}
#con_bottom #con_left .con_event_img img{
	margin-bottom:5px;
}
#con_left .event_matsuri{
width:auto;
display:block;
line-height:1.5em;
padding:10px 20px 3px 15px;
}
#con_left .event_txt{
width:280px;
display:block;
padding:10px 20px 3px 15px;
float:left;
}
.event_txt p.event_p1{
padding-top:10px;
}
.event_txt_disney{
font-size:12px;
margin:5px 0;
padding:5px;
display:block;
line-height:20px;
border:1px dashed #999999;
width:735px;
background-color:#FEF9F1;
}
.event_txt_disney .disney_caution{
	display:block;
	float:right;
	height:25px;
}
.event_txt_disney .disney_caution:hover{
	display:block;
	float:right;
	height:25px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.disney_caution img {
	border:none;
}

.event_txt2{
font-size:12px;
padding:5px 0 0 18px;
display:block;
line-height:1.5em;
}
#con_left .event_txt_toujitsu{
width:395px;
display:block;
padding:10px 20px 3px 15px;
float:left;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.event_txt_toujitsu p.event_p1_toujitsu{
padding-top:10px;
}
.event_txt_toujitsu .event_txt2_toujitsu{
font-size:12px;
padding:5px 0 0 18px;
display:block;
line-height:1.5em;
}
p.event_shuten{
font-weight:normal;
margin-top:5px;
}


/*参加連募集participation
------------*/
#con_left .join_txt{
padding:10px 3px 3px 3px;
}
.join_txt .join_txt2{
font-size:12px;
padding:5px 0 0 0;
display:block;
line-height:1.5em;
}
ul.small_ren{
padding:0;
margin:0;
list-style:inside decimal;
}
/*事務局　参加連募集に追加
------------*/
.join_txt3{
font-size:12px;
padding:5px 0 0 0;
display:block;
line-height:1.5em;
display:block;
height:200px;
overflow:auto;
}
.join_txt3 ul.blog{
padding:5px;
margin:0;
display:block;
list-style:none;
border-bottom:1px #666666 dashed;
}
ul.blog li.title{
list-style:none;
float:left;
display:block;
}
ul.blog li.day{
float:right;
display:block;
}
/*挨拶
------------*/
.greeting{
padding:10px 3px 3px 3px;
}
.g_txt{
padding:10px 10px 5px 10px;
display:block;
line-height:2.0em;
font-size:1.1em;
}
.g_txt .g_name{
font-size:1.3em;
font-weight:bold;
float:right;
text-align:right;
}
/*交通
------------*/
.tra_txt{
padding:10px 10px 5px 10px;
display:block;
line-height:2.0em;
font-size:1.1em;
}
.tra_txt ul.tra_txt2{
padding:0;
margin:0;
list-style:inside decimal;
}
.tra_txt  .map_1{
width:150px;
height:170px;
float:left;
margin-right:20px;
display:block;
text-align:center;
padding:5px;
border:1px #333333 solid;
}
.tra_txt  .map_2{
width:150px;
height:170px;
float:left;
margin-right:20px;
display:block;
text-align:center;
padding:5px;
border:1px #333333 solid;
}
.tra_txt  .map_3{
width:150px;
height:170px;
float:left;
margin-right:20px;
display:block;
text-align:center;
padding:5px;
border:1px #333333 solid;
}
.tra_txt  .map_4{
width:150px;
height:170px;
float:left;
display:block;
text-align:center;
padding:5px;
border:1px #333333 solid;
}

/*共通ここまで
------------------------------*/


#con_bottom #con_right{
width:200px;
height:auto;
float:left;
margin:0;
padding:0 2px 0 0;
}


#slider_wrap{
margin:0;
padding:0 2px 0 2px;
width:757px;
height:300px;
float:left;
overflow:hidden;
}
#slider_wrap #slider{
position:relative;
display:block;
width:757px;
height:300px;
padding:0;
margin:0;
overflow:hidden;
}

/* MENU
------------------------------------------------------------*/
.menu{
width:200px;
padding:0;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
}
.menu ul li{
clear:both;
display:block;
padding:0;
width:200px;
height:42px;
}

/*gotop
-----------------------------------------------------------*/
.gotop{
width:970px;
display:block;
margin:0 auto;
padding:0;
}
.gotop_right{
float:right;
padding:0;
margin:0;
}

/* Footer
------------------------------------------------------------*/
.fooer_clear{
display:block;
height:220px;
clear:both;
}
#footer{
position:relative;
width:100%;
height:220px;
xbackground-image:url(../images/footer_bg.gif);
background-repeat:repeat-x;
background-position:bottom left;
background-color: #F05824;
display:block;
color:#FFFFFF;
}
#footer_contents{
width:970px;
margin:0 auto;
padding:0;
position:relative;
display:block;
}
#footer_logo{
width:290px;
height:220px;
padding:0;
background-image:url(../images/footer_logo.gif);
float:left;
}
#footer_logo p.footer_txt{
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0;
}
#footer_navi{
width:610px;
display:block;
height:auto;
margin:40px 0 0 0;
float:right;
}
#footer_navi ul{
width:auto;
float:right;
display:block;
list-style:none;
padding:0;
margin:0 auto;
}
#footer_navi ul li{
float:left;
display:block;
padding-right:3px;
width:auto;
line-height:1.5em;
*height: 2em;
*position:relative;
*white-space:nowrap;
}
#footer_navi a{
text-decoration:none;
color:#FFFFFF;
}
#footer_navi a:link{
color:#FFFFFF;
}
#footer_navi a:visited{
color:#FFFFFF;
}
#footer_navi a:hover{
xcolor:#FF9933;
color:#ffffff;
text-decoration:underline;
}
#footer_navi a:active{
color:#FFFFFF;
}
#footer_navi .footer_copy{
display:block;
line-height:1.5em;
margin-top:70px;
float:right;
}

/* POSTER PAGE
------------------------------------------------------------*/
.posterwrap {
xborder: 1px solid #cccccc;
border-bottom: 1px dotted #cccccc;
padding: 10px 15px 15px 15px;
height: 290px;
}


.posterimg {
float: left;
width: 220px;
height: 330px;
}

.posterinfo {  
float: left;
width: 490px;
height: 330px;
}  

.posterinfo dl {  
xborder-right:1px solid #999;  
width:490px;  
font-size: 14px;
line-height: 1.8em;
}  
.posterinfo dt {  
float:left;  
width:100px;  
padding:0px 0 10px 10px;  
clear:both;  
font-weight:bold;  
}  
.posterinfo dd {  
width:350px;  
margin-left:100px;  
padding:0px 5px 10px 25px;  
border-left:1px solid #cccccc;  
}  

/* contactform
------------------------------------------------------------*/
dl.mailform {
margin: 0px 20px 10px 0px;
padding-top: 10px;
padding-bottom: 3px;
font-size: 100%;
line-height: 1.6em;
}
dl.mailform dd{
margin: 0px 0px 2em 2em;
padding-top: 10px;
}
dl.mailform dt{
border-bottom: 1px dotted #cccccc;
padding-bottom: 5px;
}

#feed ul li {
padding: 15px 0 5px 0;
list-style: outside none none;
margin-bottom: 0px;
background-color: transparent;
border-bottom: 1px dotted #cccccc;
}

/* facebookfeed 201604
------------------------------------------------------------*/
#topics ul{
font-size: 0;
margin: 0px;
padding: 0px;
}

#topics ul li {
padding: 12px 0;
list-style: outside none none;
margin-bottom: 0px;
background-color: transparent;
border-bottom: 1px dotted #333;
font-size: 14px;
line-height: 1.4em;
text-align: left;
vertical-align: middle;
display: inline-block;
width: 730px;
}

#topics ul li:first-child {
padding: 0px 0 15px;
}

#topics  ul li span{
padding: 0 30px 0 0;
line-height: 1.4em;
font-size: 12px;
display: block;
float: left;
}

#topics  ul li span a{
color: #0000ff;
}


#topics  ul li span.fbbody{
padding: 0 10px 0 0;
display: block;
line-height: 1.4em;
font-size: 12px;
width: 48em;
*width: 34em;
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
-webkit-text-overflow: ellipsis;  
-o-text-overflow: ellipsis; 
}

/* headerbnrs 201604
------------------------------------------------------------*/
#weather_wrap{
	position: absolute;
	z-index: 10000;
	overflow: hidden;
	top: 140px;
	width: 980px;
	left: 0;
	right: 0;
	margin:0 auto;
}

#weather{
	width: 980px;
	padding: 0 3px 0 0 !important;
	margin: 0 auto;
	position: relative;
	text-align: right;
	box-sizing: border-box;
	overflow: hidden;
}

#weather img{
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
}

ul#index_sub_navigation{
	margin: 0 0 0 10px;
	font-size: 0;
	list-style-type: none;
	padding: 0;
	position: absolute;
	z-index: 100000;
	overflow: hidden;
	top: 350px;
	width: 800px;
	left: 0;
	right: 0;
}
ul#index_sub_navigation li{
	font-size: 12px;
	display: inline-block;
	line-height: 1.6em;
	width: 153px;
	text-align: center;
}

ul#index_sub_navigation li img:hover{
	opacity: 0.5;
}
ul#index_sub_navigation li img{
	transition: opacity 0.3s ease-out;
}

ul#sub_navigation{
	width: 960px;
	margin: 0 auto;
	font-size: 0;
	list-style-type: none;
	padding: 0;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	top: 480px;
	width: 960px;
	left: 0;
	right: 0;
}
ul#sub_navigation li{
	font-size: 12px;
	display: inline-block;
	line-height: 1.6em;
	width: 153px;
	text-align: center;
}

ul#sub_navigation li img:hover{
	opacity: 0.5;
}
ul#sub_navigation li img{
	transition: opacity 0.3s ease-out;
}


/* contents 201704- */
h2.common_h2tab{
	background:url(../images/icon/icon_h2.png) no-repeat 2px center;
	padding: 0px 0px 0px 2em;
	border-bottom: 1px solid #F05824;
	color: #F05824;
	font-size: 18px;
	line-height: 36px;
	margin: 10px 0;
}

h3.common_h3tab{
	background:url(../images/icon/icon_h2.png) no-repeat 2px center;
	padding: 0px 0px 0px 2em;
	border-bottom: 1px solid #F05824;
	color: #F05824;
	font-size: 18px;
	font-weight: 100;
	line-height: 36px;
	margin: 10px 0;
}

ul.phinfo_box{
	list-style: none;
	font-size: 0;
	margin: 0 auto;
	padding: 10px 0 30px;
	overflow: hidden;
	width: 756px;
}
ul.phinfo_box li{
	display: inline-block;
	font-size: 12px;
	width: 49%;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
}

ul.phinfo_box li img{
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

input[type="submit"], 
input[type="reset"],
input[type="button"]{
    width: 160px;
    height: 36px;
    color: #fff;
    margin: 20px auto 30px;
    font-size: 16px;
    background: #F05824;
    border: none;
    font-family: "ヒラギノ角ゴ Pro W3","Arial","ＭＳ Ｐゴシック",sans-serif;
}