@charset "utf-8";

/* ========================================================
	tsushima css => 学校法人 つしま記念学園用 css
======================================================== */
a:link, a:visited {
	color: #5CB9E6;
}
a:hover, a:active {
	color: #5CB9E6;
}

/* グローバルナビゲーション背景設定
============================================================================================================ */
div#globalNavi {
	background-image: url(../images/global_navi/navi_bg.gif);
}

/* サイドナビゲーション設定
============================================================================================================ */
div#sideArea ul#sideNavi {
	margin: 0 10px 19px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div#sideArea ul#sideNavi li {
	padding-bottom: 1px;
	background-color: #fff;
	border-bottom: 2px solid #61bbe7;
}

/* indexページ
============================================================================================================ */
body#index ul#mainArea {
	width: 900px;
	border-left: 1px solid #ccc;
	margin: 0 auto 20px;
	zoom: 1;
}
body#index ul#mainArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#index ul#mainArea li {
	float: left;
	height: 418px;
	background: url(../../images/index_main_bg.gif) repeat-x bottom;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
body#index ul#mainArea li ul {
	padding-top: 5px;
	line-height: 1;
}
body#index ul#mainArea li ul li {
	float: none;
	height: auto;
	border: none;
}
body#index div#mainContents h2 {
	margin: 20px 0 10px;
}
body#index div#mainContents ul.navi {
	width: 665px;
	zoom: 1;
}
body#index div#mainContents ul.navi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#index div#mainContents ul.navi li {
	float: left;
	margin: 0 10px 10px 0;
}
body#index div#interview {
	position: relative;
	padding: 15px 0 10px 10px;
	border: 5px solid #ccc;
}
body#index div#interview p#point {
	position: absolute;
	top: -41px;
	left: 170px;
}
* html body#index div#interview p#point {
	top: -36px;
	left: 160px;
}
body#index div#interview div {
	zoom: 1;
}
body#index div#interview div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#index div#interview div.first {
	margin-bottom: 20px;
}
body#index div#interview div div {
	float: left;
	width: 290px;
	line-height: 1.3;
}
body#index div#interview div div.left {
	margin-right: 40px;
}
body#index div#interview div h3 {
	float: right;
	width: 180px;
	margin: 0;
	font-size: 114%;
}
body#index div#interview div p {
	margin-left: 110px;
	margin-bottom: 0.8em;
}
body#index div#interview div p.ph {
	float: left;
	margin: 0;
	border: 1px solid #ccc;
}
body#index div#interview div ul {
	text-align: right;
}
body#index div#interview div.fukushi h3,
body#index div#interview div.fukushi a:link,
body#index div#interview div.fukushi a:visited,
body#index div#interview div.fukushi a:hover,
body#index div#interview div.fukushi a:active {
	color: #ff6600;
}
body#index div#interview div.rehabili h3,
body#index div#interview div.rehabili a:link,
body#index div#interview div.rehabili a:visited,
body#index div#interview div.rehabili a:hover,
body#index div#interview div.rehabili a:active {
	color: #ffbb26;
}
body#index div#interview div.kango-houshasen h3,
body#index div#interview div.kango-houshasen a:link,
body#index div#interview div.kango-houshasen a:visited,
body#index div#interview div.kango-houshasen a:hover,
body#index div#interview div.kango-houshasen a:active {
	color: #94cc27;
}


/* タイトルボーダーカラー
============================================================================================================ */
div#pageTitle {
	border-top-color: #5CB9E6;
}

/* 共通
============================================================================================================ */
body div#mainArea h3 {
	margin: 0 0 8px;
}

/* フォーム
============================================================================================================ */
body.form table th {
	background-color: #E2F2F7;
}

/* ヘッダーメニュー・リストページ
============================================================================================================ */
body.list_page div#mainContents ul.fukushi li {
	background: url(../../images/point_about_fukushi.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.rehabili li {
	background: url(../../images/point_about_rehabili.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.kango-houshasen li {
	background: url(../../images/point_about_kango-housha.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.this li {
	background: url(../../images/point_about_this.gif) no-repeat 0 0.3em;
}

/* 進路指導担当の皆様
----------------------------------------------------------------------------------------- */
body.list_page div.delivery_download {
	margin-top: 30px;
}

/* 求人担当の皆様
----------------------------------------------------------------------------------------- */
body#offer div.offerDownload {
	margin-top: 30px;
}
body#offer div.fukushi {
	border: 3px solid #FF6600;
}
body#offer div.rehabili {
	border: 3px solid #FFBB26;
}
body#offer div.kango-houshasen {
	border: 3px solid #94CC27;
}


/* つしま記念学園について
============================================================================================================ */
body#about div#idea {
	zoom: 1;
}
body#about div#idea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#about div#idea h4 {
	width: 402px;
	margin-bottom: 10px;
	margin-top:10px;
}
/*body#about div#idea h4 {
	float: right;
	width: 402px;
	margin-bottom: 18px;
}
body#about div#idea dl {
	float: left;
}
body#about div#idea dl dt {
	margin-bottom: 3px;
}
body#about div#idea p {
	clear: right;
	margin-left: 250px;
}*/
body#about div#idea p {

}
body#about div#history {
	padding: 0 4px;
	border: 1px solid #ccc;
}
body#about div#history dl {
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	zoom: 1;
}
body#about div#history dl.first {
	border-top: none;
}
body#about div#history dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#about div#history dl dt {
	float: left;
	width: 134px;
	padding: 2px 0;
	border: 3px solid #ccc;
	text-align: center;
}
body#about div#history dl dd {
	width: 475px;
	margin-left: 150px;
}


/* つしま記念学園の特色
============================================================================================================ */
body#trait div#pageTitle {
	border-bottom: 1px solid #ccc;
}
/* 本学園の特色
----------------------------------------------------------------------------------------- */
body#trait p.group {
	margin-bottom: 15px;
	text-align: center;
}
body#trait div.group {
	width: 670px;
	margin-top: 10px;
	background: url(../../trait/images/index_box_bg.gif) no-repeat left bottom;
	zoom: 1;
}
body#trait div.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#trait div.group div {
	float: left;
	width: 316px;
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #ccc;
	border-bottom-width: 0;
}
body#trait div.group h4 {
	margin-bottom: 10px;
	background-color: #5CB9E6;
}
body#trait div.group h5 {
	margin-left: 6px;
}
body#trait div.group p {
	padding: 8px 8px 15px;
}

/* 各学院について
----------------------------------------------------------------------------------------- */
body#trait div.relation_link {
	margin-top: 20px;
}
body#trait div.facility {
	margin-top: 40px;
	padding: 1px 1px 15px;
	border: 1px solid #ccc;
	zoom: 1;
}
body#trait div.facility h3 {
	margin: 0 0 10px;
}
body#trait div.facility h4 {
	margin: 15px 8px 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
body#trait div.facility h5 {
	margin: 0 9px;
	font-weight: normal;
}
body#trait div.facility p {
	margin: 0 9px;
}
body#trait div.facility div {
	margin: 0 9px 18px 10px;
	zoom: 1;
}
body#trait div.facility div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#trait div.facility div p {
	float: left;
	margin: 0;
	padding: 10px 0 20px;
}
body#trait div.facility div p.ph {
	display: inline;
	float: right;
	padding: 0;
}
body#trait div.facility div ul {
	clear: left;
}
body#trait div.facility div ul li {
	float: left;
	margin: 0 10px 10px 0;
}
body#trait.facility div.relation_link1 {
	margin-top: 20px;
}

/* 専門学校 日本福祉学院
---------------------------------------- */
body#trait div#fukushi h3 {
	background-color: #FF6600;
}
body#trait div#fukushi h5 {
	color: #C44F00;
}
body#trait div#fukushi div ul {
	float: left;
}
body#trait div#fukushi div ul li {
	float: none;
	margin: 0 10px 10px 0;
}
body#trait div#fukushi div dl dt {
	margin-bottom: 3px;
}
body#trait div#fukushi div dl dd ul {
	clear: none;
}
body#trait div#fukushi div dl dd ul li {
	margin: 0;
	line-height: 1.4;
}

/* 専門学校 日本福祉リハビリテーション学院
---------------------------------------- */
body#trait div#rehabili h3 {
	background-color: #FFBB26;
}
/* 専門学校 日本福祉看護・診療放射線学院
---------------------------------------- */
body#trait div#kango-houshasen h3 {
	background-color: #94CC27;
}
body#trait div#kango-housha h5 {
	color: #4C631A;
}


/* 出前講義のご案内
============================================================================================================ */
body#delivery div#fukushi,
body#delivery div#kango {
	padding: 9px;
	border: 1px solid #ccc;
	zoom: 1;
}
body#delivery div.iryo {
	margin-top: 4px;
	background: url(../../delivery/images/index_iryo_bg.gif) no-repeat left bottom;
	zoom: 1;
}
body#delivery div#fukushi:after,
body#delivery div.iryo:after,
body#delivery div#kango:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#delivery div#fukushi div.left,
body#delivery div.iryo div.left,
body#delivery div#kango div.left {
	float: left;
}
body#delivery div#fukushi div.right,
body#delivery div.iryo div.right,
body#delivery div#kango div.right {
	float: right;
}
body#delivery div.iryo div.left,
body#delivery div.iryo div.right {
	padding: 10px 9px 9px;
	border: 1px solid #ccc;
	border-bottom-width: 0;
}
body#delivery div#fukushi div dl,
body#delivery div.iryo div dl ,
body#delivery div#kango div dl {
	width: 297px;
	margin-top: 20px;
	border: 3px solid #ccc;
}
body#delivery div#fukushi div dl {
	border: 3px solid #FFBB26;
}
body#delivery div.iryo div dl {
	border: 3px solid #5CB9E6;
}
body#delivery div#kango div dl {
	border: 3px solid #E6A1C7;
}

body#delivery div#fukushi div dl.first,
body#delivery div#kango div dl.first {
	margin-top: 0;
}
body#delivery div.iryo div dl.first {
	margin-top: 7px;
}
body#delivery div#fukushi div dt,
body#delivery div.iryo div dt,
body#delivery div#kango div dt {
	padding: 2px;
}
body#delivery div#fukushi div dd,
body#delivery div.iryo div dd,
body#delivery div#kango div dd {
	padding: 8px 12px 10px;
	min-height: 3.2em;
}
* html body#delivery div#fukushi div dd,
* html body#delivery div.iryo div dd,
* html body#delivery div#kango div dd {
	padding: 8px 12px 10px;
	height: 3.2em;
}

body#delivery div#guidanceMain {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	zoom: 1;
}
body#delivery div#guidanceMain:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#delivery div#guidanceMain h4 {
	float: left;
	padding: 20px 0 15px;
}
body#delivery div#guidanceMain p {
	clear: left;
}
body#delivery div#guidanceMain p.ph {
	float: right;
	clear: none;
	margin-left: 10px;
}
body#delivery div#guidanceBox {
	width: 670px;
	background: url(../../delivery/images/index_guidance_bg.gif) no-repeat left bottom;
	zoom: 1;
}
body#delivery div#guidanceBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#delivery div#guidanceBox dl {
	float: left;
	width: 186px;
	margin-right: 10px;
	padding: 9px;
}
body#delivery div#guidanceBox dl.guidance_fukushi {
	border: 3px solid #FFBB26;
	border-bottom: 0;
}
body#delivery div#guidanceBox dl.guidance_iryo {
	border: 3px solid #5CB9E6;
	border-bottom: 0;
}
body#delivery div#guidanceBox dl.guidance_kango {
	border: 3px solid #E6A1C7;
	border-bottom: 0;
}
body#delivery div#guidanceBox dl dd {
	padding-top: 6px;
}
body#delivery div#application {
	width: 660px;
	zoom: 1;
}
body#delivery div#application:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#delivery div#application dl {
	float: left;
	margin-right: 4px;
}
body#delivery div#application dl dd {
	width: 146px;
	padding-top: 6px;
}


/* なりたい職種から学校を探す
============================================================================================================ */
body#category div#pageTitle {
	border-bottom: 1px solid #ccc;
}
body#category div#categoryMain img {
	margin-bottom: 6px;
}
body#category div.category_contents {
	clear: both;
	margin-top: 40px;
	zoom: 1;
}
body#category div.category_contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#category div.category_contents p {
	float: right;
	width: 370px;
}
body#category div.category_contents div.title {
	float: left;
	width: 256px;
	padding: 12px 1px 1px;
	border: 1px solid #ccc;
}
body#category div.category_contents div.title h4 {
	padding-bottom: 8px;
	margin: 0 8px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
body#category div.category_contents div.title p {
	float: none;
	width: auto;
	text-align: center;
}
body#category div.category_contents div.title p.text {
	padding: 5px 0;
}
body#category div.category_contents div.kaigo p.text {
	padding: 22px 0 25px;
}
body#category div.category_contents div.shakai p.text {
	padding: 13px 0 16px;
}
body#category div.field {
	clear: both;
	margin-top: 20px;
	padding: 8px 0 10px 7px;
	border: 5px solid #ccc;
}
body#category div.field ul {
	padding-top: 2px;
	zoom: 1;
}
body#category div.field ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#category div.field ul li {
	float: left;
	padding: 5px 10px 0 0;
}
body#category div.therapy {
	clear: both;
	margin-top: 20px;
	padding: 8px 0 6px;
	border: 5px solid #ccc;
	zoom: 1;
}
body#category div.therapy:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body#category div.therapy div {
	float: left;
	width: 299px;
	padding: 0 9px 0 11px;
}
body#category div.therapy div p {
	padding: 5px 5px 0 0;
}

/* プライバシーポリシー
============================================================================================================ */
body#privacy div#privacyBox {
	margin-top: 20px;
	padding: 12px 15px;
	border: 5px solid #ccc;
}
body#privacy div#privacyBox p {
	margin-bottom: 1.6em;
}
body#privacy div#privacyBox ol {
	padding-left: 1.5em;
	list-style-type: decimal;
}
body#privacy div#privacyBox ol li {
}
body#privacy div#info {
	margin-top: 40px;
	padding: 14px 7px 17px;
	border: 3px solid #5CB9E6;
}
body#privacy div#info h3 {
	margin: 0 0 3px;
	font-size: 0.1em;
}
body#privacy div#info ul {
	position: relative;
}
body#privacy div#info ul li {
	position: absolute;
	top: -40px;
	left: 330px;
}


/*サイトマップ
============================================================================================================ */
body.list_page div#mainContents p.listtop {
	width: 620px;
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 30px;
	border-bottom: 1px solid #ccc;
}
body.list_page div#mainContents h4 {
	width: 620px;
	margin-bottom: 0.5em;
	padding: 20px 0 10px 10px;
	border-bottom: 1px solid #ccc;
}

/*キャッチ追加 1カラム*/

body.list_page div#mainContents p.fukushi {
	background: url(../../images/point_about_fukushi.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents p.rehabili {
	background: url(../../images/point_about_rehabili.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents p.kango-houshasen {
	background: url(../../images/point_about_kango-housha.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents p.this {
	background: url(../../images/point_about_this.gif) no-repeat 0 0.3em;
}

/*キャッチ追加 2カラム*/

body.list_page div#mainContents ul.fukushi_cw li {
	background: url(../../fukushi/images/point_about_cw.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.fukushi_sw li {
	background: url(../../fukushi/images/point_about_sw.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.fukushi_sw1 li {
	background: url(../../fukushi/images/point_about_sw1.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.fukushi_tsushin li {
	background: url(../../fukushi/images/point_about_tsushin.gif) no-repeat 0 0.3em;
}

body.list_page div#mainContents ul.rehabili_pt li {
	background: url(../../rehabili/images/point_about_pt.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.rehabili_ot li {
	background: url(../../rehabili/images/point_about_ot.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.rehabili_st li {
	background: url(../../rehabili/images/point_about_st.gif) no-repeat 0 0.3em;
}

body.list_page div#mainContents ul.kango-houshasen_kango li {
	background: url(../../kango-houshasen/images/point_about_kango.gif) no-repeat 0 0.3em;
}
body.list_page div#mainContents ul.kango-houshasen_housha li {
	background: url(../../kango-houshasen/images/point_about_housha.gif) no-repeat 0 0.3em;
}

/*リストインデント*/

body.list_page div#mainContents p.listtop a:link,
body.list_page div#mainContents p.listtop a:visited {
	color: #333;
}
body.list_page ul.list li a:hover,
body.list_page ul.list li a:active {
	color: #333;
}
body.list_page div#mainContents ul li.indent_right {
	float: right;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
	margin-right: 45px;
	_margin-right: 15px;
	_display: inline;
}
body.list_page div#mainContents ul li.indent_right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body.list_page div#mainContents ul li.indent_left {
	width: 320px;
	float: left;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
	_clear: both;
}
body.list_page div#mainContents ul li.indent_left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body.list_page div#mainContents ul li.indent_right p,
body.list_page div#mainContents ul li.indent_left p {
	width: 290px;
	padding: 0 0 0.5em 30px;
	border-bottom: 1px solid #ccc;
}
body.list_page div#mainContents ul li.indent_left ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
body.list_page div#mainContents ul li.indent_right ul li,
body.list_page div#mainContents ul li.indent_left ul li {
	background-image: none;
	margin-bottom: 0;
	margin-top: 0.5em;
	_margin-right: 0;
}