@charset "utf-8";


/* ---------------------------------------------
 * css内の設定値を変数化したため、tplで記述
------------------------------------------------ */


html > body {
	font-size: 14px; /* Except IE */
		}

img,p { border: 0;}

h1,h2.h3.h4.h5{
	margin: 0px;
	padding: 0px;
	font-size:100%;
}

h1{line-height:1em;}
h2.h3.h4.h5{line-height:0em;}


p {
	padding-bottom: 0.8em;
}

/* リンク指定
----------------------------------------------- */
a:link,
a:visited,
a:hover {
	color: #99cc33;
	text-decoration: underline;
}
a:hover {
	opacity: 0.75;
}
h2.top a:link, h2.top a:visited {
	color: #ffffff;
	text-decoration: none;
}
h2.top a:hover {
	color: #ffcc33;
}

/* ヘッダー
------------------------------------------------ */
div#u_header {
	width: 930px;
	background-color: #ffffff;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #99cc33;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#u_header h1{display:none}

div#u_header ul {
	padding: 0;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

div#u_header li	{
	display: inline;
	float: right;
	list-style-type: none;
}

div#u_header li a:hover {color: #cccc99;}


div#u_header li a {
	color: #666633;
	text-decoration: none;
}

div#sitename {
	height: 75px;
	width: 930px;
	padding-bottom: 10px;
}

div#sitename img#nameimg {
	height: 75px;
	width: 470px;
}/*2013.11.21ロゴマーク、交流会名画像サイズ変更 h/76px w/470　伴い画像５点サイズ変更済　byH*/

div#sitename img#nameimg2 {
	max-height: 64px;
	max-width: 440px;
	margin-top: 11px;
	margin-right: 25px;
}


/* ボタン（ナビ）
------------------------------------------------ */
.menu {
	font-size: 100%;
	width: 930px;
	height: 52px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight: bold;
	background-image:url(https://collaboplaza.com/user_data/packages/default/img/collabo/menu_back.gif);
}

.menu ul {
	margin: 0;
	padding: 0;
	width: 930px;
	background-color: #fff;
}

.menu li {
	list-style-type: none;
	float: left;
	width: 186px;
	width: 186px;
}

.menu li a,
.menu li a:visited {
	display: block;
	height: 40px;
	background-color: #99cc33;
	color: #FFFFFF;
		line-height:40px;
	text-align: center;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #336600;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #ccff66;
	}

.menu li.current-page a,
.menu li a:hover {
	background-color: #009900 !important;
	border-top-color: #33cc33;
	border-bottom-color: #003300;
	color: #FFFFFF !important;
	}

.menu li:last-child a{
	border-right: 0 none;
}


div#btn_width {
	width: 930px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #99cc33;
}

div#btn_rightblock {
	float: right;
	width: 60px;
	margin: 0px 10px 0px 0px ;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
}

/* サイドナビ
------------------------------------------------ */

div#sidenavi { margin-bottom: 15px;}

div#sidenavi1 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 240px;
	background-image: url(https://collaboplaza.com/user_data/packages/default/img/rinri/bn_ms.jpg);
	padding-top: 85px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#sidenavi2 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 240px;
	background-image: url(https://collaboplaza.com/user_data/packages/default/img/rinri/bn_rhoujinkai.jpg);
	padding-top: 85px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#sidenavi3 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 240px;
	background-image: url(https://collaboplaza.com/user_data/packages/default/img/rinri/bn_siori17.jpg);
	padding-top: 85px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#sidenavi4 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 240px;
	background-image: url(https://collaboplaza.com/user_data/packages/default/img/rinri/bn_7acts.jpg);
	padding-top: 85px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#sidenavi5 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 240px;
	background-image: url(https://collaboplaza.com/user_data/packages/default/img/rinri/bn_mugen.jpg);
	padding-top: 85px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

div#sidenavi1 a:hover,div#sidenavi2 a:hover,div#sidenavi3 a:hover,div#sidenavi4 a:hover,div#sidenavi5 a:hover {
	background-position: 0px -85px;
}


/* 各ページコンテンツ見出しimg
------------------------------------------------ */
h2,
.detail_page h2.full_bg{
	background-color: #99cc33;
	height: 17px;
	width: 600px;
	margin-bottom: 10px;
	border:0 none;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #cccc99;
	line-height:0.4em;
	text-indent:10px;
	font-size:95%;
	color: #FFFFFF;
}

.detail_page h2{
	background-color:transparent;
	border-bottom:1px solid;
	border-color:#99cc33;
	color:#99cc33;
	font-size:100%;
}



h3{
	background-color: #cccc99;
	min-height: 15px;
	height:auto;
	width: 600px;
	text-indent:5px;
	margin-bottom: 15px;
	color: #FFFFFF;
	letter-spacing: 0.2em;
}

h4{
	margin-bottom: 18px;
	font-weight:bold;
	color: #666666;
	letter-spacing: 0.2em;
}


/* コンテンツdiv
------------------------------------------------ */
.contents {
	width:600px;
	margin-bottom: 30px;
	padding-left: 10px;
}

/* コンテンツ 過去記事リンク
------------------------------------------------ */
.past_article {
	float: right;
	margin-top: 15px;
}
/* 各ページのヘッドラインコピー
----------------------------------------------- */
.headline{
	padding-bottom: 20px;
}

/* 各ページのテキスト見出し
----------------------------------------------- */
.txttit {
	clear: both;
	width: 590px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 2ex;
	font-size: 110%;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #666633;
	background-color: #cccc66;
}

/* TOPページ会員紹介 記事一覧
----------------------------------------------- */
#pickup {
	float: left;
	margin-right: 15px;
	width:120px;
	height:120px;
}
#pickupText{
	float: right;
	width: 475px;
	overflow: hidden;
	height: auto;
}
.event_photo{
	width:50px;
	border: 1px solid #cccccc;
}

/* イチ押し会員企業area
----------------------------------------------- */
div.listarea_ichi {
	clear: both;
	width: 578px;
	margin-bottom:15px;
	padding: 10px;
	overflow: hidden;
	border-top: 0;
	border-right-width:8px;
	border-right-color:#cccc99;
	border-right-style:solid;
	border-bottom-width:8px;
	border-bottom-color:#cccc99;
	border-bottom-style:solid;
	border-left-width:8px;
	border-left-color:#cccc99;
	border-left-style:solid;	
}

div.listarea_ichi div.listphoto {
	float: left;
	width: 152px;
}

div.listarea_ichi div.listrightblock {
	float: right;
	width: 406px;
}

div.listarea_ichi div.listrightblock li {
	display: inline;
	padding: 0 0 10px 0;
}

div.listarea_ichi div.listrightblock .listcomment {
	margin: 0 0 10px 0;
}

div.listarea_ichi div.listrightblock .status {
	font-weight:bold;
}

div.listarea_ichi div.listrightblock .btnbox {
	margin: 0 0 2px 0;
	padding: 1px;
	float: right;
}


/* フッター
----------------------------------------------- */
#to_pagetop p {
	width: 880px;
	margin: 0 auto;
	background-color: #fff;
	padding: 30px 25px 15px 25px;
	text-align: right;
}

#u_footer {
	width: 880px;
	margin: 0 auto;
	padding: 15px 25px;
	background-color: #99cc33;
	font-size: 90%;
	color: #fff;
	text-align: center;
}

#u_footer ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#u_footer li.first {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

#u_footer li {
	display: inline;
	list-style-type: none;
	border-left: solid 1px #FFFFFF;
	margin-left: 15px;
	padding-left: 15px;
}

#u_footer li a{
	color: #FFFFFF;
	text-decoration: none;
}
#u_footer p a{
	color: #FFFFFF;
	text-decoration: underline;
}

#u_footer li a:hover,
#u_footer p a:hover {
	opacity: 0.75;
}


/* MSページ
----------------------------------------------- */
div#msplace{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 285px;	
}
div#msplace dl{
	padding: 0px;
	margin-bottom: 0.8em;
}
div#msplace dt{
	font-weight: bold;
}

div#msplace dt.wzpadd{
	font-weight: bold;
	padding-top: 0.8em;
}

div#msplace dd.url{
	font-size: 80%;
}

div#map{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;	
}

/* TOP 会員紹介
----------------------------------------------- */
div.pickup img{
	float:left;
	margin-right:15px;
	width:120px;
	height:120px;
	margin-bottom: 15px;
}
div.pickup-intro{ width: 465px; overflow: hidden; height: auto;}
div.pickup-intro h4 { float:right; width: 465px; overflow: hidden; height: auto;}

/* 三役紹介
----------------------------------------------- */
div.sanyaku{ 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
div.sanyaku .thumb,
div.sanyaku img{
	float:left;
	margin-right:15px;
	width:180px;
	margin-bottom: 15px;
}
div.sanyaku .thumb img{
	margin:0;
	float:none;
}
div.sanyaku .intro img{
	float:none;
	width:auto;
	margin:0;
}
div.intro{ width: auto; overflow: hidden; height: auto;}
div.intro h4 { width: auto; overflow: hidden; height: auto;}
div.sanyaku.enlarge-image{
	position: relative;
}
div.sanyaku.enlarge-image img{
	margin-bottom:30px;
}
div.sanyaku.enlarge-image .thumb img{
	margin-bottom:0;
}
div.sanyaku.enlarge-image .light-box{
	position: absolute;
	left:10px;
	bottom:8px;
	font-size:11px;
	text-decoration:none;
	display:inline-block;
}
div.sanyaku.enlarge-image .thumb .light-box{
	position: relative;
	left:0;
	bottom:0;
	top:0;
}

/* 2015.11.02 スケジュール表・記事ページ改善 PC版 */
#schedule_table td.calendar-day-np  { background:#eee; min-height:100px; }
* html #schedule_table div.calendar-day-np { height:100px; }
#schedule_table  td.calendar-weekend { background-color: #dfe8ff}
#schedule_table div.day-number.holiday{
	color: red;
}
#schedule_table td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border:1px solid #d6d6d6 !important; }
#schedule_table td.calendar-day.blank{
	background-color: #eee;
}
#schedule_table {
	position:relative;
}
#schedule_table h2#title-bar{
	float:none;
	width:auto;
}
#schedule_table #navigation{
	position:absolute;
	top:0;
	right:0;
	margin:5px 15px;
}
#schedule_table table.calendar{
	border-collapse:collapse;
	border-spacing:0;
	border:0 none;
	margin-bottom:50px;
	table-layout:fixed;
}
#schedule_table div.content{
	min-height:100px;
	margin-top: 20px;
}
* html #schedule_table div.content { height:100px; }
#schedule_table div.day-number{
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
	font-weight: bold;
}
#schedule_table div.holiday-name{
	position: absolute;
	top: 5px;
	left: 5px;
	color: red;
}
#schedule_table th.calendar-day-head {
	background:#ccc;
	font-weight:bold;
	text-align:center;
	padding:5px;
	border:1px solid #d6d6d6;
}
#schedule_table th.calendar-day-head.saturday,
#schedule_table th.calendar-day-head.sunday{
	color: blue;
}
#schedule_table td.calendar-day {
	font-size:11px;
	position:relative;
	background-clip:padding-box;
}
#schedule_banner{
	margin-bottom:10px;
}
#schedule_default_event{
	display: block;
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	top:0;
	height:32px;
	line-height:32px;
	text-indent:0;
	font-weight:bold;
}
#schedule_default_event a{
	display: inline-block;
	*display:inline;
	zoom:1;
	margin:0 auto;
}

/* サイドエリアの共通バナー・ボタン（プライバシーポリシー等） */
.banner a{
	/* Hide the text. */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-position:center center !important;
}
.sidenavi_banner a{
	display:block;
	position:relative;
}
.sidenavi_banner a:hover:after{
	border: 2px solid;
	border-color: #99cc33;
		position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.slidenavi_group{
	margin-bottom:30px;
}
.slidenavi_group .sidenavi_banner,
.slidenavi_group .sidenavi_button{
	margin-bottom:10px;
}
.sidenavi_button{
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:240px;
}
.sidenavi_button a{
	color:#fff;
		text-decoration: none;
	display:block;
	padding:10px;
	background-color:#99cc33;
	}
.sidenavi_button a:hover{
	opacity: 0.7;
	filter: alpha(opacity = 70);
	-ms-filter: "alpha( opacity=70 )";
}

/* メインエリアの共通ボタン（MAPボタン等） */
a.content_button,
a.content_button:link,
a.content_button:visited{
	background-color:#999966;
		color:#fff;
		padding:1px 10px;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #ccc;
	font-weight:bold;
	text-decoration:none;
}
a.content_button:hover{
	opacity: 0.7;
	filter: alpha(opacity = 70);
	-ms-filter: "alpha( opacity=70 )";
}



/* ご当地検定 */
#qa #qa-question-number{
	color: #99cc33;
}


@media (max-width: 767px) {
	h2,
	.menu_sp_title,
	.search_sp_title{
		background: #99cc33 !important;
	}
	.menu,
	div#searcharea{
		border-bottom:5px solid #99cc33 !important;
	}
	.menu li.current-page,
	.menu li:hover,
	.menu li:hover a{
		background-color: #009900;
		color:#FFFFFF;
	}

	
	
	
	
	}