/** HEADER */

#header-wrapper
{
    background: #016b13 url(http://www.iser.osaka-u.ac.jp/imgs/overlay.png);
	background-size: cover; 
	/*	background: #016b13 url(images/back_gr.jpg); */

}   

#header-wrapper-syaken 
{background: url("https://www.iser.osaka-u.ac.jp/imgs/back_gr.jpg");
        box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.9);    
   -moz-box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.9); 
-webkit-box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.9);  
     -o-box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.9);
    -ms-box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.9);

     
}      

#header {
	position: relative; /*相対値*/
	overflow: hidden;
	height: 66px;
}

#social
{
	position: absolute;
	top: 1.5em;  
	right: 0;
}

/** LOGO *  緑の帯上の部分/

#logo { 
	position: absolute;   /*絶対値*/ 
	top: 0.3em;
  left: 0;
/*  right: 0;
  bottom: 0;
  margin:auto;*/
	/* margin: 0 auto; text-align: center;*/
}

#logo h1, #logo h2, #logo h3, #logo p {
	margin: 0;
	padding: 0;
	
}

#logo h1 {
	letter-spacing: -0.3px;
	text-transform: none;
	font-size: 23px;
	color: #FFF;
    margin: 0 auto; 
    text-align: left;
    font-family: 'メイリオ','Adamina', serif;
    /*font-family: 'IM Fell French Canon', serif;*/
    	line-height: 18px;     
}

#logo h2 {
	letter-spacing: 1px;
	text-transform: none;
	font-size: 0.9em;
	font-weight: 100;
    color: #FFF;
    margin: 0 auto; 
    text-align: left;
      font-family: 'メイリオ','Source Sans Pro', Arial,sans-serif;  
}

#logo h3 { 
	letter-spacing: 1px;
	text-transform: none;
	font-size: 0.9em;
	font-weight: 100;
    color: #FFF;
    margin: 0 auto; 
    text-align: left;
      font-family: 'メイリオ','Source Sans Pro', Arial,sans-serif;  
      	line-height: 25px;   
}

#logo p {
	padding: 0px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #FFF;
}

#logo p a {
	color: #FFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFF;
}


       
 
/* ------------------------------------------- 
		Pad
-------------------------------------------- */
       @media(max-width:1130px){

    .image-fullfull
	{
		
		width: 100%;
		margin: auto;
		z-index: 1;
	}
	img.kanban {
            margin-bottom: 1em;
            height: auto;   
            }  

          
       }       
/* ------------------------------------------- 
		PHONE
-------------------------------------------- */
/*     @media(max-width:768px){ */ 
       @media(max-width:768px){
img.kanban {
            margin-bottom: 1em;
            height: auto;   
            }  
            
.icon
     { width: 1em;}
     
/** HEADER */

#header {
	/*overflow: scroll; */
	height: 6em;  
	}  
	
	
	
/** LOGO */
#logo {  
	position: absolute;   /*絶対値*/
	top: 0.3em;
  left: 0;
  right: 0;
  bottom: 0;
}
#logo h1 {
font-family:'メイリオ','ヒラギノ角ゴ Pro W3';
-webkit-text-size-adjust: 100%;
font-size: 2em;
line-height: 1.3em;      
}

#logo h2 {
	display:none;
}
#logo h3 {
	font-size: 0.8em; 
	line-height: 18px; 
}
#social
{
	position: absolute;
	top: 2em;
	right: 0;
}
.contents{ width:auto; }
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

.container {
/* 	padding:15px; */
	width: auto; 
  max-width:768px;
margin:0 auto;
	display:block;   
}



/** MENU */

/*  #menu ul {max-width:768px } */


#menu li {
	}

.naver a { background: #016b13; color: #fff; display: block; float: left; font-size: 16px; line-height: 40px; margin: 0 1px 0 0; padding: 0 20px; }
.naver a:hover { background: #222; }
.naver.enabled a { float: none; margin: 0 0 1px 0; width: 100%; }		
#menu li {
    width: 100%;
}


#page {
/*	overflow: hidden; */ 
   overflow: auto; width: auto;
	padding: 1em 0.3em 1em 0.3em;
/*	z-index: 0;*/
}

#page .column0
 { width: auto;
	padding: 0;
	margin: 0px;
	font-size: 0.7em;
	
	}
#page .column1
{
	width: auto;
	padding: 0;
	margin: 0px;
}
.column4 /*セミナーの秘書*/
	{   
         float: left;
    }    
/*img {
float: left;

}*/

img.harf { width: 280px; margin: 0 auto; float: left; display: block;}

.image-left { width: 100px;  margin: 0 auto; float: left; display: block;}
.image-left2 { 		 }
     
.image-small
	{
		float: left;
		margin: 0 0em 2em 0;
		width: 100%;
	}
.image-small2 { 
		float: none;
		width: 100px;
		}  

img.map {width: 98%; }	           
#page .column5

	{ margin-left: 0px; 
	width: 100%;
	padding: 0;
	margin: 0 auto; 
	margin-top: 1em;
   float: left;

	}	
	
#page .column0 { width: auto; font-size: 0.7em; margin-bottom: 5px;}


#page .column6  
	{float: left; width: 100%; margin:0 auto; word-wrap: break-word;}	
	



#page .column6 article p
	{ font-size: 1em; margin: 0 0 2px 95px;   
	line-height: 1.2em;      
	}
	
#page .column6 article figure img {
	width: 80px; height: 99px;
}
#page .column6 article  h3 {margin: 0 0 2px 95px;
 font-size:1em; 
}
#page .column6 div.faculty_left
		{ margin: 0px auto; width: 110px;
	      float: none;  border:0px solid #ccc;
	    }
#page .column6 div.faculty_right
		{  float: none;
		  padding: 4px;   
	     margin:10px 15px 5px 15px; width: auto;  
	      line-height: 1.8em; border: 0px solid #ccc;
	      background-color: #f2f2f2;
	    }  

.homepage, .osaka-u {
font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Source Sans Pro', Arial,sans-serif;
background-repeat:no-repeat;
background-position:5px 1.5px;   
padding-left: 2em; 
} 
.homepage {   
background-image:url("../imgs/home1.png");  
}
.osaka-u {   
background-image:url("../imgs/osaka-u.png");   
}

	    
	/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin-top: 1em;
		padding: 0em 1em;
		background: #016b13;
		border-radius: 4px;
		letter-spacing: 0.10em;
		line-height: 2em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.8em;
		color: #FFF;
	}