@charset "UTF-8";
@import "base.css"; /* base.css スタイルの初期設定 変更しないでください */
@import "fonts.css"; /* fonts.css フォントの初期設定 変更しないでください */


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

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
}
@media screen and (max-device-width: 480px) {
	h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
		font-size: 100% "Hiragino Mincho ProN", sans-serif;
	}
}
* html body {
	font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif;
}
body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin:0;
	padding:0;
}
body {
	text-align: center;
	-webkit-text-size-adjust: none;
}

/* common要素スタイル
-------------------------------------------------------*/
/* ========================= a */
a {
	color: #00008A;
}
a:hover,
a:active {
	color: #00008A;
	text-decoration: none;
}
a img {
	border-style: none;
}

/* ========================= table */
#content table {
	width: 700px;
	background: #fff;
	border: 1px #ccc solid;
	border-right: none;
	border-bottom: none;
	border-spacing: 0;
	border-collapse: collapse;
}
#content table.center {
	margin: 0 auto;
}
#content .halfTable {
	width: 350px;
}
#content .table400 {
	width: 400px;
}
#content .table500 {
	width: 500px;
}
#content th,
#content td {
	padding: 10px;
	border: 1px #ccc solid;
	border-top: none;
	border-left: none;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}
#content .paddingThin th,
#content .paddingThin td {
	padding: 10px 5px;
}
#content th {
	background: #F0F0F0;
	/*background: #F0F0F0 url(../images/form_bg_th.gif) repeat-x left top;*/
	font-weight: bold;
}
#content table.fontNormal th {
	font-weight: normal;
}
#content .thTop th,
#content td.tdTop {
	vertical-align: top;
}
#content .thCenter th,
#content .tdCenter td,
#content td.tdCenter {
	text-align: center;
}
#content .tdCenter td.tdLeft {
	text-align: left;
}
#content td {
	background: #fff;
}
#content tr.color td,
#content tr td.color {
	background: #FAFAFA;
}

/* ========================= dl */
#content dl dd {
	margin-left: 0;/* dtのmargin-leftを切る */
}

/* ========================= title */
#content h3 {
	margin: 30px 0 10px;
	padding: 8px;
	background: url(../images/content_bg_h3.gif) repeat left top;
}
#content h3 span {
	display: block;
	padding: 3px 0 3px 18px;
	background: url(../images/content_bg_h3_inner.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 114%;
	font-weight: bold;
}
#content .boxWhite h3 {
	margin: 40px 0 10px 0;
	padding: 0;
	background: none;
}
#content .boxWhite h3.firstChild {
	margin-top: 0;
}
#content .boxWhite h3 span {
	display: block;
	background: url(../images/content_bg_title_black.gif) no-repeat left top;
	color: #333333;
	font-weight: bold;
}
#content h4 {
	margin: 40px 0 20px;
	padding: 0 0 3px 30px;
	background: url(../images/content_bg_h4.gif) no-repeat left top;
	border-bottom: 1px #999999 dashed;
	font-weight: ;
}

/* ========================= p */
#content p {
	margin: 0 0 1em;
	line-height: 1.7;
}

/* common classスタイル
-------------------------------------------------------*/
#content .last {
	margin-bottom: 0;
}
#content .next {
	margin-top: 50px;
}
#content .next30 {
	margin-top: 30px;
}
#content .more {
	margin-top: 20px;
}
#content .firstChild {
	margin-top: 0;
}
#content .rightMargin140 {
	margin-right: 140px;
}

/* ========================= font-color */
#content .red {
	color: #ff0000;
}
#content .blue {
	color: #1717EE;
}

/* ========================= float */
#content .fleft,
#main .fleft {
	float: left;
}
#content .fright,
#main .fright {
	float: right;
}

/* ========================= clearfix */
.cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
}
#content .over {
	overflow: hidden;
	zoom: 1;
}

/* ========================= image */
img {
	vertical-align: bottom;
}
#content .imgL {
	float: left;
	margin: 0 15px 0 0;
}
#content .imgLbtm {
	float: left;
	margin: 0 15px 15px 0;
}
#content .imgR {
	float: right;
	margin: 0 0 0 15px;
}
#content .imgRbtm {
	float: right;
	margin: 0 0 15px 15px;
}
#main .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 */
}


/* ========================= text,font */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.copy {
	font-size: 185.5%;/* 26px */
}
.fontSS {
	font-size: 78.5%;/* 11px */
}
.fontS {
	font-size: 85.5%;/* 12px */
}
.fontL {
	font-size: 114%;/* 16px */
}
.fontNormal {
	font-weight: normal;
}
.emphasis {
	color: #FF9900;
	font-weight: bold;
}
.red {
	color: #FF0000;
}
.bold {
	font-weight: bold;
}
.textIndent p,
.textIndent {
	text-indent: 1em;
}
.textIndentL p,
.textIndentL {
	text-indent: 4em;
}
#content p.iconList,
#content .iconList li,
#content .iconList dt {
	margin-bottom: 10px;
	padding-left: 13px;
	background: url(../images/icon_arrow_blue.gif) no-repeat left 3px;
}
#content .iconList dd {
	padding-left: 10px;
}
#content p.iconListYellow,
#content .iconListYellow li,
#content .iconListYellow dt {
	padding-left: 13px;
	background: url(../images/icon_arrow_yellow.gif) no-repeat left 3px;
}
#content .iconListYellow dd {
	padding-left: 10px;
}
#content p.iconListBit,
#content .iconListBit li,
#content .iconListBit dt {
	margin-bottom: 0px;
	margin-left: 4px;
	padding-left: 13px;
	background: url(../images/icon_bit.gif) no-repeat left 3px;
}
#content .iconListBit dd {
	padding-left: 10px;
}
#content .ListIndent,
#content .ListIndent li{
	margin-left: 6.5px;
	text-indent: -13px;         /* インデントの指定 */
}
#content .ListIndent1dan,
#content .ListIndent1dan li{
	margin-left: 13.5px;
	text-indent: -13px;         /* インデントの指定 */
}
#content .ListIndent2dan,
#content .ListIndent2dan li{
	margin-left: 21px;
	text-indent: -13px;         /* インデントの指定 */
}

/* ========================= #locus */
#wrapper ul#locus {
	background: url(../images/wrapper_bg.gif) repeat-x left top;
	width: auto;
	min-width: 960px;
	text-indent: calc(50% - 480px);		/* (100% - 960px)/2 */
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 10px;
	text-align: left;
}
#wrapper ul#locus li {
	display: inline;
	margin-right: 15px;
	padding: 2px 0 2px 20px;
	background: url(../images/main_bg_bled.gif) no-repeat left 3px;
	font-size: 120%;
}
#wrapper ul#locus li.firstChild {
	padding: 4px 0 5px 23px;
	background: url(../images/main_bg_bled_home.gif) no-repeat left 3px;
}
#wrapper ul#locus li a {
	text-decoration: none;
}
#wrapper ul#locus li a:hover {
	text-decoration: underline;
}

#wrapper ul#locusbanner {
	margin-bottom: 10px;
	padding-top: 1px;
}
#wrapper ul#locusbanner li {
	display: inline;
	margin-right: 3px;
	padding: 1px 0px 1px 1px;
	font-size: 100%;
}
#wrapper ul#locusbanner li.firstChild {
	padding: 0px 0px 1px 1px;
}
#wrapper ul#locusbanner li a {
	text-decoration: none;
}
#wrapper ul#locusbanner li a:hover {
	text-decoration: underline;
}

/* ========================= gotop */
p.gotop {
	clear: both;
	width: 100%;
	margin-bottom: 24px;
	padding-top: 10px;
	text-align: right;
	z-index: 101;
	zoom: 1;
}
p.gotop a {
	padding-left: 18px;
	background: url(../images/content_gotop.gif) no-repeat left 2px;
	font-size: 85.5%;
}
#footer p.gotop {
	padding-top: 0;
	text-align: inherit;
	text-indent: -9999px;
	text-decoration: none;
}
#footer p.gotop a {
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	padding: 19px 0;
	background: #E4E4E4 url(../images/main_gotop_off.gif) no-repeat center center;
	text-align: inherit;
	text-indent: -9999px;
	zoom: 1;
}
#footer p.gotop a span {
	display: none;
	width: 0;
	height: 0;
}

#footer p.gotop a:hover {
	background: #FFE566 url(../images/main_gotop_on.gif) no-repeat center center;
}


/*==========================================================================*/
/*								Wrapper										*/
/*==========================================================================*/
html {
	overflow-y: scroll;
	background: none;
}
body {
	background: url(../images/body_bg.gif) repeat left top;
	color: #333;
/*	font-size: 120%;*/
	text-align: center;
	min-width: px;
	_display: inline;
	_zoom: 1;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#main {
	width: 960px;
	min-height: calc(100vh - 608px);	/*画面高さ-(ヘッダー高さ+フッター高さ+upTitle+locus)*/
	margin: 0 auto;
/*	font-size: 116.5%;*/
	padding-bottom: 30px;
	text-align: left;
	zoom: 1;
}
#main:after {
	content: '';
	display: block;
	clear: both;
}

/*==========================================================================*/
/*								Header										*/
/*==========================================================================*/

#header {
	position: fixed;
	width: 100%;
	height: 165px;
	z-index: 101;	
}
#header #headInner {
	position: relative;
	width: auto;
	min-width:960px;
	height: 165px;
	padding: 0 10px;
	background: url(../images/header_bg.gif) repeat-x left top;
	text-align: left;
	background-color: #ffdc00
}
#header #headInner a {
	display: block;
}
#headSpace {
	height: 165px;
	width: 100%;
}

/* ========================= general */
#header h1,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #headInfo,
#header ul#fontResize,
#header #searchBox,
#header ul#visiterNav {
	position: absolute;
}

/* ========================= h1 */
#header h1 {
	top: 3px;
	left: 10px;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.5;
}

/* ========================= logo */
#header #logo {
	top: 26px;
	left: 18px;
}
#header #logo a {
	overflow: hidden;
	width: 257px;
	height: 35px;
	background: url(../images/header_logo.gif) no-repeat left top;
	text-indent: -9999px;
}

/* ========================= guideNavi */
#header ul#guideNav {
	top: 45px;
	right: 10px;
}
#header ul#guideNav li {
	float: left;
	margin-right: 46px;
}
#header ul#guideNav li a {
	overflow: hidden;
	height: 13px;
	text-indent: -9999px;
}
#header ul#guideNav li#access a {
	width: 66px;
	background: url(../images/header_btn_access_off.gif) no-repeat left top;
}
#header ul#guideNav li#access a:hover {
	background: url(../images/header_btn_access_on.gif) no-repeat left top;
}
#header ul#guideNav li#contact a {
	width: 94px;
	background: url(../images/header_btn_contact_off.gif) no-repeat left top;
}
#header ul#guideNav li#contact a:hover {
	background: url(../images/header_btn_contact_on.gif) no-repeat left top;
}
#header ul#guideNav li#request a {
	width: 67px;
	background: url(../images/header_btn_request_off.gif) no-repeat left top;
}
#header ul#guideNav li#request a:hover {
	background: url(../images/header_btn_request_on.gif) no-repeat left top;
}

/* ========================= globalNavi */
#header ul#globalNav {
	top: 70px;
	right: 10px;
	width: 960px;
	height: 41px;
	_height: 46px;
	padding-top: 5px;
	background-image: url(../images/header_bg_globalnavi.gif), url(../images/header_bg_btn_global.gif);
	background-position: left top, left center;
	background-repeat: repeat-x, no-repeat;	
	z-index: 100;
}

#header ul#globalNav ul {
display: none;
}

#header ul#globalNav li {
	float: left;
	padding: 0 5px;
	background: url(../images/header_bg_btn_global.gif) no-repeat right top;
}
#header ul#globalNav li a,
#header ul#globalNav li a.nolink {
	display: block;
	padding: 10px 20px 10px;
	background: #ffffff;
	border: 1px #ffffff solid;
	text-decoration: none;
	text-align: center;
	font-size: 140%;/* 14px */
	font-weight: bold;
	color: #666666;
}
#header ul#globalNav li a:hover,
#header ul#globalNav li.hover a {
	background: #FFE566;
	border: 1px #FFD717 solid;
}
#header ul#globalNav li ul {
	position: relative;
	zoom: 1;
}
#header ul#globalNav li li {
	display: list-item;
	position: relative;
	float: none;
	width: 200px;/* この幅を調整した場合は　#header ul#globalNav li li ul　のleft:　の値も幅と同じにする▼ */	
	padding: 0;
	background: none;
}
#header ul#globalNav li li a,
#header ul#globalNav li.hover li a {
	padding-right: 30px;
	background: #FFE566;/* 薄い黄色背景 */
	border: none;
	border-bottom: 1px #FFD717 solid;
	border-left: 1px #FFD717 solid;
	text-align: left;
	font-size: 120%;/* 12px */
	line-height: 1.7;
	zoom: 1;
}
#header ul#globalNav li li a.nolink,
#header ul#globalNav li li a.nolink:hover {
	background: #FFE566 url(../images/header_bg_prodown.gif) no-repeat right 3px;/* 薄い黄色背景と矢印 */
	border: none;
	border-bottom: 1px #FFD717 solid;
	border-left: 1px #FFD717 solid;
	text-align: left;
	font-size: 120%;/* 12px */
}
#header ul#globalNav li li a:hover,
#header ul#globalNav li li a.hover {
	background: #FFDD33;/* 濃い黄色背景 */
}
#header ul#globalNav li li ul {
	position: absolute;
	top: 0;
/* プルダウン子要素の幅を調整した場合は　left:　の値も幅と同じにする▲ */	
	left: 200px;
	margin-left: 0;
}
#header ul#globalNav li.lastChild ul {
/* グローバルナビ最後のリスト（class="lastChild"）の孫は左側に表示 */
	left: -81px;
}
#header ul#globalNav li li li a,
#header ul#globalNav li.hover li li a {
	border-left: 1px #FFD717 solid;
}

#header ul#globalNav li#global01 {/* 大学概要　の幅 */
	width: 119px;
}
#header ul#globalNav li#global02 {/* 入試情報　の幅 */
	width: 119px;
}
#header ul#globalNav li#global03 {/* 学生生活　の幅 */
	width: 119px;
}
#header ul#globalNav li#global04 {/* カリキュラム　の幅 */
	width: 138px;
}
#header ul#globalNav li#global05 {/* 資格・進路　の幅 */
	width: 138px;
}
#header ul#globalNav li#global06 {/* イベント情報　の幅 */
	width: 138px;
}
#header ul#globalNav li#global07 {/* 地域貢献　の幅 */
	width: 119px;
}
#header ul#globalNav a.nolink {
	cursor: default;
}
#header ul#globalNav a.pointer,
#header ul#globalNav a.pointer:hover,
#header ul#globalNav li li a.pointer:hover {
	background: #FFDD33 url(../images/header_bg_prodown_hover.gif) no-repeat right 3px;/* 濃い黄色背景と矢印 */
	cursor: pointer;
}

/* ========================= スマホ用menu */
#header ul#menu {
	display:none;
}
.slicknav_menu {
	display:none;
}

/* ========================= headInfo */
#header #headInfo {
	top: 30px;
	right: 0;
}

/* ========================= fontResize */
#header #fontResize {
	top: 30px;
	right: 500px;
}
#header #fontResize li {
	float: left;
}

/* ========================= searchBox */
#header #searchBox {
	top: 7px;
	right: 10px;
}
#header #searchBox input {
	height: 24px;
	border: 1px #cccccc solid;
}
#header #searchBox input#box {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 0px\9;/* IEで検索入力枠が上にずれるのを調整 */
}
#header #searchBox input#btn {
	width: 78px;
	height: 26px;
	background: url(../images/header_btn_search01.gif) no-repeat left top;
	text-indent: -9999px;
}

/* ========================= visiterNav */
#header ul#visiterNav {
	top: 131px;
	right: 0;
	min-width:960px;
	padding: 2px 0 2px 0;
	background: url(../images/header_bg_visiter_nav.gif) repeat left top;
}
#header ul#visiterNav li {
	float: left;
	margin-right: 20px;
}
#header ul#visiterNav li a {
	overflow: hidden;
	width: 100px;
	height: 20px;
	text-indent: -9999px;
}
#header ul#visiterNav li a.w70 {
	width: 70px;
}
#header ul#visiterNav li#visiter01 a {
	background: url(../images/header_visiter_nav01_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter01 a:hover {
	background: url(../images/header_visiter_nav01_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter02 a {
	background: url(../images/header_visiter_nav02_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter02 a:hover {
	background: url(../images/header_visiter_nav02_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter03 a {
	width: 110px;
	background: url(../images/header_visiter_nav03_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter03 a:hover {
	background: url(../images/header_visiter_nav03_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter04 a {
	width: 130px;
	background: url(../images/header_visiter_nav04_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter04 a:hover {
	background: url(../images/header_visiter_nav04_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter06 a {
	background: url(../images/header_visiter_nav06_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter06 a:hover {
	background: url(../images/header_visiter_nav06_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter05 a {
	background: url(../images/header_visiter_nav05_off.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter05 a:hover {
	background: url(../images/header_visiter_nav05_on.gif) no-repeat left top;
}
#header ul#visiterNav li#visiter07 a {
	background: url(../images/header_visiter_nav07_off.png) no-repeat left top;
}
#header ul#visiterNav li#visiter07 a:hover {
	background: url(../images/header_visiter_nav07_on.png) no-repeat left top;
}

/* ========================= h2 */
#upTitle {
/*	width: 100%;
	min-width: 930px;
*/	position: relative;
}
#upTitle h2 {
	display: block;
	top: 163px;
	left: 0;
/*	width: 100%;	*/
	width: 910px;
	_width: 960px;
	height: 55px;
	_height: 109px;
	margin: 0 auto 4px;
	padding: 31px 10px 23px 40px;
	background: url(../images/header_bg_page_title.gif) no-repeat left top;
	background-size: 100% 109px;
	font-size: 280%;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}


/*==========================================================================*/
/*								Footer										*/
/*==========================================================================*/

#footer {
	clear: both;
	width: 100%;
	min-width:980px;
	padding-bottom: 20px;
	background: #00008A url(../images/footer_bg.gif) repeat-x left top;
	color: #FFFFFF;
}
#footer #footInner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 116%;
	zoom: 1;
}

#footer #footInner ul#footNav {
	margin-bottom: 20px;
	background: url(../images/footer_bg_footnavi.gif) no-repeat left top;
}
#footer #footInner ul#footNav li {
	float: left;
	background: url(../images/footer_bg_footnavi.gif) no-repeat right top;
}
#footer #footInner ul#footNav li a {
	display: block;
	padding: 4px 14px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer #footInner ul#footNav li a:hover {
	color: #F2AA00;
}
#footer #footInner #footerLogo,
#footer #footInner #footerLineLogo,
#footer #footInner #address,
#footer #footInner #address {
	float: left;
	margin-right: 16px;
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 12px;
}
#footer #footInner #footerLogo {
	width: 261px;
	height: 36px;
	background: url(../images/footer_logo.gif) no-repeat left top;
	text-indent: -9999px;
}
#footer #footInner #footerLineLogo,
#footer #footerLineLogo a{
	display: block;
	overflow: hidden;
	width: 36px;
	height: 36px;
	background: url(../images/footer_line_logo.jpg) no-repeat left top;
	text-indent: -9999px;
}
#footer #footInner #footerInstagramLogo,
#footer #footerInstagramLogo a{
	display: block;
	overflow: hidden;
	width: 36px;
	height: 36px;
	background: url(../images/footer_instagram_logo.jpg) no-repeat left top;
	text-indent: -9999px;
}
#footer #footInner #address {
	padding-top: 5px;
}
#footer #footInner #address a {
	color: #ffffff;
}
#footer #footInner #copyright {
	float: right;
	padding-top: 20px;
	font-size: 12px;
}




/*==========================================================================*/
/*										Nav									*/
/*==========================================================================*/

/*marginの左の数字を-40pxから0へ*/

#nav, #nav2 {
	position: rerative;
	float: right;
	width: 220px;
	margin: 0 0 20px;
	font-size: 140%;
	line-height: 1.5;
	text-align: left;
	zoom: 1;
}

#nav2 {
	margin: -40px 0 20px;
}


.defaultPage #wrapper #nav {
	padding-top: 40px;
	padding-top: 0;
}
#guidePage #nav {
	margin: -20px 0 20px;
}
#nav ul {
	margin-bottom: 15px;
}
#nav ul li {
	margin-bottom: 5px;
}
#nav iframe body {
	margin: 0 20px;
	background: #FAFAFA;
}
#nav iframe html table {
	margin-bottom: 20px;
	background: url(../images/body_bg.gif) repeat left top;
}
#nav iframe body table {
	background: #FAFAFA;
}
#nav dl.directoryNav {
	margin-bottom: 10px;
	background: #FFFFFF;
	border-bottom: 1px #999 solid;
}
#nav dl.directoryNav dt {
	padding: 5px 0 4px;
	background: url(../images/side_bg_title.gif) repeat left top;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
}
#nav dl.directoryNav dd {
	margin-left: 0;
}
#nav dl.directoryNav dd a {
	display: block;
	padding: 7px 5px 6px 20px;
	border-top: 1px #999 solid;
}
#nav dl.directoryNav dd.linkless {
	display: block;
	padding: 7px 5px 6px 20px;
	border-top: 1px #999 solid;
}
#nav dl.directoryNav dd a.nolink {
	font-weight: bold;
}
#nav dl.directoryNav dd a:hover,
#nav dl.directoryNav dd a.current {
	background: #FFFFCC url(../images/side_bg_nav.png) repeat-y left center;
	background: #FFE566 url(../images/side_bg_nav.png) repeat-y left center;
}
#nav dl.directoryNav dd a.nolink:hover {
	background: #FFFFFF;
	background-image: none;
	cursor: default;
}
#nav dl.directoryNav dd a {
	color: #333333;
	text-decoration: none;
}
#nav dl.directoryNav dd.navChild a {
	padding: 8px 5px 8px 33px;
	background: url(../images/side_bg_nav_child.png) no-repeat left center;
	border-top: 1px #CCCCCC dashed;
	font-size: 85.5%;
}
#nav dl.directoryNav dd.navChild a:hover,
#nav dl.directoryNav dd.navChild a.current {
	background: #FFFFCC url(../images/side_bg_nav_child_current.png) no-repeat left center;
	background: #FFE566 url(../images/side_bg_nav_child_current.png) no-repeat left center;
}


/*==========================================================================*/
/*								Content										*/
/*==========================================================================*/
#main #content {
	float: left;
	width: 730px;
	margin: 0 0 20px;
	font-size: 140%;/* 14px */
	text-align: left;
	line-height: 1.7;
}

/* =========================.minimumH 内容が少ないボックス等に400pxの高さを設定できます */
#main #content .minimumH {
	height: 400px;
}

/* =========================.boxHalf 幅350のボックススタイル */
#main .boxHalf {
	width: 350px;
}

/* =========================.boxWhite Style */
#main .boxWhite {
	padding: 15px;
	background: #FFFFFF;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}

/* =========================.boxTxt Style */
#main .boxTxt {
	padding: 10px 15px 15px;
	background: #FFFFFF;
}

/* =========================.boxSimple Style */
#main .boxSimple {
	padding: 10px;
	background: #FFFFFF;
	border: 1px #333333 dotted;
	zoom: 1;
}

#voicePage #main .boxSimpleR {
	width: 260px;
	float:right;
	margin-right: 20px;
}
#voicePage #main .boxSimpleL {
	width: 260px;
	float:left;
	margin-left: 400px;
}

/* =========================.boxGrid Style */
#main .boxGrid {
	padding: 15px 20px;
	background: url(../images/content_bg_box_grid.gif) repeat left top;
	border: 1px #CCCCCC solid;
}

/* =========================dl.boxMemo Style */
#main dl.boxMemo dt {
	padding: 7px 10px 6px;
	background: #309A0F url(../images/content_bg_title_green.gif) repeat-x left bottom;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 114%;
}
#main dl.boxMemo dt a {
	color: #FFFFFF;
}
#main dl.boxMemo dt.titlePink {
	background: url(../images/content_bg_title_pink.gif) repeat left top;
	border-bottom: 2px #FE5936 solid;
}
#main dl.boxMemo dd {
	margin-left: 0;
	padding: 15px 20px;
	background: url(../images/content_bg_box_grid.gif) repeat left top;
	border: 1px #CCCCCC solid;
	border-top: none;
}
#main dl.boxMemo dl dt {
	padding: 0 0 0 13px;
	background: url(../images/icon_arrow_blue.gif) no-repeat left 3px;
	color: #333333;
	font-size: 100%;
}
#main dl.boxMemo dl dd {
	margin-left: 0;
	padding: 0 0 0 10px;
	background: none;
	border: none;
}

/* ========================= Q&A Style */
#main h4.titleQuestion {
	padding: 25px 5px 3px 50px;
	background: url(../images/content_bg_question.gif) no-repeat left top;
}
#main .boxGrid .titleAnswer {
	float: left;
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px 0 0;
	padding: 36px 0 0 40px;
	background: url(../images/content_bg_answer.gif) no-repeat left top;
	text-indent: -9999px;
}

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

/*==========================================================================*/
/*								各ページスタイル							*/
/*==========================================================================*/

/* 『ニュース・イベント一覧』『堺市民公開講座』『在学生(在学information)』ぺージスタイル
-------------------------------------------------------*/
#pastnewsPage #content #pastNews,
#pastnewsPage #content #pastEvent {
	overflow: auto;
	height: 400px;
	padding-right: 5px;
}
#pastnewsPage #content .slideContents {
	padding-bottom: 10px;
	padding-left: 10px;
	background: url(../images/icon_arrow_blue.gif) no-repeat left 3px;
	zoom: 1;
}
#pastnewsPage #content .slideContents:after {
	content: '';
	display: block;
	clear: both;
}
#pastnewsPage #content .slideContents .titleTag {
	float: left;
}
#pastnewsPage #content .slideContents .tagName,
#pastnewsPage #content .slideContents .badge,
#pastnewsPage #content .slideContents .badgeoff,
#pastnewsPage #content .slideContents .photooff {
	display: none;
	width: 0;
	height: 0;
}
#pastnewsPage #content .slideContents .photo {
	float: right;
	margin-left: 10px;
	margin-bottom: 0;
}
#pastnewsPage #content .slideContents .photo img {
	width: 100px;
}
#pastnewsPage #content .slideContents .date,
#pastnewsPage #content .slideContents .text {
	margin-bottom: 0;
}
#pastnewsPage #content .slideContents .text {
	margin-left: 90px;
	font-size: 85.5%;
}
#pastnewsPage #content .slideContents .text a {
	color: #333333;
}
#pastnewsPage #content .slideContents .text2 {
	margin-bottom: 0;
}
#pastnewsPage #content .slideContents .text2 {
	font-size: 85.5%;
}
#pastnewsPage #content .slideContents .text2 a {
	color: #333333;
}
#pastnewsPage #content .slideContents .iconList {
	padding-left: 0;
	background: none;
	text-align: right;
	font-size: 85.5%;
}

/* 訪問者別『ナビ』ぺージスタイル
-------------------------------------------------------*/
#informationPage #content .boxOuter {
	padding: 30px 0 30px 10px;
}
#informationPage #content .celBox {
	float: left;
	width: 220px;
	_width: 230px;
	margin: 0 10px 10px 0;
	padding: 5px;
	background: url(../images/information_bg_box_off.gif) repeat left top;
}
#informationPage #content .haslink {
	cursor: pointer;
}
#informationPage #content .haslink:hover {
	background: url(../images/information_bg_box_on.gif) repeat left top;
}
#informationPage #content .celBox dl {
	padding: 8px 10px 15px;
	background: url(../images/information_bg_boxinner.gif) repeat-y left top;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	line-height: normal;/* ボックス高さを揃える為の指定 */
}
#informationPage #content .celBox dl dt {
	width: 188px;
	_width: 200px;
	margin-bottom: 10px;
	padding: 0 6px;
	background: url(../images/information_bg_title.gif) repeat-y left top;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	font-size: 114%;/* 14px⇒16px */
}
#informationPage #content .celBox dl dt span {
	display: block;
	margin: 6px 0;
	padding: 20px 0 20px 14px;
	border-left: 5px #FFD400 solid;
	border-left: 5px #00008A solid;
	vertical-align: middle;
	line-height: normal;/* ボックス高さを揃える為の指定 */
}
#informationPage #content .celBox dl dd {
	margin-left: 5px;
	font-size: 85.5%;/* 14px⇒12px */
	line-height: normal;/* ボックス高さを揃える為の指定 */
}
#informationPage #content .celBox dl dd a {
	text-decoration: none;
	color: #333333;
}

/* 『ごあいさつ』ぺージスタイル
-------------------------------------------------------*/
#messagePage #bg {
	padding: 0 250px 35px 0;
	background: url(../gakuen/images/message_photo01.jpg) no-repeat right top 100px;
}
#messagePage .bg2 {
	margin-left: 10px;
	width: 395px;
	background: white no-repeat right top;
}

/* 『建学の精神』ぺージスタイル
-------------------------------------------------------*/
#spiritPage #bg {
	padding: 0 300px 250px 0;
	background: url(../gakuen/images/spirit_photo01.jpg) no-repeat right top;
}

/* 『設立の理念・建学の精神』ぺージスタイル
-------------------------------------------------------*/
#ideaPage #bg {
	padding: 20px 350px 200px 0;
	background: url(../gakuen/images/idea_photo02.jpg) no-repeat right top;
}

/* 『教育研究上の目的』ぺージスタイル
-------------------------------------------------------*/
#purposePage #bg {
	padding: 0 300px 130px 0;
	background: url(../gakuen/images/purpose_photo01.jpg) no-repeat right top;
}

/* 『大学機関別認証評価』ぺージスタイル
-------------------------------------------------------*/
#NinshoPage #bg {
	padding: 0 250px 10px 0;
	background: url(../gakuen/images/nintei_mark2024.jpg) no-repeat 450px top;
}

/* 『沿革』ぺージスタイル
-------------------------------------------------------*/
#historyPage table#yearTable {
	font-size: 85.5%;
}

/* 『クラブ活動』ぺージスタイル
-------------------------------------------------------*/
/* 野球部 TOPページ*/
#clubDetailPage #content table#detailTable {
	width: 440px;
}
#clubDetailPage #content ul.photoList {
	position: relative;
	margin-left: -10px;
	zoom: 1;
}
#clubDetailPage #content ul.photoList li {
	float: left;
	margin: 0 0 10px 10px;
}
#clubDetailPage #content ul.photoList li img {
	width: 226px;
}
#clubDetailPage #content ul.photoList li.wide {
	width: 700px;
}
#clubDetailPage #content ul.photoList li.wide img {
	width: 500px;	
}

/* ダイジェスト写真スタイル(旧スタイル) */
#clubDetailPage #content #adjustSpace {
	width: 93px;
}
#clubDetailPage #content .photoView {
	position: relative;
	width: 100%;
}
#clubDetailPage #content .comment {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

#clubDetailPage #content .cursorL {
	float: left;
}
#clubDetailPage #content .cursorR {
	float: right;
}
#clubDetailPage #content .photoUp {
	text-align: center;
}

/* 『4年間の教育ステップ』ぺージスタイル
-------------------------------------------------------*/
/*#curriculum03Page #content .flow {
	padding-bottom: 40px;
	background: url(../curriculum/images/curriculum03_bg_flow_arrow.gif) no-repeat center bottom;
}
#curriculum03Page #content .flow dl {
	width: 400px;
	margin: 0 auto;
	background: url(../curriculum/images/curriculum03_bg_flow.gif) repeat-y right top;
}
#curriculum03Page #content .flow dl dt {
}
#curriculum03Page #content .flow dl dd {
	margin-left: 0;
	padding: 10px 30px 40px;
	background: url(../curriculum/images/curriculum03_bg_flow_bottom.gif) no-repeat center bottom;
}*/
#curriculum03Page #content .flow {
	margin: 0 0 25px 0;
}
#curriculum03Page #content .flow01 {
	padding: 120px 250px 1px 20px;
	width: auto;
	background-image: url("../curriculum/images/curriculum03_bg01.jpg"),url("../curriculum/images/curriculum03_flow01.png"),url("../curriculum/images/curriculum03_flow.png");
	background-size: 240px, auto 100px, 118px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top 20px, left 20px top, center bottom 10px;
}
#curriculum03Page #content .flow02 {
	padding: 120px 20px 1px 250px;
	width: auto;
	background-image: url("../curriculum/images/curriculum03_bg02.jpg"),url("../curriculum/images/curriculum03_flow02.png"),url("../curriculum/images/curriculum03_flow.png");
	background-size: 240px, auto 100px, 118px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left top 20px, left 250px top, center bottom 10px;
}
#curriculum03Page #content .flow03 {
	padding: 120px 250px 1px 20px;
	width: auto;
	background-image: url("../curriculum/images/curriculum03_bg03.jpg"),url("../curriculum/images/curriculum03_flow03.png"),url("../curriculum/images/curriculum03_flow.png");
	background-size: 240px, auto 100px, 118px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top 20px, left 20px top, center bottom 10px;
}
#curriculum03Page #content .flow04 {
	padding: 120px 20px 1px 250px;
	width: auto;
	background-image: url("../curriculum/images/curriculum03_bg04.jpg"),url("../curriculum/images/curriculum03_flow04.png"),url("../curriculum/images/curriculum03_flow.png");
	background-size: 240px, auto 100px, 118px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left top 20px, left 250px top, center bottom 10px;
}
#curriculum03Page #content p.ti {
	margin: 0 30px 30px 30px;
}
#curriculum03Page #content .flow dl dt {
	color: #000000;
	background: #b4c7e7;
	margin-bottom: 10px;
	text-align: center;
	font-size: 200%;
}
#curriculum03Page #content .flow dl dd {
	padding: 0 10px 40px;
}
#curriculum03Page #content .last img {
	width: 100%;
	max-width: 269px;
}

/* 『教員紹介』ぺージスタイル
-------------------------------------------------------*/
#professorPage #content table.professorData {
	width: 500px;
}
#professorPage #content p.professorPhoto,
#professorPage #content p.professorPhoto img {
	width: 180px;
	margin-right: 20px;
}

/* フリーキャンパスぺージスタイル
-------------------------------------------------------*/
#fcPage #content .fukidashi{
	width: auto;
	max-width: 500px;
	margin: auto;
	padding-left: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #ed7d31;
}
#fcPage #content .deha img{
	max-width: 500px;
}
#fcPage #content .deha{
	width: auto;
	max-width: 710px;
	height: 32vw;
	max-height: 225px;
	margin: auto;
	padding: 0 50px 0 24%;
	background: url(../event/fc/images/freecampus_deha.png) no-repeat center top;
}
#fcPage #content .deha .title{
	padding-top: 50px;
	padding-bottom: 45px;
	font-size: 200%;
	font-weight: bold;
}

/* 『イベント->オープンキャンパス』ぺージスタイル
-------------------------------------------------------*/
#eventocPage #content .ocflow {
	margin: 0 0 30px 0;
	padding-bottom: 150px;
}
#eventocPage #content .ocflow01 {
	background: url(../event/2020oc/images/2020oc_image1.jpg) no-repeat center bottom;
}
#eventocPage #content .ocflow02 {
	background: url(../event/2020oc/images/2020oc_image1.jpg) no-repeat center bottom;
}
#eventocPage #content .ocflow dl {
	margin-left: 120px;
	width: 500px;
}
#eventocPage #content .ocflow dl dt {
	margin-bottom: 30px;
	font-size: 143%;
}
#eventocPage #content .ocflow dl dd {
	margin-left: 0;
	padding: 0 10px 40px;
}

/* news/ディレクトリ用ぺージスタイル
-------------------------------------------------------*/
#newsPage #content .newsPhoto .cf p.fleft,
#newsPage #content .newsPhoto .cf p.fright {
	width: 340px;
}
#newsPage #content .newsPhoto .cf p span {
	display: block;
	height: 5px;
	font-weight: bold;
	text-align: center;
}

/* ポップアップぺージスタイル
-------------------------------------------------------*/
#popupPage,
#popupPage #main,
#popupPage #content {
	width: auto;
	background: none;
}
#popupPage #main {
	padding-bottom: 0;
}
#popupPage h1 {
	display: none;
	width: 0;
	height: 0;
}
#popupPage img {
	width: 100%;
	max-width: 440px;
}
/* ========================= body.systemPage システムページ用スタイル */

/* 人事管理システム・図書館システム
トップ
-------------------------------------------------------*/

.systemPage #main {
	width: 1100px;
	margin: 0 auto;
	font-size: 14px;
}
.systemPage h1 {
	margin: 10px 0 10px;
	padding: 8px;
	background: url(https://wx23.wadax.ne.jp/~butsuryo-ac-jp/images/content_bg_h3.gif) repeat left top;
	font-size: 130%;
}
.systemPage h1 span {
	display: block;
	padding: 3px 0 3px 18px;
	background: url(https://wx23.wadax.ne.jp/~butsuryo-ac-jp/images/content_bg_h3_inner.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 114%;
	font-weight: bold;
}
.systemPage h2 {
	margin: 30px 0 10px;
	padding: 0 0 3px 30px;
	background: url(https://wx23.wadax.ne.jp/~butsuryo-ac-jp/images/content_bg_h4.gif) no-repeat left top;
	border-bottom: 1px #999999 dashed;
	font-size: 140%;
}
.systemPage ul.navButton {
	zoom: 1;
}
.systemPage ul.navButton:after {
	content: '';
	display: block;
	clear: both;
}
.systemPage ul.navButton li {
	float: left;
	width: 208px;
	margin: 0 10px 5px 0;
	border: 1px #666666 solid;
}
.systemPage ul.navButton span {
	display: block;
	zoom:1;
}
.systemPage ul.navButton span.red,
.systemPage ul.navButton span.inline {
	display: inline;
}
.systemPage ul.navButton a {
	display: block;
	padding: 5px 10px 6px;
	background: #FFFFFF;
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	line-height: 1.2;
}
.systemPage ul.navYellow li a {
	border-top: 5px #FFE566 solid;
}
.systemPage ul.navYellow li a:hover {
	background: #FFE566;
}
.systemPage ul.navPink li a {
	border-top: 5px #FCAE9B solid;
}
.systemPage ul.navPink li a:hover {
	background: #FCAE9B;
}
.systemPage ul.navPurple li a {
	border-top: 5px #9999EB solid;
}
.systemPage ul.navPurple li a:hover {
	background: #9999EB;
}
.systemPage ul.navGreen li a {
	border-top: 5px #BCDA26 solid;
}
.systemPage ul.navGreen li a:hover {
	background: #BCDA26;
}
.systemPage ul.navBlue li a {
	border-top: 5px #B0D0EE solid;
}
.systemPage ul.navBlue li a:hover {
	background: #B0D0EE;
}
.systemPage ul.navGray li a {
	border-top: 5px #CCCCCC solid;
}
.systemPage ul.navGray li a:hover {
	background: #CCCCCC;
}

/* システムトップスタイル
-------------------------------------------------------*/
#jinjiToppage,
#systemGreenToppage {
	background: url(../images/bg_system_green.jpg) repeat left top;
}

/* 人事管理システムトップスタイル
-------------------------------------------------------*/
#systemBlueToppage {
	background: url(../images/bg_system_blue.jpg) repeat left top;
}

/* スマホ向きコンテンツの非表示（PC向けスタイル）
-------------------------------------------------------*/
#content .sp {
	display: none;
}

/* 教員組織ページスタイル
-------------------------------------------------------*/
#addFramePage #content .boxWhite {
	padding: 5px;
}

/* 在学生の声リストぺージスタイル
-------------------------------------------------------*/
#voicePage #content .boxWhite {
	padding: 15px 0 15px 10px;
}
#voicePage #content ul.voiceList li {
	float: left;
	width: 230px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#voicePage #content ul.voiceList li a,
#voicePage #content ul.voiceList li a:hover {
	color: #333333;
}
#voicePage #content ul.voiceList li img {
	width: 230px;
}

/* 物療新聞ぺージスタイル
-------------------------------------------------------*/
#shinbunPage #content .boxWhite {
	padding: 15px 0 15px 10px;
}
#shinbunPage #content ul.shinbunList li {
	float: left;
	width: 170px;
/*	height: 310px;*/
	margin-right: 10px;
	margin-bottom: 10px;
}
#shinbunPage #content ul.shinbunList li a,
#shinbunPage #content ul.shinbunList li a:hover {
	color: #333333;
}
#shinbunPage #content ul.shinbunList li img {
	width: 168px;
	border: 1px #CCCCCC solid;
}

/* 写真確認ページスタイル
-------------------------------------------------------*/
#photoCheckPage {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#photoCheckPage #wrapper {
	width: 100%;
	background: none;
}
#photoCheckPage,
#photoCheckPage #wrapper,
#photoCheckPage #main {
	width: 100%;
}
#photoCheckPage #content {
	float: none;
	margin: 0 auto;
}

/* ナビ無しページスタイル
-------------------------------------------------------*/
#noNavPage {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#noNavPage #wrapper {
	width: 100%;
}
#noNavPage,
#noNavPage #wrapper {
	width: 100%;
}
#noNavPage #content {
	float: none;
	width: 960px;
	margin: 0 auto;
}
#noNavPage #content input#buttonLeft,
#noNavPage #content button {
	display: inlineblock;
	width: 170px;
	height: 55px;
	border: 1px #FFD717 solid;
	background: #FFE566;
}
#noNavPage #content button:hover {
	border: 1px #FFDD33 solid;
	background: #FFDD33;
}
#noNavPage #content #buttonArea {
	padding-bottom: 0px;
}
/* 在学生ページ
-------------------------------------------------------*/
#studentPage #main .box_round {
	padding: 0.5em 1em;
	margin: 2em 0;
	font-weight: bold;
	color: #6091d3;/*文字色*/
	background: #f2f8ff;
	border: solid 3px #6091d3;/*線*/ 
	border-radius: 20px;/*角の丸み*/
}
#studentPage #main .box_round p {
	margin: 0; 
	padding: 0;
}
#studentPage #main .box_round table{
	width : 90%; 
	border: solid 0px #ff0000;
/*	border-collapse: collapse; */
	font-weight: bold;

}
#studentPage #main .box_round tr td{
	width : 65%;
	border: solid 0px #ff0000;
/*	border-collapse: collapse; */
	font-weight: bold;
	background: #f2f8ff;
}
/* オンライン講義
-------------------------------------------------------*/
#onlinePage #content input#buttonLeft,
#onlinePage #content button {
	display: inlineblock;
	width: 170px;
	height: 55px;
	border: 1px #FFD717 solid;
	background: #FFE566;
}
#onlinePage #content button:hover {
	border: 1px #FFDD33 solid;
	background: #FFDD33;
}
#onlinePage #content .button2 {
	display: inlineblock;
	width: 190px;
	height: 70px;
	border: 1px #FFD717 solid;
	background: #FFE566;
}
#onlinePage #content #buttonArea {
	padding-bottom: 0px;
}