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

/*
Theme Name: 大阪科学技術センター
Theme URI: 
Author: FULLHOUSE.EXE
Author URI: http://www.fhouse.co.jp/
Description: 大阪科学技術センターホームページのオリジナルテーマです。
Version: 1.1
*/

@import url("/ostec_wp/css/ostec-theme_common.css");

/* ##################################################
	HEADER
################################################## */
header {
	background: url(/ostec_wp/img/header_bg.gif) center top no-repeat;
	height: 140px;
	margin-bottom: 0;
}

header .container {
	position: relative;
	height: 140px;
}

header .container a.logo {
	position: absolute;
	top: 19px; left: 25px;
	display: block;
	width: 487px; height: 47px;
	background: url(/ostec_wp/img/header_main-logo.gif) left top no-repeat;
}

header .container input {
	position: absolute;
	top: 25px; right: 170px;
	width: 180px;  height: 28px;
	padding-right: 30px;
	font-size: 13px;
	background-image: url(/ostec_wp/img/icon_search.gif);
	background-position: 155px 4px;
	background-repeat: no-repeat;
}

header .container a.btnInq {
	width: 150px; height: 28px;
	background-color: #4a5c93;
	position: absolute;
	top: 25px; right: 0;
	font-size: 15px;
	line-height: 28px;
	text-decoration: none;
	color: #FFF;
	background-image: url(/ostec_wp/img/icon_inq.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	padding-left: 40px;
}

ul.nav,
img.menuCap {
	position: absolute;
	top: 80px; left:0;
	padding: 0;
}
 
ul.nav li {
	display: table;
	float: left;
	width: 122px; height: 60px;
	background-color: #6a7296;
	border-right: 1px solid #56669a;
}
 
ul.nav li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
}
ul.nav li a:hover,
ul.nav li.selected a { background: url(/ostec_wp/img/menu_on_bg.gif) repeat-x; }


/* ##################################################
	section
################################################## */

/* ページタイトル */
#pageTitle {
	background-image: url(/ostec_wp/img/page-title_bg.gif);
	background-repeat: repeat-x;
	height: 120px;
	margin-bottom: 50px;
}
#pageTitle > .container { position: relative; }

#pageTitle h1 {
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	border: none;
	margin: 30px 0 0;
}

/* ぱんくずリスト */
ul#breadcrumb { margin:5px auto 20px; }
ul#breadcrumb li {
	height:20px;
	font-size:0.7em;
	padding:0 10px 0 0;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
ul#breadcrumb li + li:before { content: ">"; color:#d6d8de; margin-right: 10px; }
ul#breadcrumb li,
ul#breadcrumb li a { text-decoration:none; line-height:20px; color:#d6d8de; }
ul#breadcrumb li:first-child {
	background: url(/ostec_wp/img/icon_breadcrumb-home.gif) no-repeat 0px 0px;
	padding-left:20px;
}

/* 見出し */
.container > h2,
.inner > h2 {
	height: 40px;
	background-color: #dde0eb;
	background-image: url(/ostec_wp/img/chapter_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 21px;
	font-weight: bold;
	color: #22377b;
	line-height: 40px;
	padding-left: 40px;
	margin: 0 0 30px;
}

.container > h3,
.inner > h3 {
	padding: 0;
	margin: 0 auto 30px; 
	color: #22377b;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #4d4d4d;
	position: relative;
}
.container > h3 span,
.inner > h3 span {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* ボックスボタン */
a.btnBox { border: 1px solid #e5e5e5; display: block; color: #4d4d4d; position: relative; }
a.btnBox img { margin: 0; border: none; }
a.btnBox h3 {
	display: table;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	height: 70px;
	width: 100%;
	margin: 0;
	background-color: #FFF;
}
a.btnBox h3 p {
	display: table-cell;
	margin: 0; padding: 0;
	vertical-align: middle;
	line-height: 24px;
}
a.btnBox h3 p span {
	font-size: 15px;
	font-weight: normal;
}

a.btnBox h3 p span:before {
    content: '\A';
    white-space: pre;
	font-size: 15px;
}

a.btnBox > p {
	font-size: 15px;
	line-height: 24px;
	padding: 0 10px 10px;
}
a.btnBox .boxType {
	height: 29px;
	text-align: center;
	padding: 3px 0 0;
}
a.btnBox .boxType.self { background: url(/ostec_wp/img/box_type_link_self.gif) no-repeat center top; }
a.btnBox .boxType.brank { background: url(/ostec_wp/img/box_type_link_brank.gif) no-repeat center top; }
a.btnBox .boxType.documents { background: url(/ostec_wp/img/box_type_documents.gif) no-repeat center top; }
a.btnBox .boxType.modal { background: url(/ostec_wp/img/box_type_modal.gif) no-repeat center top; }
a.btnBox .boxType.anchor { background: url(/ostec_wp/img/box_type_anchor.gif) no-repeat center top; }

a.btnBox .boxType.documents span {
	font-size: 12px;
	color: #b2b2b2;
	padding: 2px 0 4px 20px;
	background: url(/ostec_wp/img/btn_box_bullet-documents.gif) no-repeat 0 0;
}
/* the OSTEC 表紙用 */
a.btnBox .cover {
	padding: 5px 0 0;
	background-color: #f4f5f8;
	text-align: center;
}
/* 技術振興活動 アンカーボタン画像用 */
a.btnBox .bgImg {
	width: 138px; height: 138px;
	background-size: contain;
}
/* 募集中バッジ */
a.btnBox .badgeWanted {
	position: absolute;
	top:0; right: 0;
	width: 47px; height: 47px;
	background: url(/ostec_wp/img/icon_wanted.gif) 0 0 no-repeat;
    font: 0/0;
    text-shadow: none;
    color: transparent;
}

/* タブ */
.tabMenu { margin-bottom: 2px; }
.tabMenu ul li {
	float: left;
	width: 86px;
	margin-right: 4px;
}
.tabMenu ul li:last-child { margin-right:0; }
.tabMenu ul li a {
	display: block;
	text-align: center;
	background-color: #d2d6e4;
	color: #FFF;
	line-height: 60px;
}
.tabMenu ul li a.active { 
	background-color: #4a5c93;
	font-weight: bold;
}

/* 入会について Table */
table.plnTable,table.plnTable td,table.plnTable th { border-color: #FFF; border-right: 1px solid #FFF; }
table.plnTable th { background-color: #edeff4; font-size: 15px; font-weight: normal;}
table.plnTable td { background-color: #f4f5f8; font-size: 15px; }


/* 会員一覧 Table */
.tabBody p {
	clear: both;
	width: 100%;
	margin-bottom: 2px;
	background-color: #d2d6e4;
	padding: 3px 30px;
}
.tabBody table { width: 50%; float: left; }
.tabBody table,.tabBody table tr td { border-color: #FFF; border-right: 1px solid #FFF; }
.tabBody table tr:nth-of-type(even) { background-color: #edeff4; }
.tabBody table tr:nth-of-type(odd) { background-color: #f4f5f8; }
.tabBody table tr td { padding: 10px 15px; }
.tabBody table tr td a[target="_blank"],
ul.links li a[target="_blank"]{
  background:url(/ostec_wp/img/icon_brank.gif) no-repeat right center;
  padding-right:25px;
  margin-right:5px;
}

/* 技術振興活動内 */
.techAnchorWpLeft,.techAnchorWpRight,
.techAnchorWpLeft a { float: left; }
.techAnchorWpLeft { width: 728px; margin-right: 28px; }
.techAnchorWpRight { width: 140px; }
.techAnchorWpLeft a { margin-right: 7px; }
.techAnchorWpLeft a:last-child { margin-right: 0; }

section.stripe { margin: 0 0 1px;}
section.stripe:nth-of-type(even) { background-color: #f8f9fb; }
section.stripe:nth-of-type(odd) { background-color: #f1f3f7; }

.imgPillar {
	float: left;
	width: 145px;
	min-height: 300px;
	background-size: cover;
	/* background-size: auto 100%; */
	background-position: center top;
	opacity: 0.6;
}
.btnWrapper {
	float: left;
	width: 830px;
	min-height: 300px;
	padding-left: 32px;
	padding-bottom: 30px;
	position: relative;
}
.btnWrapper > h2 { font-size: 32px; font-weight: normal;}
.btnWrapper a.btnBox {
	float: left;
	width: 245px;
	margin-right: 31px;
	margin-bottom: 30px;
}
.btnWrapper a.btnBox:nth-of-type(3n) { margin-right: 0; }
.btnWrapper a.btnBox h3 { font-size: 15px; }
.btnWrapper a[href="#top"] {
	position: absolute;
	bottom: 5px; right: 0;
	font-size: 12px;
	color: #b2b2b2;
}

ul.closeList li { margin-bottom: 10px; color: #4d4d4d; }

p.wantedMsg {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #1d3378;
	margin: 30px 0 5px;
}
.wantedMsgBox {
	width: 520px;
	margin: 0 auto 0;
	background-color: #f1f3f7;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

/* リンク集 */
ul.links li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #B2B2B2;
	font-size: 13px;
	padding: 5px;
}


/* ##################################################
	NEWS関連
################################################## */
/* トップページ */
.newsArea { background-color: #f8f9fb; }

.newsArea > a {
	display: block;
	width: 976px!important;
	height: 30px;
	border-top: 2px solid #FFF;
	background-color: #eff1f6;
	text-align: center;
	background-image: url(/ostec_wp/img/icon_news-more.gif);
	background-repeat: no-repeat;
	background-position: 440px 8px;
	font-size: 12px;
	color: #6170a0;
	line-height: 30px;
}

.newsArea > ul.newsBody {
	width: 800px;
	float: left;
	border-right: 2px solid #FFF;
	padding: 30px 40px 10px;
	margin: 0;
}

ul.newsBody li {
	margin-bottom: 20px;
}

ul.newsBody li p,
.newsTitle p {
	font-size: 13px;
	color: #4d4d4d;
	margin-bottom: 10px;
	padding-left: 80px;
	line-height: 20px;
}
ul.newsBody li p.typeEvent,
.newsTitle p.typeEvent { background: url(/ostec_wp/img/news_badge-event.gif) left top no-repeat; }
ul.newsBody li p.typeWanted,
.newsTitle p.typeWanted { background: url(/ostec_wp/img/news_badge-wanted.gif) left top no-repeat; }
ul.newsBody li p.typeTopics,
.newsTitle p.typeTopics { background: url(/ostec_wp/img/news_badge-topics.gif) left top no-repeat; }
ul.newsBody li a { display:block; color:#4d4d4d; }


ul.newsMenu {
	float: left;
}
ul.newsMenu li {
	display: table;
	border-bottom: 2px solid #FFF;
	background-color: #eff1f6;
}
ul.newsMenu li a {
	display: table-cell;
	vertical-align: middle;
	width: 176px; height: 48px;
	font-size: 15px;
	color: #6170a0;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 10px 15px;
}
ul.newsMenu li.list a { background-image: url(/ostec_wp/img/icon_news-list.gif); }
ul.newsMenu li.topics a { background-image: url(/ostec_wp/img/icon_news-topics.gif); }
ul.newsMenu li.wanted a { background-image: url(/ostec_wp/img/icon_news-wanted.gif); }
ul.newsMenu li.event a { background-image: url(/ostec_wp/img/icon_news-event.gif); }

ul.newsMenu li.cal { height: 100px; }
ul.newsMenu li.cal a {
	padding-left: 0;
	text-align: center;
	background-image: url(/ostec_wp/img/icon_news-calendar_l.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
	padding-top: 55px;
}

.subArea { background-color: #e8ebf1; padding: 30px 0 40px; margin: 0; }

/* サブメニュー */
ul.subMenu {
	position: absolute;
	bottom: 0px;
	right: 0;
}
ul.subMenu li {
	display: table;
	border-left: 1px solid #d2d6e4;
	float: left;
	position: relative;
}
ul.subMenu li:last-child { border-right: 1px solid #d2d6e4; }
ul.subMenu li a {
	display: table-cell;
	vertical-align: bottom;
	width: 144px; height: 48px;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 5px;
}
ul.subMenu li a:before{
	background-color: rgba(119,133,174,0.5);
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	content: ' ';
}
ul.subMenu li.selected a { font-weight: bold; }
ul.subMenu li.selected a:before,
ul.subMenu li a:hover:before,
ul.subMenu li.documents a:before {
	background-color: rgba(119,133,174,0);
}
ul.subMenu li.list a { background-image: url(/ostec_wp/img/icon_news-all.gif); }
ul.subMenu li.topics a { background-image: url(/ostec_wp/img/icon_news-topics.gif); }
ul.subMenu li.wanted a { background-image: url(/ostec_wp/img/icon_news-wanted.gif); }
ul.subMenu li.event a { background-image: url(/ostec_wp/img/icon_news-event.gif); }
ul.subMenu li.cal a { background-image: url(/ostec_wp/img/icon_news-calendar.gif); }
ul.subMenu li.backto a { background-image: url(/ostec_wp/img/icon_backto.gif); }
ul.subMenu li.documents a { background-image: url(/ostec_wp/img/icon_documents.gif); }
ul.subMenu li.documents a {
	text-align: left;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
ul.newsBody.overflow800 {
	height: 800px;
	overflow-y: scroll;
}

/* 記事ページ内 */
.newsTitle {
	padding: 0 0 15px;
}
.newsTitle h1 {
	font-size: 24px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	border: none;
}


/* ##################################################
	モーダルウィンドウ
################################################## */
/* お問い合わせボタン */
a.btnMail {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
  margin: 0 auto;
  padding: 21px 25px 19px 10px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#347099), to(#2b5a7b));
  background: linear-gradient(#347099, #2b5a7b);
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 19px;
}

.remodal section .inner {
	width: 90%;
	margin: 0 auto;
}

.remodal h1 { font-size: 24px; }
.remodal h1 span { font-size: 19px; }

.remodal h4,
.remodal p,
.remodal ul li { text-align: left; }

.remodal h3 {
	font-size: 21px;
	margin: 30px 0 15px;
}

.remodal p {
	margin-bottom: 15px;
}
.remodal ul li {
	margin-top: 10px;
}
.remodal ul li > ul {
	font-size: 15px;
}


/* ##################################################
	Footer
################################################## */
footer {
	position: absolute;
	bottom: 0;
	height: 320px;
	background-color: #344785;
	background-repeat: repeat-x;
	color: #FFF;
	margin: 0;
	padding: 0;
	border: none;
}

footer .container {
	padding: 30px 0 0;
	position: relative;
}

footer .container a.btnGoTop {
	width: 78px; height: 78px;
	padding: 20px 0 0;
	background-color: #4a5c93;
	position: absolute;
	top: -20px; right: 0;
}

/* フッターナビ */
.footerNavi,
.footerLink {
	position: relative;
	overflow: hidden;
}
 
.footerNavi ul,
.footerLink ul {
	float:left;
	left:50%;
	position:relative;
	margin: 15px 0;
}
 
.footerNavi li,
.footerLink li {
	float:left;
	left:-50%;
	position:relative;
	margin-right: 30px;
}
.footerNavi li:last-child,
.footerLink li:last-child {
	margin-right: 0;
}

.footerNavi ul li a {
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	padding-left: 20px;
	background-image:url( /ostec_wp/img/icon_list-bullet.gif);
	background-position: left 4px;
}

/* フッターリンク　サブ */
.footerLink li {
	margin-right: 0;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	padding: 0 10px;
}
.footerLink li:last-child {
	border-left:none;
}
.footerLink li a {
	font-size: 10px;
	color: #FFF;
	display: block;
}

footer .container input {
	width: 280px;  height: 28px;
	padding-right: 30px;
	font-size: 13px;
	background-image: url(/ostec_wp/img/icon_search.gif);
	background-position: 255px 4px;
	background-repeat: no-repeat;
	margin: 10px 0 20px;
}

p.copyright { font-size: 10px; }


/* ##################################################

	JQuery SliderPro Customize

################################################## */
.bnrArea {
	background: url(/ostec_wp/img/bnr_area_bg.gif) repeat-x;
	height: 368px;
	padding-top: 15px;
	margin-bottom: 30px;
}


.sp-thumbnail { top: 0px!important; }
.sp-thumbnails-container { margin-top: 15px!important; }
/* サムネイル間隔　*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container { margin-left: 8px; margin-right: 8px; }
/* サムネイル青枠 */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	left: 8px;
	bottom: 0;
	border: 3px solid #1d3378;
	width: 190px;
	height: 53px;
	color: transparent;
}
/* メインとサムネイルの矢印 */
.sp-thumbnail-arrow { height: 33px; top:-15px; }
.sp-next-arrow { right: 0px; }
.sp-horizontal .sp-previous-arrow { left: 0px; }
.sp-horizontal .sp-next-arrow { right: 1px; }
.sp-thumbnail-arrow,
.sp-arrow {
	background-color: #1d3378;
	border-top: 10px solid #1d3378;
	border-bottom: 10px solid #1d3378;
	border-left: 10px solid #1d3378;
	border-right: 10px solid #1d3378;
}
.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow { left: -1px; }
/* Safari 表示バグ修正 */
.sp-image,
.sp-thumbnail { left: 0!important; margin-left: 0!important; }