@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: sakushin-univ web site
	Author: Yamazen Communications co.,ltd.
	Comment: institution style
	Since2014
----------------------------------------------------------- */
	
/*Index
	01.contents header img
	02.topics

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


/* 01.contents header img
----------------------------------------------------------- */
#container{
	padding-top:230px;
}

#about #container     {background:url(/about/img/cheader.jpg)      no-repeat top center;} 
#major #container     {background:url(/major/img/cheader.jpg)      no-repeat top center;}
#campuslife #container{background:url(/campuslife/img/cheader.jpg) no-repeat top center;}
#recruit #container   {background:url(/recruit/img/cheader.jpg)    no-repeat top center;}
#admission #container {background:url(/admission/img/cheader.jpg)  no-repeat top center;}
#local #container     {background:url(/local/img/cheader.jpg)      no-repeat top center;}   

#business  #container           {background:url(/business/img/cheader.jpg)             no-repeat top center;}
#human_culture  #container      {background:url(/human_culture/img/cheader.jpg)        no-repeat top center;}
#childfood_education  #container{background:url(/childfood_education/img/cheader.jpg)  no-repeat top center;}
#graduate_school  #container    {background:url(/graduate_school/img/cheader.jpg)      no-repeat top center;}
#psychology  #container         {background:url(/psychology/img/cheader.jpg)           no-repeat top center;}
#kokoro  #container             {background:url(/kokoro/img/cheader.jpg)               no-repeat top center;}
#club  #container               {background:url(/culb/img/cheader.jpg)                 no-repeat top center;}

#library #container{background:url(/library/img/cheader.jpg) no-repeat top center;}
#ic      #container{background:url(/ic/img/cheader.jpg)      no-repeat top center;}
#local   #container{background:url(/local/img/cheader.jpg)   no-repeat top center;}
#ec      #container{background:url(/ec/img/cheader.jpg)      no-repeat top center;}
#kokoro  #container{background:url(/kokoro/img/cheader.jpg)  no-repeat top center;}
#club    #container{background:url(/club/img/cheader.jpg)    no-repeat top center;} 
#sc      #container{background:url(/sc/img/cheader.jpg)         no-repeat top center;}  


@media only screen and (max-width: 500px){
	div#container{
		padding-top:130px;
	}
}

/* 02.topics
----------------------------------------------------------- */
#topics{
	margin: 0 0 60px;
}
#topics .ttl{
	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:1px #cccccc solid;
}
#topics .ttl span{display: inline-block;}
#topics .ttl span,
#topics ul li{
	padding: 5px 0 5px 25px;
	background: url(/common/img/arrow01.png) no-repeat 0 8px;
}
#topics ul li .new{padding-left: 5px;color:white;}

#topics dl dt{
	float: left;
	width: 7em;
	padding: 4px 0 0;
}
#topics dl dd{
	padding: 4px 0 4px 9em;
	border-bottom: 1px dotted #ccc;
	background: url(/common/img/arrow01.png) no-repeat 7em 7px;
}

@media only screen and (max-width: 640px){
#topics{padding:10px;}
#topics .ttl{text-align: right;}
}
@media only print, only screen and (min-width: 641px){
#topics{padding:20px 0;}
#topics .ttl h1{
	display:inline-block;
	margin-right:20px;
}
}




/* 03.club
----------------------------------------------------------- */
#club #topics div.ttl h1{
	display:none;
}

#club #topics div.ttl{
	min-height:40px;
	background:url("/club/img/ttl-topics.png") no-repeat scroll left top;
}
#topics .ttl span{
	float:right;
}