@charset "utf-8";

/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
 
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
 
/* ここから通常のCSS */
 
/* COMMON ------------------------------------*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}





body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "MS PGothic", Geneva, Arial, Verdana, sans-serif;
	line-height:1.6;
	font-size:0.75em;
	*font-size:small;
	*font:x-small;
	*line-height:1.05;
	color:#1F1F1F;
	text-align:center;
	background-color: #232F5F;
	color: #333333;
}

select,input,button,textarea{
	font:99% arial,helvetica,clean,sans-serif;
	}

table{
	font-size:inherit;
	font:100%;
	}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
	}



/* LAYOUT */
.clear {
	clear:both;
	margin: 0;
	padding: 0;
	line-height: 0;
}

/* LINK */
a:link{color:#1A79A5; text-decoration:underline;}
a:visited{color:#1A79A5; text-decoration:underline;}
a:hover{color:#85CBE9; text-decoration:none;}
a:active{color:#85CBE9; text-decoration:none;}
a:focus { outline:none }


/* compornent */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}


.mb15{margin-bottom:15px;}
.mb50{margin-bottom:50px;}
.mb200{margin-bottom:200px;}


.f_size_big01{font-size:110%;}
.f_size_normal{font-size:100%;}
.f_size_small{
	font-size:92%;
	line-height: 1.4;
}

.t_align_l{text-align:left;}
.t_align_r{text-align:right;}
.t_align_c{text-align:center;}

.v_align_middle{
	vertical-align:middle;
}



#mainWrapper {
	width: 100%;
	margin: 0 auto;
	padding: 210px 0 15px 0;
	background:#FFF;
	font-size:120%;
	_font-size:92%;
	line-height: 170%;
	position: relative;
	z-index: 0;
	top: 0;
	text-align: left;
}

#leftColumn {
	float: none;
	width: 100%;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	background-color: #232D62;
	margin-bottom:5px;
	z-index: 0;
	height:100%;
	min-height:100%;
}

#rightColumn{
	width:590px;
	display: inline;
	margin-right: 31px;
	float:none;
	text-align: left;
	position: relative;
	z-index: 0;
	}
#visualArea {
	width: 100%;
	float: none;
	border: 5px solid #232F5F;
	margin-bottom: 10px;
}
#flashGallery {
	width: 100%;
	margin: 5px 5px 5px 5px;
	float: none;
}
#javaScriptGallery {
	width: 100%;
	margin: 5px 5px 5px 5px;
	float: none;
}


/* ニュースエリア */
#newsArea {
	width: 100%;
	/*border: 5px solid #232F5F;*/
	float: none;
	display: inline;
}

#newsArea dl {
	margin:10px 10px 0 10px;
	float: none;
	width: 100%;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 5px;
	display: inline;
	}
#newsArea dl.last {
	border:none;
	padding-bottom:0;
	}
#newsArea dt {
	float: none;
	margin-right: 10px;
	width: 100%;
}
#newsArea dd {
	float:none;
	width: 100%;
	}
#newsArea span {
	float:none;
	display:block;
	}





/* スケジュールエリア */
#scheduleArea {
	width: 100%;
	border: 5px solid #232F5F;
	float: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#scheduleArea dl {
	margin:10px 10px 0 10px;
	float: none;
	width: 100%;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 5px;
	display: inline;
	}
#scheduleArea dl.last {
	border:none;
	padding-bottom:0;
	}
#scheduleArea dt {
	float: none;
	margin-right: 10px;
	width: 100%;
}
#scheduleArea dd {
	float:none;
	width: 100%;
	}
#scheduleArea span {
	float:none;
	display:block;
	}
#presenArea {
	width: 100%;
	border: 5px solid #232F5F;
	float: none;
	padding: 10px 0;
	font-family: "�l�r �o����", "�ז�����", "�q���M�m���� Pro W3";
}
#presenArea h2 {
	float: none;
	width: 100%;
	margin: 0 10px 5px 10px;
	font-size: 110%;
	font-weight: bold;
	display: inline;
}
#presenArea p {
	float: none;
	width: 100%;
	margin: 0 10px 0 10px;
	display: inline;
}

.freeArea{
	width: 100%;
	border: 5px solid #232F5F;
	float: none;
	padding: 10px 0;
	margin: 0 0 10px 0;
}


.freeArea h2 {
	float: none;
	width: 100%;
	margin: 0 10px 5px 10px;
	font-size: 110%;
	font-weight: bold;
	display: inline;
}
.freeArea p {
	float: none;
	width: 100%;
	margin: 0 10px 0 10px;
	display: inline;
}

.freeArea2 {
	background-color:#232F5F;
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	padding:5px;
	font-size: 110%;
	font-weight: bold;
	/*display: inline;*/
	color:#ffffff;
}

/* アクセスビュー */
#map_canvas{
	width:100%;
	height:600px;
	margin: 0;
	padding: 0;
}



div.pagetop{
	width:100%;
	height:32px;
	position:fixed;
	_position:absolute;
	right:0;
	bottom:0;
	z-index: 11;
	}

.pagetop a{
	display:block;
	width:100%;
	height:32px;	
	background: url(/images/pagetop_bt.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
	text-indent:-9999px
}

.pagetop a:hover{
	background: url(/images/pagetop_bt_o.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
}


/*�@�X���C�h�J�ځ@*/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	width: auto;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%;
	height: auto;
	background: #fff;
	overflow: scroll;
	position: relative;
}
.csw .loading {/*margin: 200px 0 300px 0; text-align: center*/}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
	margin: auto; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: auto;
	clear: both;
	width: 100%;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	text-align:left;
	float:none;
	height: 100%;
	position: relative;
	width: 100%; /* Also specified in  .stripViewer  above */
	page-break-after:always;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	background:#FFF;	
	padding: 10px;
	margin:10px 0 0 0;
	font-size:120%;
}

.bg_mikoshi{
	background:url(/images/bg_mikoshi.jpg) no-repeat right 45px;
}

.stripViewer .panelContainer .panel .wrapper h2{
	background: #232F5F;
	font-size:130%;
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
	margin:10px 0 20px 0;
}

h3.kaojashin{
	float:none;
	width:100%;
	margin-right: 10px;
	margin-top: 10px;
	}

h3.kaichou_name{
	margin:110px 0 5px 0;
}

.l_column_text{
	float:none;
	width:100%;
	margin:0 16px 30px 0;
	}

.pic_area{
	float:none;
	width:100%;
	margin:0 31px 30px 0;
	}

.one_column01{
	margin:0 10px 0 10px;
	}



.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	height: 32px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto 0 auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.stripNav ul li {
	float: none; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	width: 100%;
	margin: 0 3px;
}

.stripNav a { /* The nav links */
	letter-spacing:1px;
	text-align: center;
	line-height: 32px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0;
	height: 32px;
	width: 100%;
}
/*
.stripNav li.tab1 a { background: #33CCFF}
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }
*/
.stripNav li a:link {
	background: url(/images/bg_tab.gif) no-repeat left top;
	color: #FFFFFF;
	text-decoration:none;
}
.stripNav li a:visited {
	background: url(/images/bg_tab.gif) no-repeat left top;
	color: #FFFFFF;
	text-decoration:none;
}
.stripNav li a:hover {
	background: url(/images/bg_tab_c.gif) no-repeat left top;
	color: #232F5F;
	text-decoration:none;
}
.stripNav li a:active {
	background: url(/images/bg_tab_o.gif) no-repeat left top;
	color: #232F5F;
	text-decoration:none;
}

.stripNav li a.current {
	background: url(/images/bg_tab_c.gif) no-repeat left top;
	color: #232F5F;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: fixed;
	_position: absolute;
	top: 30%;
	z-index:11;
}

.stripNavL{
	left:0;
}

.stripNavR{
	right:0;
}

.stripNavL a, .stripNavR a {
	text-indent:-9999px;
	display: block;
	height: 200px;
	width: 100%;
	text-decoration:none
}

.stripNavL a{
	background: url(/images/arw_l.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
}

.stripNavL a:hover{
	background: url(/images/arw_l_o.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
}


.stripNavR a{
	background: url(/images/arw_r.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
}
.stripNavR a:hover{
	background: url(/images/arw_r_o.png) no-repeat left;
	behavior: url(/css/resources/iepngfix.htc);
}




/* Picture Slide */
.slideshow01 { position:relative; width:100%; height:263px; }
.slideshow01 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow01 img.active { z-index:10; }
.slideshow01 img.last-active { z-index:9; }

.slideshow02 { position:relative; width:100%; height:263px; }
.slideshow02 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow02 img.active02 { z-index:10; }
.slideshow02 img.last-active02 { z-index:9; }

.slideshow03 { position:relative; width:100%; height:263px; }
.slideshow03 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow03 img.active03 { z-index:10; }
.slideshow03 img.last-active03 { z-index:9; }

.slideshow04 { position:relative; width:100%; height:263px; }
.slideshow04 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow04 img.active04 { z-index:10; }
.slideshow04 img.last-active04 { z-index:9; }

.slideshow05 { position:relative; width:100%; height:263px; }
.slideshow05 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow05 img.active05 { z-index:10; }
.slideshow05 img.last-active05 { z-index:9; }

.slideshow06 { position:relative; width:100%; height:380px; }
.slideshow06 img { position:absolute; top:0; left:0; z-index:8; }
.slideshow06 img.active06 { z-index:10; }
.slideshow06 img.last-active06 { z-index:9; }




/* Navi */
#upperNavi{
	position:fixed;
	text-align:center;
	width:100%;
	background-color: #121830;
	color: #121830;
	padding:10px 0;
	z-index: 10;
	margin: 0;
	border-bottom: 1px solid #ffffff;
	}
	
#upperNavi ul{
	margin:0 auto;
	padding:0;
	width: 100%;
	}
	
#upperNavi ul li {
	background-color: #FFFFFF;
	float: none;
	padding:5px 10px 5px 16px;
	margin:0 5px;
	list-style: none;
	font-size: 14px;
	letter-spacing: 0.5em;
}

#upperNavi ul li a:link{
	color:#121830;
	text-decoration: none;
	}

#upperNavi ul li a:visited{
	color:#121830;
	text-decoration: none;
	}

#upperNavi ul li a:hover{
	color:#121830;
	text-decoration: underline;
	}

#upperNavi ul li a:active{
	color:#121830;
	text-decoration: underline;
	}

#upperNavi ul li.now {
	background:#DC2D34;
	color:#FFFFFF;
	}

.titleA{
	font-weight:bold;
	font-size:20px;
	color: #232D62;
	background-color: #FFFFFF;
	border: 5px solid #232F5F;
	padding: 5px 10px;
	margin-bottom: 10px;
	}

.titleB{
	font-weight:bold;
	font-size:20px;
	color: #232D62;
	background-color: #FFFFFF;
	border: 5px solid #232F5F;
	padding: 5px 10px;
	margin:0 31px 10px 0;
	}

.copyright{
	text-align:center;
	color:#232D62;
	font-size:small;
	font-family:"Century Gothic";
	margin:10px 0;
	}

.thumnail_01{
	float:none;
	display:inline;
	margin: 0 10px 10px 10px;
	text-align: center;
	}



/* Hyougumi */
table.table_layout01{
	border-collapse:collapse;
	border:1px solid #322425;
	margin-left: 9%;
	margin-top: 20px;
	width: 82%;
	margin-right: 9%;
}

table.table_layout01 th{
	border:1px solid #bbbbbb;
	padding:10px 10px;
	background-color: #FFEDB5;
	width: 40%;
	text-align: center;
	font-size: 130%;
}

table.table_layout01 td{
	border:1px solid #bbbbbb;
	padding:10px 10px;
	color: #666666;
	text-align: center;
	width: 60%;
	font-size: 130%;
	background-color: #FFFFFF;
}

.more_btn_img a{
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 7px 5px 2px 5px;
	box-sizing: border-box;
	line-height: 1;
	position: relative;
	font-size: 18px;
	font-weight:bold;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.more_btn_img a:hover{
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.more_btn_img a:after{
	position: absolute;
	content:"";
	width:100%;
	height: 100%;
	left:0;
	right:0;
	top:0;
	z-index:-1;
}

}/* メディアクエリの終了 */