@charset "UTF-8";

@import "/common/css/basefont.css.php";


/*-----------------------------------------------
CSSファイル名：index.css
初期制作者：shiba
最終更新日：

インデックスのCSS（全部まとめて）

-------------------------------------------------
階層構造
-------------------------------------------------
#header
	#globalNavi
#flash
#contents
#footer
	#footNavi
.clearfix
-----------------------------------------------*/

@media screen,tv,projection,print {

html{
margin:0;
padding:0;
}

body{
width:100%;
height:100%;
margin:0;
padding:0;
color:#83795c;
font-size:100%;
background:url(/common/index_img/bg.gif) no-repeat top center;
}

html > body{
height:auto;
}

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

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

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

a img{
border:0;
}


/*---------------------------------------------------------------
 header
----------------------------------------------------------------*/
#header{
position:relative;
width:900px;
height:80px;
margin:0 auto;
line-height:1;
}

h1{
position:absolute;
top:29px;
left:0;
width:255px;
height:43px;
margin:0;
padding:0;
line-height:1;
}

#printLogo{
display:none;
}

#header ul{
margin:0;
padding:0;
}

#headNavi{/* clearfix */
position:absolute;
top:19px;
right:281px;
width:231px;
height:15px;
}

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


/* search 
----------------------------------------------------------------*/
#cse-search-box{
position:absolute;
top:16px;
right:0;
}

#cse-search-box p{
width:240px;
height:20px;
margin:0;
padding:0;
}

#intext{
position:absolute;
top:0;
right:51px;
width:214px;
height:18px;
color:#83795c !important;
padding:0 !important;
line-height:18px !important;
border:1px solid #fde4eb !important;
border-right:0;
vertical-align:top;
margin:0;
}

#cse-search-box button{
position:absolute;
top:0;
right:1px;
width:50px;
height:20px;
text-indent:-9999px;
margin:0;
padding:0;
border:0;
outline:0;
overflow:hidden;
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; }


/* global navigation
----------------------------------------------------------------*/
#globalNavi{ /* clearfix */
position:absolute;
top:50px;
right:0;
width:537px;
height:29px;
}

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


/*---------------------------------------------------------------
 branding
----------------------------------------------------------------*/
#branding{
position:relative;
width:100%;
height:460px;
margin:0 auto;
padding:0;
z-index:15;
}

#branding p{
margin:0;
text-align:center;
}


/*---------------------------------------------------------------
 contents
----------------------------------------------------------------*/
#contents{ /* clearfix */
width:912px;
margin:0 auto;
padding:0 0 12px;
font-size:77%;
line-height:1.6;
position:relative;
z-index:4;
}

body > #contents { font-size:75%; padding:0; }
*:first-child+html body #contents{ font-size:77%; margin:0 auto 12px;  padding:0; }


#contents li{
float:left;
width:280px;
height:288px;
margin:0 6px 12px;
padding:6px;
list-style-type:none;
background:#ffffff url(/common/index_img/index_box.png) no-repeat top left;
display:inline;
}

#contents li.hover{
cursor:pointer;
}

#contents li h2,
#contents li h3,
#contents li p{
margin:0;
padding:0;
}

#contents li h2{ display:inline-block; }
#contents li h2{ display:block; }

/* information */
#contents #information{
width:584px;
background:#fff url(/common/index_img/index_box_big.png) no-repeat top left;
}

#contents #information h2{
position:relative;
padding:13px 0 0;
margin:0 0 18px;
}

#contents #information h2 a{
position:absolute;
top:17px;
right:10px;
}

#contents #information dl{ /* clearfix */
height:225px;
margin:0 8px;
padding:0;
overflow:auto;
}

#contents #information dl dt{
float:left;
font-weight:bold;
font-family:"Courier New",monospace;
letter-spacing:0.05em;
clear:left;
margin:0;
padding:0.5em 0 0.45em 10px;
}

#contents #information dl dt img{
vertical-align:middle;
margin:0 0 0 12px;
padding:0.2em 0;
}

#contents #information dl dt > img{ padding:0; }


#contents #information dl dd{
margin:0 5px 0 0;
padding:0.6em 10px 0.45em 13em;
}

#contents #information dl dd a{
display:inline-block;
color:#83795c;
text-decoration:none;
}

#contents #information dl dd.hover a,
#contents #information dl dd.hover a span.anchorIn{ text-decoration:underline; }

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

#contents #information dl dd > a{ display:inline; }

#contents #information dl dd a .externalIcon{
margin:0 0 0 5px;
padding:0.45em 0 0.45em;
vertical-align:middle;
}

#contents #information dl dd a > .externalIcon{ padding:0; }

#contents #information dl dt.even,
#information dl dd.even{
background:#f4f3f1;
}

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

/* for IE */
#contents #information ins{
margin:0 5px 0 0;
padding:0;
}

#contents #information ins.hover{
cursor:pointer;
background:#fff;
}

#contents #information ins dd{
margin:0;
}

#contents #information ins.hover dd a,
#contents #information ins.hover dd a span.anchorIn{ text-decoration:underline; }

#contents #information dl ins.hover dt.even,
#contents #information dl ins.hover dd.even{
background:transparent !important;
}

/* blogs */
/* subject */
#blogs div.hover,
#subject div.hover{
background:#fff;
cursor:pointer;
}

#subject h2.hover{
background:#fff;
}


/* content */
#contents #content h2{
margin:0 0 10px;
padding:9px 0 0;
}

#contents #content dl{ /* clearfix */
margin:0 5px 9px;
padding:0 0 1px;
height:230px;
overflow:auto;
background:url(/common/index_img/dotted_pink_line.gif) no-repeat bottom left;
}

#contents #content dl dt{
clear:left;
font-weight:bold;
line-height:1.4;
margin:0 2px 0 0;
padding:9px 5px 3px 0;
background:url(/common/img/dotted_pink.gif) repeat-x top left;
}

#contents #content dl dt img{
float:left;
margin:0 7px 0 0;
}

#contents #content dl dt img.externalIcon{
float:none;
margin:0 0 0 5px;
padding:0.2em 0 0.25em;
vertical-align:middle;
}

#contents #content > dl dt img.externalIcon{ padding:0; }


#contents #content dl dt a,
#contents #content dl dt a:visited{
padding:0 0 0 70px;
display:block;
text-decoration:none;
color:#f37095;
outline:0;
background:url(/common/img/arrow_big.gif) no-repeat 52px 0.1em;
}

#contents #content dl dt a:hover,
#contents #content dl dt.hover a{
color:#ee5277;
background:url(/common/img/arrow_big_on.gif) no-repeat 52px 0.1em;
}

#contents #content dl dd{
font-size:85%;
line-height:1.4;
margin:0 2px 0 0;
padding:0 5px 8px 52px;
}

#contents #content dl dt.hover,
#contents #content dl dd.hover{
background-color:#fff;
}

/* for IE */
#contents dl ins.hoverable{
cursor:pointer;
}

#contents ins.hoverable{
display:block;
text-decoration:none;
}

#contents ins.hover{
background-color:#fff;
}

#contents h2 span{ font-size:80%; }

#contents #content ins.hover a{
color:#ee5277;
background:url(/common/img/arrow_big_on.gif) no-repeat 52px 0.1em;
}


/* スクロールバーパネル */
.jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
}

.jScrollPaneTrack {
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#e4e2df;
}

.jScrollPaneDrag {
position: absolute;
background: #f36f94;
cursor: pointer;
overflow: hidden;
}

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

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

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:11px;
height:11px;
}

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

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:11px;
height:11px;
}
a.jScrollArrowDown:hover {
background:url(/common/index_img/btn_scrolldown_on.gif) no-repeat top left;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
background-color:#ee5277;
}




/*---------------------------------------------------------------
 footer
----------------------------------------------------------------*/
#footer{ /* clearfix */
width:900px;
margin:0 auto;
padding:8px 0 2em;
background:url(/common/img/footer_navi_head.gif) no-repeat top left;
position:relative;
z-index:3;
}

#footer a:link,#footer a:visited{ text-decoration:none; }
#footer a:hover,#footer a:active{ text-decoration:underline; }

#footNavi{ /* clearfix */
margin:0 0 1em;
padding:10px 15px 0;
background:url(/common/img/footer_navi_bottom.gif) no-repeat bottom left;
}

#footer > #footNavi{ padding:10px 15px 15px; }
*:first-child+html #footer #footNavi{ padding:10px 15px 0; }


#footNavi a{ color:#f37095; }


/* topicPath
----------------------------------------------------------------*/
#topicPath{ /* clearfix */
margin:0 0 15px;
padding:0 0 11px 10px;
font-size:77%;
background:url(/common/img/dotted_pink.gif) repeat-x bottom left;
}

#footNavi > #topicPath { font-size:75%; }
*:first-child+html #topicPath { font-size:77%; }

#topicPath li{
float:left;
line-height:1.4;
list-style-type:none;
margin:0 7px 0 0;
padding:0.2em 0 0 20px;
background:url(/common/img/icon_home.gif) no-repeat left center;
}



/* purpose navigation
----------------------------------------------------------------*/
.purposeNavi{
float:left;
margin:0;
padding:0;
background:url(/common/img/dotted_vertical.gif) repeat-y top right;
}

#admissionsNavi { width:337px; padding:0 10px 0 0; }
#campusguideNavi { width:156px;  padding:0 10px; }
#departmentNavi { width:161px; padding:0 0 0 10px; }
#careerNavi { background:none; width:161px; padding:0 0 0 10px; }

.purposeNavi dt{
font-size:12px;
font-weight:bold;
margin:0 0 0.6em;
padding:0;
}


.purposeNavi dt a{
padding:0 0 0 10px;
background:url(/common/img/icon_purpose.gif) no-repeat 0 0.4em;
}

.purposeNavi dd{
margin:0 0 0.6em;
padding:0;
font-size:10px;
color:#f37095;
}


#admissionsNavi dd{ float:left; width:182px; padding:0 10px 0 0; }
#admissionsNavi dd.separate{ width:145px; padding:0; float:right; }
#admissionsNavi dd dl dd{ float:none; width:auto; }


#campusguideNavi dt { margin:0 0 0.55em; }
#campusguideNavi dd,#careerNavi dd { margin:0 0 0.65em; }
#campusguideNavi > dd,#careerNavi > dd { margin:0 0 0.65em; }
*:first-child+html #campusguideNavi dd{ margin:0 0 0.65em; }
*:first-child+html #careerNavi > dd { margin:0 0 0.65em; }

.purposeNavi dd dl{ margin:0 0 0.3em; }
.purposeNavi dd dl dt{ margin:0 0 0.5em; }

.purposeNavi dd .externalIcon{
vertical-align:middle;
padding:0.15em 0 0.1em;
margin:0 0 0 5px;
text-decoration:none;
}

.purposeNavi > dd .externalIcon{ padding:0; }

.purposeNavi dd a.hover span.anchorIn{ text-decoration:underline; }



#footer p{
font-size:62.5%;
letter-spacing:0.1em;
margin:0 0 1em;
}

#footer address{
font-size:75%;
font-style:normal;
letter-spacing:0.1em;
line-height:1.6;
text-indent:-13.4em;
padding:0 0 0 13.4em;
margin:0 0 1em;
}

#footer > address{ 
text-indent:-12.7em;
padding:0 0 0 12.7em;
}

*:first-child+html #footer address{
text-indent:-13.4em;
padding:0 0 0 13.4em;
}


#footer address em{
font-style:normal;
font-weight:bold;
margin:0 10px 0 0;
}

#footer ul{
float:right;
width:470px;
margin:0 0 1em;
padding:0;
}

#footer > ul{ width:auto; }
*:first-child+html #footer ul{ width:470px; }

#footer ul li{
float:left;
font-size:55%;
list-style-type:none;
padding:0 8px 0 0;
margin:0 7px 0 0;
background:url(/common/img/footer_list_yon.gif) no-repeat right center;
}

#footer ul > li{ font-size:62.5%; }
*:first-child+html #footer ul > li{ font-size:55%; }

#footer ul li a{
color:#83795c;
padding:0.1em 0;
}

#footer ul li#unipass{
padding:0;
margin:0;
float:right;
background:none;
}

#footer ul li#unipass a{
display:inline-block;
padding:0.1em 0 0.1em 20px;
background:url(/common/img/icon_unipass.gif) no-repeat left center;
}

#footer ul li#unipass a:hover { background:url(/common/img/icon_unipass_on.gif) no-repeat left center; }

#footer dl#groupNavi{
display:block;
width:700px;
clear:both;
margin:0 0 15px;
padding:1px 0 1px 1px;
border:1px solid #dad8d2;
}

#footer > dl#groupNavi{
display:inline-block;
width:auto;
padding:1px;
}

*:first-child+html #footer dl#groupNavi{
display:inline;
padding:1px;
}

#footer dl#groupNavi dt{
float:left;
font-size:55%;
font-weight:normal;
line-height:1.2;
text-align:center;
margin:0 1px 0 0;
padding:0.7em 10px 0.55em;
border:1px solid #dad8d2;
background:#f4f3f1;
}

#footer dl#groupNavi > dt{ font-size:62.5%; padding:0.5em 10px 0.55em; }
*:first-child+html #footer dl#groupNavi dt{ font-size:55%; padding:0.7em 10px 0.55em; }

#footer dl#groupNavi dt a{ color:#83795c; }

#footer dl#groupNavi dd{
float:left;
line-height:1.2;
margin:0;
padding:0.7em 10px;
border:1px solid #dad8d2;
}

#footer dl#groupNavi dd ul{
width:auto;
float:none;
padding:0;
margin:0;
}

#footer dl#groupNavi dd ul li{
line-height:1.2;
margin:0 13px 0 0;
padding:0;
background:none;
}

#footer dl#groupNavi dd li a{
padding:0 0 0 8px;
background:url(/common/img/arrow.gif) no-repeat left center;
}


/* pageup
----------------------------------------------------------------*/
#pageup{
display:block;
text-align:center;
position:fixed;
bottom:171px;
left:0;
margin:0;
padding:0;
width:100%;
height:67px;
z-index:1;
}

#pageup a{
position:relative;
top:0;
left:470px;
z-index:1;
outline:0 none;
}


/*---------------------------------------------------------------
 clearfix
----------------------------------------------------------------*/
#header ul:after,
#contents:after,
#information dl:after,
#subject dl:after,
#content dl:after,
#footer:after,
#footNavi:after,
#topicPath:after,
#footer ul:after,
#footer p:after,
#footer dl#groupNavi:after,
.clearfix:after{
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#header ul,
#contents,
#information dl,
#subject dl,
#content dl,
#sideNavi,
#footer,
#footNavi,
#topicPath,
#footer ul,
#footer p,
#footer dl#groupNavi,
.clearfix{
display:inline-block;
}

#header ul,
#contents,
#information dl,
#subject dl,
#content dl,
#sideNavi,
#footer,
#footNavi,
#topicPath,
#footer ul,
#footer p
#footer dl#groupNavi,
.clearfix{
display:block;
}


}