/*--------------------------------------------------------------------
----style.css 画面の横幅が768px以上-----------------------------------
--------------------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
@charset "utf-8";

body {
	font-size: 85%;
	font-family:"source-han-sans-japanese",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.4;
	color:#333;
	background:#fff;
}

a {
	color:#01a8d9;
	outline: none;
}

a:link,
a:visited,
a:active {
	color:#01a8d9;
	text-decoration:underline;
}

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

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

a:hover img,
#globalNavi li#navi01 a:hover,
#globalNavi li#navi02 a:hover,
#globalNavi li#navi03 a:hover,
#globalNavi li#navi04 a:hover,
#globalNavi li#navi05 a:hover,
#globalNavi li#navi06 a:hover,
#globalNavi li#navi07 a:hover {
	opacity:0.7;
	-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;
}


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

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


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

.wrapper#wrap-head {

}

.wrapper#wrap-main {
	margin-bottom:20px;
}

.wrapper#wrap-link {
	margin-bottom:20px;
	border:solid 5px #eeeeee;
	border-radius:5px;
}

.wrapper#wrap-main-page {
}

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

.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;
}



/*--------------------------------------------------------------------
----トップページスライダー--------------------------------------------
--------------------------------------------------------------------*/
.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: #4cb5e8 url(../../2015/images/slide/prev.jpg) no-repeat right center;}
.slider_next {background: #4cb5e8 url(../../2015/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:15px 0 10px 0;
	padding:0;
} 

h1 {
	float:left;
}

#h1title {
	margin:35px 0 0 0;
}


/*--------------------------------------------------------------------
----ヘッダーリンク----------------------------------------------------
--------------------------------------------------------------------*/
#head-link {
	float:right;
	font-size:85%;
}

#head-link ul li {
	float:left;
	margin:0 6px;
	padding:0 0 0 10px;
	background:url(../images/list-a.png) no-repeat 0px 4px;
}


/*--------------------------------------------------------------------
----ナビゲーション----------------------------------------------------
--------------------------------------------------------------------*/
/*グローバルナビゲーション*/
nav {
	float:right;
	margin:10px 0 0 0;
	width:65%;
	z-index:0;
}

#globalNaviSP ul {
	display:none;
}

#globalNavi {
	float:right;
	margin:0;
}

#globalNavi li 			 		{float:left;margin:0 0 0 3px;display:block;text-decoration:none;position:relative;}
#globalNavi li a  		 		{margin:0 0 0 3px;display:block;text-indent:-9999px;text-decoration:none;}

#globalNavi li#navi01 a	 		{width:97px;height:46px;background:url(../images/navi/gn01.png) no-repeat;}
#globalNavi li#navi01 a:hover	{width:97px;height:46px;background:url(../images/navi/gn01.png) no-repeat;}

#globalNavi li#navi01 li a	 		{ clear:both;width:inherit;height:inherit;background:none; text-indent:0;}
#globalNavi li#navi01 li a:hover	{ clear:both;width:inherit;height:inherit;background:none; text-indent:0;}

#globalNavi li#navi02 a	 		{width:62px;height:46px;background:url(../images/navi/gn02.png) no-repeat;}
#globalNavi li#navi02 a:hover	{width:62px;height:46px;background:url(../images/navi/gn02.png) no-repeat;}

#globalNavi li#navi03 a	 		{width:145px;height:46px;background:url(../images/navi/gn03.png) no-repeat;}
#globalNavi li#navi03 a:hover	{width:145px;height:46px;background:url(../images/navi/gn03.png) no-repeat}

#globalNavi li#navi04 a	 		{width:97px;height:46px;background:url(../images/navi/gn04.png) no-repeat;}
#globalNavi li#navi04 a:hover	{width:97px;height:46px;background:url(../images/navi/gn04.png) no-repeat;}

#globalNavi li#navi04 li a	 		{ clear:both;width:inherit;height:inherit;background:none; text-indent:0;}
#globalNavi li#navi04 li a:hover	{ clear:both;width:inherit;height:inherit;background:none; text-indent:0;}

#globalNavi li#navi05 a	 		{width:60px;height:46px;background:url(../images/navi/gn05.png) no-repeat;}
#globalNavi li#navi05 a:hover	{width:60px;height:46px;background:url(../images/navi/gn05.png) no-repeat;}

#globalNavi li#navi06 a	 		{width:71px;height:46px;background:url(../images/navi/gn06.png) no-repeat;}
#globalNavi li#navi06 a:hover	{width:71px;height:46px;background:url(../images/navi/gn06.png) no-repeat;}

#globalNavi li#navi07 a	 		{width:61px;height:46px;background:url(../images/navi/gn07.png) no-repeat;}
#globalNavi li#navi07 a:hover	{width:61px;height:46px;background:url(../images/navi/gn07.png) no-repeat;}

 
ul#globalNavi li.last-child {
    border-right:none;
}

ul#globalNavi li ul {
	margin:0 0 0 3px;
    list-style:none;
    position:absolute;top:48px;
	width:150px;
    z-index:100;
	border:solid 1px #ff0000;
}

ul#globalNavi li ul li {
	display:block;
	width:150px;
}



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


nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}



/*--------------------------------------------------------------------
----コンテンツ--------------------------------------------------------
--------------------------------------------------------------------*/
/*トップページ用*/
#content {
	margin:0 auto;
}

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

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

#container {
	width:100%;
}

/**/
#mv-box {
	float:left;
	width:980px;
	display:inline;
}

/**/
#side-toppage {
	float:right;
	width:250px;
	display:inline;
}

/*メイン*/
#main {
	float:left;
	margin:15px 0 0 0;
	width:700px;
	display:inline;
	font-size:110%;
}

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

#sidebar ul {
margin:0
}

#sidebar ul li {
	margin-bottom:15px;
}

ul#grandmenu li {
	margin-bottom:10px;
	padding:3px 0 0 10px;
	border-left:solid 3px #029de9;
}

/*リンク*/
#link-box {
	clear:both;
	margin:0 auto;
	padding:2px 0 1px 2px;
	overflow:hidden;
}

#link-box ul li {
	float:left;
	padding:4px;
}

/*事業案内*/
ul.reikai-list li {
	padding:2px 0;

}

/*トップページお知らせ用*/
.top-main-box {
	margin:0 0 25px 0;
	overflow:hidden;
	background:#ffffff;
}

#main .top-main-box h2 {
	margin:0 0 5px 0;
	padding:10px 0 0 120px;
	height:45px;
	background:url(../images/h2topmidashi.png) no-repeat;
}

.top-main-box dl {
	margin:0;
}

.top-main-box dt {
	float:left;
	display:inline;
	width:20%;
	margin:0 0 10px 0;
	padding:0 0 0 11px;
	clear:both;
	font-weight:bold;
	color:#5B5B5B;
	background:url(../images/list-c.png) no-repeat 0 5px;

}

.top-main-box dd {
	float:left;
	margin:0 0 10px 0;
	width:77%;
}

.reikai-box img {
	float:left;
	margin:0 15px 0 0;
}

.reikai-box {
	margin:0 0 15px 0 ;
}

.reikai-date {
	float:left;
}

.reikai-date p {
	padding:0 0 0 11px;
	background:url(../images/list-c.png) no-repeat 0 5px;
}


/*Ｈ２見出し*/
#main h2 {
	margin-bottom:20px;
	font-size:160%;
	letter-spacing:2px;
}

/*コンテンツ*/
.contents30 {
	float:left;
	width:30%;
	margin:0 33px 20px 0;
}

.last {
	float:left;
	width:30%;
	margin:0;
}

.contents30 img {
	float:none;
	margin-bottom:10px;
}

.contents50 {
	float:left;
	width:46%;
	margin:0 10px;
}

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

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

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

.contents-main h3 {
	clear:both;
	margin:25px 0 5px 0;
	font-size:130%;
}

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

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

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

.contents-main ol li {
	list-style:decimal outside;
	margin:0 0 5px 20px;
	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 .syousai {
	margin:15px 0;
	padding:15px;

	border:solid 1px #d9d9d9;
}

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

.contents-main .syousai dd {
	clear:both
}

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

.contents-main .syousai-re dt {
	float:left;
	display:inline;
	width:120px;
	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 140px;
	padding:4px 6px 2px 6px;
	line-height:160%;
}

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

#like-btn {
	float:right;
	margin:10px 0 5px 0;
	overflow:hidden;
}


/*鶴岡青年会議所とは？概要*/
.gaiyo {
	clear:both;
	margin:0 0 20px 0;
}

.gaiyo dl {
	margin:0;
}

.gaiyo dt {
	float:left;
	display:inline;
	clear:both;
	padding:8px 0 3px 4px;
	width:30%;
	font-weight:bold;
	border-bottom:dotted 1px #ed8f4e;
}

.gaiyo dd {
	padding:8px 0 3px 0;
	width:100%;
	border-bottom:dotted 1px #ed8f4e;
}

/*あゆみ*/
.nendai {
	margin:0 0 5px 0;
	overflow:hidden;
}

.nendai ul li {
	margin:0 8px 0 0;
	padding:5px 0 0 0;
	line-height:140%;
	list-style:none inside;
}

.nendai li {
	float:left;
	margin:0;
}

table.ayumi {
	clear:both;
	width:100%;
	margin-bottom:15px;
	table-layout:fixed;
}

.ayumi th {
	padding:6px;
	font-weight:bold;
	text-align:center;
	background:#d6d6d6;
	border:solid 1px #bfbfbf;
}

th.r1  {
	width:25%;
}

th.r2  {
	width:100%;
}

td.ayumi-r1 {
	padding:8px 12px 2px 8px;
	border:solid 1px #bfbfbf;
}

td.ayumi-r2 {
	padding:4px 12px 2px 6px;
	border:solid 1px #bfbfbf;
}

td.ayumi-r1a {
	padding:8px 12px 2px 8px;
	background:#ededed;
	border:solid 1px #bfbfbf;
}

td.ayumi-r2a {
	padding:4px 12px 2px 6px;
	border:solid 1px #bfbfbf;
	background:#ededed;
}

.ayumi-r2 li,
.ayumi-r2a li {
	list-style:outside disc;
	margin:0 0 0 22px;
	padding:0;
}


/*組織一覧*/
table.soshiki {
	margin-bottom:25px;
	width:100%;
}

.soshiki th {
	padding:10px 12px 6px 6px;
	border:solid 1px #bfbfbf;
	font-weight:bold;
	background:#cccccc;
	text-align:center;
	line-height:100%;
}

.soshiki td {
	padding:10px 12px 6px 6px;
}


td.soshiki-r1 {
	border:solid 1px #bfbfbf;
	line-height:100%;
	text-align:center;
}

td.soshiki-r2 {
	border:solid 1px #bfbfbf;
	line-height:100%;
}

td.soshiki-r3 {
	border:solid 1px #bfbfbf;
	line-height:100%;
}

td.soshiki-r4 {
	border:solid 1px #bfbfbf;
	line-height:100%;
}


/*現役会員*/
.kaiin-sakuin-box {
	float:right;
	display:inline;
	margin:14px 0 0 15px;
	font-size:13px;
}

.kaiin {
	margin-bottom:25px;
	width:100%;
}

.kaiin th {
	padding:6px 12px 6px 6px;
	border:solid 1px #bfbfbf;
	font-weight:bold;
	background:#cccccc;
	text-align:center;
	line-height:100%;
}

td.kaiin-r1 {
	padding:10px 6px 6px 6px;
	width:40%;
	border:solid 1px #bfbfbf;
	line-height:100%;
}

td.kaiin-r2 {
	padding:10px 6px 6px 6px;
	width:60%;
	border:solid 1px #bfbfbf;
	font-size:75%;
	line-height:100%;
}


/*OBOG会員*/
.ob-box {
	margin-bottom:20px;
}

.nendai-ob {
	float:right;
	margin:-20px 0 5px 0;
	font-size:80%;
}

.nendai-ob ul li {
	margin:0 8px 0 0;
	padding:5px 0 0 0;
	line-height:140%;
	list-style:none inside;
}

.nendai-ob li {
	float:left;
	margin:0;
}

ul.ob {
	float:left;
	display:inline;
	list-style: outside disc;
}

.ob li {
	margin:0 0 0 26px;
	padding:3px 0 3px 1px;
	width:315px;
}

/*歴代理事長*/
table.rekidai {
	width:100%;
	table-layout:fixed;
}

.rekidai th {
	padding:6px 12px 6px 6px;
	background:#0077ff;
	font-weight:bold;
	color:#ffffff;
	border:dotted 1px #bfbfbf;
}

.rekidai td {
	padding:6px 12px 6px 6px;
	border:dotted 1px #bfbfbf;
}

/*歴代ホームページ*/
.oldsite-box img {
	display:block;
	margin:0 auto;
}

.oldsite-box p {
	text-align:center;
}

/*募集要項*/
.bosyu-youkou th {
	padding:8px;
	width:25%;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	border:solid 1px #dedede;
}

.bosyu-youkou td {
	padding:8px;
	width:75%;
	vertical-align:top;
	border:solid 1px #dedede;
}

/*--------------------------------------------------------------------
----フッター----------------------------------------------------------
--------------------------------------------------------------------*/
footer {
	background:#ff7800;
	color:#FFFFFF;
}

#footer-address {
	float:left;
	margin-right:30px;
	width:40%;
}

#footer-address p {
	margin-bottom:6px;
}


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

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

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

.footer-link li a,
#footer-address a {
	color:#FFFFFF;
}

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

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

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



.festa dl {
	margin:-8px 0 30px 0;
}


.festa dt {
	margin: 12px 0 2px 0;
	color:#EB3E79;
}

.festa dd {
	margin:0 0 4px 0;
	font-size:85%;

}


}
