@charset "utf-8";
/* CSS Document */

/* index.html
-----------------------------------------*/
div#flash {
	width:884px;
	height:298px;
	margin:13px auto;
/*	background-image:url(img/flash.jpg);*/
}

div.indexNews {
	width:886px;
	height:36px;
	margin:10px auto;
	background-image:url(img/news.jpg);
}
div.indexNews #newsTopic li,
div.indexNews #newsTopic li a{
	text-decoration:none;
	text-align:center;
	line-height:34px;
	font-weight:normal;
	color:#033;
	padding:0 75px;
	font-size:14px;
}
div.indexNews #newsTopic li a:hover{
	text-decoration:underline;
}
div.indexNews #newsTopic li em {
	font-size:14px;
}

/* 3column 両サイド
-----------------------------------------*/
div.indexSide {
	float:left;
	width:184px;
	background:url(img/sidebox_top.jpg) no-repeat top;
	padding-top:17px;
	color:#000;
}

div.indexSideBox {
	background:url(img/sidebox_bg.jpg);
	clear:both;
}
div#content div.indexSideBox a {
	display:block;
	margin:0 3px;
	text-decoration:none;
	font-weight:bold;
	color:#1E1B15;
	padding:10px 8px 9px 8px;
	font-size:10px;
	line-height:1.25;
	background:url(img/boder_gray.gif) no-repeat bottom center;
}
/*div#content div.Rbox a {
	background:url(img/border_green.gif) no-repeat bottom center;
}*/
div#content div.indexSideBox a:hover {
	text-decoration:underline;
}
div.indexSideBox a span {
	display:block;
	font-size:14px;
	background:url(img/icon_side.gif) no-repeat top left;
	padding-left:10px;
}
div#myOnPageContent {
	display:none;
}

div#content div.trial a {
	margin:0 2px;
	background:#FFFFC8 url(img/boder_gray.gif) no-repeat bottom center;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px 15px 10px;
}
div.trial a img {
	margin-top:6px;
}

div.indexSideBox small{
	padding-left:10px;
	font-weight:normal;
	font-size:10px;
	display:block;
}

div#content div.money {
}
div#content div.money img {
	float:right;
}

div#content div.telemail,
div#content div.Rbox div.qr{
	margin:0;
	text-align:center;
	background:url(img/sidebox_foot.gif) no-repeat bottom;
}
div#content div.telemail a{
	display:block;
/*	background:url(img/boder_gray.gif) no-repeat top center;*/
	text-decoration:none;
	font-size:10px;
	padding:10px 8px 15px 8px;
	color:#000;
	line-height:1.2;
	text-align:center;
}
div#content div.telemail a:hover{
	text-decoration:underline;
}
div#content div.telemail img{
	display:block;
	margin:auto;
}
div#content div.Rbox div.qr a{
	display:block;
	text-decoration:none;
	font-size:10px;
	padding:10px 8px 15px 8px;
	color:#000;
	line-height:1.2;
	background:url(img/sidebox_foot.gif) no-repeat bottom;
}
div#content .Rbox {
	position:relative;
}
.owl {
	position:absolute;
	top:5px;
	left:115px;
}

div.indexSide .bnr {
	text-align:center;
	margin:2px 0;
}

div.telemail a:hover {
	color:#666;
}

/* 3column 中央
-----------------------------------------*/
div.indexCenter {
	float:left;
	width:518px;
}

div.indexCenterBnr {
	width:470px;
/*	height:90px;*/
	margin:0 auto 18px;
}


div#rssMovie {
	width:470px;
	height:90px;
	margin:0 auto 16px auto;
	background:url(img/animalmovie_foot.gif) no-repeat bottom;
}

div#rssMovie div {
	background-image:url(img/animalmovie_bg.gif);
}
div#rssOcablog {
	width:470px;
	margin:0 auto 16px auto;
	background:url(img/ocablog_foot.gif) no-repeat bottom;
	position:relative;
}
div#rssOcablog div {
	background:url(img/ocablog_bg.gif) no-repeat center 50px;
}
div#rssOcablog img.headimg {
	position:absolute;
	top:-24px;
	right:-5px;
}

div#rssStudents {
	width:470px;
	margin:0 auto 16px auto;
	background:url(img/studentsblog_foot.gif) no-repeat bottom;
	position:relative;
}
div#rssStudents div {
	background:url(img/studentsblog_bg.gif) no-repeat center 50px;
}
div#rssStudents img.headimg {
	position:absolute;
	top:-4px;
	right:-4px;
}

p.morelink {
	padding:10px;
}


div#rssOcablog iframe,
div#rssStudents iframe {
	width:470px;
	height:8em;
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
div#rssOcablog iframe {
	background:url(img/ocablog_bg.gif);
}
div#rssStudents iframe {
	background:url(img/studentsblog_bg.gif);
}


/* ブログ */
#whatNew {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px;
	padding: 0px;
	width:220px;
}
#whatNew ul{
	margin:10px 0;
	}
#whatNew li {
	background-image: url(common/img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.2em;
	padding-left: 20px;
	font-size: 10px;
	line-height: 100%;
	margin-bottom: 0.5em;
}
#whatNew li a:link,
#whatNew li a:visited {
	color:#052054;
	text-decoration: none;
}
#whatNew li a:hover {
	color:#052054;
	text-decoration: underline;
}



/*告知*/
div.centerInfo {
	width:470px;
	margin:0 auto 12px auto;
	border:1px solid #F90;
	background:#FFC;
}
div.centerInfo h2 {
	padding:4px 10px;
	background:#F90;
	margin:5px;
	text-align:center;
	color:#FFF;
}
div.centerInfo p {
	margin:5px 10px;
}