@charset "UTF-8"; /* CSS Document */ /*　2013/02/27　ver1.0 通信教育部に関するスタイルは全てこのファイルに記述 任意のクラス名・ID名の頭に｢corre｣を付ける事 例：｢.contents_wrap｣→｢.correContents_wrap｣ 例外　correの付与された親要素からの継承スタイルについては汎用クラス名も可。 各ページ特有のスタイルは分かりやすいようにまとめて書く事。 各カテゴリ内で共通のスタイルなどは、その限りではない。 */ /* news list **********************************************************************/ /* adobe reader download **********************************************************************/ .adobeBox{background:url(../img/common/bg_table_td.jpg) no-repeat 1px 1px; width:658px; border:solid 1px #D3D3D4; margin:0 auto 30px auto; padding:20px;} /*common **********************************************************************/ body{ /*font-family:Meiryo, sans-serif;*/} .clearfix {width:100%;} .clearfix:after { content: ""; display: block; clear: both;} sup{font-size:70%;} h1,h2,h3,h4,h5 {line-height:1.0em;} img{ vertical-align: bottom; } ul,li{margin:0; padding:0; list-style:none;} td,th{vertical-align:top;} .tableFormat01 { font-size:1.1em; width:100%;} .tableFormat01 * { font-size:1em; font-weight:normal;} .tableFormat01 table { border-collapse:collapse; width:100%;} .tableFormat01 th, .tableFormat01 td { text-align:left; padding-top:0.9em; padding-bottom:0.8em; border:1px #ccc solid; vertical-align:middle; letter-spacing:0.05em;} .tableFormat01 th { text-align:center; background-color:#e3edf7;} .tableFormat01 .bgWhite { background-color:#fff;} .tableFormat01 .bgYellow01 { background-color:#ffffec;} .tableFormat01 .textCenter { text-align:center;} .tableFormat01 th p, .tableFormat01 td p { margin-left:15px; margin-right:15px;} .listFormat01 { list-style:none;} .listFormat01 li { background-image:url(../../img/common/icon02.png); background-repeat:no-repeat; background-position:left 0.42em; padding-left:16px;} .positionSet1 { position:relative; overflow:hidden;} .positionSet2 { position:absolute; overflow:hidden;} .positionSet3 { position:relative; overflow:visible;} .positionSet4 { position:absolute; overflow:visible;} .positionSet1 .positionHideImg, .positionSet2 .positionHideImg { position:absolute; left:0; top:0;} .positionSet1 .positionText, .positionSet2 .positionText { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;} .positionSet1 .positionBlock, .positionSet2 .positionBlock { display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;} .corre_gNav {width:100%; background:url(../../img/common/gNav_bg.jpg) repeat-x; height:40px; } .corre_gNav .gNavWrap {width:950px; margin:0 auto; padding-right:3px;} .corre_gNav .gNavWrap ul {margin:0; padding:0;} .corre_gNav .gNavWrap ul li {float:left;} .corre_gNav .gNavWrap ul li a {display:block; height:40px; background:url(../../img/common/gNav.jpg) no-repeat; text-indent:-9999px;} .corre_gNav .gNavWrap ul li.correNav01 a {width:109px; background-position:0 0;} .corre_gNav .gNavWrap ul li.correNav02 a {width:101px; background-position:-109px 0;} .corre_gNav .gNavWrap ul li.correNav03 a {width: 91px; background-position:-210px 0;} .corre_gNav .gNavWrap ul li.correNav04 a {width:101px; background-position:-301px 0;} .corre_gNav .gNavWrap ul li.correNav05 a {width:113px; background-position:-402px 0;} .corre_gNav .gNavWrap ul li.correNav06 a {width:131px; background-position:-515px 0;} .corre_gNav .gNavWrap ul li.correNav07 a {width:107px; background-position:-646px 0;} .corre_gNav .gNavWrap ul li.correNav08 a {width: 57px; background-position:-753px 0;} .corre_gNav .gNavWrap ul li.correNav09 a {width: 57px; background-position:-810px 0;} .corre_gNav .gNavWrap ul li.correNav10 a {width: 83px; background-position:-867px 0;} .corre_gNav .gNavWrap ul li.correNav01 a:hover {background-position:0 -40px;} .corre_gNav .gNavWrap ul li.correNav02 a:hover {background-position:-109px -40px;} .corre_gNav .gNavWrap ul li.correNav03 a:hover {background-position:-210px -40px;} .corre_gNav .gNavWrap ul li.correNav04 a:hover {background-position:-301px -40px;} .corre_gNav .gNavWrap ul li.correNav05 a:hover {background-position:-402px -40px;} .corre_gNav .gNavWrap ul li.correNav06 a:hover {background-position:-515px -40px;} .corre_gNav .gNavWrap ul li.correNav07 a:hover {background-position:-646px -40px;} .corre_gNav .gNavWrap ul li.correNav08 a:hover {background-position:-753px -40px;} .corre_gNav .gNavWrap ul li.correNav09 a:hover {background-position:-810px -40px;} .corre_gNav .gNavWrap ul li.correNav10 a:hover {background-position:-867px -40px;} .corre_gNav .gNavWrap ul li.correNav01 a:active {background-position:0 -80px;} .corre_gNav .gNavWrap ul li.correNav02 a:active {background-position:-109px -80px;} .corre_gNav .gNavWrap ul li.correNav03 a:active {background-position:-210px -80px;} .corre_gNav .gNavWrap ul li.correNav04 a:active {background-position:-301px -80px;} .corre_gNav .gNavWrap ul li.correNav05 a:active {background-position:-402px -80px;} .corre_gNav .gNavWrap ul li.correNav06 a:active {background-position:-515px -80px;} .corre_gNav .gNavWrap ul li.correNav07 a:active {background-position:-646px -80px;} .corre_gNav .gNavWrap ul li.correNav08 a:active {background-position:-753px -80px;} .corre_gNav .gNavWrap ul li.correNav09 a:active {background-position:-810px -80px;} .corre_gNav .gNavWrap ul li.correNav10 a:active {background-position:-867px -80px;} .corre_gNav .gNavWrap ul li.correNav01active a {width:109px; background-position:0 -80px;} .corre_gNav .gNavWrap ul li.correNav02active a {width:101px; background-position:-109px -80px;} .corre_gNav .gNavWrap ul li.correNav03active a {width: 91px; background-position:-210px -80px;} .corre_gNav .gNavWrap ul li.correNav04active a {width:101px; background-position:-301px -80px;} .corre_gNav .gNavWrap ul li.correNav05active a {width:113px; background-position:-402px -80px;} .corre_gNav .gNavWrap ul li.correNav06active a {width:131px; background-position:-515px -80px;} .corre_gNav .gNavWrap ul li.correNav07active a {width:107px; background-position:-646px -80px;} .corre_gNav .gNavWrap ul li.correNav08active a {width: 57px; background-position:-753px -80px;} .corre_gNav .gNavWrap ul li.correNav09active a {width: 57px; background-position:-810px -80px;} .corre_gNav .gNavWrap ul li.correNav10active a {width: 83px; background-position:-867px -80px;} /* side */ .correSide_bannerTokurei{width:190px; margin-bottom:10px;} .correSide_bannerTokurei a.bannerTokurei{display:block; width:190px; height:80px; background:url(../../img/side/banner_tokurei.jpg) no-repeat; text-indent:-9999px;} .correSide_bannerTokurei a.bannerTokurei:hover{background-position:-190px 0;} .correSideWrap {background:url(../../img/side/borderBG.jpg) repeat-y; width:190px; margin-bottom:10px;} .correSideWrap .correSideTop {background:url(../../img/side/borderTop.jpg) no-repeat top left;} .correSideWrap .correSideBottom {background:url(../../img/side/borderBottom.jpg) no-repeat bottom left; padding:10px;} .correSideWrap .forNewlyDP {width:140px; height:100px; padding:70px 15px 0 15px; background:url(../../img/side/newry.jpg) no-repeat 0 -240px;} .correSideWrap a {display:block; width:170px; text-indent:-9999px; margin-bottom:10px;} .correSideWrap a.forNewlyLink01 { height:100px; background:url(../../img/side/newry.jpg) no-repeat 0 -30px;} .correSideWrap a.forNewlyLink02 { height:100px; background:url(../../img/side/newry.jpg) no-repeat 0 -135px;} .correSideWrap a.forNewlyLink03 { width:140px; height:36px; background:url(../../img/side/newry.jpg) no-repeat -15px -310px; margin-bottom:13px;} .correSideWrap a.forNewlyLink04 { width:140px; height:36px; background:url(../../img/side/newry.jpg) no-repeat -15px -359px;} .correSideWrap a.forNewlyLink01:hover {background-position:-170px -30px;} .correSideWrap a.forNewlyLink02:hover {background-position:-170px -135px;} .correSideWrap a.forNewlyLink03:hover {background-position:-185px -310px;} .correSideWrap a.forNewlyLink04:hover {background-position:-185px -359px;} .correSideWrap2 { padding:20px 0 0 0 ;} .correSideWrap2 a {display:block; width:170px; text-indent:-9999px; margin:0 auto 5px auto;} .correSideWrap2 a.correSideSDnet { height:56px; background:url(../../img/side/ShinwaNetLogo.jpg) no-repeat;} .correSideWrap2 a.publication { height:30px; background:url(../../img/side/newry.jpg) no-repeat 0 -410px;} .correSideWrap2 a.publication:hover { height:30px; background:url(../../img/side/newry.jpg) no-repeat -170px -410px;} .correSDnet1 { margin-bottom:5px;} .correSDnet1 img {float:left;} .correSDnet1 p { display:block; width:115px; float:right; font-size:10px; line-height:1.2em;} .correSideText { font-size:10px; line-height:1.1em; padding:0 0 2px 10px;} .cooreSideTextLink { border-top:#DDDDDD 5px solid; padding:10px 0 0 0;} .cooreSideTextLink a {background:url(../../img/side/textLinkIcon.jpg) no-repeat 0 50%; padding-left:25px; text-indent:0; margin-bottom:5px;} .cooreSideTextLink a:hover {background:url(../../img/side/textLinkIcon_hover.jpg) no-repeat 0 50%;} /* sitemap */ .correPagetop {text-align:right; margin-bottom:20px;} .coreSitemapTitle { height:40px; border-bottom:#CCCCCC 1px solid;} .coreSitemapTitle h3 { background:url(../../img/common/sitemapTitle.jpg) no-repeat; text-indent:-9999px; height:40px; display:block; width:400px;} .correSitemap_td01 {border-right:#AAAAAA 1px dotted;} .correSitemap_td02 {border-right:#AAAAAA 1px dotted;} .correSitemap_td03 {border-right:#AAAAAA 1px dotted;} .correSitemap_td04 {border-right:#AAAAAA 1px dotted;} .correSitemapList li {font-weight:bold; background:url(../../img/common/sitemapListIcon.jpg) no-repeat 0 2px; padding-left:20px; margin-bottom:15px;} .correSitemapList li ul li {font-weight:normal; background:none; margin-bottom:2px; padding-left:10px;} .correSitemapList li a {font-weight:bold;} .correSitemapList li ul li a {font-weight:normal;} /*各下層ページタイトル*/ .correContentsTitleWrap { background-color:#FFFFFF; font-size:12px; line-height:1.5em; margin:0 4px 0 0; padding:20px 10px 0 10px; width:930px; height:40px; position:relative;} .correContentsTitleWrap .lineup {position:absolute; right:10px; bottom:0; width:190px; height:40px; background:url(../../img/common/lNavTitle.png) no-repeat; text-indent:-9999px;} .correContents { background-color:#FFFFFF; font-size:12px; line-height:1.5em; margin:0 4px 20px 0; width:950px;} .correContentsLtop {float: left; width:720px; margin:20px 0 20px 10px;} .correContentsRtop {float:right; width:190px; margin:20px 10px 20px 0;} .correContentsL {float: left; width:720px; margin:20px 0 20px 15px;} .correContentsR {float:right; width:190px; margin:0 10px 20px 0;} .correSitemap {clear:both; border-top:#DDDDDD 5px solid; margin:0 10px 20px 10px; padding-top:5px;} .correContents a {color:#005588; text-decoration:none;} .correContents a:hover {color:#6491C5;} /*各下層ページナビゲーション*/ .correContentsR .pageContentsNav {margin-bottom:10px;} .correContentsR .pageContentsNav .lineup { background:url(../../img/common/lNavBgBottom.png) no-repeat left bottom; padding-bottom:10px; } .correContentsR .pageContentsNav .lineup ul { background:url(../../img/common/lNavBgTop.png) no-repeat; padding-top:10px;} .correContentsR .pageContentsNav .lineup ul li { background:url(../../img/common/lNavBg.png) no-repeat; height:50px;} .correContentsR .pageContentsNav .lineup ul li.active { background:url(../../img/common/lNavBg.png) no-repeat 0 -50px; font-weight:bold;} .correContentsR .pageContentsNav .lineup ul a {display:block; line-height:50px; padding-left:25px; font-size:13px;} .correContentsTitleWrap .ideology, .correContentsR .pageContentsNav .ideology, .correContentsTitleWrap .learning, .correContentsR .pageContentsNav .learning {background-color:#E0E8F3;} .correContentsTitleWrap .department, .correContentsR .pageContentsNav .department {background-color:#CCCCF0;} .correContentsR .pageContentsNav .department {} .correContentsR .pageContentsNav .ideology, .correContentsR .pageContentsNav .department, .correContentsR .pageContentsNav .learning, .correContentsR .pageContentsNav .certify, .correContentsR .pageContentsNav .about, .correContentsR .pageContentsNav .fresh, .correContentsR .pageContentsNav .inquiry, .correContentsR .pageContentsNav .column, .correContentsR .pageContentsNav .existing {margin-bottom:30px;} .correContentsTitleWrap .contentsTitle01, .correContentsTitleWrap .contentsTitle02 {background:url(../../img/common/bg_pageTitle.jpg) no-repeat; line-height:40px; font-size:18px; padding-left:55px; font-weight:normal;} .correContentsTitleWrap .ideology h2, .correContentsTitleWrap .learning h2 {background-position:0 0; color:#456BAE;} .correContentsTitleWrap .department h2 {background-position:0 -40px; color:#0000B2;} .correContentsTitleWrap .inquiry, .correContentsR .pageContentsNav .inquiry {background-color:#E9F4DF;} .correContentsTitleWrap .inquiry h2 {background-position:0 -320px; color:#649B3A;} .correContentsTitleWrap .column, .correContentsR .pageContentsNav .column {background-color:#F4DFF5;} .correContentsTitleWrap .column h2 {background-position:0 -280px; color:#892E8B;} .correContentsTitleWrap .existing, .correContentsR .pageContentsNav .existing {background-color:#F0F0CC;} .correContentsTitleWrap .existing h2 {background-position:0 -120px; color:#636600;} .correContentsTitleWrap .about, .correContentsR .pageContentsNav .about {background-color:#D3EFE5;} .correContentsTitleWrap .about h2 {background-position:0 -200px; color:#477662;} .correContentsTitleWrap .fresh, .correContentsR .pageContentsNav .fresh {background-color:#F5E1DF;} .correContentsTitleWrap .fresh h2 {background-position:0 -240px; color:#CF695F;} .correContentsTitleWrap .certify, .correContentsR .pageContentsNav .certify {background-color:#F7E7CE;} .correContentsTitleWrap .certify h2 {background-position:0 -80px; color:#D9880A;} /* index.html **********************************************************************/ #topLogoBlock {position:absolute;top:150px;left:50%;z-index:100;width:280px;margin-left:-470px;} #topHeaderBlock{width:954px; margin:0 auto;} /* main */ /* 2014.12.01追記 */ .correIndexMainWrap{ background:url(../../img/index_main/bg01.gif) no-repeat; padding:20px 11px 11px 11px; position:relative;} .correIndexMainWrap .border_bottom{ position:absolute; bottom:0; left:0;} .correIndexMainWrap h2{ color:#1A4E6C; font-size:30px; font-weight:normal; padding-bottom:10px;} .correIndexMainWrap p{ padding:8px 0 15px 0; font-size:14px;} .correIndexMainWrap {margin-bottom:20px;} .correIndexMainWrap .listWrap{} .correIndexMainWrap .listWrap div{ border:#D3D3D3 1px solid; padding:1px; width:222px; height:216px; float:left; cursor:pointer; position:relative;} .correIndexMainWrap .listWrap div span{ display:block;} .correIndexMainWrap .listWrap div:hover img{ opacity:0.7;} .correIndexMainWrap .listWrap div h3{ display:block; height:27px; line-height:27px; padding-left:18px; font-size:14px; font-weight:normal; color:#FFF;} .correIndexMainWrap .listWrap div p{ display:block; height:81px; padding:0 18px; font-size:12px;} .correIndexMainWrap .listWrap div:hover p{ color:#FFF;} .correIndexMainWrap .listWrap a{ position:absolute; top:0; left:0; display:none; cursor:none;} .correIndexMainWrap .listWrap #corre_topMenu01{margin:0 0 10px 0;} .correIndexMainWrap .listWrap #corre_topMenu01 h3{background-color:#C17A8C;} .correIndexMainWrap .listWrap #corre_topMenu01 p{background-color:#F1E0E4; padding-top:5px; height:76px;} .correIndexMainWrap .listWrap #corre_topMenu01 span{background-color:#6B1F2B;} .correIndexMainWrap .listWrap #corre_topMenu01:hover{} .correIndexMainWrap .listWrap #corre_topMenu01:hover h3{background-color:#6B1F2B;} .correIndexMainWrap .listWrap #corre_topMenu01:hover p{background-color:#BD8692;} .correIndexMainWrap .listWrap #corre_topMenu02{margin:0 10px 10px 10px;} .correIndexMainWrap .listWrap #corre_topMenu02 h3{background-color:#2853AB;} .correIndexMainWrap .listWrap #corre_topMenu02 p{background-color:#C6D5EF; padding-top:14px; height:67px;} .correIndexMainWrap .listWrap #corre_topMenu02 span{background-color:#020E63;} .correIndexMainWrap .listWrap #corre_topMenu02:hover{} .correIndexMainWrap .listWrap #corre_topMenu02:hover h3{background-color:#020E63;} .correIndexMainWrap .listWrap #corre_topMenu02:hover p{background-color:#5C7DC3;} .correIndexMainWrap .listWrap #corre_topMenu03{margin:0 0 10px 0;} .correIndexMainWrap .listWrap #corre_topMenu03 h3{background-color:#D58720;} .correIndexMainWrap .listWrap #corre_topMenu03 p{background-color:#F3DAB1; padding-top:14px; height:67px;} .correIndexMainWrap .listWrap #corre_topMenu03 span{background-color:#A83C00;} .correIndexMainWrap .listWrap #corre_topMenu03:hover{} .correIndexMainWrap .listWrap #corre_topMenu03:hover h3{background-color:#A83C00;} .correIndexMainWrap .listWrap #corre_topMenu03:hover p{background-color:#DC9E53;} .correIndexMainWrap .listWrap #corre_topMenu04{margin:0 0 0 0;} .correIndexMainWrap .listWrap #corre_topMenu04 h3{background-color:#608A4D;} .correIndexMainWrap .listWrap #corre_topMenu04 p{background-color:#C6D7BE; padding-top:5px; height:76px;} .correIndexMainWrap .listWrap #corre_topMenu04 span{background-color:#1B3F10;} .correIndexMainWrap .listWrap #corre_topMenu04:hover{} .correIndexMainWrap .listWrap #corre_topMenu04:hover h3{background-color:#1B3F10;} .correIndexMainWrap .listWrap #corre_topMenu04:hover p{background-color:#789A69;} .correIndexMainWrap .listWrap #corre_topMenu05{margin:0 10px 0 10px;} .correIndexMainWrap .listWrap #corre_topMenu05 h3{background-color:#939448;} .correIndexMainWrap .listWrap #corre_topMenu05 p{background-color:#D9DAB8; padding-top:14px; height:67px;} .correIndexMainWrap .listWrap #corre_topMenu05 span{background-color:#48490A;} .correIndexMainWrap .listWrap #corre_topMenu05:hover{} .correIndexMainWrap .listWrap #corre_topMenu05:hover h3{background-color:#48490A;} .correIndexMainWrap .listWrap #corre_topMenu05:hover p{background-color:#9D9E5E;} .correIndexMainWrap .listWrap #corre_topMenu06{margin:0 0 0 0;} .correIndexMainWrap .listWrap #corre_topMenu06 h3{background-color:#926960;} .correIndexMainWrap .listWrap #corre_topMenu06 p{background-color:#E9E0DE; padding-top:19px; height:62px;} .correIndexMainWrap .listWrap #corre_topMenu06 span{background-color:#3B1A14;} .correIndexMainWrap .listWrap #corre_topMenu06:hover{} .correIndexMainWrap .listWrap #corre_topMenu06:hover h3{background-color:#3B1A14;} .correIndexMainWrap .listWrap #corre_topMenu06:hover p{background-color:#96766E;} #MainVisualWrap{background-color:#FDFAC9; height:350px; overflow:hidden;} .mainLogo{display:block; width:950px; margin:0 auto;} #autoPlaySlider{width:950px; margin:0 auto; padding-bottom:30px;} /* 下層ページ共通設定 **********************************************************************/ .correContentsL .pageTitle { margin-bottom:20px;} .correContentsL .pageTitle.text02 { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat; padding-left:30px; height:36px; line-height:34px; font-size:16px;} .correContentsL .pageTitle.text01.ideology,.correContentsL .pageTitle.text01.learning { color:#333333; background-position:0 0;} .correContentsL .pageTitle.text02.education { color:#333333; background-position: 0 -144px;} .correContentsL .pageTitle.text02.welfare { color:#333333; background-position: 0 -72px;} .correContentsL .pageText {margin-bottom:10px;} .correContentsL .marginBottom10 {margin-bottom:10px;} .correContentsL .marginBottom20 {margin-bottom:20px;} .correContentsL .marginBottom15 {margin-bottom:15px;} .correContentsL .marginBottom30 {margin-bottom:30px;} .correContentsL .marginBottom40 {margin-bottom:40px;} .correContentsL .marginBottom50 {margin-bottom:50px;} .correContentsL .marginBottom60 {margin-bottom:60px;} .correContentsL .marginTop05 {margin-top:5px;} .correContentsL .marginTop10 {margin-top:10px;} .correContentsL .marginTop15 {margin-top:15px;} .correContentsL .marginTop20 {margin-top:20px;} .correContentsL .marginTop30 {margin-top:30px;} .correContentsL .marginTop40 {margin-top:40px;} .correContentsL .marginTop50 {margin-top:50px;} .correContentsL .marginTop60 {margin-top:60px;} .correContentsL .paddingBottom10 {padding-bottom:10px;} .correContentsL .marginLeft10 {margin-left:10px;} .correContentsL .mgnR10 {margin-right:10px;} .correContentsL .mgnR15 {margin-right:15px;} .correContentsL .mgnR20 {margin-right:20px;} .correContentsL .mgnR25 {margin-right:25px;} .correContentsL .pdgT10 {padding-top:10px;} .correContentsL .pdgT15 {padding-top:15px;} .correContentsL .pdgT20 {padding-top:20px;} .correContentsL .pdgT25 {padding-top:25px;} .correContentsL .pdgT30 {padding-top:30px;} .correContentsL .pdgB10 {padding-bottom:10px;} .correContentsL .pdgR10 {padding-right:10px;} .correContentsL .pdgR15 {padding-right:15px;} .correContentsL .pdgR20 {padding-right:20px;} .correContentsL .pdgR25 {padding-right:25px;} .correContentsL .textContents .textRight {text-align: right ;} .correContentsL .colorRed { color:#FF0000;} /* ideology 共通 **********************************************************************/ .correContentsL.ideology h3 {font-size:20px; color:#0374AF;} /* ideology/index.php */ .correContentsL.ideology .point { height:77px; margin-bottom:15px; padding:10px 20px 0 100px; background:url(../../ideology/img/index_pointNumber.jpg) no-repeat;} .correContentsL.ideology .point h4 { font-size:16px; color:#0374AF; margin-bottom:10px;} .correContentsL.ideology .point.point1 {background-position:0 0;} .correContentsL.ideology .point.point2 {background-position:0 -87px;} .correContentsL.ideology .point.point3 {background-position:0 -174px;} .correContentsL.ideology .point.point4 {background-position:0 -261px;} .correContentsL.ideology .point.point5 {background-position:0 -348px;} .correContentsL.ideology .textContents {background:url(../../ideology/img/bg_textContents.jpg) repeat-y top left; padding:20px 30px 0 40px;} .correContentsL.ideology .textContents img {display:block; float:left; width:240px;} .correContentsL.ideology .textContents p {display:block; width:390px; float:right; line-height:2.5em;} /* ideology/president.php */ .correPresidentWrap {} .correPresidentPhoto { display:block; float:left; width:330px;} .correPresidentText { float:right; width:390px; background:url(../../ideology/img/presidentBg.jpg) no-repeat 0 250px; height:850px;} .correPresidentText img { margin-bottom:50px;} .correPresidentText p {padding:0 10px 0 30px; font-size:14px; line-height:2.0em;} .correManagerWrap {} .correManagerPhoto { display:block; float:right; width:310px;} .correManagerText { float:right; width:410px; background:url(../../ideology/img/managerBg.jpg) no-repeat 0 220px; height:770px;} .correManagerText img { margin-bottom:50px;} .correManagerText p {padding:0 40px 0 20px; font-size:14px; line-height:2.0em;} /*20140421仮*/ .correManagerText { float:none; width:auto; background:inherit; height:auto;} /*department 共通 **********************************************************************/ .correContentsL .pageTitle.text01,.correContentsL .pageTitle.text02 .cap_small{font-size: 12px;} .correContentsL.department .textContents p {display:block; line-height:1.5; padding: 0; font-size:14px;} .correContentsL.department .textContents p.teacherName{font-size:12px; text-align:right;} .correContentsL.department .textContents p.teacherName span{font-size:20px;} .correContentsL.department .textContents h3.fMessage{font-size:26px; font-weight:normal; margin-bottom:10px; line-height:1.2;} .correContentsL.department .textContents div.curInfo{ margin-bottom:30px;} .correContentsL.department .textContents div.curInfo img.left{float:left; margin-right:15px;} .correContentsL.department .textContents div.curInfo img.right{float:right; margin-left:15px;} .correContentsL.department .textContents div.curInfo h3{font-size:24px; font-weight:normal; padding:5px 0 5px 10px; margin-bottom:10px; line-height:1.1;} .correContentsL.department .textContents div.curInfo h3 i {font-style:normal; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} .correContentsL.department .textContents div.curInfo h3 span{font-size:12px; font-weight:normal; color:#000;} .correContentsL.department .textContents div.curInfo p{font-size:14px;} .correContentsL.department .textContents .cap_small{font-size: 11px;} .correContentsL.department .textContents .contents01_L{ position:relative;} .correContentsL.department .textContents .contents01_L img{display:block; width:200px; position:absolute; top:0; right:0;} .correContentsL.department .textContents .contents01_L h2{ font-size:24px; line-height:1.2; margin-bottom:10px; font-weight:normal;} .correContentsL.department .textContents h2.curInfo{font-size:18px; font-weight:normal; padding:10px 0 10px 10px; color:#FFF; margin-bottom:15px;} .correContentsL.department .textContents .contents02_L{width: 330px; float: left;} .correContentsL.department .textContents .contents02_R01{width: 389px; height: 95px; float: left; background:url(../../department/img/educationBg01.jpg) repeat-x left top; border-right: 1px solid #D66B00;} .correContentsL.department .textContents .contents02_R02{width: 389px; height: 95px; float: left; background:url(../../department/img/educationBg01.jpg) repeat-x left top; border-right: 1px solid #F6AA00;} .correContentsL.department .textContents .contents02_R03{width: 389px; height: 95px; float: left; background:url(../../department/img/welfareBg01.jpg) repeat-x left top; border-right: 1px solid #009139;} .correContentsL.department .textContents .contents02_R04{width: 389px; height: 95px; float: left; background:url(../../department/img/welfareBg02.jpg) repeat-x left top; border-right: 1px solid #84B71C;} .correContentsL.department .textContents .contents02_R01 p, .correContentsL.department .textContents .contents02_R02 p, .correContentsL.department .textContents .contents02_R03 p , .correContentsL.department .textContents .contents02_R04 p {padding: 20px; } .correContentsL.department .textContents .contents03_L{width: 360px; float: left; background: url(../../department/img/dotLine01.gif) repeat-y right top;} .correContentsL.department .textContents .contents03_R{width: 340px; float: right;} .correContentsL.department .textContents .contents03_R p{padding-left:5px;} .correContentsL.department .textContents .contents03_L p{padding-left: 5px;} .correContentsL.department .textContents .contents03_L .contents03_LL, .correContentsL.department .textContents .contents03_R .contents03_RL{ width: 184px; float: left;} .correContentsL.department .textContents .contents03_L .contents03_RR{width: 184px; float: right;padding-right:20px;} .correContentsL.department .textContents .contents03_R .contents03_RR{width: 184px; float: right;padding:0;} /* department/index.php */ .departmentList { margin:50px 10px 20px 10px;} .departmentList .list01 { border:1px solid #172A87; color:#172A85; font-size:16px; width:400px; line-height:40px; margin:0 auto; text-align:center;} .departmentList .list03-1 a { display:block; background-color:#DA8800; color:#FFFFFF; font-size:16px; width:340px; line-height:40px; text-align:center; position:relative;} .departmentList .list03-1 a:hover { background-color:#FB9911;} .departmentList .list03-2 a { display:block; background-color:#006833; color:#FFFFFF; font-size:16px; width:340px; line-height:40px; text-align:center; position:relative;} .departmentList .list03-2 a:hover { background-color:#117944;} .departmentList .list03-1 a span, .departmentList .list03-2 a span { display:block; font-size:10px; position:absolute; bottom:0; right:0; padding:0 5px 0 0; width:100px; text-align:right; line-height:16px;} .departmentList .list04 { border-left:4px solid #DA7F00; border-top:1px solid #DA7F00; border-bottom:1px solid #DA7F00; border-right:1px solid #DA7F00; margin-top:15px;} .departmentList .list05 { border-left:4px solid #DFA200; border-top:1px solid #DFA200; border-bottom:1px solid #DFA200; border-right:1px solid #DFA200; margin-top:15px;} .departmentList .list06 { border-left:4px solid #007B2E; border-top:1px solid #007B2E; border-bottom:1px solid #007B2E; border-right:1px solid #007B2E; margin-top:15px;} .departmentList .list07 { border-left:4px solid #6F9B11; border-top:1px solid #6F9B11; border-bottom:1px solid #6F9B11; border-right:1px solid #6F9B11; margin-top:15px;} .departmentList .list04 th { color:#D17A01; font-size:14px; text-align:left; padding:10px 0 10px 10px; vertical-align:top; width:140px;} .departmentList .list05 th { color:#D49300; font-size:14px; text-align:left; padding:10px 0 10px 10px; vertical-align:top; width:140px;} .departmentList .list06 th { color:#007B2E; font-size:14px; text-align:left; padding:10px 0 10px 10px; vertical-align:top; width:140px;} .departmentList .list07 th { color:#709B12; font-size:14px; text-align:left; padding:10px 0 10px 10px; vertical-align:top; width:140px;} .departmentList .list05 th.nonWidth, .departmentList .list07 th.nonWidth { width:300px;} .departmentList .list04 td, .departmentList .list05 td, .departmentList .list06 td, .departmentList .list07 td { padding:10px 0 5px 0;} .departmentList .list04 td p.title, .departmentList .list05 td p.title, .departmentList .list06 td p.title, .departmentList .list07 td p.title { font-size:10px;} .departmentList .list04 td p.icon1, .departmentList .list05 td p.icon1, .departmentList .list06 td p.icon1 {background:url(../../department/img/index_icon01.jpg) no-repeat 0 0; font-size:11px; padding-left:20px; padding-bottom:8px; line-height:14px;} .departmentList .list04 td p.icon2, .departmentList .list05 td p.icon2, .departmentList .list06 td p.icon2{background:url(../../department/img/index_icon02.jpg) no-repeat 0 0; font-size:11px; padding-left:20px; padding-bottom:8px; line-height:14px;} .departmentList .list04 td p.icon3, .departmentList .list05 td p.icon3, .departmentList .list06 td p.icon3, .departmentList .list07 td p.icon3{background:url(../../department/img/index_icon03.jpg) no-repeat 0 0; font-size:11px; padding-left:30px; padding-bottom:8px; line-height:14px;} .departmentList .list07 td p.noIcon{font-size:11px; padding-bottom:8px; line-height:14px;} .departmentList .line01 { background:url(../../department/img/index_line01.jpg) repeat-y top center; height:20px;} .departmentList .line02 { background:url(../../department/img/index_line02.jpg) repeat-y top center; height:40px;} .departmentList .courceWrap {} .departmentList .courceWrap .left { width:340px; float:left;} .departmentList .courceWrap .right { width:340px; float:right;} .departmentList .courceWrap .left2 { width:10px; float:left;} .departmentList .courceWrap .right2 { width:330px; float:right; padding-top:10px;} /* department/education.php */ .correContentsL.department.education .textContents h3.fMessage, .correContentsL.department.education .textContents .contents01_L h2{color:#6D950E;} .correContentsL.department.education .textContents h2.curInfo{ background-color:#7CB600; border-left:#666 15px solid;} .correContentsL.department.education .textContents div.curInfo h3{color:#6D950E; border-bottom:#6D950E 3px double; background-color:#F6FBED;} .corre_educationTable01 { margin:10px 0;} .corre_educationTable01 .left01{ background-color:#6C9600; line-height:45px; color:#FFFFFF; font-size:24px; width:320px; padding-left:10px;} .corre_educationTable01 .left02{ background-color:#93BC11; text-align:center;} .corre_educationTable01 .left02-01 { background-color:#FBEDCB; padding:5px; vertical-align:middle; color:#A26104; font-size:12px; width:100px; line-height:1.3em;} .corre_educationTable01 .left02-02 { color:#FFFFFF; font-size:14px; line-height:1.5em;} .corre_educationTable01 .left03{ width:13px; background:url(../../department/img/edu_line01.png) no-repeat 0 50%;} .corre_educationTable01 .left04{ text-align:right; padding:3px 0 0 0 ;} .corre_educationTable01 .right01{ border:1px solid #93BC11; border-left:7px solid #93BC11;padding:0 15px; vertical-align:middle; font-size:14px; line-height:1.4;} .corre_educationTable01 .right01 span{font-size:11px; line-height:1.3;} .corre_educationTable01 table { margin:5px 0; text-align:left;} .corre_educationTable02 { margin:10px 0;} .corre_educationTable02 .left01{ background-color:#588F00; line-height:45px; color:#FFFFFF; font-size:24px; width:320px; padding-left:10px;} .corre_educationTable02 .left02{ background-color:#7CB600; text-align:center;} .corre_educationTable02 .left02-01 { background-color:#FBEDCB; padding:5px; vertical-align:middle; color:#A26104; font-size:12px; width:100px; line-height:1.3em;} .corre_educationTable02 .left02-02 { color:#FFFFFF; font-size:14px; line-height:1.5em;} .corre_educationTable02 .left03{ width:13px; background:url(../../department/img/edu_line01.png) no-repeat 0 50%;} .corre_educationTable02 .left04{ text-align:right; padding:3px 0 0 0 ;} .corre_educationTable02 .right01{ border:1px solid #7CB600; border-left:7px solid #7CB600; padding:0 15px; vertical-align:middle; font-size:14px; line-height:1.4;} .corre_educationTable02 .right01 span{font-size:11px; line-height:1.3;} .corre_educationTable02 table { margin:5px 0; text-align:left;} .corre_educationTable03 { margin:10px 0;} .corre_educationTable03 .left01{ background-color:#E6A000; line-height:45px; color:#FFFFFF; font-size:24px; width:320px; padding-left:20px;} .corre_educationTable03 .left02{ background-color:#E6A000; text-align:center;} .corre_educationTable03 .left02-01 { background-color:#FBEDCB; padding:5px; vertical-align:middle; color:#A26104; font-size:12px; width:100px; line-height:1.3em;} .corre_educationTable03 .left02-02 { color:#FFFFFF; font-size:14px; line-height:1.5em;} .corre_educationTable03 .left03{ width:13px; background:url(../../department/img/educationLine04.jpg) no-repeat 0 50%;} .corre_educationTable03 .left04{ text-align:right; padding:3px 0 0 0 ;} .corre_educationTable03 .right01{ border-left:7px solid #007B2F; border-top:1px solid #007B2F; border-bottom:1px solid #007B2F; border-right:1px solid #007B2F; padding:10px 20px; vertical-align:middle;} .corre_educationTable03 table { margin:5px 10px 5px 16px; text-align:left;} .correContentsL .marginBottom27 {margin-bottom:27px;} .correContentsL .marginBottom42 {margin-bottom:42px;} /* department/welfare.php */ .correContentsL.department.welfare .textContents h3.fMessage, .correContentsL.department.welfare .textContents .contents01_L h2{color:#E6A000;} .correContentsL.department.welfare .textContents h2.curInfo{ background-color:#E6A000; border-left:#666 15px solid;} .correContentsL.department.welfare .textContents div.curInfo h3{color:#E6A000; border-bottom:#E6A000 3px double; background-color:#FBF1D8;} /*learning 共通 **********************************************************************/ .correContentsL.learning .contents01{width: 100%;} .correContentsL.learning .contents02{width: 100%;} /* 2014.12.01 修正 */ /* learning/index.php*/ #learning_index{ padding-top:30px;} #learning_index h3{ background:url(../../learning/img/index_titleIcon01.png) no-repeat; line-height:30px; font-size:26px; padding-left:40px; margin-bottom:15px;} #learning_index .steps{ position:relative; padding:20px; padding-left:50px; margin-left:35px; margin-bottom:50px; border:#00AB97 1px solid;} #learning_index .steps.goal{ position:relative; padding:0; padding-left:0; margin-left:0px; margin-bottom:50px; border:#00AB97 1px solid;} #learning_index .steps .stepIcon{ position:absolute; top:5px; left:-35px; height:70px; width:70px;} #learning_index .steps .arrowIcon{ position:absolute; bottom:-35px; right:360px; width:40px; height:20px;} #learning_index .steps .stepBooks{ width:210px; position:absolute; top:-25px; right:10px;} #learning_index .steps .adviceBalloon{ position:absolute; top:-15px; right:-6px; background:url(../../learning/img/index_advice_arrow.png) no-repeat 0 12px; padding-left:30px; width:220px;} #learning_index .steps .adviceBalloon .adviceTitle{ display:block; width:100px; height:30px; position:absolute; top:-23px; left:17px;} #learning_index .steps .adviceBalloon p{ display:block; background-color:#2E8777; color:#FFF; padding:8px 10px 3px 10px; font-size:13px; line-height:1.2;} #learning_index .steps .adviceBalloon span{ display:block; border:#2E8777 1px solid; background-color:#FFF; padding:3px 8px; font-size:11px; line-height:1.2;} #learning_index .steps h4{ color:#208B61; font-size:20px; padding-bottom:5px;} #learning_index .steps.goal h4{ background-color:#00AB97; padding:10px 20px; color:#FFF;} #learning_index .steps.goal p{ padding:10px 20px; } #learning_index .steps .stepTerm{ margin-bottom:10px;} #learning_index .steps .stepTerm .title{ background-color:#FFFAC6; color:#3DAA9A; text-align:center; padding:5px; font-size:16px; margin:10px 0;} #learning_index .steps .stepTerm .block01, #learning_index .steps .stepTerm .block02, #learning_index .steps .stepTerm .block03{float:left;} #learning_index .steps .stepTerm .block01{width:180px; height:430px; padding:9px; border:#EE858C 1px solid; position:relative;} #learning_index .steps .stepTerm .block02{width:180px; height:430px; padding:9px; border:#5EABDC 1px solid; margin:0 6px;} #learning_index .steps .stepTerm .block03{width:200px;} #learning_index .steps .stepTerm .block04{width:180px; padding:9px; border:#BA8DBE 1px solid;} #learning_index .steps .stepTerm .block01 .floatArrow{ display:block; width:50px; height:290px; position:absolute; top:151px; left:-38px;} #learning_index .steps .stepTerm .block01 .title{ background-color:#EE858C; text-align:center; color:#FFF; font-weight:bold; margin:0 0 5px 0;} #learning_index .steps .stepTerm .block02 .title{ background-color:#5EABDC; text-align:center; color:#FFF; font-weight:bold; margin:0 0 5px 0;} #learning_index .steps .stepTerm .block04 .title{ background-color:#BA8DBE; text-align:center; color:#FFF; font-weight:bold; margin:0 0 5px 0;} #learning_index .steps .stepTerm .block01 .title2{ background:url(../../learning/img/index_icon01.png) no-repeat 0 50%; padding-left:15px; color:#EB6C81; font-size:14px; font-weight:bold;} #learning_index .steps .stepTerm .text00{padding-bottom:10px; font-size:11px; line-height:1.3;} #learning_index .steps .stepTerm .text2{font-size:11px; line-height:1.3;} #learning_index .steps .stepTerm .next{font-size:12px; color:#AAA; text-align:center; line-height:1;} #learning_index .steps .stepTerm .block01 .subWrap{ background-color:#FFE1E4; padding:5px;} #learning_index .steps .stepTerm .block01 .subWrap .list{ background:url(../../learning/img/index_icon02.png) no-repeat 0 50%; color:#E06080; font-size:14px; padding-left:15px;} #learning_index .steps .stepTerm .block01 .titleGoal{ background-color:#EE858C; text-align:center; color:#FFF; letter-spacing:2px; font-size:14px; font-weight:bold; padding:5px 0;} #learning_index .steps .stepTerm .block02 .titleGoal{ background-color:#5EABDC; text-align:center; color:#FFF; letter-spacing:2px; font-size:14px; font-weight:bold; padding:5px 0;} #learning_index .steps .stepTerm .block02 .subWrap{ background-color:#D7F1FF; padding:5px;} #learning_index .steps .stepTerm .block02 .subWrap div{ color:#5EABDC; text-align:center;} #learning_index .steps .stepTerm .block02 .subWrap p{background-color:#5EABDC; text-align:center; color:#FFF; margin:2px 0; padding:6px 0;} #learning_index .steps .stepTerm .block02 .list{ background:url(../../learning/img/index_icon03.png) no-repeat 0 50%; color:#50A0D0; font-size:14px; padding-left:20px;} #learning_index .steps .stepTerm .block04 .list{ background:url(../../learning/img/index_icon04.png) no-repeat 0 50%; color:#B080B0; font-size:14px; padding-left:18px;} #learning_index .steps .blockAdvice{ position:relative;} #learning_index .steps .blockAdvice .adviceTitle{ display:block; width:100px; height:30px; position:absolute; top:-23px; left:-3px;} #learning_index .steps .blockAdvice p{ display:block; background-color:#2E8777; color:#FFF; padding:8px 3px 3px 10px; font-size:13px; line-height:1.2;} #learning_index .steps .blockAdvice span{ display:block; border:#2E8777 1px solid; background-color:#FFF; padding:3px 8px; font-size:11px; line-height:1.2;} /* learning/text_curriculum.php*/ .correContentsL.learning.textCurri h3{} .correContentsL.learning.textCurri .block01{} .correContentsL.learning.textCurri .block01 .box01{ float:left; width:450px;} .correContentsL.learning.textCurri .block01 .box02{text-align:right;} .correContentsL.learning.textCurri .block01 .box03{width:90.5%; position:relative; background-color:#FFE9EC; padding:10px; margin:0 auto;} .correContentsL.learning.textCurri .block01 .box03 h3{padding:5px 0; color:#FFF; font-size:14px; text-align:center; background-color:#EF9091; margin-bottom:5px;} .tc_adviceTit{position:absolute; top:3px; left:-5px;} .correContentsL.learning.textCurri .block02{ padding:20px; background-color:#FFE9EA;} .correContentsL.learning.textCurri .block02 h3{ background:url(../../learning/img/subIcon01.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} .correContentsL.learning.textCurri .block02 .step{ width:70%; margin:0 auto; background-color:#EF9091;} .correContentsL.learning.textCurri .block02 .step p{ display:block; color:#FFF; line-height:40px; padding:5px 5px 5px 50px; font-size:16px;} .correContentsL.learning.textCurri .block02 .step span{ display:block; background-color:#FFF; padding:10px;} .correContentsL.learning .block02 .arrow01{ background:url(../../learning/img/arrow01.png) no-repeat 50% bottom;height:40px; width:100%;} .correContentsL.learning .block02 .arrow02{ background:url(../../learning/img/arrow02.png) no-repeat 50% bottom;height:40px; width:100%;} .correContentsL.learning .block02 .arrow03{ background:url(../../learning/img/arrow03.png) no-repeat 50% bottom;height:40px; width:100%;} .correContentsL.learning .block02 .arrow04{ background:url(../../learning/img/arrow01.png) no-repeat 50% bottom;height:90px; width:100%;} .correContentsL.learning .block02 .step p.step01{ background:url(../../learning/img/step01.png) no-repeat 5px 5px;} .correContentsL.learning .block02 .step p.step02{ background:url(../../learning/img/step02.png) no-repeat 5px 5px;} .correContentsL.learning .block02 .step p.step03{ background:url(../../learning/img/step03.png) no-repeat 5px 5px;} .correContentsL.learning .block02 .step p.step04{ background:url(../../learning/img/step04.png) no-repeat 5px 5px;} .correContentsL.learning .block02 .step p.step05{ background:url(../../learning/img/step05.png) no-repeat 5px 5px;} .correContentsL.learning .block02 .step p.step06{ background:url(../../learning/img/step06.png) no-repeat 5px 5px;} .correContentsL.learning.textCurri .block02 .left{float:left; width:330px;} .correContentsL.learning.textCurri .block02 .right{float:right; width:330px;} .correContentsL.learning.textCurri .block02 .left .step, .correContentsL.learning.textCurri .block02 .right .step{width:100%;} .correContentsL.learning.textCurri .block03 h3{background:url(../../learning/img/subIcon01.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} .correContentsL.learning.textCurri .block03 h3 span{color:#EF9091;} .correContentsL.learning.textCurri .block03 .people{ background-color:#FFE9EA; padding:10px 10px 0 10px;} .correContentsL.learning.textCurri .block03 .people .name{ width:480px; float:right; position:relative; margin:10px 20px 0 10px;} .correContentsL.learning.textCurri .block03 .people .name p{ font-size:14px; padding:8px 15px; color:#FFF; letter-spacing:2px; border-radius:6px 6px 0 0; background-color:#EF9091; } .correContentsL.learning.textCurri .block03 .people .name span{ background-color:#FFF; display:block; padding:5px 15px; border-radius:0 0 6px 6px;} .correContentsL.learning.textCurri .block03 .photo{float:left; width:180px;} .correContentsL.learning.textCurri .block03 .photo p{padding:5px 0 0 0 ; font-size:11px; line-height:1.3;} .correContentsL.learning.textCurri .block03 .text{float:right; width:520px;} .correContentsL.learning.textCurri .block03 .text .title{ width:110px;border-left:#94404F 3px solid; padding-left:6px; color:#FFF; line-height:2; font-size:11px; background-color:#EF9091;} .correContentsL.learning.textCurri .block03 .text .titleA{ color:#EF9091; font-size:16px; border-bottom:#EF9091 1px solid; line-height:1.5;} .correContentsL.learning.textCurri .block03 .text p{padding:5px 0 0 0 ;} .correContentsL.learning.textCurri .block04{ border:#EF9091 3px solid; padding:17px;} .correContentsL.learning.textCurri .block04 .title01{ border-left:#EF9091 3px solid; color:#EF9091; font-size:16px; padding-left:10px; margin-bottom:5px;} .correContentsL.learning.textCurri .block04 .title01 span{font-size:12px; color:#000;} .correContentsL.learning.textCurri .block04 p{} .correContentsL.learning.textCurri .block04 .title02{ border-left:#94404F 5px solid; padding-left:10px; color:#FFF; line-height:1.5; font-size:16px; background-color:#EF9091;} .correContentsL.learning.textCurri .block04 .column{ background-color:#FFF9FA; padding:10px; width:660px;} .correContentsL.learning.textCurri .block04 .column div{ width:200px; float:left; margin: 0 10px;} .correContentsL.learning.textCurri .block04 .column div p{ color:#EF9091; border-bottom: #EF9091 1px dotted; display:block; line-height:1.5; margin-bottom:5px;} .correContentsL.learning.textCurri .block04 .column div span{font-size:11px; display:block;} .correContentsL.learning.textCurri .block04 .column div.c2{ width:310px; float:left; margin: 0 10px;} .correContentsL.learning.textCurri .block04-2{ width:100%; margin:0 auto 10px auto;} .correContentsL.learning.textCurri .block04-2 .title01{float:left; width:200px; height:95px; padding-top:55px;} .correContentsL.learning.textCurri .block04-2 .image{float:left; width:180px;} .correContentsL.learning.textCurri .block04-2 .text{float:right; width:270px;} /* learning/schooling_curriculum.php*/ .correContentsL.learning .block01.schooling .box01{ float:left; width:300px;} .correContentsL.learning .block01.schooling .box02{ float:right; width:370px; padding:10px; background-color:#D6E6F5; position:relative;} .correContentsL.learning .block01.schooling .box02 h3{background-color:#5EABDC; color:#FFF; text-align:center; font-size:14px; margin-bottom:5px; padding:5px 0;} .correContentsL.learning .block01.schooling .box02 p{} .correContentsL.learning .block01-2.schooling h2{text-align:center; font-size:18px; border:#5EABDC 1px dotted; line-height:2; margin-bottom:10px;} .correContentsL.learning .block01-2.schooling h2 span{ color:#5EABDC;} .correContentsL.learning .block01-2.schooling .box01{width:230px; float:left; margin:0 5px;} .correContentsL.learning .block01-2.schooling .box01 h3{ border-left:#00658E 5px solid;line-height:2; font-size:14px; background-color:#5EABDC; color:#FFF; font-weight:normal; padding-left:10px;} .correContentsL.learning .block02.schooling{ padding:20px; background-color:#D6E6F5;} .correContentsL.learning .block02.schooling h3{ background:url(../../learning/img/subIcon02.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} .correContentsL.learning .block02.schooling .step{ width:70%; margin:0 auto; background-color:#5EABDC;} .correContentsL.learning .block02.schooling .step p{ display:block; color:#FFF; line-height:40px; padding:5px 5px 5px 50px; font-size:16px;} .correContentsL.learning .block02.schooling .step span{ display:block; background-color:#FFF; padding:10px;} .correContentsL.learning .block03.schooling h3{background:url(../../learning/img/subIcon02.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} #autoPlaySlider.schooling{height:240px; width:720px; overflow:hidden;} .correContentsL.learning .block04.schooling{border-radius:6px; margin-bottom:30px; padding:0;} .correContentsL.learning .block04.schooling i{ font-style:normal; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} .correContentsL.learning .block04.schooling.sample01{border:#44BCCE 2px solid;} .correContentsL.learning .block04.schooling.sample02{border:#35B8E9 2px solid;} .correContentsL.learning .block04.schooling .human{border-radius:6px 6px 0 0;} .correContentsL.learning .block04.schooling .human img{ display:block; width:160px; float:left; margin-left:20px;} .correContentsL.learning .block04.schooling .human .text{ width:480px; float:right; padding:10px 20px 10px 0;} .correContentsL.learning .block04.schooling .human .text .name{border-radius:6px; background-color:#FFF;} .correContentsL.learning .block04.schooling .human .text .name p{color:#FFF; padding:5px 5px 5px 15px; font-size:14px; border-radius:6px 6px 0 0;} .correContentsL.learning .block04.schooling .human .text .name span{ display:block; padding:5px 15px;} .correContentsL.learning .block04.schooling.sample01 .human{ background-color:#D5ECF1;} .correContentsL.learning .block04.schooling.sample02 .human{ background-color:#D3EBF9;} .correContentsL.learning .block04.schooling.sample01 .human .text .name p{background-color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .human .text .name p{background-color:#35B8E9;} .correContentsL.learning .block04.schooling .human .text .title{font-size:16px; text-align:center; border-radius:20px; line-height:2.5; margin-top:15px; color:#FFF57F;} .correContentsL.learning .block04.schooling.sample01 .human .text .title{background-color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .human .text .title{background-color:#35B8E9;} .correContentsL.learning .block04.schooling.sample01 .human .text .title span, .correContentsL.learning .block04.schooling.sample02 .human .text .title span{color:#FFF;} .correContentsL.learning .block04.schooling .flow{padding:30px 20px 10px;} .correContentsL.learning .block04.schooling .flow .title{ font-size:16px; margin-bottom:5px;} .correContentsL.learning .block04.schooling.sample01 .flow .title{color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .flow .title{color:#35B8E9;} .correContentsL.learning .block04.schooling .flow .step{padding-bottom:40px;} .correContentsL.learning .block04.schooling.sample01 .flow .step{background:url(../../learning/img/scl_step_arrow1.png) no-repeat 50px bottom;} .correContentsL.learning .block04.schooling.sample02 .flow .step{background:url(../../learning/img/scl_step_arrow2.png) no-repeat 50px bottom;} .correContentsL.learning .block04.schooling.sample01 .flow .step.finish{background:none;padding-bottom:0;} .correContentsL.learning .block04.schooling.sample02 .flow .step.finish{background:none;padding-bottom:0;} .correContentsL.learning .block04.schooling .flow .step .days{ width:120px; height:120px; text-align:center; border-radius:70px; float:left;} .correContentsL.learning .block04.schooling .flow .step .days p{font-size:36px; padding-top:50px;} .correContentsL.learning .block04.schooling .flow .step .days p span{font-size:20px;} .correContentsL.learning .block04.schooling .flow .step .days.finish p{font-size:30px; padding-top:40px; line-height:1.2;} .correContentsL.learning .block04.schooling .flow .step .days.finish p span{font-size:14px;} .correContentsL.learning .block04.schooling.sample01 .flow .step .days{ background-color:#44BCCE; color:#FFF;} .correContentsL.learning .block04.schooling.sample01 .flow .step .days.days2{ width:116px; height:116px; background-color:#FFF; border:#44BCCE 2px solid; color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .flow .step .days{ background-color:#35B8E9; color:#FFF;} .correContentsL.learning .block04.schooling.sample02 .flow .step .days.days2{ width:116px; height:116px; background-color:#FFF; border:#35B8E9 2px solid; color:#35B8E9;} .correContentsL.learning .block04.schooling .flow .step .exam{float:right; width:538px; position:relative;} .correContentsL.learning .block04.schooling .flow .step .exam .photo{ float:left; margin:10px 10px 10px 15px;} .correContentsL.learning .block04.schooling .flow .step .exam .floatPhoto{ display:block; width:150px; position:absolute;right:-20px; top:50%; margin-top:-80px;} .correContentsL.learning .block04.schooling .flow .step .exam .line1{font-size:12px; padding:1px 15px; color:#FFF;} .correContentsL.learning .block04.schooling .flow .step .exam .line2{font-size:16px; padding:10px 15px;} .correContentsL.learning .block04.schooling .flow .step .exam .line3{font-size:12px; padding:5px 15px 15px 15px;} .correContentsL.learning .block04.schooling .flow .step .exam.photo .line1, .correContentsL.learning .block04.schooling .flow .step .exam.photo .line2, .correContentsL.learning .block04.schooling .flow .step .exam.photo .line3{ padding-right:80px;} .correContentsL.learning .block04.schooling .flow .step .exam.photo2 .line1, .correContentsL.learning .block04.schooling .flow .step .exam.photo2 .line2, .correContentsL.learning .block04.schooling .flow .step .exam.photo2 .line3{ padding-right:130px;} .correContentsL.learning .block04.schooling.sample01 .flow .step .exam{border:#44BCCE 1px solid;} .correContentsL.learning .block04.schooling.sample02 .flow .step .exam{border:#35B8E9 1px solid;} .correContentsL.learning .block04.schooling.sample01 .flow .step .exam .line1{ background-color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .flow .step .exam .line1{ background-color:#35B8E9;} .correContentsL.learning .block04.schooling.sample01 .flow .step .exam .line2{ color:#44BCCE;} .correContentsL.learning .block04.schooling.sample02 .flow .step .exam .line2{ color:#35B8E9;} /* learning/practice_curriculum.php*/ .correContentsL.learning .block02.practice{ padding:20px; background-color:#F1E9F3;} .correContentsL.learning .block02.practice h3{ background:url(../../learning/img/subIcon03.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} .correContentsL.learning .block02.practice .step{ width:70%; margin:0 auto; background-color:#BA8DBE;} .correContentsL.learning .block02.practice .step p{ display:block; color:#FFF; line-height:40px; padding:5px 5px 5px 50px; font-size:16px;} .correContentsL.learning .block02.practice .step span{ display:block; background-color:#FFF; padding:10px;} .correContentsL.learning .block05.practice{ margin-bottom:40px;} .correContentsL.learning .block05.practice.colorD{ margin-bottom:5px;} .correContentsL.learning .block05.practice h3{background:url(../../learning/img/subIcon03.png) no-repeat; line-height:30px; padding-left:40px; font-size:18px;} .correContentsL.learning .block05.practice .people{ padding:10px 10px 0 10px;} .correContentsL.learning .block05.practice .people .title{ width:100px; height:100px; border-radius:50px; text-align:center; float:left; margin-top:10px;} .correContentsL.learning .block05.practice .people .title p{ padding-top:30px; font-size:14px; color:#FFF;} .correContentsL.learning .block05.practice .people .photo{ width:160px; float:left;} .correContentsL.learning .block05.practice .people .name{ width:500px; float:right; position:relative; margin:10px 20px 0 10px;} .correContentsL.learning .block05.practice .people .name p{ font-size:14px; padding:8px 15px; color:#FFF; letter-spacing:2px; border-radius:6px 6px 0 0; } .correContentsL.learning .block05.practice .people .name span{ background-color:#FFF; display:block; padding:5px 15px; border-radius:0 0 6px 6px;} .correContentsL.learning .block05.practice .people .name .floatImg{display:block; position:absolute; right:0; top:-20px; z-index:100;} .correContentsL.learning .block05.practice.colorA .people{ background-color:#F1E9F3;} .correContentsL.learning .block05.practice.colorA .people .title, .correContentsL.learning .block05.practice.colorA .people .name p, .correContentsL.learning .block05.practice.colorA .prcContent h3, .correContentsL.learning .block05.practice.colorA .prcContent .memory .box01 div{background-color:#BA8DBE;} .correContentsL.learning .block05.practice.colorB .people .title, .correContentsL.learning .block05.practice.colorB .people .name p, .correContentsL.learning .block05.practice.colorB .prcContent h3, .correContentsL.learning .block05.practice.colorB .prcContent .memory .box01 div{background-color:#A59AC9;} .correContentsL.learning .block05.practice.colorC .people .title, .correContentsL.learning .block05.practice.colorC .people .name p, .correContentsL.learning .block05.practice.colorC .prcContent h3, .correContentsL.learning .block05.practice.colorC .prcContent .memory .box01 div{background-color:#97A7D5;} .correContentsL.learning .block05.practice.colorD .people .title, .correContentsL.learning .block05.practice.colorD .people .name p, .correContentsL.learning .block05.practice.colorD .prcContent h3, .correContentsL.learning .block05.practice.colorD .prcContent .memory .box01 div{background-color:#CC7DB1;} .correContentsL.learning .block05.practice.colorE .people .title, .correContentsL.learning .block05.practice.colorE .people .name p, .correContentsL.learning .block05.practice.colorE .prcContent h3, .correContentsL.learning .block05.practice.colorE .prcContent .memory .box01 div{background-color:#8C93C8;} .correContentsL.learning .block05.practice .prcContent{} .correContentsL.learning .block05.practice.colorA .prcContent{ border:#BA8DBE 1px solid;} .correContentsL.learning .block05.practice.colorB .prcContent{ border:#A59AC9 1px solid;} .correContentsL.learning .block05.practice.colorC .prcContent{ border:#97A7D5 1px solid;} .correContentsL.learning .block05.practice.colorD .prcContent{ border:#CC7DB1 1px solid;} .correContentsL.learning .block05.practice.colorE .prcContent{ border:#8C93C8 1px solid;} .correContentsL.learning .block05.practice .prcContent h3{ font-size:26px; line-height:40px; padding-left:30px; color:#FFF; position:relative; font-weight:normal;background:none;} .correContentsL.learning .block05.practice .prcContent h3 span{display:block; border:#FFF 1px solid; border-radius:6px;padding:5px 10px; color:#FFF; position:absolute; right:30px; top:9px; font-size:11px; font-weight:normal; line-height:1;} .correContentsL.learning .block05.practice .prcContent h3 span.line2{top:2px; line-height:1.1;} .correContentsL.learning .block05.practice .prcContent .textWrap{padding:20px;} .correContentsL.learning .block05.practice .prcContent .text01{ font-size:20px; margin-bottom:10px;} .correContentsL.learning .block05.practice.colorA .prcContent .text01{color:#BA8DBE;} .correContentsL.learning .block05.practice.colorB .prcContent .text01{color:#A59AC9;} .correContentsL.learning .block05.practice.colorC .prcContent .text01{color:#97A7D5;} .correContentsL.learning .block05.practice.colorD .prcContent .text01{color:#CC7DB1;} .correContentsL.learning .block05.practice.colorE .prcContent .text01{color:#8C93C8;} .correContentsL.learning .block05.practice .prcContent .text02{ margin-bottom:20px;} .correContentsL.learning .block05.practice .prcContent .memory{ width:460px; float:left;} .correContentsL.learning .block05.practice .prcContent .memory .box01{ padding-bottom:20px; background:url(../../learning/img/arrow01.png) no-repeat 15px bottom;} .correContentsL.learning .block05.practice .prcContent .memory .box01.end{background:none; padding-bottom:0;} .correContentsL.learning .block05.practice .prcContent .memory .box01 div{ width:50px; height:50px; border-radius:30px; float:left;} .correContentsL.learning .block05.practice .prcContent .memory .box01 div p{color:#FFF; text-align:center; padding-top:17px; font-size:14px;} .correContentsL.learning .block05.practice .prcContent .memory .box01 span{ display:block; float:right; width:400px;} .correContentsL.learning .block05.practice .prcContent .advice{float:right; width:180px; padding:10px;} .correContentsL.learning .block05.practice.colorA .prcContent .advice{background-color:#F1E9F3;} .correContentsL.learning .block05.practice.colorB .prcContent .advice{background-color:#EDEBF5;} .correContentsL.learning .block05.practice.colorC .prcContent .advice{background-color:#EBEEF7;} .correContentsL.learning .block05.practice.colorD .prcContent .advice{background-color:#F4E8F2;} .correContentsL.learning .block05.practice.colorE .prcContent .advice{background-color:#E9E9F5;} .correContentsL.learning .block05.practice .prcContent .advice .title{ padding:5px; margin-bottom:10px; background-color:#FFF;} .correContentsL.learning .block05.practice.colorA .prcContent .advice .title{ color:#BA8DBE; border:#BA8DBE 1px solid;} .correContentsL.learning .block05.practice.colorB .prcContent .advice .title{ color:#A59AC9; border:#A59AC9 1px solid;} .correContentsL.learning .block05.practice.colorC .prcContent .advice .title{ color:#97A7D5; border:#97A7D5 1px solid;} .correContentsL.learning .block05.practice.colorD .prcContent .advice .title{ color:#CC7DB1; border:#CC7DB1 1px solid;} .correContentsL.learning .block05.practice.colorE .prcContent .advice .title{ color:#8C93C8; border:#8C93C8 1px solid;} /* learning/exemplarym.php*/ .lf_nav{margin:20px 0 30px 0;} .lf_nav ul{margin:0 auto; width:400px;} .lf_nav ul li{float:left; margin:0 1px;} .lf_nav ul li a{ width:98px; display:block; text-align:center; color:#FFF; text-decoration:none; line-height:60px; border-radius:6px; background-color:#92BB12;} .lf_nav ul li a:hover{background-color:#8EC512; color:#FFF;} .lf_nav ul li.active a, .lf_nav ul li.active a:hover{background-color:#E6A000;} .lfWrap{ margin-bottom:60px;} .lf_photo{width:350px; position:relative;} .lfWrap.left .lf_photo {float:left;} .lfWrap.right .lf_photo {float:right;} .lfWrap.green .lf_photo {background:url(../../learning/img/lifeStory/lf_bgA.png) no-repeat 50% 0;} .lfWrap.orange .lf_photo{background:url(../../learning/img/lifeStory/lf_bgB.png) no-repeat 50% 0;} .lf_photo img{padding:100px 0 70px;} .lf_photo .lf_prof{position:absolute; left:0; bottom:0; width:350px;} .lf_photo .lf_prof p{display:block;} .lf_photo .lf_title{padding:3px 10px; color:#FFF; margin-bottom:6px;} .lfWrap.green .lf_photo .lf_title {background-color:#77B222;} .lfWrap.orange .lf_photo .lf_title{background-color:#E28400;} .lf_photo .lf_name{font-size:16px; letter-spacing:1px; margin-bottom:5px;} .lf_photo .lf_text{line-height:1.5;} .lf_intaview{width:340px;} .lfWrap.left .lf_intaview {float:right; margin-right:10px;} .lfWrap.right .lf_intaview{float:left; margin-left:10px;} .lf_intaview .lf_h1text{ display:block; position:relative; font-size:20px; line-height:1.3; padding-left:90px; margin-bottom:30px;} .lf_intaview .lf_h1text img{position:absolute; left:0; top:0;} .lf_intaview .lf_h2text{font-size:18px; font-weight:normal; line-height:1.3; padding-bottom:5px; margin-bottom:8px; border-bottom:#999 1px solid;} .lfWrap.green .lf_intaview .lf_h2text { color:#528B04; border-color:#77B222;} .lfWrap.orange .lf_intaview .lf_h2text{ color:#DF7F00; border-color:#E28400;} .lf_intaview .lf_text{margin-bottom:20px; font-size:14px;} .lf_data{ padding:20px 10px 10px; position:relative; margin-bottom:30px;} .lfWrap.green .lf_data {background-color:#E9F1D0;} .lfWrap.orange .lf_data {background-color:#FAECCC;} .lf_data img.icon{ position:absolute; top:-10px; left:-10px;} .lf_data .lf_title{font-size:16px; padding-left:70px;} .lf_data .lf_title span{font-size:22px; padding:0 10px;} .lfWrap.green .lf_data .lf_title span { color:#528B04;} .lfWrap.orange .lf_data .lf_title span{ color:#DF7F00;} .lf_data .lf_title p{font-size:12px; padding:0 0 10px;} .lf_data ul{} .lf_data ul li{ width:19.3%; float:left; height:100px; margin:0 2px; background-color:#FFF; text-align:center; line-height:1.2;} .lfWrap.green .lf_data ul li span { color:#528B04;} .lfWrap.orange .lf_data ul li span{ color:#DF7F00;} .lf_data ul li div{margin-bottom:5px; font-size:11px;} .lf_time{ margin-bottom:20px;} .lf_time h3{ font-size:16px; padding-left:25px; display:block; position:relative; height:20px; line-height:20px; font-weight:normal; margin-bottom:10px;} .lfWrap.green .lf_time h3 {background:url(../../learning/img/lifeStory/lf_iconTitleA.gif) no-repeat; color:#528B04;} .lfWrap.orange .lf_time h3{background:url(../../learning/img/lifeStory/lf_iconTitleB.gif) no-repeat; color:#DF7F00;} .lf_time h3 span{ font-size:11px; display:block; border:#666 1px solid; padding:0px 6px; border-radius:10px; position:absolute; top:2px; right:0; color:#000; line-height:13px;} .lf_time .lf_day{ width:260px; float:left;} .lf_time .lf_week{ width:440px; float:right;} .lf_time .lf_day .lf_daySubTit{border-radius:6px; font-size:13px; text-align:center; display:block; color:#FFF; line-height:1.2; padding:10px 0 6px; width:90px; float:left;} .lf_time .lf_day .lf_daySubTit span{display:block; font-size:11px; line-height:1.1; padding-bottom:5px;} .lfWrap.green .lf_time .lf_day .lf_daySubTit {background-color:#E28400;} .lfWrap.orange .lf_time .lf_day .lf_daySubTit {background-color:#77B222;} .lf_time .lf_day img{ display:block; float:right;} .lf_inquiry{ padding:30px 30px 10px 30px; width:660px;} .lfWrap.green .lf_inquiry{background-color:#FFFDDB;} .lfWrap.orange .lf_inquiry{background-color:#FFFDE5;} .lf_inquiry .lf_title{width:120px; float:left;} .lf_inquiry .lf_title h3{ display:block; width:100px; height:100px; margin-bottom:10px;} .lfWrap.green .lf_inquiry .lf_title h3{background-color:#92BB12; border:#C8DD88 10px solid;} .lfWrap.orange .lf_inquiry .lf_title h3{background-color:#E6A000; border:#F0C666 10px solid;} .lf_inquiry .lf_content{width:500px; float:right;} .lf_inquiry .lf_content h4{font-size:16px; padding-left:25px; line-height:26px; margin-bottom:5px;} .lfWrap.green .lf_inquiry .lf_content h4 {color:#528B04; border-bottom:#77B222 1px solid; background:url(../../learning/img/lifeStory/lf_inquiry_greenQ.png) no-repeat;} .lfWrap.orange .lf_inquiry .lf_content h4 {color:#DF7F00; border-bottom:#E28400 1px solid; background:url(../../learning/img/lifeStory/lf_inquiry_orangeQ.png) no-repeat;} .lf_inquiry .lf_content p{padding-left:25px; margin-bottom:15px; line-height:1.4;} .lfWrap.green .lf_inquiry .lf_content p {background:url(../../learning/img/lifeStory/lf_inquiry_greenA.png) no-repeat;} .lfWrap.orange .lf_inquiry .lf_content p{background:url(../../learning/img/lifeStory/lf_inquiry_orangeA.png) no-repeat;} .correContentsL.learning .exemplaryContents01{width: 100%;} .correContentsL.learning .back01{height:640px; background:url(../../learning/img/exemplary_bg02.jpg) no-repeat left top;} .correContentsL.learning .back02{height:640px; background:url(../../learning/img/exemplary_bg03.jpg) no-repeat left top;} .correContentsL.learning .back03{height:640px; background:url(../../learning/img/exemplary_bg04.jpg) no-repeat left top;} .correContentsL.learning .back04{height:640px; background:url(../../learning/img/exemplary_bg05.jpg) no-repeat left top;} .correContentsL.learning .exemplaryContents01 .inner01{width:350px; margin: 30px 0 0 370px} .correContentsL.learning .exemplaryContents01 .inner01 .title01{color:#e77e00; font-size:14px; margin: 0 0 5px 0; border-bottom: solid 1px #e77e00; width: 100%; padding: 0 0 5px 0;} .correContentsL.learning .exemplaryContents01 .inner01 .title02{color:#6bb329; font-size:14px; margin: 0 0 5px 0; border-bottom: solid 1px #6bb329; width: 100%; padding: 0 0 5px 0;} .correContentsL.learning .exemplaryContents01 .inner01 .name{font-size:16px; padding:10px 0 5px;} .correContentsL.learning .exemplaryContents01 .inner01 .comment{color:#009B72; padding:10px; border: solid 1px #009B72; margin: 5px 0 0 0; background-color:#ffffff;} .correContentsL.learning .exemplaryContents01 .inner01 .comment01{color:#e77e00; padding:10px; border: solid 1px #e77e00; margin: 5px 0 0 0; background-color:#ffffff;} .correContentsL.learning .exemplaryContents01 .inner01 .comment02{color:#6bb329; padding:10px; border: solid 1px #6bb329; margin: 5px 0 0 0; background-color:#ffffff;} .correContentsL.learning .exemplaryContents02 .m_right10{margin-right:10px; float:left;} .correContentsL.learning .exemplaryContents02 p.org{ background:url(../../learning/img/exemplary_bg_org.jpg) repeat-x left top; padding: 10px 10px 0 10px; height:76px;} .correContentsL.learning .exemplaryContents02 p.grn{ background:url(../../learning/img/exemplary_bg_grn.jpg) repeat-x left top; padding: 10px 10px 0 10px; height:76px;} .correContentsL.learning .exemplaryContents02 .inner02_l{width: 240px; float: left;} .correContentsL.learning .exemplaryContents02 .inner02_r{width: 460px; float: right;} .correContentsL.learning .exemplaryContents02 .inner03{text-align:center;} .correContentsL.learning .exemplaryContents02 .inner03 .inner03_img{margin: 30px 0 10px 0;} .qaArea01{background-color:#fffdf5;} .qaArea02{background-color:#fafcf1;} .correContentsL.learning .exemplaryContents03 .qa_01{height: 140px; } .correContentsL.learning .exemplaryContents03 .inner03_l{ float: left ; width: 330px; padding-left:20px;} .correContentsL.learning .exemplaryContents03 .inner03_r{float: right; width: 330px; padding-right:20px;} .correContentsL.learning .exemplaryContents03 .answer_2{ background:url(../../learning/img/exemplary_a.png) no-repeat left top;width:184px; float:left;padding: 0 10px 0 20px;} .correContentsL.learning .exemplaryContents03 .answer_img01{float: right; width:136px;} .correContentsL.learning .exemplaryContents03 .question{background:url(../../learning/img/exemplary_q.png) no-repeat left top; margin: 0 0 10px 0; padding: 0 0 0 20px; font-size:14px; color:#e77e00;} .correContentsL.learning .exemplaryContents03 .question02{background:url(../../learning/img/exemplary_q02.png) no-repeat left top; margin: 0 0 10px 0; padding: 0 0 0 20px; font-size:14px; color:#008c3e;} .correContentsL.learning .exemplaryContents03 .answer{ background:url(../../learning/img/exemplary_a.png) no-repeat left top; margin: 0 0 10px 0; padding: 0 0 0 20px;} .correContentsL.learning .exemplaryContents04{width: 100%; padding: 20px 0; background-color:#E0EFE1;} .correContentsL.learning .exemplaryContents04 .inner04{margin: 10px 25px 0 25px; width:670px;} .correContentsL.learning .exemplaryContents04 .inner04_l{width:200px; float: left; margin-right:35px;} .correContentsL.learning .exemplaryContents04 .inner04_r{width:200px; float:left;} .correContentsL.learning .exemplaryContents04 .title{ font-size:14px; color:#009B72; background:url(../../learning/img/exemplary_line01.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;} /* learning/schedule.php */ .correContentsL.learning .scheduleWrap { margin:0 10px;} .scheduleWrap .learningScheduleWrap { background:url(../../learning/img/scheduleBg.jpg) no-repeat; height:40px; padding:0 20px; line-height:40px; color:#445CA4; font-size:16px; font-weight:bold; margin:20px 0 10px 0; cursor:pointer;} .scheduleWrap .learningScheduleContent {display:none;} .scheduleWrap .tableStyle01 td,.scheduleWrap .tableStyle01 th {color:#333333; font-size:11px;} /* inquiry */ .correContentsL .pageTitle.text02.inquiry { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -288px; padding-left:30px; height:36px; line-height:34px; font-size:12px;} .inquiryWrap {padding:0 10px;} .inquiryCategoryWrap { background:url(../../inquiry/img/categoryBg.jpg) no-repeat; height:40px; padding:0 20px; line-height:40px; color:#FFFFFF; font-size:16px; font-weight:bold; margin:20px 0 10px 0;/* cursor:pointer;*/} /*.inquiryCategoryContent {display:none;}*/ .inquiryAsk {background:url(../../inquiry/img/askIcon1.jpg) no-repeat 0 50%; color:#649B3A; line-height:1.5em; padding-left:20px; margin-bottom:5px; cursor:pointer;} .inquiryAsk:hover {text-decoration:underline;} .inquiryAsk.inquiryAnswerOpen {background:url(../../inquiry/img/askIcon2.jpg) no-repeat 0 50%; color:#649B3A; line-height:1.5em; padding-left:20px; margin-bottom:5px;} .inquiryAnswer { padding:0 0 20px 55px; display:none; background:url(../../inquiry/img/answerIcon.jpg) no-repeat;} .iA_indent{padding-left:12px;} .inquiryAnswer .answerTable { width:100%; background-color:#666666;} .inquiryAnswer .answerTable .contentsTitle { background-color:#FFDDFF; text-align:center; vertical-align:middle; font-size:12px;} .inquiryAnswer .answerTable .contentsTitle2 { background-color:#FFDDFF; vertical-align:middle; font-size:12px;} .inquiryAnswer .answerTable .contents { background-color:#FFFFFF; text-align:center; vertical-align:middle; width:12%;} .inquiryAnswer .answerTable .contents.line3 { width:30%;} .inquiryAnswer .answerTable .contents.line6 { width:16%;} .inquiryAnswer .answerTable .contents2 { background-color:#FFFFFF; font-size:12px; padding:0 5px; text-align:center; vertical-align:middle;} .inquiryAnswer .answerTable .contents3 { background-color:#FFEEFF; padding:0 5px; color:#FF0033; text-align:center;} .inquiryAnswer .answerTable .contents4 { background-color:#FFFFFF; text-align:center; vertical-align:middle; width:12%; color:#FF0000; font-weight:bold;} .inquiryAnswer .answerTable .gray{background-color:#EEE;} .inquiryAnswer .answerTable .pink{background-color:#FFDDFF;} .inquiryP01 {border:#6699FF 1px solid; padding:5px; background-color:#F6FCFF;} /* column */ .correContentsL .pageTitle.text02.column { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -252px; padding-left:30px; height:36px; line-height:34px; font-size:16px;} .corre_columnWrap { background-color:#EEEEEE; border:#DDDDDD 1px solid;} .corre_columnWrap div {border:#FFFFFF 1px solid; padding:8px 0 0 8px; width:auto;} .corre_columnWrap li { float:left; margin:0 6px 10px 0;} .corre_columnWrap li a { display:block; width:168px; height:56px; background-color:#FFFFFF; text-align:center; border:#BBBBBB 1px solid;} .corre_columnWrap li a:hover { background-color:#FBF2FF; border:#CC99FF 1px solid;} .adobeReaderWrap {width:620px; padding:10px 50px;} /* existing */ .correContentsL .pageTitle.text02.existing { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -108px; padding-left:30px; height:36px; line-height:34px; font-size:16px;} .existingWrapBox {padding:0 10px;} .existingWrap { background:url(../../existing/img/existingBg.jpg) no-repeat; height:40px; padding:0 20px; line-height:40px; color:#FFFFFF; font-size:16px; font-weight:bold; margin:20px 0 10px 0; cursor:pointer;} .existingContent {display:none; line-height:1.5em; font-size:12px;} .existingContent h3 { border-left:#B2B200 5px solid; border-bottom:#B2B200 1px solid; height:20px; font-size:12px; line-height:20px; padding-left:10px;} .existingTable { background-color:#CCCCCC; width:100%;} .existingTable th { text-align:left; font-weight:normal; background-color:#FFF9F9; padding:2px 10px;} .existingTable td { text-align:left; font-weight:normal; background-color:#FFFFFF; padding:2px 10px;} .correContentsL .certiList li {background: url(../img/common/i_dot_grey.gif) no-repeat 0 6px; margin: 0 0 10px 0; padding: 0 0 0 8px; list-style-type: none; line-height: 140%;} .correContentsL .colorRed { color:#FF0000;} .correContentsL .weightBold { font-weight:bold;} /* about */ .correContentsL .pageTitle.text02.about { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -180px; padding-left:30px; height:36px; line-height:34px; font-size:16px;} .correContentsL.about h3 { border-left:#25AF7B 5px solid; border-bottom:#25AF7B 1px solid; line-height:20px; font-size:12px; padding-left:10px;} .sceneWrap { background-color:#E9F7F2; padding:10px 0 0 10px; width:690px; margin:0 auto 20px auto;} .sceneWrap h4 { font-size:12px; font-weight:bold; margin-bottom:10px;} .sceneWrap ul li { float:left; margin:0 10px 10px 10px;} .sceneWrap ul li p {text-align:center; font-size:11px;} /*fresh 共通 **********************************************************************/ .correContentsL .pageTitle.text02.fresh { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -216px; padding-left:30px; height:36px; line-height:34px; font-size:16px;} .correContentsL.fresh h3 { border-left:#CF695F 5px solid; border-bottom:#CF695F 1px solid; line-height:20px; font-size:12px; padding-left:10px;} /* fresh/index.php */ .fleIndexWrap{position:relative; display:block;} .fleIndex_text01{background:url(../../fresh/img/ind_img02.jpg) no-repeat; font-size:16px; color:#FFF; line-height:1.5; padding:10px 0 0 40px; width:680px; height:210px; display:block;} .fleIndex_3peace{background:url(../../fresh/img/ind_img04.jpg) no-repeat; width:720px; height:420px; position:relative;} .fleIndex_3peace div.text01, .fleIndex_3peace div.text02, .fleIndex_3peace div.text03{ width:180px; padding:10px; position:absolute; color:#FFF;} .fleIndex_3peace div.text01{top:115px; left:30px; font-size:13px;} .fleIndex_3peace div.text02{top:150px; left:260px; font-size:16px; line-height:1.65;} .fleIndex_3peace div.text03{top:120px; right:30px;} .fleIndex_3peace div.text01 p{padding-bottom:7px; margin-bottom:7px; border-bottom:#FFF 1px dotted;} .fleIndex_3peace div.text01 p.last{padding:0; margin:0; border:none;} .fleIndex_3peace div.text03 h4{font-size:22px; font-weight:normal; border-left:#FFF 4px solid; padding-left:5px; margin-bottom:5px;} .fleIndex_3peace div.text03 p{font-size:13px; padding-left:8px;} .fl_reasonWrap{} .flrs_Box{ padding:20px; position:relative; margin-bottom:40px;} .flrs_Box.green { border:#EBF2D7 20px solid;} .flrs_Box.orange{ border:#FCF2DD 20px solid;} .flrs_TitImg{display:block; width:300px; position:absolute; top:-40px; left:-25px;} .flrs_Box .flrs_title{ float:left; width:490px; height:130px;} .flrs_Box .flrs_title h4{font-size:24px; font-weight:normal; line-height:1.2; padding-bottom:5px; margin-bottom:8px;} .flrs_Box.green .flrs_title h4 { color:#75A824; border-bottom:#75A824 1px solid;} .flrs_Box.orange .flrs_title h4 { color:#E38D00; border-bottom:#E38D00 1px solid;} .flrs_Box .flrs_title .flrs_name{font-size:16px; letter-spacing:1px;} .flrs_Box .flrs_title .flrs_name span{font-size:12px; letter-spacing:0;} .flrs_Box .flrs_photo{display:block; width:130px; height:130px; float:right;} .flrs_Box .flrs_text{clear:both; padding:10px 0 ; font-size:14px;} /* 75A824 E38D00 */ .freshPolicyArea { width:100%; background:#f5e1df; text-align:center; margin-top:30px; padding-top:20px; padding-bottom:20px;} .freshPolicyArea .policyWrap { width:680px; margin-left:auto; margin-right:auto; background:#fff; padding-top:30px; padding-bottom:15px;} .freshPolicyArea .policyWrap .policy { width:640px; margin-left:auto; margin-right:auto; text-align:left;} .freshPolicyArea .heading01 { width:100%; background-image:url(../../img/common/icon01.png); background-repeat:no-repeat; background-position:15px 0.65em; background-color:#cf695f; padding:3px 0 2px; letter-spacing:0.05em; line-height:1.3em; font-size:15px; margin-bottom:15px; border-radius:3px; margin-top:25px;} .freshPolicyArea .inquiryAnswerOpen { background-image:url(../../img/common/icon01_open.png);} .freshPolicyArea .heading01.first { margin-top:0;} .freshPolicyArea .heading01 strong { display:block; margin-left:40px; padding-top:0.3em; padding-bottom:0.3em; font-size:1em; font-weight:normal; color:#fff;} .freshPolicyArea .inquiryAsk:hover { text-decoration:none;} .freshPolicyArea .policyColumn01 { background:none; font-size:14px; width:100%; line-height:1.7em; display:none; padding:0;} .freshPolicyArea .policyColumn01 * { font-size:1em;} .freshPolicyArea .policyColumn01 p { text-indent:1em; width:100%;} .freshPolicyArea .policyColumn01 dl { width:100%;} .freshPolicyArea .policyColumn01 dt { width:3em; line-height:1.6em;} .freshPolicyArea .policyColumn01 dd { margin-left:3em; line-height:1.6em; margin-top:-1.6em; margin-bottom:0.3em;} /* fresh/invite.php */ .correContentsL.fresh ul { padding:10px 10px 30px 10px;} .correContentsL.fresh ul p { display:block; width:100%;} .correContentsL.fresh ul li { float:left; margin:0 10px 10px 0;} .correContentsL.fresh ul li a { display:block; width:218px; text-align:center; line-height:3.0em; border:#CCCCCC 1px solid; background-color:#F8F8F8; color:#CF695F;} .correContentsL.fresh ul li a:hover { border:#BBBBBB 1px solid; background-color:#F0F0F0;} /* fresh/data.php */ .dtgtWrap{ margin-bottom:20px;} .dtgt_text { width:500px;} .dtgtWrap.left .dtgt_text { float:left;} .dtgtWrap.right .dtgt_text { float:right;} .dtgt_photo { width:200px;} .dtgtWrap.left .dtgt_photo { float:right;} .dtgtWrap.right .dtgt_photo{ float:left;} .dtgt_text .dtgt_nameWrap{ background-color:#A59AC9; border-radius:10px; color:#FFF; margin-bottom:15px;} .dtgt_text .dtgt_name{float:left; width:100px; text-align:center; font-size:18px; letter-spacing:1px;} .dtgt_text .dtgt_job{ float:right; border-left:#FFF 1px solid; padding:5px 10px; width:378px;} .dtgt_text .dtgt_grad{margin-bottom:1px;} .dtgt_text .dtgt_jobName{border:#FFF 1px solid; line-height:20px;} .dtgt_text .dtgt_jobName span{background-color:#FFF; padding:1px 5px; line-height:20px; color:#A59AC9;} .dtgt_text h4 { color:#A59AC9; font-size:24px; font-weight: normal; line-height:1.1; padding-bottom:5px; border-bottom:#A59AC9 1px solid;} .dtgt_text .dtgt_interview{padding:10px 0 0 0;} .dtgt_line{width:90%; height:1px; margin:20px auto; border-bottom:#666 1px dotted;} /* interview */ .interview{width:720px; overflow:hidden; margin:0 0 30px} .interview .interviewPhoto{float:left;} .interview .interviewTxt{float:right; border-right:solid 1px #c99364;border-bottom:solid 1px #c99364;margin-top:8px; width:533px;height:201px;padding:0 0 10px 0;} .interview .interviewTxt h4{display:block;color: #FFFFFF;font-size: 16px; padding: 7px 0 7px 15px; background-color:#c99364;margin:0 0 10px;} .interview .interviewTxt .course{margin: 8px 0 15px 15px;} .interview .interviewTxt h5{color: #bc6f3e; font-size: 14px; padding:0 0 10px 13px;} .interview .interviewTxt .comment{padding:0 20px 5px 15px;} /*message*/ .gra_message{margin-bottom:20px; padding:15px 15px 25px 15px; position:relative; background:#FEFAFE; border:1px solid #EFADCE;} .gra_message .name{position:absolute; right:5px; bottom:-8px; background:#EFADCE; padding:3px 10px;} /*ank*/ .ank_graph{margin:10px auto 20px auto; padding-bottom:10px; border-bottom:1px dotted #666;} .ank_graph div{float:left;} .ank_graph div h4{background:url(../../fresh/img/ank_titleBg.png) no-repeat; padding-left:40px; font-weight:normal; font-size:20px; line-height:30px; display:block;} .ank_graph div p{padding:10px 0 0 50px;} .ank_graph img{float:right;} /*　certify共通 **********************************************************************/ .correContentsL .pageTitle.text02.certify { background:url(../../img/common/bg_pageTitleH3.jpg) no-repeat 0 -72px; padding-left:30px; height:36px; line-height:34px; font-size:16px;} /* certify/index.php */ .certifyWrap {margin:0 10px;} .certifyCategoryWrap { height:40px; background:url(../../certify/img/indexBg.jpg) no-repeat; color:#416CAD; font-size:16px; font-weight:bold; line-height:40px; padding-left:20px; margin-top:20px;} .certifyCategoryWrap span {font-size:12px; color:#333333; padding-left:10px; font-weight:normal;} .certifyCategoryContent { margin-bottom:30px;} .certifyCategoryContent .certifyClass { margin:10px 0; padding:5px 10px; background-color:#EFEFEF;} .certifyCategoryContent p.list { border-left:#0266AC 6px solid; padding-left:10px; margin:15px 0 10px 0;} /* certify/practice.php */ .practicePDFlink {display:block; margin:10px 0 20px 10px; border:1px solid #CCCCCC; padding:5px; width:180px; text-align:center; line-height:1.3em;} .practicePDFlink:hover { background-color:#F7E7CE; border:1px solid #D9880A;} /* certify/results.php */ .correContentsL.certify h3 { border-left:#D9880A 5px solid; border-bottom:#D9880A 1px solid; height:20px; font-size:12px; line-height:20px; padding-left:10px;} .correContentsL.certify .resultWrap { padding:10px 0 20px 0;} .correContentsL.certify .resultWrap table td.left { width:240px;} .correContentsL.certify .resultWrap table td.left, .correContentsL.certify .resultWrap table td.right { vertical-align:top; text-align:left; padding-bottom:10px;} .correContentsL.certify .resultWrap table td.left div { background-color:#324477; color:#FFFFFF; font-weight:bold; padding:5px 10px;} .correContentsL.certify .resultWrap table td.right span { color:#FF6600; font-size:18px; font-weight:bold; padding:0 5px 0 0; line-height:1.5em;} .resultListTable {background-color:#DDDDDD;} .resultListTable td {padding:5px 10px; text-align:center; vertical-align:middle;} .resultListTable .resultList01 { background-color:#FEF9EC;} .resultListTable .resultList02 { background-color:#FFFFFF;} .resultListTable .resultList03 { background-color:#FFFFFF; font-weight:bold;} /************************************************************************* ↓↓↓↓2013.12.01以降の追記はこれより以下に記載↓↓↓↓ **************************************************************************/ #newsSubtitle{margin-left:10px;} #newsListBox{margin-left:10px;} .ml10{margin-left:10px;} .certify_training { width:700px; margin:0 0 0 10px; font-size:1.1em;} .certify_training .linkFormat01 * {} .certify_training .linkFormat01 .textBlue01, .certify_training .linkFormat01 a { color:#00a0e9;} .certify_training .linkFormat01 a:hover { color:#00a0e9; text-decoration:underline;} .certify_training .listFormat01 { padding:0; margin:1.5em 0 1.5em 2.5em;} .certify_training .listFormat02 { padding:0; margin:0.4em 0 0 1.6em;} .certify_training .listFormat01 li { list-style-position:outside; list-style-type:decimal; margin-bottom:0.6em; background-image:none; padding-left:0;} .certify_training .listFormat02 li, .pageEntryGuide .listFormat01 li { list-style-position:outside; list-style-type:disc; margin-bottom:0.3em;} /* 特例制度について/入学説明会について */ .pageTokurei .subTitle01, .pageEntryGuide .subTitle01 { background-color:#0081c7; color:#fff; width:100%; padding-top:0.7em; padding-bottom:0.7em; line-height:1.4em !important; padding-left:0 !important; border-left:none !important; border-bottom:none !important; border-radius:1.4em; margin-bottom:15px; margin-top:25px;} .pageTokurei .subTitle01 strong, .pageEntryGuide .subTitle01 strong { font-weight:bold; display:block; font-size:1.1em !important; line-height:1.4em; width:690px; margin-left:15px;} .pageTokurei .subTitle02 { font-weight:bold; letter-spacing:0.05em; color:#0081c7; border-left:none !important; border-bottom:none !important; padding-left:0 !important; padding-bottom:0.65em; margin-bottom:0.7em; line-height:1.4em !important; font-size:1.4em !important; background:url(../../img/common/dot01.gif) repeat-x left bottom;} .pageTokurei .important01 { text-decoration:underline; font-weight:bold;} .pageTokurei .important02 { color:#e62310; font-weight:bold;} .pageTokurei .tableFormat01, .pageTokurei .textCenter01 { text-align:center;} .pageTokurei .tableFormat01 td { background-color:#ffffe7;} .pageTokurei .column01 { width:100%;} .pageTokurei .column01 .text01 { border-bottom:none; line-height:1.4em; font-size:1.2em; font-weight:normal; background:#005588; border-left:none; margin-top:20px; margin-bottom:33px; padding-top:11px; padding-bottom:10px; color:#fff; text-align:center; border-radius:0.5em; width:700px; margin-left:auto; margin-right:auto;} .pageTokurei .column01 .text02 { text-align:center; font-size:3.2em; letter-spacing:0.05em; font-weight:bold; color:#e62310; margin-bottom:31px;} .pageTokurei .column01 .text03 { margin-bottom:25px;} .pageTokurei .column01 .text03 p, .pageEntryGuide .column01 .text01 { font-size:1.2em; line-height:1.6em; width:100%;} .pageTokurei .column01 .text03 p strong { color:#e62310; font-weight:bold;} .pageTokurei .column01 .text03 p strong em { font-style:normal; font-weight:bold; border-bottom:#e62310 double; line-height:0.5em; height:0.5em; padding:0;} .pageTokurei .note01 dt, .pageTokurei .note01 dd { color:#e62310; font-weight:bold;} .pageTokurei .column02 { box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; border:2px #0081c7 solid; border-radius:1.4em; padding-top:30px; padding-bottom:28px; width:700px; margin-left:auto; margin-right:auto;} .pageTokurei .column02 .columnInner { width:640px; margin-left:auto; margin-right:auto;} .pageTokurei .column02 p { font-size:1.1em; line-height:1.7em;} .pageTokurei .column02 a { color:#00a0e9; text-decoration:none; margin-left:0.2em; margin-right:0.2em;} .pageTokurei .column02 a:hover { text-decoration:underline;} .pageTokurei .column01 .text02 { width:581px; height:53px; margin-left:auto; margin-right:auto;} .pageTokurei .column03, .pageTokurei .tableFormat01, .pageEntryGuide .tableFormat01, .pageTokurei .column01 .text03, .pageEntryGuide .column01 { width:700px; margin-left:auto; margin-right:auto;} .pageTokurei .fontSize_s01 { font-size:0.9em; line-height:1.4em;} .pageTokurei .note01, .pageTokurei .note03, .pageEntryGuide .note03 { width:700px; font-size:1em; margin:0.8em auto 0;} .pageTokurei .note01 *, .pageTokurei .note02 *, .pageTokurei .note03 *, .pageEntryGuide .note01 *, .pageEntryGuide .note02 *, .pageEntryGuide .note03 * { font-size:1em;} .pageTokurei .note01 dt { width:3em; line-height:1.5em;} .pageTokurei .note01 dd { margin-left:3em; margin-top:-1.5em; line-height:1.5em;} .pageTokurei .note02, .pageEntryGuide .note01 { width:100%; margin:0.8em 0 0 0;} .pageTokurei .note02 dt, .pageTokurei .note03 dt, .pageEntryGuide .note01 dt, .pageEntryGuide .note02 dt, .pageEntryGuide .note03 dt { width:1.2em; line-height:1.5em;} .pageTokurei .note02 dd, .pageTokurei .note03 dd, .pageEntryGuide .note01 dd, .pageEntryGuide .note02 dd, .pageEntryGuide .note03 dd { margin-left:1.2em; margin-top:-1.5em; line-height:1.5em;} .pageTokurei .note02 dt.important02 { /*color:#e62310;*/} .pageTokurei .column03 .text01 { font-size:1.2em; line-height:1.5em;} .pageTokurei .line01 { text-align:center;} .pageTokurei .line01 img { width:30px;} .pageTokurei .column05 { overflow:visible;} .pageTokurei .note04 { font-size:1.1em; margin:0; margin-top:1em;} .pageTokurei .note04 * { font-size:1em;} .pageTokurei .note04 dt, .pageTokurei .note04 dd { line-height:1.6em;} .pageTokurei .note04 dt { width:1.3em; margin-left:-0.1em;} .pageTokurei .note04 dd { margin-left:1.3em; margin-top:-1.6em;} .pageTokurei .bannerArea01 { width:620px; margin-left:auto; margin-right:auto; overflow:hidden; padding:0 !important; margin-top:45px; margin-bottom:45px;} .pageTokurei .bannerArea01 li, .pageKikan .bannerArea01 li { width:300px; margin:0 !important;} .pageTokurei .bannerArea01 .banner01 { float:left;} .pageTokurei .bannerArea01 .banner02 { float:right;} .pageTokurei .bannerArea01 li a, .pageEntryGuide .bannerArea01 li a, .pageKikan .bannerArea01 li a { border:2px #f4b2ac solid !important; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; width:100% !important; background-color:#e96659 !important; background-repeat:no-repeat; line-height:3.2em !important; height:3.5em !important; border-radius:0.5em; font-size:1.3em; color:#fff !important;} .pageTokurei .bannerArea01 li a:hover, .pageEntryGuide .bannerArea01 li a:hover, .pageKikan .bannerArea01 li a:hover { background-color:#ef7f6e !important;} .pageTokurei .bannerArea01 .banner01 a { background-image:url(../../fresh/img/tokureiIcon01.png); background-position:68px 7px; text-indent:50px;} .pageTokurei .bannerArea01 .banner02 a, .pageEntryGuide .bannerArea01 li a, .pageKikan .bannerArea01 li a { background-image:url(../../fresh/img/tokureiIcon02.png); background-position:32px 8px; text-indent:49px;} /* 入学選考期・出願書類受付期間 */ /*.pageKikan .column01 .text01 { border-bottom:none; line-height:1.4em; font-size:1.2em; font-weight:normal; background:#005588; border-left:none; margin-top:20px; margin-bottom:20px; padding-top:18px; padding-bottom:15px; color:#fff; text-align:center; border-radius:0.5em; width:710px; text-align:left; margin-left:auto; margin-right:auto; padding-left:0;} .pageKikan .column01 .text01 img { margin-left:22px;}*/ .pageKikan .column01 .text01 { font-size:1.5em; border-bottom:none; line-height:1.6em; background:#005588; border-left:none; margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:14px; color:#fff; text-align:center; border-radius:0.5em; width:710px; text-align:left; margin-left:auto; margin-right:auto; padding-left:0; letter-spacing:0.05em;} .pageKikan .column01 .text01 strong { font-weight:normal; font-size:1.8em; display:block; margin-left:25px; width:675px; margin-bottom:0.08em;} .pageKikan .column01 .text01 span { font-weight:bold; display:block; font-size:1em; margin-left:25px; width:675px;} .pageKikan .pageTitle.text02 { margin-left:0; margin-right:0;} .pageKikan .text02 { font-size:1.2em; line-height:1.5em; margin-left:15px; margin-right:15px;} .pageKikan .text02 strong { color:#e62310; font-weight:normal;} .pageKikan .tableStyle01 th, .pageKikan .tableStyle01 td, .pageTokurei .tableStyle01 th, .pageTokurei .tableStyle01 td { padding-top:1.2em; padding-bottom:1.1em;} .pageKikan .tableStyle01 td, .pageTokurei .tableStyle01 td { background-color:#ffffec;} .pageKikan .tableStyle01 .w01, .pageTokurei .tableStyle01 .w01 { text-align:center; width:7em;} .pageKikan .tableStyle01 .w02, .pageTokurei .tableStyle01 .w02 { text-align:center; width:6em;} .pageKikan .tableStyle01 .w03, .pageTokurei .tableStyle01 .w03 { width:12em;} .pageKikan .tableStyle01 .w03 p, .pageTokurei .tableStyle01 .w03 p { margin-right:0;} .pageKikan .column02, .pageKikan .column03 { width:700px; margin-left:auto; margin-right:auto;} .pageKikan .column02 { margin-top:20px;} .pageKikan .column03, .pageTokurei .column04 { margin-top:1px; margin-bottom:1.3em;} .pageKikan .column02 table, .pageKikan .column03 table { width:100%;} .pageKikan .column04, .pageTokurei .column05 { font-size:1.1em; width:690px; margin-left:auto; margin-right:auto;} .pageKikan .column04 *, .pageTokurei .column05 * { font-size:1em;} .pageKikan .column04 .subTitle01, .pageTokurei .column05 .subTitle03 { font-size:1.1em; font-weight:normal; display:block;} .pageKikan .column04 .listFormat01, .pageTokurei .column05 .listFormat01 { padding:0; margin-top:0.5em;} .pageKikan .column04 .listFormat01 li, .pageTokurei .column05 .listFormat01 li { line-height:1.6em; margin:0; margin-bottom:0.3em; float:none;} .pageKikan .bannerArea01 { width:100%; padding:0 !important; margin-bottom:45px; margin-top:45px;} .pageKikan .bannerArea01 li { margin-left:auto !important; margin-right:auto !important; float:none !important;} /* 入学説明会について */ .pageEntryGuide .textIndent01 {} .pageEntryGuide .fontSizeUp01 { font-size:1.05em;} .pageEntryGuide .fontSizeUp01 * { font-size:1em;} .pageEntryGuide .exitNote01 { font-size:0.8em; display:inline-block; border:1px #e62310 solid; background-color:#f8e9f7; padding:0 5px; border-radius:3px; letter-spacing:0; line-height:1.6em; height:1.6em; margin-top:0.15em;} .pageEntryGuide .listFormat01 { padding:0 !important; margin:0 0 0 2.8em;} .pageEntryGuide .listFormat01 li { float:none !important; margin:0 0 0.3em 0 !important; line-height:1.3em; padding-left:0; background-image:none;} .pageEntryGuide .textIndent01 .listFormat01 { margin:0 0 0 4em;} .pageEntryGuide .accessLink01, .pageEntryGuide .accessLink02 { margin-top:0.55em; width:12em; margin-left:auto; margin-right:auto;} .pageEntryGuide .accessLink01 a, .pageEntryGuide .accessLink02 a { display:block; color:#000; padding:0.67em 0 0.6em; line-height:1em; border-radius:5px; border:1px #bbb solid; background-color:#eee;} .pageEntryGuide .accessLink01 a { background-image:url(../../img/common/pdficon_small.png); background-repeat:no-repeat; text-align:center; background-position:17px 0.6em; text-indent:1.6em;} .pageEntryGuide .accessLink02 a {} .pageEntryGuide .accessLink01 a:hover, .pageEntryGuide .accessLink02 a:hover { background-color:#f5f5f5;} .pageEntryGuide .accessLink01 a strong, .pageEntryGuide .accessLink02 a strong { display:block; font-weight:normal;} .pageEntryGuide .accessLink01 a strong { margin-left:5px; margin-right:5px; font-size:1em;} .pageEntryGuide .accessLink02 a strong { text-align:center; font-size:0.95em;} .pageEntryGuide .bannerArea01 { width:300px; margin-left:auto; margin-right:auto; padding:0 !important; margin-top:25px; margin-bottom:35px;} .pageEntryGuide .bannerArea01 li { width:100%; float:none !important; margin:0 !important;} .pageEntryGuide .column01 .note01 strong { color:#e62310; font-weight:bold;} .pageEntryGuide .column02 .listFormat01 { margin-top:0.5em;} .pageEntryGuide .column02 .note01 { font-size:12px; width:auto; margin:0.6em 5px 0;} .pageEntryGuide .textIndent01 .note01 { margin:0.7em 5px 0 3em;} .pageEntryGuide .textIndent01 .note01 dt, .pageEntryGuide .textIndent01 .note01 dd { line-height:1.4em; font-size:1.1em;} .pageEntryGuide .textIndent01 .note01 dt {} .pageEntryGuide .textIndent01 .note01 dd { margin-top:-1.4em;} .pageEntryGuide .column02 .text01 { color:#e62310;} .pageEntryGuide .column02 .text01 dt, .pageEntryGuide .column02 .text01 dd { font-weight:bold;} .pageEntryGuide .partition01 { width:35%;} .pageEntryGuide .subTitle01.mb01 { margin-bottom:8px;} .pageEntryGuide .note02 { width:700px; margin:0 auto 9px;} .pageEntryGuide .column03 .text01 { display:block; margin-left:15px; margin-right:15px;} .pageEntryGuide .column02 .text02, .pageEntryGuide .column03 .text02 { margin-left:28px;} .pageEntryGuide .column04 a { background-color:#0081c7; display:inline-block; padding:0 0.35em; margin-left:0.3em; margin-right:0.3em; font-size:0.9em; color:#fff; line-height:1.8em; height:1.8em; border-radius:3px; letter-spacing:0;} .pageEntryGuide .column04 a:hover { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;} .pageEntryGuide .column05 dt, .pageEntryGuide .column05 dd { font-weight:bold; color:#e62310;} /* 下層ページ右側コンテンツの完全リニューアルまでの仮設定 */ .correContentsR .rightCont { width:190px;} .correContentsR .rightCont .bannerWrap01 { box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;} .correContentsR .rightCont .bannerWrap01 { border:1px #ccc solid; background-color:#fff; border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; -webkit-border-radius:13px; margin-top:12px; padding-top:10px; padding-bottom:10px;} .correContentsR .rightCont .banner01 a:hover img, .correContentsR .rightCont .banner02 a:hover img, .correContentsR .rightCont .banner03 a:hover img, .correContentsR .rightCont .banner05 a:hover img, .correContentsR .rightCont .banner06 a:hover img { filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85; -webkit-opacity:0.85;} .correContentsR .rightCont .banner04 .banner04_01 a:hover img, .correContentsR .rightCont .banner04 .banner04_02 a:hover img { filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; -webkit-opacity:0.9;} .correContentsR .rightCont .banner01, .correContentsR .rightCont .banner05, .correContentsR .rightCont .banner06 { width:100%; height:auto; overflow:hidden;} .correContentsR .rightCont .banner01 a, .correContentsR .rightCont .banner02 a, .correContentsR .rightCont .banner03 a, .correContentsR .rightCont .banner04 a, .correContentsR .rightCont .banner05 a, .correContentsR .rightCont .banner06 a { position:relative; left:0; top:0; height:auto; float:left;} .correContentsR .rightCont .banner01 a img, .correContentsR .rightCont .banner02 a img, .correContentsR .rightCont .banner03 a img, .correContentsR .rightCont .banner04 img, .correContentsR .rightCont .bannerArea01 img { width:100%; height:auto; float:left;} .correContentsR .rightCont .banner02, .correContentsR .rightCont .banner03, .correContentsR .rightCont .banner04, .correContentsR .rightCont .bannerArea01 { width:168px; margin-left:auto; margin-right:auto;} .correContentsR .rightCont .banner02, .correContentsR .rightCont .banner03 { margin-bottom:9px; height:auto; overflow:hidden;} .correContentsR .rightCont .banner04 { height:auto; overflow:hidden;} .correContentsR .rightCont .banner04 .banner04_01, .correContentsR .rightCont .banner04 .banner04_02 { width:150px; height:auto; left:9px;} .correContentsR .rightCont .banner04 .banner04_01 { top:67px;} .correContentsR .rightCont .banner04 .banner04_02 { top:116px;} .correContentsR .rightCont .bannerArea01 { background:url(../../images/common/dot02.gif) repeat-x left top; padding-top:12px; margin-top:11px;} .correContentsR .rightCont .bannerArea01 .text01 { font-size:0.9em; line-height:1.4em; width:100%; text-indent:-0.4em; margin-top:0.6em;} .correContentsR .rightCont .banner05 {} .correContentsR .rightCont .banner06 { margin-top:10px;} .otherContHeader2015 { width:100%; background-color:#fff; border-top:1px #ddd solid; border-bottom:1px #ddd solid; margin-top:10px;} .otherContHeader2015 .block1 a:hover img { filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85; -webkit-opacity:0.85;} .otherContHeader2015 .contHeader { width:950px; margin-left:auto; margin-right:auto; height:71px;} .otherContHeader2015 .block1 { height:100%; width:557px; left:0; top:0;} .otherContHeader2015 .block1 a:hover img {} .otherContHeader2015 .deco01 { right:0; top:-15px; position:absolute;}