@charset "UTF-8";
 @import "/common/css/basefont.css.php";



/*-----------------------------------------------

CSSファイル名：index.css

初期制作者：shiba

最終更新日：



ページ共通のパーツ



-------------------------------------------------

階層構造

-------------------------------------------------

#menu

	#globalNavi

	#localNavi

	#assistNavi

#contents

#footer



.clearfix

-----------------------------------------------*/



@media screen, tv, projection, print {

html {
width:100%;
margin:0;
padding:0;
background:#f5f5f5;
}

body {
position:relative;
width:100%;
margin:0 auto;
padding:30px 0 2em;
font-size:100%;
color:#2d2d2d;
}

html > body {
padding:30px 0 0;
}

a:link {
color:#3c67be;
text-decoration:underline;
}

a:visited {
color:#5a6c91;
text-decoration:underline;
}

a:hover,  a:active {
color:#195adc;
text-decoration:none;
}

a img {
border:0;
}

#printLogo {
display:none;
}

/*---------------------------------------------------------------

 menu

----------------------------------------------------------------*/

#menu {
position:absolute;
top:30px;
left:0;
width:235px;
font-size:78%;
z-index:3;
margin:0 0 5em;
padding:0 0 0;
}

#menu h1 {
text-align:center;
margin:30px 0 15px;
padding:0;
}

#menu h1 a {
outline:0;
}

/* global navigation

----------------------------------------------------------------*/

#globalNavi { /* clearfix */
width:180px;
padding:0;
margin:0 auto 40px;
}

#globalNavi li {
float:left;
list-style-type:none;
margin:0 0 0 5px;
padding:0;
display:inline;
}

#globalNavi li a {
outline:0;
}

/* assist navigation

----------------------------------------------------------------*/

#assistNavi {
width:180px;
padding:0;
margin:0 auto 15px;
border-top:1px solid #b1b1b1;
}

#assistNavi li {
margin:0;
padding:1px 0;
list-style-type:none;
border-bottom:1px solid #b1b1b1;
}

#assistNavi li a {
display:block;
width:150px;
color:#4d4d4d;
text-decoration:none;
padding:0.5em 10px 0.5em 20px;
background:url(/common/img/arrow.gif) no-repeat 5px 0.85em;
}

#assistNavi li a:hover {
color:#3c67be;
background:#f0f0f0 url(/common/img/arrow.gif) no-repeat 5px 0.85em;
}

/* search 

----------------------------------------------------------------*/

#cse-search-box p { /* clearfix */
width:180px;
margin:0 auto 30px;
padding:0;
}

#intext {
width:176px;
height:20px;
padding:0 2px !important;
line-height:20px;
border:1px solid #c1c2be !important;
background:#fff;
vertical-align:top;
margin:0 0 5px;
}

#cse-search-box button {
width:60px;
height:18px;
float:right;
text-indent:-9999px;
margin:0;
padding:0;
border:0;
background:url(/common/img/btn_search.gif) no-repeat top right;
cursor:pointer;
}

#cse-search-box button.hover {
background:url(/common/img/btn_search_on.gif) no-repeat top right;
}

/* banners 

----------------------------------------------------------------*/

#banners {
width:180px;
margin:0 auto;
padding:0;
}

#banners li {
list-style-type:none;
margin:0 0 2px;
padding:0;
}

/*---------------------------------------------------------------

 contents

----------------------------------------------------------------*/

#contents {
width:auto;
position:absolute;
min-height:704px;
font-size:78%;
padding:0;
margin:0 0 5em 230px;
z-index:5;
}

#contents div { /* clearfix */
margin:5px;
padding:10px;
z-index:3;
}

#contents > div {
background:#fff;
}

#contents div * {
margin:0;
padding:0;
}

#contents div img {
float:left;
}

.externalIcon {
vertical-align:middle;
padding:0.3em 5px;
}

a > .externalIcon {
padding:0 5px;
vertical-align:0;
}

/* grid contents

----------------------------------------------------------------*/
/* open_campus2011 */

#open_campus2011 {
width:220px;
height:220px;
}

#open_campus2011 ul { /* clearfix */
background:#fff;
}

#open_campus2011 ul li {
list-style-type:none;
line-height:0.5;
}

#open_campus2011 ul li img {
float:left;
}


/* newshikaku */

#contents div#newshikaku{
width:470px;
height:470px;
padding:10px;
cursor:default;
background:#fff url(/common/index_img/bg_newshikaku.jpg) no-repeat center center;
}

#contents div#newshikaku p{
float:none;
margin:0;
padding:0;
/* display:block; */
}

#contents div#newshikaku p img{
float:none;
}

#contents div#newshikaku ul{ /* clearfix */
/* padding:0 20px; */
margin:0;
list-style-type:none;
}

#contents div#newshikaku ul li{
float:left;
}






/* newdep */

#contents div#newdep{
width:720px;
height:220px;
padding:10px;
cursor:default;
background:#fff url(/common/index_img/bg_newdep.gif) no-repeat center center;
}

#contents div#newdep p{
float:none;
margin:0;
padding:0;
display:block;
}

#contents div#newdep p img{
float:none;
}

#contents div#newdep ul{ /* clearfix */
padding:0 20px;
margin:0;
list-style-type:none;
}

#contents div#newdep ul li{
float:left;
}


/* information */

#contents div#information img {
float:none;
}

#information {
width:220px;
height:470px;
padding:10px;
}

#contents> #information {
overflow:visible;
}

#information h2 {
position:relative;
margin:0 0 5px;
padding:0;
border-bottom:1px solid #343031;
z-index:2;
}

#information h2 a {
position:absolute;
top:0;
right:10px;
display:inline-block;
width:63px;
height:29px;
}

#information h2 > a {
right:0;
}

#information p#button{
margin:0 0 5px;
}

#information p#button img.externalafterIcon{
display:none;
}

#information dl {
height:385px;
margin:0;
padding:0 5px 0 0;
}

#information > dl {
padding:0;
}

#information .jScrollPaneContainer{
overflow:hidden;
background:#fff;
}

*:first-child+html #information dl {
padding:0 5px 0 0;
}

#information dl dt {
position:relative;
line-height:1;
font-family:Verdana, Geneva, sans-serif;
margin:0;
padding:1.4em 10px 0.7em;
z-index:2;
}

#information dl dt.hover,  #information dl dd.hover {
background:#fff;
}

#information dl dt img {
position:absolute;
top:1.4em;
right:20px;
}

#information dl dt > img {
right:10px;
top:1.25em;
}

*:first-child+html #information dl dt img {
top:1.4em;
}

#information dl dd {
line-height:1.6;
margin:0;
padding:0 10px 1em;
border-bottom:1px solid #b7b7b8;
}

#information dl dd a {
padding:0 7px 0 0;
color:#2d2d2d;
text-decoration:none;
background:url(/common/img/arrow_information.gif) no-repeat right center;
}

#information dl dd img.externalbeforeIcon {
margin:0 3px 0 0;
vertical-align:middle;
}

/* department */

#department ul {
position:relative;
width:220px;
height:220px;
list-style-type:none;
background:url(/common/index_img/department_bg.jpg) no-repeat center center;
}

#department ul.human_science {
background:url(/common/index_img/department_bg.jpg) no-repeat bottom center;
}

#department ul.socialwelfare {
background:url(/common/index_img/department_bg.jpg) no-repeat top center;
}

#department ul.design {
background:url(/common/index_img/department_bg.jpg) no-repeat center left;
}

#department ul.helthypsychology {
background:url(/common/index_img/department_bg.jpg) no-repeat center right;
}

#department ul li {
position:absolute;
}

#department ul li a {
display:block;
}

#department ul li#human_science {
top:0;
left:0;
width:220px;
height:220px;
}

#department ul li#human_science a {
width:220px;
height:220px;
}

#department ul li#socialwelfare {
top:0;
left:29px;
width:160px;
height:68px;
}

#department ul li#socialwelfare a {
width:160px;
height:68px;
}

#department ul li#design {
bottom:0;
left:0;
width:86px;
height:91px;
}

#department ul li#design a {
width:86px;
height:91px;
}

#department ul li#helthypsychology {
bottom:0;
right:0;
width:86px;
height:91px;
}

#department ul li#helthypsychology a {
width:86px;
height:91px;
}

#admissions, #exp, #opencampus {
width:470px;
height:220px;
}

#message, #h2404, #experience {
width:470px;
height:470px;
}

#flash,
#flashInner{
width:470px;
height:470px;
}

#request, #career, #mobile, #pamphlet {
width:220px;
height:220px;
}

#examination, #psychology, #communication, #gaibu {
width:220px;
height:95px;
}

#target {
width:220px;
height:220px;
}

#experience{
width:220px;
height:220px;
}

#target ul { /* clearfix */
background:#fff;
}

#target ul li {
list-style-type:none;
line-height:0.5;
}

#target ul li img {
float:left;
}
#cm_movie{ 
width:470px;
height:220px;

}

#cm_movie ul{ /* clearfix */
background:url(../index_img/cm_bg.jpg) top center no-repeat;
list-style:none;
padding:75px 0 0 35px;
padding-bottom:17px;
}
#cm_movie ul li{
float:left;
margin-right:28px;
}
#cm_movie ul li.cm2{
margin-right:0;
}



.blocklink {
cursor:pointer;
}




/*---------------------------------------------------------------

 scroll panel

----------------------------------------------------------------*/

#contents .jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
margin:0;
padding:0;
background:transparent;
}

#contents .jScrollPaneTrack {
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#e5e5e5;
margin:0;
padding:0;
}

#contents .jScrollPaneDrag {
position: absolute;
background: #d1d1d1;
cursor: pointer;
overflow: hidden;
margin:0;
padding:0;
}

#contents .jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

#contents .jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}

#contents a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background: url(/common/index_img/btn_scrollup.gif) no-repeat top left;
width:9px;
height:9px;
}

#contents a.jScrollArrowUp:hover {
background: url(/common/index_img/btn_scrollup_on.gif) no-repeat top left;
}

#contents a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background: url(/common/index_img/btn_scrolldown.gif) no-repeat top left;
width:9px;
height:9px;
}

#contents a.jScrollArrowDown:hover {
background:url(/common/index_img/btn_scrolldown_on.gif) no-repeat top left;
}

#contents a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
background-color:#ee5277;
}

/*---------------------------------------------------------------

 footer

----------------------------------------------------------------*/

#footer { /* clearfix */
clear:both;
font-size:70%;
padding:1em 15px;
margin:0 25px 0.7em;
background:#343031;
position:relative;
z-index:6;
}

#footer p {
color:#fff;
float:left;
margin:0;
padding:0;
}

#footer ul { /* clearfix */
float:right;
margin:0;
padding:0;
}

#footer ul li {
float:left;
margin:0 0 0 15px;
list-style-type:none;
display:inline;
}

#footer ul li a {
color:#fff;
}

#footer ul li#univ a {
padding:0 0 0 20px;
background:url(/common/img/icon_univ.gif) no-repeat 0 50%;
}

#footer ul li#univ a:hover {
background:url(/common/img/icon_univ_on.gif) no-repeat 0 50%;
}

/*---------------------------------------------------------------

 others

----------------------------------------------------------------*/

address {
font-style:normal;
font-size:70%;
margin:0 0 0.7em 25px;
}

address em {
color:#000;
}

dl#groupNavi {
display:block;
width:735px;
font-size:70%;
margin:0 0 3em 25px;
padding:0;
border:1px solid #b2b0b1;
}

body > dl#groupNavi {
display:inline-block;
width:auto;
}

*:first-child+html body dl#groupNavi {
display:inline;
width:auto;
}

dl#groupNavi dt {
background:#fff;
float:left;
padding:0.3em 5px;
line-height:1.2;
border-right:1px solid #b2b0b1;
}

dl#groupNavi dt a:link,
dl#groupNavi dt a:visited{
color:#2d2d2d;
text-decoration:none;
}

dl#groupNavi dt a:hover,
dl#groupNavi dt a:active{
color:#2d2d2d;
text-decoration:underline;
}


dl#groupNavi dd {
float:left;
line-height:1.2;
padding:0.3em 10px;
margin:0;
}

dl#groupNavi dd ul { /* clearfix */
margin:0.9em 0 0;
padding:0;
}

dl#groupNavi dd > ul {
margin:0.65em 0 0;
}

*:first-child+html dl#groupNavi dd ul {
margin:0.9em 0 0;
}

dl#groupNavi dd ul li {
float:left;
list-style-type:none;
margin:0 10px 0 0;
padding:0;
}

dl#groupNavi dd ul li a {
padding:0 0 0 10px;
color:#010101;
text-decoration:none;
background:url(/common/img/arrow_group.gif) no-repeat 0 50%;
}

dl#groupNavi dd ul li a:hover {
text-decoration:underline;
}

/* pagetop

----------------------------------------------------------------*/

#pagetop {
display:block;
text-align:center;
position:fixed;
bottom:201px;
left:0;
margin:0;
padding:0;
width:100%;
height:82px;
z-index:1;
}

body > #pagetop {
bottom:208px;
}

*:first-child+html body #pagetop {
bottom:208px;
}

#pagetop a {
position:relative;
top:0;
left:500px;
z-index:2;
outline:0 none;
}

/*---------------------------------------------------------------

 clearfix

----------------------------------------------------------------*/

#globalNavi:after,  #search p:after,  #topicPath:after,  #appendTopic:after,  #contents div:after,  #footer:after,  #footer ul:after,  #target ul:after,  #open_campus2011 ul:after,  dl#groupNavi:after,  dl#groupNavi dd ul:after,  .clearfix:after,#contents div#newdep ul:after,#newshikaku ul:after,#cm_movie ul:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#globalNavi,  #search p,  #topicPath,  #appendTopic,  #contents div,  #footer,  #footer ul,  #target ul,  #open_campus2011 ul,  dl#groupNavi,  dl#groupNavi dd ul,  .clearfix,#contents div#newdep ul,#newshikaku ul,#cm_movie ul{
display:inline-block;
}

#globalNavi,  #search p,  #topicPath,  #appendTopic,  #contents div,  #footer,  #footer ul,  #target ul,  #open_campus2011 ul,  dl#groupNavi,  dl#groupNavi dd ul,  .clearfix,#contents div#newdep ul,#newshikaku ul,#cm_movie ul{
display:block;
}
}