@charset "UTF-8";
/* style.css : home */


/* --------------------------------------------------
Block */

/* Div */
div#header {
	position: relative;
	background-image: url(/image/bg-header.gif);
}

div#header div.key-visual {
	position: relative;
	z-index: 0;
	width: 960px;
	_width: 982px; /* for WinIE6 */
	margin: 0 auto;
	padding: 0 11px;
}

div#body {
	padding-bottom: 10px;
	background-image: url(/image/bg-body.gif);
}

div#main {
	float: left;
	width: 610px;
	_width: 635px;
	padding: 0 0 10px 24px;
	border-left: 1px solid #fff;
	background: url(/image/bg-header-shadow.gif) 0 0 repeat-x;
}

div#main div.section.manabu {
	background: url(/image/bg-manabu-unibi.jpg) 0 155px no-repeat;
}

div#main div.section.taiken-nyugaku {
	clear: both;
	margin-top: -86px;
}

div#main div.section.business-beauty {
	clear: both;
	margin-top: -86px;
}

div#main div.section.oshirase {
	clear: both;
	position: relative;
	width: 578px;
	_width: 580px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

div#main div.section.oshirase div#feed {
	overflow-y: auto;
	width: 578px;
	height: 222px;
}

div#sub {
	float: right;
	width: 300px;
	_width: 325px;
	margin-top: 0;
	padding: 0 24px 10px 0;
	border-right: 1px solid #fff;
	background: url(/image/bg-header-shadow.gif) 0 0 repeat-x;
}

div#sub div.movie {
	padding-bottom: 5px;
}

/* H1 - H6 */
div#header h1 {
	position: absolute;
	left: 50%;
	top: 15px;
	z-index: 1;
	margin-left: -480px;
}

div#main div.section.taiken-nyugaku h2 {
	width: 610px;
	margin: 86px 0 0;
	padding: 0;
	border-top: none;
	background-color: #c41f5a ;
}

div#main div.section.business-beauty h2 {
	width: 610px;
	margin: 86px 0 0;
	padding: 0;
	border-top: none;
	background-color: #c41f5a ;
}

div#main div.section.oshirase h3 {
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
}

div#sub h3 {
	position:absolute;
	left: -9999px;
	overflow: hidden;
}

/* P */
div#header p.utility {
	position: absolute;
	right: 7px;
	bottom: 5px;
}

div#main p,
div#main p.lead {
	float: right;
	width: 410px;
	_width: 440px; /* for IE6 */
	padding: 0 30px 10px 0;
}

div#main p.lead {
	padding: 20px 30px 5px 0;
}

div#main p.image { 
	float: left;
	width: 150px;
	padding: 0;
}

div#main div.section.taiken-nyugaku p {
	float: left;
	width: 320px;
	width: 320px;
	padding: 10px 0;
}

div#main div.section.taiken-nyugaku p.image {
	float: right;
	width: 225px;
	_width: 255px; /* for IE6 */
	margin-top: -76px;
	padding: 0 30px 0 0;
}

div#main div.section.business-beauty p {
	float: left;
	width: 380px;
	padding: 0;
}

div#main div.section.business-beauty p.image {
	float: right;
	width: 200px;
	_width: 230px; /* for IE6 */
	margin-top: -76px;
	padding: 0 30px 0 0;
}

div#main div.section.oshirase p.rss {
	position: absolute;
	left: 79px;
	top: 4px;
	width: 67px;
	padding: 0;
}

div#main div.section.oshirase p.ichiran {
	position: absolute;
	right: 0;
	top: 0;
	width: 67px;
	padding: 0;
}

div#sub p {
	padding-bottom: 5px;
	font-size: 80%;
	text-align: right;
}

div#sub div.movie p {
	padding-bottom: 0;
}

div#sub div.section p.qr-code {
	width: 300px;
	padding-bottom: 20px;
	text-align: left;
}


/* --------------------------------------------------
Inline */

div#header ul.gnav li a:hover {
	background-color: #000;
}

div#header ul.gnav li.hajimeni a {
	width: 120px;
	background-image: url(/image/gnav-hajimeni-on.jpg);
}

div#header ul.gnav li.gakka-shokai a {
	width: 114px;
	background-image: url(/image/gnav-gakka-shokai-on.gif);
}

div#header ul.gnav li.manabi a {
	width: 139px;
	background-image: url(/image/gnav-unibi-manabi-on.gif);
}

div#header ul.gnav li.shikaku a {
	width: 126px;
	background-image: url(/image/gnav-shikaku-shushoku-on.gif);
}

div#header ul.gnav li.shisetsu a {
	width: 91px;
	background-image: url(/image/gnav-shisetsu-on.gif);
}

div#header ul.gnav li.school-life a {
	width: 142px;
	background-image: url(/image/gnav-school-life-on.gif);
}

div#header ul.gnav li.boshu a {
	width: 114px;
	background-image: url(/image/gnav-boshu-yoko-on.gif);
}

div#main div.section.oshirase iframe {
	display: block;
	width: 578px;
	height: 222px;
	border: 0;
	overflow-y: auto;
}

div#main div.section.oshirase ul li span {
	display: block;
}

div#main div.section.oshirase ul li span.date {
	float: left;
	width: 8.7em;
	font-weight: bold;
}

div#main div.section.oshirase ul li span.entry-title {
	*float:left; /* for WinIE6-7 */
	*height: 1%; /* for WinIE6-7 */
	margin-left: 8.7em;
	*margin-left: 0; /* for WinIE6-7 */
	padding-left: 15px;
}

div#sub div.section.section p.qr-code img {
	display: block;
	float: left;
	width: 66px;
	_margin-left: -3px; /* for WinIE6 */
}

div#sub div.section p.qr-code br {
	display: none;
}

div#sub div.section p.qr-code span.text {
	display: block;
	float: right;
	width: 223px;
	text-align: left;
}


/* --------------------------------------------------
List */

div#header ul.gnav {
	width: 854px;
	_width: 985px; /* for WinIE6 */
	height: 35px;
	_height: 36px; /* for WinIE6 */
	padding: 1px 11px 2px 117px;
	background: url(../image/bg-gnav.jpg) 11px bottom no-repeat;
}

div#main div.section.oshirase ul {
	margin-top: 0;
}

div#main div.section.oshirase ul li {
	width: 550px;
	margin: -1px 14px 0;
	padding: 12px 0 10px;
	background: transparent url(/common/image/brd-dotted.gif) 0 0 repeat-x;
	line-height: ;
}

*:first-child+html body.new ul li {
	line-height: 1.2;
}

div#sub div.section ul {
	margin-top: 5px;
}

div#sub div.section ul.banner li {
	padding-bottom: 15px;
}


/* --------------------------------------------------
ClearFix */

div#main div.section.oshirase ul li:after,
div#sub div.section p.qr-code:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#main div.section.oshirase ul li,
div#sub div.section p.qr-code {
	display: inline-block;
}

div#main div.section.oshirase ul li,
div#sub div.section p.qr-code {
	display: block;
}


/* End */