@charset "shift_jis";

/* CSS Document */

/* ----------------------------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------------------------- */
 
#right_navigation_area {
  position: relative;
  float : right;
  width: 147px;
  height: 250px;  
  text-align: left;
  margin: 0px auto;
  padding: 0px;           
}
 
 #right_navigation ul li {
  position: absolute;
  height: 27px;
 }

#right_navigation ul li a {
  display: block;
  outline-width: 0px; 
  font-size:1px;
  line-height: 100%;
  height: 27px;
}

#right_navigation ul li a span { display: none; }
 
#right_navigation01 {
	background: url(../../corporate_guide/common/navigation_img/001.jpg) no-repeat left top;
	top: 0px;
	right: 0px;
	width: 147px;
}
 
#right_navigation01 a {
     width: 147px;
}

#right_navigation01 a:hover {
  background: url(../../corporate_guide/common/navigation_img/001_f2.jpg) no-repeat left top;
 }
 
#right_navigation02 {
  background: url(../../corporate_guide/common/navigation_img/002.jpg) no-repeat left top;
  top: 28px;
  right: 0px;
  width: 147px;
}
 
#right_navigation02 a {
  width: 147px;
}

#right_navigation02 a:hover {
  background: url(../../corporate_guide/common/navigation_img/002_f2.jpg) no-repeat left top;
 }
 
  #right_navigation03 {
  background: url(../../corporate_guide/common/navigation_img/003.jpg) no-repeat left top;
  top: 56px;
  right: 0px;
  width: 147px;
}
 
#right_navigation03 a {
  width: 147px;
}

#right_navigation03 a:hover {
  background: url(../../corporate_guide/common/navigation_img/003_f2.jpg) no-repeat left top;
 }
 
#right_navigation04 {
  background: url(../../corporate_guide/common/navigation_img/004.jpg) no-repeat left top;
  top: 84px;
  right: 0px;
  width: 147px;
}
 
#right_navigation04 a {
  width: 147px;
}

#right_navigation04 a:hover {
  background: url(../../corporate_guide/common/navigation_img/004_f2.jpg) no-repeat left top;
 }
 
  #right_navigation05 {
  background: url(../../corporate_guide/common/navigation_img/005.jpg) no-repeat left top;
  top: 112px;
  right: 0px;
  width: 147px;
}
 
#right_navigation05 a {
  width: 147px;
}

#right_navigation05 a:hover {
  background: url(../../corporate_guide/common/navigation_img/005_f2.jpg) no-repeat left top;
 }
 
#right_navigation06 {
  background: url(../../corporate_guide/common/navigation_img/006.jpg) no-repeat left top;
  top: 140px;
  right: 0px;
  width: 147px;
}
 
#right_navigation06 a {
  width: 147px;
}

#right_navigation06 a:hover {
  background: url(../../corporate_guide/common/navigation_img/006_f2.jpg) no-repeat left top;
 }
 
 #right_navigation07 {
  background: url(../../corporate_guide/common/navigation_img/007.jpg) no-repeat left top;
  top: 168px;
  right: 0px;
  width: 147px;
}
 
#right_navigation07 a {
  width: 147px;
}

#right_navigation07 a:hover {
  background: url(../../corporate_guide/common/navigation_img/007_f2.jpg) no-repeat left top;
 }
 
#right_navigation08 {
  background: url(../../corporate_guide/common/navigation_img/008.png) no-repeat left top;
  top: 196px;
  right: 0px;
  width: 147px;
}
 
#right_navigation08 a {
  width: 147px;
}

#right_navigation08 a:hover {
  background: url(../../corporate_guide/common/navigation_img/008_f2.png) no-repeat left top;
 }

/* ----------------------------------------------------------------------------------
ボックス
---------------------------------------------------------------------------------- */
 
.shade01 {
  background: #FBFBFB;
  width: 170px; 
  text-align: left;
  vertical-align: top;  
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;        
}

.shade02 {
  background: #FBFBFB;
  width: 435px;
  text-align: left;
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;      
}

.no_shade01 {
  width: 170px;
  text-align: left;
  vertical-align: top;  
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;        
}

.no_shade02 {
  width: 435px;
  text-align: left;
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;      
}

.box01 {
  width: 120px;
  text-align: left;
}

/* ----------------------------------------------------------------------------------
画像
---------------------------------------------------------------------------------- */

.president {
  float: right;
  position: relative;	    
  width: 169px;
  height: 200px;
  padding: 0px 0px 10px 20px;  
}

.logo_img {
  float: right;
  position: relative;	    
  width: 109px;
  height: 119px;
  padding: 0px 0px 10px 10px;  
}

/* ----------------------------------------------------------------------------------
地図
---------------------------------------------------------------------------------- */

.map {
  position: relative;	    
  text-align: center;
  margin: 0px auto;
  padding: 0px;     
}

.mapTxt table{
	border: 0px;
    border-collapse: collapse;

    margin: 0px auto;
}

.mapTxt td{
	text-align: left;
	white-space: nowrap;
    padding: 0px;
	vertical-align: top;
}

.mapTxtL {
	padding-right: 14px !important;
}

/* ----------------------------------------------------------------------------------
概要
---------------------------------------------------------------------------------- */

#iso {
	width: 123px;
    margin: 5px 0px;
    padding: 0px;     
}

/* ----------------------------------------------------------------------------------
インデックスイメージ
---------------------------------------------------------------------------------- */

.image {
  position: relative;	    
  text-align: right;
  margin: 0px auto;
  padding: 0px;     
}


/* ----------------------------------------------------------------------------------
学生の皆さまへ
---------------------------------------------------------------------------------- */

#left_containerIr {
position: relative;
float : left;
width: 626px;
text-align: left;
text-align: justify;
margin-top: 0px auto;
padding: 0px;
}

.featureL {
float: left;
width: 436px;
text-align: left;
text-align: justify;
margin: 20px 0;
}

.featureR {
float: right;
width: 170px;
font-size: 11px;
text-align: left;
text-align: justify;
margin: 20px 0;
}

.featureR img {
width: 170px;
margin-bottom: 3px;
}

.photoR {
float: right;
margin: 0 0 20px 20px
}

.organizationOccupation {
position: relative;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}

.organizationOccupation01 {
position: absolute;
width: 125px;
height: 113px;
top: 133px;
left: 250px;
}

.organizationOccupation02 {
position: absolute;
width: 125px;
height: 113px;
top: 1px;
left: 250px;
}

.organizationOccupation03 {
position: absolute;
width: 126px;
height: 113px;
top: 68px;
left: 364px;
}

.organizationOccupation04 {
position: absolute;
width: 125px;
height: 113px;
top: 68px;
left: 136px;
}

.organizationOccupation05 {
position: absolute;
width: 125px;
height: 113px;
top: 199px;
left: 136px;
}

.organizationOccupation06 {
position: absolute;
width: 126px;
height: 113px;
top: 199px;
left: 364px;
}