@charset "UTF-8";


/*============================================================================*/
/*//////  Copyright (C) 2013 大阪物療大学 All Rights Reserved.  //////*/
/*============================================================================*/


/* 
#topPage
-------------------------------------------------------*/

/*==========================================================================*/
/*									TOP画像									*/
/*==========================================================================*/
/* ▼▼メイン画像スライド切り替え用のスタイル▼▼ */
#topPage #image-navigation {
	width: 100%;
	min-width:980px;
	position: relative;
	z-index: 1;
}

/* ▼▼メイン画像切り替え部分のスタイル▼▼ */
#topPage #image-navigation .navi-image {
	position:relative;
}
#topPage #image-navigation .navi-image a { display:block; }
#topPage #image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#topPage #image-navigation .navi-image a.active { z-index:10; }
#topPage #image-navigation .navi-image a.last-active { z-index:9; }
#topPage #image-navigation .navi-image a.pointer img.pointer { cursor: pointer; }
#topPage #image-navigation .navi-image img {
	cursor: default;
	width: 100%;
}
/* ▲▲メイン画像切り替え部分のスタイル▲▲ */

#topPage #image-navigation .mainNavi {
	display: none;
	float:right;
}
#topPage #image-navigation .mainNavi li a {
	display: block;
	height: 48px;
	border: 3px #fff solid;
}
#topPage #image-navigation .mainNavi li a.active {
	border: 3px #f66 solid;
}
#topPage #image-navigation .mainNaviList {
	float:left;
}
#topPage #image-navigation .mainNaviList {
	position: relative;
}
#topPage #image-navigation .mainNaviList a {
	position: absolute;
	z-index: 0;
}
#topPage #image-navigation .mainNaviList a.active {
	z-index: 100;
}

/* ▼▼メイン画像拡大表示用のスタイル▼▼ */
#topPage #image-up {
	width: 100%;
	min-width:980px;
	position: relative;
	z-index: 1;
}

#topPage #image-up .up-image {
	position:relative;
}
#topPage #image-up .up-image a.pointer img.pointer { cursor: pointer; }

#topPage #image-up .up-image img {
	cursor: default;
	width: 100%;
}
/* ▲▲メイン画像部分のスタイル▲▲ */

/*==========================================================================*/
/*							ページ階層表記									*/
/*==========================================================================*/
#topPage #wrapper ul#locus {
	text-indent: 0;
}
/*==========================================================================*/
/*								Wrapper										*/
/*==========================================================================*/
#topPage #main {
	width: auto;
	min-width:980px;
}
/*==========================================================================*/
/*								Content										*/
/*==========================================================================*/
#topPage #main #content {
	float: left;
	width: calc(100% - 20px);
	margin: 0 10px 20px;
}

/*==========================================================================*/
/*									News									*/
/*==========================================================================*/
#topPage #main #newsArea {
	width: auto;
	height: 320px;
	padding: 8px 0;
}
#topPage #main #newsArea h3 {
	margin: 15px;
}
#topPage #main #newsLink {
	position: relative;
	margin: -40px 0 13px 0;
	padding: 0 10px 0 0;
	background: none;
	text-align: right;
	zoom: 1;
}
#topPage #main #newsLink a {
	padding-left: 10px;
	background: url(../images/icon_arrow_blue.gif) no-repeat left 1px;
}
#topPage #main #newsArea .list_carousel {
	position: relative;
/*	font-size: 140%;*/
}
#topPage #main .list_carousel,
#topPage #main .list_carousel .caroufredsel_wrapper {
	display: block;
	overflow: hidden;
	width: 2966px;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 3005px) {		/*ウィンドウサイズが写真11個分未満*/
	#topPage #main .list_carousel {
		width: 2726px;
	}
}
@media screen and (max-width: 2765px) {		/*ウィンドウサイズが写真10個分未満*/
	#topPage #main .list_carousel {
		width: 2486px;
	}
}
@media screen and (max-width: 2525px) {		/*ウィンドウサイズが写真9個分未満*/
	#topPage #main .list_carousel {
		width: 2246px;
	}
}
@media screen and (max-width: 2285px) {		/*ウィンドウサイズが写真8個分未満*/
	#topPage #main .list_carousel {
		width: 2006px;
	}
}
@media screen and (max-width: 2045px) {		/*ウィンドウサイズが写真7個分未満*/
	#topPage #main .list_carousel {
		width: 1766px;
	}
}
@media screen and (max-width: 1805px) {		/*ウィンドウサイズが写真6個分未満*/
	#topPage #main .list_carousel {
		width: 1526px;
	}
}
@media screen and (max-width: 1565px) {		/*ウィンドウサイズが写真5個分未満*/
	#topPage #main .list_carousel {
		width: 1286px;
	}
}
@media screen and (max-width: 1325px) {		/*ウィンドウサイズが写真4個分未満*/
	#topPage #main .list_carousel {
		width: 1046px;
	}
}
@media screen and (max-width: 1085px) {		/*ウィンドウサイズが写真3個分未満*/
	#topPage #main .list_carousel {
		width: 806px;
	}
}

#topPage #main ul#slider {
	margin-left: 43px;
	line-height: 3;
}
#topPage #main ul#slider li {
	float: left;
	display: inline;
	margin: 0 5px;
}
#topPage #main .slideContents {
	position: relative;
	width: 230px;
	font-size: 85.5%;
	line-height: 1.7;
}
#topPage #main .haslink {
	cursor: pointer;/* li.slideContentsごとリンク化しているのが分かるようにポインターを表示する為 */
}
#topPage #main .slideContents .tagName {
	float: left;
	margin-right: 10px;
}
#topPage #main .slideContents .tagName,
#topPage #main .slideContents .date {
	margin-bottom: 3px;
}
#topPage #main .slideContents p.badge {
	position: absolute;
	top: 23px;
	left: 5px;
	zoom: 1;
	z-index: 100;
}
#topPage #main .slideContents p.badgeoff {
	display: none;
	width: 0;
	height: 0;
}
#topPage #main .slideContents p.photo {
	position: relative;
	margin-bottom: -20px;
	zoom: 1;
	z-index: 1;
}
#topPage #main .slideContents p.photo,
#topPage #main .slideContents p.photo img {
	width: 230px;
	height: 150px
}
#topPage #main .slideContents p.photooff {
	height: 5px;
}
#topPage #main .slideContents p.photooff img {
	display: none;
	width: 0;
	height: 0;
}
#topPage #main .slideContents p.text {
	margin-top: 30px;
	line-height: 1.4;
}
#topPage #main .slideContents p.text a {
	color: #FFFF00;
	/*text-decoration: none; li.slideContentsごとリンク化しているので、下線消して読みやすくする為 */
}
#topPage #main .list_carousel #prev {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 23px;
	width: 34px;
	height: 150px;
	background: url(../images/content_slider_btn_prev_on.png) no-repeat left;
	text-indent: -9999px;
	z-index: 9;
}
#topPage #main .list_carousel #prev:hover {
	background: url(../images/content_slider_btn_prev_on.png) no-repeat left;
}
#topPage #main .list_carousel #prev.disabled {
	background: url(../images/content_slider_btn_prev_off.png) no-repeat left;
	cursor: default;
}
#topPage #main .list_carousel #next {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 23px;
	right: 0;
	margin-top: 0;
	width: 34px;
	height: 150px;
	background: url(../images/content_slider_btn_next_on.png) no-repeat left;
	text-indent: -9999px;
	z-index: 9;
}
#topPage #main .list_carousel #next:hover {
	background: url(../images/content_slider_btn_next_on.png) no-repeat left;
}
#topPage #main .list_carousel #next.disabled {
	background: url(../images/content_slider_btn_next_off.png) no-repeat left;
}

/*==========================================================================*/
/*							上部バナー										*/
/*==========================================================================*/
#topPage #top_banner {
	width: auto;
	height: 169px;
	min-width:980px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#topPage #top_banner .banner_carousel {
	position: relative;
	margin: 0 auto;
/*	font-size: 140%;*/
}
#topPage #top_banner .banner_carousel,
#topPage #top_banner .banner_carousel .caroufredsel_wrapper {
	display: block;
	overflow: hidden;
	width: 3074px;		//ウィンドウ最大値の時に使用する幅
	text-align: center;
}
@media screen and (max-width: 3093px) {		/*ウィンドウサイズがバナー12個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 2825px;
	}
}
@media screen and (max-width: 2844px) {		/*ウィンドウサイズがバナー11個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 2576px;
	}
}
@media screen and (max-width: 2595px) {		/*ウィンドウサイズがバナー10個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 2327px;
	}
}
@media screen and (max-width: 2346px) {		/*ウィンドウサイズがバナー9個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 2078px;
	}
}
@media screen and (max-width: 2117px) {		/*ウィンドウサイズがバナー8個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 1829px;
	}
}
@media screen and (max-width: 1808px) {		/*ウィンドウサイズがバナー7個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 1580px;
	}
}
@media screen and (max-width: 1599px) {		/*ウィンドウサイズがバナー6個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 1331px;
	}
}
@media screen and (max-width: 1350px) {		/*ウィンドウサイズがバナー5個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 1082px;
	}
}
@media screen and (max-width: 1101px) {		/*ウィンドウサイズがバナー4個分未満*/
	#topPage #top_banner .banner_carousel {
		width: 833px;
	}
}
@media screen and (max-width: 980px) {		/*ウィンドウサイズ最低値*/
	#topPage #top_banner .banner_carousel {
		width: 833px;
	}
}
#topPage #top_banner ul#banner_slider {
	margin-left: 43px;
	line-height: 3;
}
#topPage #top_banner ul#banner_slider li {
	float: left;
	display: inline;
	margin: 0 5px;
}
#topPage #top_banner .banner_carousel #prev_banner {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0px;
	width: 34px;
	height: 159px;
	background: url(../images/content_slider_btn_prev_on.png) no-repeat left;
	text-indent: -9999px;
}
#topPage #top_banner .banner_carousel #prev_banner:hover {
	background: url(../images/content_slider_btn_prev_on.png) no-repeat left;
}
#topPage #top_banner .banner_carousel #prev_banner.disabled {
	background: url(../images/content_slider_btn_prev_off.png) no-repeat left;
	cursor: default;
}
#topPage #top_banner .banner_carousel #next_banner {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	margin-top: 0;
	width: 34px;
	height: 159px;
	background: url(../images/content_slider_btn_next_on.png) no-repeat left;
	text-indent: -9999px;
}
#topPage #top_banner .banner_carousel #next_banner:hover {
	background: url(../images/content_slider_btn_next_on.png) no-repeat left;
}
#topPage #top_banner .banner_carousel #next_banner.disabled {
	background: url(../images/content_slider_btn_next_off.png) no-repeat left;
}
#topPage #top_banner .carouPage {
	text-align: center;
}
#topPage #top_banner .carouPage a {
	background: url(../images/banner_nav_pager_passive.png) no-repeat;
	background-size: 10px 10px;
	width: 14px;
	height: 10px;
	margin: 1px 4px 0px 4px;
	display: inline-block;
}
#topPage #top_banner .carouPage a.selected {
	background: url(../images/banner_nav_pager_active.png) no-repeat;
	background-size: 10px 10px;
}
#topPage #top_banner .carouPage a:hover {
	background: url(../images/banner_nav_pager_active.png) no-repeat;
	background-size: 10px 10px;
}
#topPage #top_banner .carouPage a span {
	display: none;
}

/*==========================================================================*/
/*							importantNews									*/
/*==========================================================================*/
/*タブ切り替え全体のスタイル*/
#topPage .tabs {
	margin-bottom: 10px;
//	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: auto;	
	margin: 0 auto;
}

/*タブのスタイル*/
#topPage .tab_item {
	width: calc(16.6% - 8px);		/* (100% - (9.6px * (カテゴリー数-1))) / カテゴリー数 */
	padding: 11px 0px;
	margin-left:9.6px;
	border-bottom: 3px solid #00008a;
	background-color: #e4e4e4;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-size: 114%;
	font-weight: bold;
	transition: all 0.2s ease;
}
#topPage .tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#topPage input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
#topPage .tab_content {
	height:auto;
	min-height:405px;
	border-top: 1px #CCCCCC solid;
	background-color: #fff;
	display: none;
	padding: 0 0 15px 15px;
	clear: both;
	overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#new_tab:checked ~ #new_item,
#important_tab:checked ~ #important_item,
#event_tab:checked ~ #event_item,
#topics_tab:checked ~ #topics_item,
#exam_tab:checked ~ #exam_item,
#other_tab:checked ~ #other_item {
	display: block;
}

/*選択されているタブのスタイルを変える*/
#topPage .tabs input:checked + .tab_item {
	background-color: #00008a;
	color: #fff;
}
/*左端のタブのmarginを消す(今は新着Lタブ 22.03.08)*/
#topPage .tabs .st_tab{
	width: calc(17% - 8px);		/* (100% - (10px * (カテゴリー数-1))) / カテゴリー数 */
	margin-left:0px;
}

/* ========================= importantNews Style */
#topPage #importantNews {
	border-bottom: 1px #CCCCCC solid;
/*	border-top: 1px #CCCCCC solid;
	overflow: auto;
	height: 100px;*/
	margin: 0 auto;
	width: 960px;
	font-size: 100%;
}
#topPage #importantNews dl {
	padding-top: 15px;
	zoom: 1;
}
#topPage #importantNews dl:after {
	content: '';
	display: block;
	clear: both;
}
#topPage #importantNews dl dt {
	float: left;
	padding-left: 13px;
	background: url(../images/icon_arrow_blue.gif) no-repeat left 2px;
	font-weight: normal;
}
#topPage #importantNews dl dt span {
	margin-left: 10px;
	color: #FF9900;
}
#topPage #importantNews dl dt span.new {
	padding: 2px;
	color: #FFFFFF;
	background: #FF9900;
}

#topPage #importantNews dl dd span.fraction {
	display: inline-block;
	float:right;
	text-align: center;
	font-weight: bold;
	width: 100px;
	padding: 0px;
}
#topPage #importantNews dl dd span.important {
	color: #FFFFFF;
	background: #fa8072;
}
#topPage #importantNews dl dd span.event {
	color: #FFFFFF;
	background: #ffa500;
}
#topPage #importantNews dl dd span.topics {
	color: #FFFFFF;
	background: #4169e1;
}
#topPage #importantNews dl dd span.exam {
	color: #FFFFFF;
	background: #32cd32;
}
#topPage #importantNews dl dd span.other {
	color: #FFFFFF;
	background: #8a2be2;
}
#topPage #importantNews dl dd {
	margin-left: 120px;
}
#topPage #importantNews h3 {
	margin: 15px 0 10px 0;
	padding: 0;
	background: none;
}
#topPage #importantNews h3.firstChild {
	margin-top: 0;
}
#topPage #importantNews h3 span {
	display: block;
	background: url(../images/content_bg_title_black.gif) no-repeat left top;
	color: #333333;
	font-weight: bold;
}

/*==========================================================================*/
/*								下部バナー									*/
/*==========================================================================*/
#topPage #nav_banner {
	position: rerative;
	width: 980px;
	margin: auto;
	font-size: 140%;
	line-height: 1.5;
	text-align: center;
	zoom: 1;
}

#nav_banner ul {
	margin-bottom: 15px;
}
#nav_banner ul li {
	margin: 5px ;
	display: inline-block;
}
#nav_banner .bannerOpacity:hover {
	opacity:0.7;
	filter: alpha(opacity=70);			/* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";	/* ie 8 */
	opacity:0.7;
	filter: alpha(opacity=70);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";	/* ie 8 */
	-moz-opacity:0.7;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;				/* Safari 1.x */
}