@charset "utf-8";

/*--------------------------------------------------------------------
----style.css 画面の横幅が769px以上-----------------------------------
--------------------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
body {
	font-size: 90%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
	color: #333;
	background: #fff;
}

a {
	color: #4a301c;
	outline: none;
}

a:link, a:visited, a:active {
	color: #4a301c;
	text-decoration: underline;
}

a:hover {
	color: #4a301c;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
	vertical-align: bottom;
}

a:hover img {
	opacity: 0.8;
	-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;
}


/*clearfix*/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*回り込み解除*/
.c-both {
	clear: both;
	font-size: 1px;
}

/*ページセンタリング*/
.wrapper {
	margin: 0 auto;
	width: 980px;
}

.wrapper#wrap-head {
	position: relative;
	top: 8px;
	background: url(../images/headers/head-inner-back.gif) no-repeat;
	overflow: hidden;
}

.wrapper#wrap-main {
	position: relative;
	top: 20px;
}

.wrapper#wrap-breadcrumbs {
	margin:0 auto;
}

.wrapper.wrap-foot {
	padding: 5px 0;
}

.alignleft {
	float: left;
	margin: 5px 25px 5px 0;
}

.alignright {
	float: right;
	margin: 5px 0 5px 25px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft p, .alignright p {
	text-align: center;
	margin-top: 3px;
}



/*--------------------------------------------------------------------
----トップページスライダー--------------------------------------------
--------------------------------------------------------------------*/
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}

.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}

.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.slider_prev {
	background: #000000 url(../images/slide/prev.jpg) no-repeat right center;
}

.slider_next {
	background: #000000 url(../images/slide/next.jpg) no-repeat left center;
}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}

.pagination a.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/*--------------------------------------------------------------------
----ヘッダー----------------------------------------------------------
--------------------------------------------------------------------*/
header {
	margin: 0;
	padding: 0;
	background: url(../images/headers/head-back.gif) repeat-x;
	height: 210px;
}

h1 {
	float: left;
	margin: 26px 0 0 5px;
}


/*文字サイズ変更*/
#cgtext {
	float: right;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../images/headers/head-cgtext.png) no-repeat 0 10px;
}

ul#fontSize {
	margin: 0 0 0 55px;
}

#fontSize li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 1px;
}

ul#header-link {
	float: right;
	margin: 11px 2px 10px 0;
}

#header-link li {
	float: left;
	margin: 0 6px 0 0;
}



/*--------------------------------------------------------------------
----ナビゲーション----------------------------------------------------
--------------------------------------------------------------------*/
/*グローバルナビゲーション*/
#nav-box {
	clear: both;
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
	height: 61px;
	overflow: hidden;
}

nav {
	width: 1123px;
	height: 61px;
	position: absolute;
	left: 50%;
	margin-left: -561px;
	background: url(../images/headers/nav-back.png) no-repeat;
	overflow: hidden;
}

#toggle {
	display: none;
}

#globalNavi {
	clear: both;
	margin: 10px auto 0 auto;
	width: 980px;
	list-style-type: none;
	z-index: 3;
	overflow: hidden;
}

#globalNavi li {
	float: left;
	display: block;
	margin: 0 1px;
	text-decoration: none;
}

#globalNavi li a {
	float: left;
	display: block;
	text-decoration: none;
}

#globalNavi li#gn01 a {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn01 a:hover {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn01_ov.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn02 a {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn02 a:hover {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn02_ov.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn03 a {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn03 a:hover {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn03_ov.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn04 a {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn04.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn04 a:hover {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn04_ov.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn05 a {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn05.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNavi li#gn05 a:hover {
	width: 194px;
	height: 48px;
	background: url(../images/headers/gn05_ov.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



/*--------------------------------------------------------------------
----パンくずリスト----------------------------------------------------
--------------------------------------------------------------------*/
#breadcrumbs {
	float: left;
	margin: 10px 0 0 0;
	font-size: 86%;
}

#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}

#breadcrumbs ol li:before {
	content: " > ";
}

#breadcrumbs ol li:first-child:before {
	content: " ";
}



/*--------------------------------------------------------------------
----コンテンツ--------------------------------------------------------
--------------------------------------------------------------------*/
/*新着情報スクロールボックス*/
.infobox-wrapper {
	margin: 10px 0 0 0;
	padding: 15px;
}


/*新着情報個別ボックス*/
.infobox-culumn {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 120%;
	background: rgba(255,255,255,0.6);
}


/*新着情報アイキャッチ*/
.infobox-thumb img {
	float: left;
	height: auto;
	margin: 0 30px 10px 0;
	background: #FFFFFF;
	border-radius: 3px;
	border: solid 1px #b8d26b;
	box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,0.4);
}


/*新着情報タイトル*/
.infobox-title {
	margin-bottom: 10px;
	overflow: hidden;
}


/*トップページ用*/
#content {
	margin: 0 auto;
}


/*中ページ用*/
#content-page {
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../images/back/content-back.gif) repeat-x;
	overflow: hidden;
}

#content-page-main {
	margin: 0 auto;
	background: url(../images/back/content-image.jpg) no-repeat;
}

#container {
	width: 100%;
}


/*メイン*/
#main {
	float: left;
	width: 68.4%;
	display: inline;
}


/*サイド*/
#sidebar {
	float: right;
	width: 29.5%;
	display: inline;
}


/*コンテンツ*/
#main-content {
	clear: both;
	margin: 15px 0;
	padding: 28px 33px 16px 33px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 0px 20px #e7e5be;
	overflow: hidden;
}

.contents50 {
	float: left;
	width: 46.45%;
	margin: 0 20px 30px 0;
}

.contents50-2 {
	float: left;
	width: 36%;
	margin: 0 15px 15px 0;
}

.contents50mv {
	float: left;
	margin:13px;
	width: 47%;
}

.contents30 {
	float: left;
	width: 31%;
	margin: 0 28px 30px 0;
}

.contents30-last {
	float: left;
	width: 31%;
	margin: 0;
}

.contents30 img,
.contents30-last img {
	margin: 0 0 10px 0;
}

.contents50 img {
	margin: 0 0 10px 0;
}

.center01 {
	margin: 20px 0;
	text-align: center;
}

h3#jigyou {
	padding: 15px 10px 10px 10px;
	box-shadow: 1px 1px;
}

.event-icon {
	position: relative;
	top: -4px;
	right: 3px;
}

#publish-date {
	margin: 0 5px 10px 0;
	text-align: right;
}

.contents-main {
	clear: both;
	margin: 10px 0 25px 0;
	overflow: hidden;
}

.contents-main .event-list dt {
	float: left;
	display: inline;
	width: 75%;
	margin: 0 0 10px 0;
	clear: both;
	font-weight: bold;
}

.contents-main .event-list dd {
	float: left;
	margin: 0 0 10px 0;
	width: 20%;
}

.contents50 h3 {
	margin-bottom: 10px;
}

.contents-main h3 {
	margin-bottom: 15px;
	padding: 0 0 0 5px;
	font-size: 150%;
	border-bottom: solid 1px #cccccc;
}

.contents-main h4 {
	font-size: 120%;
	margin: 5px 0;
}

.contents-main p {
	margin-bottom: 15px;
	line-height: 180%;
}

.contents-main img {
	border-radius: 5px;
}

.contents-main ul {
	margin: 5px 0;
}

.contents-main ol li {
	list-style: decimal outside;
	margin: 0 0 5px 25px;
	line-height: 160%;
}

.contents-main ul li {
	list-style: disc outside;
	margin: 0 0 0 20px;
	line-height: 160%;
}

.contents-main ul li li {
	list-style: disc outside;
	margin: 0 0 0 20px;
	line-height: 160%;
}

.contents-main table td {
	border:solid 1px #999999;
	padding: 5px 10px;
}

.syousai {
	overflow:hidden;
}

.contents-main .syousai {
	margin: 15px 0;
	padding: 10px 15px;
	border: solid 1px #d9d9d9;
}

.contents-main .syousai dl {
	margin: 10px 0;
}

.contents-main .syousai dt {
	float: left;
	display: inline;
	width: 110px;
	margin: 0 0 5px 0;
	clear: both;
	font-weight: bold;
	letter-spacing: 5px;
}

.contents-main .syousai dd {
	margin: 0 0 5px 115px;
	line-height: 160%;
}

.contents-main .syousai-re {
	margin: 10px 0;
	padding: 5px;
}

.contents-main .syousai-re dt {
	float: left;
	display: inline;
	width: 140px;
	margin: 0 10px 5px 0;
	padding: 4px 6px 2px 6px;
	clear: both;
	font-weight: bold;
	background: #00416b;
	color: #FFFFFF;
	border-radius: 5px;
}

.contents-main .syousai-re dd {
	margin: 0 0 5px 160px;
	padding: 4px 4px 2px 4px;
	line-height: 160%;
}

.contents-sub {
	width: 90%;
	margin: 15px auto;
}
table.rekinen {
	width: 100%;
}

table.rekinen td {
	padding: 8px;
	border: solid 1px #d9d9d9;
}

.rekinen td.col-1 {
	width: 15%;
}

.rekinen td.col-2 {
	width: 85%;
}


/*▼情報公開ページテーブル▼*/
table.koukai {
	width: 100%;
	margin-bottom: 20px;
}

table.koukai>thead>tr>th {
	padding: 8px;
	background-color: #E7E5BE;
	border-top: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;
}

table.koukai .odd {
	background-color: #fafaf2;
}

table.koukai td {
	padding: 8px;
	border: solid 1px #d9d9d9;
}

.koukai td.col-1 {
	width: 40%;
}

.koukai td.col-2, .koukai td.col-3, .koukai td.col-4 {
	width: 20%;
}
/*▲情報公開ページテーブル▲*/


/*▼例会　新着情報▼*/
.ttl_wrapper {
	height: 50px;
}

.info_scrollbox{
	height: 330px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 650px;
	padding: 10px;
	margin-bottom: 20px;
}

.info_box{
	padding: 10px;
	margin-bottom: 20px;
}

.newArticle-wrapper {
	margin:15px 0;
	overflow: hidden;
}

.top_infothumb img {
	float: left;
	height: auto;
	width: 150px;
	border: 1px solid #C0BC78;
}

.top_infolist {
	display: inline;
	float: left;
	line-height: 150%;
	margin: 0 0 0 15px;
	overflow: hidden;
	width: 460px;
}

.h2top-midashi {
	margin-bottom: -6px;
	width: 670px;
	height: 50px;
	text-indent: -9999px;
}

.top-midashi {
	margin: -6px 0 10px 0;
	padding: 5px;
	border: none;
}

.top-midashi h3 {
	float: left;
	margin: 0 0 8px 0;
	width: 78.5%;
	font-size: 100%;
	border: none;
}

.top-midashi img {
	margin: 0 6px 5px 0;
}

time{
	display: block;
	margin-bottom:5px;
}
/*▲例会　新着情報▲*/

.top-midashi time {
	float: left;
	width: 20%;
	margin: 0 0 0 0;
}

#h2reikai {
	background: url(../images/h2reikai.png) no-repeat;
}

#h2wnew {
	background: url(../images/h2wnew.png) no-repeat;
}

#h2top-iinkai {
	margin-top: 10px;
	width: 290px;
	height: 93px;
	text-indent: -9999px;
	background: url(../images/h2top-iinkai.png) no-repeat;
}

#top-iinkai {
	margin-top: -57px;
	padding: 10px 0 0 0;
	width: 290px;
	background: #dde1a0;
	border-radius: 0 0 6px 6px;
}

#top-iinkai ul {
	padding: 0 14px 9px 14px;
}

#top-iinkai li {
	margin-bottom: 4px;
}

.iinkai-list {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.iinkai-list li {
	float: left;
	padding: 0 4px 0 0;
}

#h3top-kaiin {
	margin: 16px 0 10px 0;
	width: 290px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/h3top-kaiin.gif) no-repeat;
}

#top-kaiin li {
	list-style: outside disc;
	margin: 0 0 5px 28px;
}

#iinkai-txt {
	padding: 8px 12px;
	position: relative;
	top: -45px;
}

.list-common {
	margin: 15px 0;
}

.list-common li {
	list-style: outside disc;
	margin: 0 0 5px 28px;
}


/*▼インタビュー dt dd dl▼*/
.nterviewer {
}

.nterviewer dt {
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0px 4px 20px;
}

.nterviewer dd {
	margin: 0px 20px;
}

.interviewee>dt {
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0px 4px 20px;
}

.interviewee dd dt {
	margin: 6px 0px 4px 40px;
	font-weight: bold;
}

.interviewee dd dd {
	margin: 0px 20px 0px 40px;
}
/*▲インタビュー dt dd dl▲*/

/*Ｈ２見出し*/
.h2title {
	width: 980px;
	height: 80px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.h2title#whats {
	background: url(../images/pages/h2whats.gif) no-repeat;
}

.h2title#nyukai {
	background: url(../images/pages/h2nyukai.gif) no-repeat;
}

.h2title#shiryou {
	background: url(../images/pages/h2shiryou.gif) no-repeat;
}

.h2title#katsudou {
	background: url(../images/pages/h2iinkai.gif) no-repeat;
}

.h2title#shoshin {
	background: url(../images/pages/h2syoshin.gif) no-repeat;
}

.h2title#archive {
	background: url(../images/pages/h2archive.gif) no-repeat;
}

.h2title#guidance {
	background: url(../images/pages/h2guidance.gif) no-repeat;
}

.h2title#report {
	background: url(../images/pages/h2report.gif) no-repeat;
}

.h2title#slogan {
	background: url(../images/pages/h2slogan.gif) no-repeat;
}

.h2title#contact {
	background: url(../images/pages/h2contact.gif) no-repeat;
}

.h2title#common {
	padding:26px 0 0 24px;
	background: url(../images/pages/h2common.gif) no-repeat;
	font-size:160%;
	text-indent:0;
}

.h2title#matsuri {
	background:url(../images/pages/h2matsuri.gif) no-repeat;
}


/*SNS*/
#like-btn {
	float: right;
	margin: 8px 0 5px 0;
	overflow: hidden;
}

.fb-like {
	position: relative;
	bottom: 6px;
}

#line-btn {
	position: relative;
	bottom: 6px;
}

.access-count {
	position: relative;
	top: -6px;
}

img.new-img {
	position: relative;
	top:-5px;
	left: 3px;
}



/*--------------------------------------------------------------------
----フッター----------------------------------------------------------
--------------------------------------------------------------------*/
footer {
	clear: both;
	margin-top: 40px;
	background: #e7e5be;
	color: #4a301c;
}


/*フッターリンク*/
.footer-link {
	float: right;
}

ul.footer-link {
	float: left;
	display: inline;
	padding: 0 0 10px 0;
	width: 140px;
}

.footer-link li {
	margin: 0 6px 6px 0;
	padding: 0 0 0 15px;
	font-size: 13px;
	list-style: none outside;
	background: url(../images/list-footer-link.png) no-repeat 0px 4px;
}

.footer-link li a {
	color: #4a301c;
}


/*バナーリンク*/
.bunner {
	margin: 0;
}

ul.bunner {
	float: left;
	display: inline;
	padding: 15px 0;
	overflow: hidden;
}

.bunner li {
	float: left;
	margin: 0 8px 8px 0;
}

#copyright {
	clear: both;
	padding: 7px 0;
	background: #c4c18d;
	font-size: 80%;
	letter-spacing: 1.5px;
	text-align: center;
}

/*トップページバナー*/
.top-bunner {
	margin-bottom: 10px;
}

.top-bunner img {
	margin-bottom: 3px;
}

/*メールフォーム*/
#formWrap {
	width: 90%;
	margin: 0 auto;
	color: #555;
	line-height: 120%;
	font-size: 90%;
}

table.formTable {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.formTable td, table.formTable th {
	border: 1px solid #ccc;
	padding: 10px;
}

table.formTable th {
	width: 30%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
}

input.con-name {
	width: 220px;
}

input.con-tel {
	width: 120px;
}

input.con-mail {
	width: 250px;
}

textarea.con-inq {
	width: 500px;
	height: 200px;
}


/*立て山鉾の歴史*/
#matsuri-rekishi ul {
	padding: 5px 0;
}

#matsuri-rekishi li {
	margin: 0;
	list-style: none;
	border-bottom: dotted 1px #cccccc;
}

#matsuri-rekishi li a {
	display: block;
	margin: -5px 0 0 0;
	padding: 8px 2px 8px 12px;
	text-decoration: none;
}

#matsuri-rekishi li a:hover {
	display: block;
	margin: -5px 0 0 0;
	padding: 8px 2px 8px 12px;
	color: #0063a4;
	background: #72d6dd;
}


/*酒田まつりギャラリー*/
.gallery ul li {
	float:left;
	margin:11px 11px;
	list-style:none;	
}

.gallery ul li img {
	border-radius:3px;
}


/*ふるさとOMOIYARIプロジェクト*/
dl.omoiyari {
	margin-bottom: 20px;
}

dl.omoiyari>dt {
	margin: 6px 0 0;
	font-weight: bold;
	line-height: 180%;
}

dl.omoiyari>dd {
	line-height: 180%;
}


/*創立５０周年記念式典並びに記念祝賀会*/
ul.custommarker {
	list-style-type: none;
	margin-left:17px;
}

ul.custommarker li:before {
	content: '■';
	margin-left:-17px;
}

}