@charset "utf-8";

/* =============================================
    layout
============================================= */
/* ---------------------------------------------
    [top トップページ]
--------------------------------------------- */
/*-- [top-keyvisual] ----------------*/
#top-keyvisual {
        width:845px;
				height:320px;
        position: relative;
				background:url(../../top-img/bg-keyvisual.png) 0 100% no-repeat;
				margin: 15px 0 15px 53px;
}
#top-keyvisual #mainImg {
        width:839px;
				position:absolute;
				top:59px;
				left:3px;
}
#mainImg p {
        position: absolute;
}
#top-keyvisual #mainList li {
	position:absolute;
}
#top-keyvisual #mainList li.no01{
	top:0px;
	left:17px;
	}
#top-keyvisual #mainList li.no02{
	top:0px;
	left:286px;
	}
#top-keyvisual #mainList li.no03{
	top:0px;
	left:555px;
	}

/*-- [top-main] ----------------*/
.top-main{
	width:845px;
	margin: 0 auto;
	}
.top-main a:link, a:visited {
	color: #056297;
	text-decoration: none;
}	 
/*-- [top-news] ----------------*/
.top-news{
	background:url(../../top-img/bg-news.gif) 0 0 repeat-y;
	width:450px;
	height:237px;
	float:left;
	margin-bottom:20px;
	}
.top-news .title{
	height:69px;
	width:450px;
	position:relative;
	}
.top-news .title h3{
	position:absolute;
	top:0;
	left:0;
	}	
.top-news .title p{
	position:absolute;
	top:28px;
	left:223px;
	}		
.top-news .inner{
	width:400px;
	margin: 0 auto;
	height:150px;
	overflow-y: scroll;
	}	
.top-news .inner li{
	padding: 5px 0 5px 28px;
	margin-bottom:5px;
	}
.top-news .inner li.ico-entry{
	background:url(../../top-img/ico-01.gif) 0 0 no-repeat;
}
.top-news .inner li.ico-read{
	background:url(../../top-img/ico-02.gif) 0 0 no-repeat;
}
.top-news .inner li.ico-news{
	background:url(../../top-img/ico-03.gif) 0 0 no-repeat;
}

/*-- [top-pv] ----------------*/
.top-pv{	
	float:right;
	width:367px;
	height:225px;
	position:relative;
	background:url(../../top-img/bg-pv.gif) 0 0 no-repeat;
	margin-top:12px;
}
.top-pv p{
	position:absolute;
	top:48px;
	left:55px;
	}	
	
/*-- [top-about] ----------------*/
.top-about{
	background:url(../../top-img/bg-about.gif) 0 0 no-repeat;
	width:845px;
	height:612px;
	clear:both;
	position:relative;
	}
.top-about .title{
	top: 0;
	left:0;
	position:absolute;
	}
.top-about .inner{
	width:415px;
	height:250px;
	overflow-y: scroll;
	float:left;
	margin: 85px 0 0 45px;
	}	
.font-red	{
	color:#fb517d;
	}
.top-about .f-right{
	float:right;
	}
	
.top-about .sanuki-awa{	
	background:url(../../top-img/bg-awasanuki.png) 0 0 no-repeat;
	width:774px;
	height:198px;
	clear:both;
	position:relative;
	margin: 5px 0 0 36px;
	}
.top-about .sanuki-awa .about-sanuki-awa{
	width:736px;
	height:130px;
	overflow-y: scroll;
	position:absolute;
	top:48px;
	left:23px;
	}
.top-about .sanuki-awa .about-sanuki-awa p{
	margin-bottom:7px;
	}	
.top-about .sanuki-awa h3{
	position:absolute;
	top:6px;
	left:12px;
	}


/*-- [info-pv] ----------------*/
.info-pv{
	float:right;
	position:relative;
	width:335px;
	height:324px;
	margin: 35px 19px 0 0;
	}
.info-pv .visual{
	top: 8px;
	left:42px;
	position:absolute;
	}
.info-pv h4{
	top: 180px;
	left:25px;
	position:absolute;
	}
.info-pv .text{
	top: 207px;
	left:0;
	position:absolute;
	}
.info-pv .koen{
	top: 275px;
	left:10px;
	position:absolute;
	}
.info-pv .btn{
	top: 275px;
	left:180px;
	position:absolute;
	}

/*-- [shigotojutsu] ----------------*/
.shigotojutsu{
	width:845px;
	height:232px;
	background:url(../../top-img/bg-shigoto.png) 0 0 no-repeat;
	position:relative;
	}
.shigotojutsu h3{
	position:absolute;
	top:0;
	left:3px;
	}
.shigotojutsu p{
	position:absolute;
	top:35px;
	left:333px;
	}
.shigotojutsu li#uehara{
	position:absolute;
	top:66px;
	left:13px;
	}
.shigotojutsu li#nouda{
	position:absolute;
	top:75px;
	left:433px;
	}
	
/*-- [shinzui] ----------------*/
.top-shinzui{
	background:url(../../top-img/bg-shinzui.png) 0 0 no-repeat;
	clear: both;
	width: 845px;
	height:228px;
	margin-top: 18px;
}
.top-shinzui dt{
	padding: 0 0 0 3px;
	}
.top-shinzui dd {
	padding: 0 36px 25px;
}
.top-shinzui dd ul.list-essence-01 {
	float: left;
	width: 335px;
}
.top-shinzui dd ul.list-essence-02 {
	float: right;
	width: 298px;
}
.top-shinzui dd ul li {
	background: url("../img/ico-book-01.gif") no-repeat 0 0.3em;
	font-weight: bold;
	margin-top: 3px;
	padding: 5px 0 5px 29px;
}

/*-- [study-box] ----------------*/
.study-box{
	background:url(../../top-img/bg-study.png) 0 0 no-repeat;
	width:845px;
	height:469px;
	position:relative;
	margin: 30px 0 0 0;
	}
.study-box h3{
	position:absolute;
	top:17px;
	left:144px;
	}
.study-box p{
	position:absolute;
}
.study-box .copy-01{
	top:70px;
	left:29px;
	}
.study-box .voice{
	top:120px;
	left:13px;
	}
.study-box h4{
	position:absolute;
	top:130px;
	left:511px;
	}	
.study-box dt{
	position:absolute;
	top:175px;
	left:589px;
	font-weight:bold;
}
.study-box dd{
	position:absolute;
	top:198px;
	left:589px;
	font-size:80%;
	}		
.study-box .sanka{
	top:238px;
	left:507px;
	}			
.study-box .more{
	top:268px;
	left:699px;
	}				
.study-box .backnumber{
	position:absolute;
	top:337px;
	left:36px;	
	width:750px;
	height:115px;
	overflow-y: scroll;
	float:left;
	margin: 0 0 0 20px;
	}
.study-box .backnumber li{
	background: url("../img/ico-book-01.gif") no-repeat 0 0.3em;
	font-weight: bold;
	margin-top: 3px;
	padding: 5px 0 5px 29px;
	}
/*-- [syohyo-box] ----------------*/
#syohyo-box	h4{
	padding-bottom:15px;
	}
.text-copy a:link, a:visited{
	color: #3399cc;
	}


/* ▼130529追加▼ */
/*-- [top-blog] ----------------*/
.top-blog{
	border: 2px solid #010101;
	margin: 25px 44px 28px;
	padding: 14px 17px 16px 16px;
	}
.top-blog .blog-main{
	border: 2px solid #010101;
	float: left;
	display: inline;
	width: 513px;
	margin: 16px 0 0;
	}
.top-blog .blog-main .blog-box{
	margin: -34px 0 0;
	}
.top-blog .blog-main .title{
	margin: 40px 12px 24px;
	}
.top-blog .blog-main .title .new{
	float: left;
	display: inline;
	}
.top-blog .blog-main .title .date{
	font-size: 80%;
	padding: 6px 0 0 83px;
	}
.top-blog .blog-main .title h3{
	clear: none;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.4;
	padding: 8px 0 0 81px;
	}
.top-blog .blog-main .article{
	clear: both;
	font-size: 87%;
	margin: 0 38px 18px;
	}
.top-blog .blog-main .article p{
	margin: 28px 0 0;
	line-height: 1.9;
	}
.top-blog .blog-main .article .more{
	clear: both;
	text-align: right;
	margin: 2px -18px 0 0;
	}
.top-blog .blog-side{
	float: right;
	display: inline;
	width: 275px;
	margin: 17px 6px 0 0;
	}
.top-blog .blog-side .blog-menu{
	background: url(../../top-img/bg-blog-01.gif) no-repeat 0 100%;
	font-size: 87%;
	line-height: 1.4;
	margin: 25px 0 0;
	padding: 0 0 5px;
	}
.top-blog .blog-side .category{
	margin-top: 18px;
	}
.top-blog .blog-side .recent ul{
	margin: 5px 0 0;
	}
.top-blog .blog-side .category ul{
	margin: 6px 0 0;
	}
.top-blog .blog-side .recent ul li{
	background:url(../../top-img/ico-01.gif) 0 5px no-repeat;
	padding: 3px 0 5px 37px;
	margin: 0 0 5px 5px;
}
.top-blog .blog-side .category ul li{
	background:url(../../top-img/ico-04.gif) 0 0 no-repeat;
	padding: 1px 0 5px 39px;
	margin: 0 0 5px 4px;
}
.top-blog .blog-side .blog-menu ul li a:link,
.top-blog .blog-side .blog-menu ul li a:visited{
	color: #0066ff;
	text-decoration: underline;
	}
.top-blog .blog-side .blog-menu ul li a:hover,
.top-blog .blog-side .blog-menu ul li a:active{
	color: #0066ff;
	text-decoration: none;
	}
.top-blog .blog-side .teacher{
	clear: both;
	border: 2px solid #010101;
	margin: 30px 0 0;
	padding: 9px 12px 9px 8px;
	}
.top-blog .blog-side .teacher dl{
	float: right;
	display: inline;
	width: 175px;
	}
.top-blog .blog-side .teacher dl dt{
	font-size: 87%;
	margin: 2px 0 0;
	}
.top-blog .blog-side .teacher dl dt span{
	font-weight: bold;
	}
.top-blog .blog-side .teacher dl dd{
	font-size: 80%;
	line-height: 1.45;
	margin: 6px 0 0 1px;
	}
.top-blog .blog-side .teacher p{
	float: left;
	display: inline;
	}

/*-- [top-blog-last] ----------------*/
.top-blog-last{
	clear: both;
	border: 2px solid #010101;
	margin: 37px 44px 0;
	padding: 17px 16px 19px 17px;
	}
.top-blog-last .blog-main{
	margin: 21px 0 0;
	}
.top-blog-last .blog-main .title{
	margin: 0 12px 24px;
	}
.top-blog-last .blog-main .title .new{
	float: left;
	display: inline;
	}
.top-blog-last .blog-main .title .date{
	font-size: 80%;
	padding: 6px 0 0 83px;
	}
.top-blog-last .blog-main .title h3{
	clear: none;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.4;
	padding: 8px 0 0 81px;
	}
.top-blog-last .blog-main .article{
	clear: both;
	font-size: 87%;
	margin: 0 16px 0;
	}
.top-blog-last .blog-main .article p{
	margin: 28px 0 0;
	line-height: 1.9;
	}
.top-blog-last .blog-main .article .more{
	clear: both;
	text-align: right;
	margin: 35px -6px 0 0;
	}

/* ▲130529追加▲ */