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

body {
	background: url("../../img/bg_body.jpg") #f6f6f6 repeat-x 0 0;
}

/*---------------------------------------------------
* ヘッダ
*--------------------------------------------------*/

.header {
	height: 105px;
}


/*---------------------------------------------------
* キービジュアル
*--------------------------------------------------*/
.keyv {
	position: relative;
	height: 315px;
	text-align: left;
	background: url(../../img/bg_mainvisual.jpg) no-repeat 0 0;
}

.mainv {
	padding: 15px;
}

.icon {
	position: absolute;
	left: 901px;
	top:14px;
}

.topics {
	position: absolute;
	left: 645px;
	width: 265px;
}

.topics img {
	display: block;
	float: left;
}

.topics dl {
	margin-left: 65px;
}

.topics dt {
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 7px;
	background: url(../img/icon_arw_blue2.gif) no-repeat 0 0.3em;
}

.topics dd {
	padding-left: 7px;
	font-size: 84%;

}

.t01 {
	top: 35px;
}

.t02 {
	top:110px;
}

.t03 {
	top: 185px;
}

/*---------------------------------------------------
* 枠
*--------------------------------------------------*/
.contents{
	background: url(../../img/bg_contents.gif) repeat-y ;
}

.sidebar {
	float: right;
	background: none;
}

.main {
	float: left;
	background: none;
	padding: 0 5px;
	width: 720px;
}


/*  コースリンク */
.course {
	position: relative;
	background: url(../../img/bg_course.jpg) no-repeat 100% 0;
}

.course dl {
	width: 228px;
	font-size: 84%;
	line-height: 1.4;
	padding: 10px 0;
}

.course dt {
	padding : 0 0 10px;
}

.course dd img {
	float: left;
}

.course dd span,
.course dd ul {
	display: block;
	margin-left: 95px;
}

.course dd span {
	padding: 10px 10px 0 0;
}

.course li {
	padding: 1px 0 1px 7px;
	background: url(../img/icon_arw_gray.gif) no-repeat 0 0.3em;
}

.course a,
.course a:visited {
	color: #333;
}

.visual {
	position: absolute;
	left: 11px;
}

.digital {
	position: absolute;
	left: 253px;
}

.mono {
	margin-left: 490px;
}




/*---------------------------------------------------
* 改修
*--------------------------------------------------*/

/* courseLink */


.courseLink {
	position: relative;
	background: url(../../img/bg_courselink.jpg) no-repeat 100% 0;
}

.courseLink .visual, 
.courseLink .mono {
	width: 342px;
	font-size: 84%;
	line-height: 1.4;
	padding: 10px 0 0;
}

.courseLink .floatL {
	padding : 0 0 10px;
	float:left;
	width:206px;
}

.courseLink .floatR img {
	float: right;
}

.courseLink .visual p, 
.courseLink .mono p{
	margin:5px 0;
}

.courseLink .mono ul.courseBox1{
	float:left;
	width:85px;
}

.courseLink .mono ul.courseBox2{
	float:right;
	width:110px;
}

.courseLink .mono ul.courseBox3{
	float:left;
}


.courseLink .floatR span,
.courseLink .floatR ul {
	display: block;
	margin-left: 195px;
}
.courseLink .floatR p{
	margin:0;
}

.courseLink .floatR span {
	padding: 10px 10px 0 0;
}

.courseLink li {
	padding: 1px 0 1px 7px;
	background: url(../img/icon_arw_gray.gif) no-repeat 0 0.3em;
}

.courseLink li.none  {
	padding:0;
	background:none;
}

.courseLink a,
.courseLink a:visited {
	color: #333;
}

.courseLink .digital {
	position: absolute;
	left: 253px;
}

.courseLink .mono {
	margin-left: 375px;
}

/* ブログ記事 */

.listBlogNews.bloginfo1{
	float:left;
	width:360px;
}

.listBlogNews.bloginfo2{
	float:right;
	width:360px;
}

.pagetopLink{
	float:right;
}


.listBlogNews h2 {
	margin: 30px 20px 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #bbb;
}

.listBlogNews dl{
	border-bottom:1px dotted #BBBBBB;
	padding:3px 0;
	margin:0 20px;
}

.listBlogNews dl dt{
	float:left;
	display:block;
	height:75px;
	margin::0;
	overflow:hidden;
	width:75px;
}

.listBlogNews dl dt img{
	display:block;
	float:left;
	overflow:hidden;
	position:static;
}

.listBlogNews dl dd{
	float:right;
	width:220px;
	margin-left: 0px;
}

/*----- clearfix scheme -----*/
.listBlogNews dl{
	display: inline-block;
}
.listBlogNews dl:after{
	height: 0;
	visibility: hidden;
	content: url("../img/img_spacer.gif");
	display: block;
	clear:both;
}
/* hide MacIE \*/
* html .listBlogNews dl{height: 1em;}
.listBlogNews dl{display: block;}
/* ini */



/*---------------------------------------------------
* 改修おわり
*--------------------------------------------------*/



/* メイン部分バナー */

.mainBn {
	margin: 10px 0;
	text-align: center;
}
.mainBn2 {
	margin: 10px 0;
	text-align: center;
}
.mainBn2 .left {
	margin-top: 10px;
	text-align: center;
	padding: 0 0 0 20px;
	float: left;
}
.mainBn2 .right {
	margin-top: 10px;
	text-align: center;
	padding: 0 20px 0 0;
	float: right;
}


/* ブログ記事 */

.main h2 {
	margin: 30px 20px 0px 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #bbb;
}

.listBlog {
	margin-top: -25px;
	margin-bottom: 10px;
	padding-right: 20px;
	text-align: right;
	font-size: 84%;
}

.listBlog li {
	padding: 0 10px 0 8px;
	background: url(../img/icon_arw_blue2.gif) no-repeat 0 0.2em;
}

.listBlog li {
	display: inline;
}

.entry {
	clear: both;
	margin: 0 20px;
	padding: 4px 0;
	border-bottom: 1px dotted #ccc;
}

.entry dt {
	float: left;
	padding-left: 8px;
	background: url(../img/icon_arw_blue2.gif) no-repeat 0 0.6em;
}

.entry dd {
	padding-left: 7.5em;
}

* html .entry dd {
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
}

.entry dd img {
	vertical-align: middle;
}

.blogNews dd {
	padding-left: 140px;
	background: url(../../img/icon_blog_news.gif) no-repeat 7.5em 0.4em;
}

.blogReport dd {
	padding-left: 140px;
	background: url(../../img/icon_blog_report.gif) no-repeat 7.5em 0.4em;
}

.listPhoto {
	margin: 20px 20px 0 40px;
	font-size: 84%;
}

.listPhoto li {
	float: left;
	width: 140px;
	margin-right: 20px;
}

.pagetop {
	padding-right: 20px;
}

.clear {
	clear: both;
}

/*--------------------------------------
 Footer
---------------------------------------*/
.footer {
	background: url(../../img/bg_foot.jpg) no-repeat 0 0;
}

/*----- clearfix scheme -----*/
.course dd,
.listPhoto{
	display: inline-block;
}
.course dd:after,
.listPhoto:after{
	height: 0;
	visibility: hidden;
	content: url("../img/img_spacer.gif");
	display: block;
	clear:both;
}
/* hide MacIE \*/
* html .course dd ,
* html .listPhoto {height: 1em;}
.course dd,
.listPhoto {display: block;}
/* ini */