@charset "utf-8";

/*トップページ専用*/
/*------------------------------*/
body#toppage #pageContents {

	width: 100%;
	padding-top:0;
	}

/*Flash部分*/
/*------------------------------*/
#mainFlash {
	margin: 0px;
	padding: 0px;
}

/*緊急告知用*/
/*------------------------------*/
.attention {
	margin: 0.5em 0 1em;
	clear:both;
	padding: 10px;
	width: 640px;
	font-size: 10px;
	border-top: 1px solid #C60000;
	border-right: 1px none #C60000;
	border-bottom: 1px solid #C60000;
	border-left: 1px none #C60000;
}



/*情報リスト*/
/*------------------------------*/
.lists {
	float: left;
	width: 286px;
}
.lists h3 {
	margin: 0px 0 8px;
}
.lists h3 a{
	
}
.lists h3#news {
}
.lists h3#blog {
}


.lists ul {
	/*height: 120px;*/
	overflow: auto;
	padding-right: 15px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:15px;
	width:250px;
	
}
.lists iframe {
/*height: 230px;*/
height: 131px;
height: 127px;

width: 280px;
	margin:0;
	border: 0;
}
.lists li, #blogList li {
	background-image: url(common/img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.2em;
	padding-left: 20px;
	font-size: 12px !important;
	line-height: 120%;
	margin-bottom: 0.5em;

}
.lists li a:link, .lists li a:visited,
#blogList li a:link, #blogList li a:visited {
	color:#052054;
	text-decoration: none;
	font-size: 12px;
}
.lists li a:hover,
#blogList li a:hover {
	color:#052054;
	text-decoration: underline;
}



/*blog_list.html 専用*/
/*------------------------------*/
body#blogList {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px;
	padding: 0px;
	width:260px;
}

.colorRed2 {
	color: #C60000;
}

/*200906*/
#blogList {
margin-right: 0px;
float:right;
}

/*================================================

2009.8 - TOP renew / solors

================================================*/
#pickupMenuBox {
	height: 178px;
	width: 870px;
	margin-bottom: 20px;
	position: relative;
}
#pickupMenuBox ul li {
	height: 178px;
	width: 870px;
	float:left;
	margin:0;
	padding:0;
}
#pickupMenuBox ul li p{
text-indent:-9999px;
font-size:1px;
margin:0;
padding:0;
}
#pickupMenuBox ul li a {
	display: block;
	background-repeat: no-repeat;
		background-position: left top;
}

#pickupMenuBox #pickupMenu01 {
	background-image: url(img/topparts_re2009/pickup_top01_f2.jpg);
	background-repeat: no-repeat;
	height: 178px;
	width: 178px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu01 a{
	background-image: url(img/topparts_re2009/pickup_top01.jpg);
	height: 178px;
	width: 178px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu01 a:hover {
background-image:none;
}

#pickupMenuBox #pickupMenu02 {
	background-image: url(img/topparts_re2009/pickup_top02_f2.jpg);
	background-repeat: no-repeat;
	height: 178px;
	width: 171px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu02 a{
	background-image: url(img/topparts_re2009/pickup_top02.jpg);
	height: 178px;
	width: 171px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu02 a:hover {
background-image:none;
}

#pickupMenuBox #pickupMenu03 {
	background-image: url(img/topparts_re2009/pickup_top03_f2.jpg);
	background-repeat: no-repeat;
	height: 178px;
	width: 170px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu03 a{
	background-image: url(img/topparts_re2009/pickup_top03.jpg);
	height: 178px;
	width: 170px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu03 a:hover {
background-image:none;
}
#pickupMenuBox #pickupMenu04 {
	background-image: url(img/topparts_re2009/pickup_top04_f2.jpg);
	background-repeat: no-repeat;
	height: 178px;
	width: 170px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu04 a{
	background-image: url(img/topparts_re2009/pickup_top04.jpg);
	height: 178px;
	width: 170px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu04 a:hover {
background-image:none;
}
#pickupMenuBox #pickupMenu05 {
	background-image: url(img/topparts_re2009/pickup_top05_f2.jpg);
	background-repeat: no-repeat;
	height: 178px;
	width: 181px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu05 a{
	background-image: url(img/topparts_re2009/pickup_top05.jpg);
	height: 178px;
	width: 181px;
	background-position: left top;
}
#pickupMenuBox #pickupMenu05 a:hover {
background-image:none;
}
#pickupMenuBox #ctMack01,
#pickupMenuBox #ctMack02,
#pickupMenuBox #ctMack03,
#pickupMenuBox #ctMack04,
#pickupMenuBox #ctMack05 {
	background-image: url(img/topparts_re2009/colortimer_d.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 51px;
	display:block;
	position: absolute;
	cursor: pointer;	
}
#pickupMenuBox #ctMack01 {
	left: 123px;
	bottom: 13px;
}
#pickupMenuBox #ctMack02 {
	left: 293px;
	bottom: 13px;
}
#pickupMenuBox #ctMack03 {
	left: 466px;
	bottom: 13px;
}
#pickupMenuBox #ctMack04 {
	left: 635px;
	bottom: 13px;
}
#pickupMenuBox #ctMack05 {
	left: 808px;
	bottom: 13px;
}
#pickupMenuBox .ctMackNew{
	background-image: url(img/topparts_re2009/new_icon_ani.gif) !important;
}
#topCourseMenu {
	/*background-image: url(img/2011/world_bg.gif);
	background-repeat: repeat-x;*/
	margin: 0px;
	padding: 0px 0px 15px;	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;*/
}
.topWorld {
	width: 210px;
	padding:0 6px 5px 15px;
	float: left;
}
#topCourseBox {
	margin: 0px auto;
	padding: 5px;
	width: 940px;
	overflow: hidden;
	zoom:1;
	background-color: #FFFFFF;
	
	border: 5px solid #EDEDED;
	
}
.topWorldTitles {
	margin-bottom: 10px;
}

#topContents {
	width: 960px;
	margin: 0px auto;
}
#topNewsInfo {
	/*height: 219px;*/
	width: 625px;
	border: 5px solid #EDEDED;
	float: right;
	margin-bottom: 10px;
}
#topEventInfo {
	float: left;
	width: 311px;
}
#topInvitationInfo {
	height: 100px;
	width: 625px;
	border: 5px solid #EDEDED;
	float: right;
	}
#topNewsInfoIn {
	margin: 0px auto;
	width: 600px;
	padding-top: 10px;
}
/*tab panel*/
#tabPanel{
	width:620px;
	margin:0px auto;
}
ul.tab{
	padding:0;
	
	background:url(img/2010/bg_tab2010.jpg) repeat-x;
	width:620px;
	overflow:hidden;
	}
ul.tab li{
	list-style-type:none;
width:155px;
	height:27px;
	float:left;
}
ul.tab li a{
	outline:none;
	background:url("./img/2010/tab.jpg");
	background-repeat:no-repeat;
	display:block;
	color:#666666;
	line-height:29px;
	text-align:center;
	font-size:10px;
	text-decoration:none;
}
ul.tab li a:hover {
text-decoration:underline;
color:#000000;
}
ul.tab li a.selected{
	background:url("./img/2010/tab_selected.jpg");
		background-repeat:no-repeat;
	text-decoration:none;
	color:#000000;
	cursor:default;
}
ul.panel{
	clear:both;
	/*border:1px solid #9FB7D4;
	border-top:none;*/
	padding:0;
}
ul.panel li{
	list-style-type:none;
	padding:2px;
	color:#333;
}
#topInfoContents {
	background-image: url(img/2010/bg_info.gif);
	background-repeat: repeat-y;
}
#topInfoBanners {
width:785px;
padding:10px 15px;
float:left;
}
#topInfoContents h3 {
	margin: 0 0 5px 0;
	padding: 0px;
}
#topOterlinks {
width:110px;
float:right;
padding:10px 15px;
}
#topOterlinks ul {
padding:5px 0;
}
#topOterlinks 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: 120%;
	margin-bottom: 1em;
}
#topOterlinks form {
	margin: 0px;
	padding: 0px;
}
#topickline {
	margin: 0px auto;
	padding:5px 0 5px 30px;
	width: 960px;
}
#topickline a {
	background-image: url(img/2010/topics.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	padding-bottom:3px;
}
#pageContents #topMainImg {
	background-image: url(img/index_main_imgsete.jpg);
	background-repeat: repeat-x;
	height:267px;
	margin-bottom: 15px;
}
#topMainImgIn {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height:267px;
	position:relative;
}
#topMainImgIn h2 {
	position:absolute;
	left: 30px;
	top: 50px;
}
#topMainMoives {
	height: 220px;
	width: 260px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #FFFFFF;
	padding:10px;
}
.topMesEm {
	padding: 10px;
	border-top: 1px dotted #F69;
	border-right: 1px none #F69;
	border-bottom: 1px dotted #F69;
	border-left: 1px none #F69;
	color:#666;
}
#wearebaerENd {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 17px;
	_padding-top: 16px;
}
/*topMainVisual*/
/*------------------------------*/
#topMainVisual {
	height: 273px;/*267+6*/
	

}

#output li{
	display:none;/* for fade in*/

}
div#feature_list {
	
	/*height: 206px;*/
			/*overflow: hidden;*/
			position: relative;
	margin: 0;
	width: 100%;
	
		}

		div#feature_list ul {
	/*position: absolute;*/
			top: 0;
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
		}

			div#feature_list ul#tabs {
	/*
			z-index: 2;
			
			top:206px;
			left:0;*/
			
			width: 960px; /*972-12*/
	text-align:center;
	margin:-45px auto 10px;
	position: relative;
	background-color:#333;
	zoom:1;
	padding:4px 6px 4px 6px;
		}

		ul#tabs li {
	font-size: 10px;
	display:inline-block;
	text-align:center;

	/*ie6,7*/
	*display:inline;
	*zoom:1;
	/*--ie6,7*/
	letter-spacing: 0.2em;
	background-color:#333;
		}
		
		ul#tabs li img {
			padding: 0px;
			border: none;
			float: left;
			margin: 0px 0px 0 0;
			
		}

		ul#tabs li a img{
padding:1px;
	/*color: #6788A0;*/
	text-decoration: none;
	/*		display: block;*/
	
	/*height: 60px;*/
	outline: none;
	/*background-image: url(common/img/2011/icon_ma_off.gif);
	background-repeat: no-repeat;
	background-position: 0 1;*/
	
	
		
			}
ul#tabs li.lastsset a img{
	padding-right:0;
}

	ul#tabs li a img{
	/*	 filter: alpha(opacity=50);
 -moz-opacity:0.50;
 opacity:0.50;*/
	border:2px #333333 solid;
	}
			
		ul#tabs li a:hover img,
			ul#tabs li a.current img {
			/*	border:3px #FC0 solid;*/
	color:#000000;
	/*background-image: url(common/img/2011/icon_ma_on.gif);*/
	
	
/* filter: alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;*/
	cursor:pointer;
	border:2px #F00 solid;
				
		}
	/*ul#tabs li a.current 
	{
	background-image: url(common/img/2011/icon_ma_on.gif);
	
		}*/

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
	right: 0;
	width: 100%;
	height: 267px;
	position: relative;
	border-bottom:5px #333 solid;
		}

		ul#output li {
	position: absolute;
	width: 100%;
	height: 267px;
		}

	/*	ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
	
		}
		*/
/**/
ul#output li a {
	display:block;
	width:100%;
	height:267px;
	text-indent: -9999px;
	
	}
	ul#output li a:hover {
	display:block;
	width:100%;
	height:267px;
	background-color:#FFF;
	 filter: alpha(opacity=20);
    -moz-opacity:0.20;
    opacity:0.20;
	
	}
#output #mV01 {
	background-image: url(img/topmainvisual/01.gif);
	background-position: center top;
}
#output #mV02 {
	background-image: url(img/topmainvisual/taiken.gif);
	background-position: center top;
}
#output #mV03 {
	background-image: url(img/topmainvisual/ao.gif);
	background-position: center top;
}
#output #mV04 {
	background-image: url(img/topmainvisual/mega.gif);
	background-position: center top;
}
#output #mV05 {
	background-image: url(img/topmainvisual/05.gif);
	background-position: center top;
}
#output #mV00 {
	background-image: url(img/topmainvisual/freetime_op.gif);
	background-position: center top;
}

.wbshaLins {
	background-image: url(img/2011/wbshaLins.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 17px;
	width: auto;
	margin-bottom:20px;
}
.topWorld ul {
	margin-left:10px;
}
.topWorld li {
	margin-bottom: 0px;
	font-size: 12px;

}

.topWorld ul li a,
.topWorld ul li a:visited {
	background-image: url(common/img/2011/link_icon_al.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding:1px 5px 1px 15px;
	text-decoration:none;
	color: #333;
	display:block;
	
	
	position:relative;
	
	_zoom:1;
	border-radius: 15px;         /* CSS3 */
	-moz-border-radius: 15px;    /* Firefox */
	-webkit-border-radius: 15px; /* Safari,Chrome */
	border: 1px #FFFFff solid;
	background-color: #FFFFFF;
	behavior: url(common/css/PIE.htc);/*for IE */
}
.topWorld ul li a:hover {
	/*text-decoration:underline;*/
	color:#000;
	
}
.topWorld ul li img {
	padding: 0px 5px;
	vertical-align: top;
}
#topWorldSet1 ul li a:hover {
	color:#F39;
	border: 1px #F39 solid;
	
}
#topWorldSet2 ul li a:hover {
	color:#06C;
	border: 1px #06C solid;
}
#topWorldSet3 ul li a:hover {
	color:#F60;
	border: 1px #F60 solid;
}
#topWorldSet4 ul li a:hover {
	color:#060;
	border: 1px #060 solid;
}
.lists h3 {
	margin-bottom: 20px;
}
#topInvitationInfo2 {
	width: 615px;
	border: 5px solid #EDEDED;
	float: right;
	padding: 5px;
	}
#topPickUpset {
	background-image: url(img/2011-v2/bgtppick.gif);
	height: 218px;
	background-repeat: repeat-x;

*zoom:1;
	_margin-top:-35px;/*ie6*/
	margin-bottom: 10px;
}
#topPickUpset ul {
	margin: 0px auto;
	padding: 40px 0px 0px;
	width: 960px;
*zoom:1;
}
#topPickUpset ul li {
	display:inline-block;
	text-align:center;

	/*ie6,7*/
	*display:inline;
	*zoom:1;
	/*--ie6,7*/
}

#topCourseBox h2 a {
	background-image: url(img/2011-v2/for_p_bar.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 38px;
	width: 940px;
}

#topCourseBox  h2.imgCh a {
	background-image: url(img/2011-v2/for_p_bar_over.gif);
	
}

#topCourseBox h2 a:hover{
	background-color:#F4F4F4 !important;

}
#topCourseBox .menuClose {
	padding-top: 10px;
}
#worksPu {
	background-image: url(img/2011-v2/works_pickup_bg.gif);
	overflow:hidden;
	zoom:1;
	padding:15px 15px 10px 15px;
	margin-bottom: 20px;
}
#worksPu h2,
#worksPu .worksPuset  {
	float: left;
	width: 200px;
	padding:0 16px;
	color:#FFF;
}
#worksPu .worksPuset  p,
#worksPu .worksPuset iframe{
	margin-bottom:5px;
}
.topMesEm2 {
	width:960px;
	margin:0 auto;
	padding: 0;
	border-top: 2px solid #F00;
	border-right: 2px none #F00;
	border-bottom: 2px solid #F00;
	border-left: 2px none #F00;
	color:#000;
	background-color: #FFC;
}
.topMesEm2 h2 {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
	background-color: #F00;
	padding: 5px;
}
.topMesEm2 p {
	padding:10px;
}
#newsMb_set{
	position:relative;
	width:960px;
	margin:0 auto;
}
#newsMb {
	position: absolute;
	top: -300px;
	right: 0px;
	width:350px;
	height:200px;
	background-color:#fff;
}
#newsMbin a {
	text-decoration:none;
}