@charset "utf-8";

/*
For Mainvisual CSS Document

*****************************************************************

* W A R N I N G *

このCSSは「Mainvisual.php」で使用してるテンプレートです。
許可無く編集することを禁じています。

(五十嵐)

*****************************************************************

*/
  #Mainvisual{
    width:1000px;
    height:342px;
    position:relative;
    margin:0 auto 10px auto;
    /*background:#ededed;*/
  }
  #Mainvisual img{
    border:none;
  }

  #Mainvisual_MainDisp{
    position:absolute;
    left:190px;
    top:50px;
    width:598px;
    height:221px;
    background:/*url(../image/index/MainDisp/Bg.jpg) no-repeat*/ #E3F1ED;
    padding:1px;
  }
  #Mainvisual_MainDisp-Wrapper{
    width:598px;
    height:221px;
    overflow:hidden;
    position:relative;
  }
  #Mainvisual_MainDisp-Box{
    position:absolute;
    left:1740px;
    top:0px;
    width:2100px;
    height:220px;
  }
  #Mainvisual_MainDisp-Wrapper .Mainvisual_MainDisp-inner{
    width:598px;
    height:221px;
    float:left;
  }
  #Mainvisual_Switcher{
    position:absolute;
    left:190px;
    top:279px;
  }
  #Mainvisual_Switcher-Wrapper{
    position:absolute;
    top:0;
    left:22px;
    width:496px;
    height:52px;
    overflow:hidden;
    background:url(../image/index/mainvisual_switcher/background.png) repeat-x;
    z-index:1;
  }
  #Mainvisual_Switcher-Box{
    width:99999px;
    position:absolute;
    left:710px;
    top:0px;
  }
  .Mainvisual_Switcher-Button{
    width:124px;
    height:52px;
    float:left;
    margin:0;
    padding:0px;
    overflow:hidden;
    cursor:pointer;
    background:url(../image/index/mainvisual_switcher/button_shadow.png) no-repeat;
  }
  .Mainvisual_Switcher-Button img{
    margin:5px;
		width:114px;
		height:42px;
  }
  #Mainvisual_LeftButton,
  #Mainvisual_RightButton{
    width:22px;
    height:52px;
    position:absolute;
    top:0;
    z-index:10;
  }
  #Mainvisual_LeftButton{
    left:0;
  }
  #Mainvisual_LeftButton img{
    margin:0px 0 0 0px;
    cursor:pointer;
  }
  #Mainvisual_RightButton{
    left:518px;
    background:url(../image/index/Switcher/RightButtonBg.png) no-repeat;
  }
  #Mainvisual_RightButton img{
    margin:0px 0 0 0px;
    cursor:pointer;
  }
  #Mainvisual_ListDispButton{
    position:absolute;
    left:544px;
    top:11px;
    z-index:20;
    cursor:pointer;
  }
  #Mainvisual_ListDisp{
    width:526px;
    position:absolute;
    left:0px;
    top:0px;
    background:url(../image/index/mainvisual_switcher/ListDisp_Bg.png);
    padding:16px 0 10px 16px;
    border:1px solid #53C0B2;
    z-index:30;
    display:none;
  }
  .Mainvisual_ListDisp-Button{
    background:url(../image/index/mainvisual_switcher/ListDisp_ButtonBg.png) no-repeat;
    padding:1px 3px 3px 1px;
    margin-right:12px;
    margin-bottom:4px;
    float:left;
  }
  .Mainvisual_ListDisp-Button a{
    text-decoration:none;
  }
  .Mainvisual_ListDisp-Button .Image{
    width:114px;
    height:42px;
    overflow:hidden;
  }
  .Mainvisual_ListDisp-Button .Title{
    color:#FFF;
    font-size:11px;
    width:111px;
    height:12px;
    overflow:hidden;
    padding:2px 0 0 3px;
  }


  #Mainvisual_SideBanner{
    position:absolute;
    left:800px;
    top:25px;
  }
  #Mainvisual_SideBanner-Wrapper{
    width:190px;
    height:247px;
    position:absolute;
    background:#EBF4F2;
    top:10px;
    left:0px;
    padding:7px 5px;
  }
  #Mainvisual_SideBanner-DispArea{
    width:190px;
    height:247px;
    overflow:hidden;
    position:relative;
  }
  #Mainvisual_SideBanner-Box{
    width:190px;
    height:99999px;
    position:absolute;
    left:0px;
    top:1px;
  }
  .Mainvisual_SideBanner-Button{
    width:190px;
    height:40px;
    margin:0px 0px 1px 0px;
    overflow:hidden;
    background:#ededed;
  }
  #Mainvisual_SideBanner-TopButton,#Mainvisual_SideBanner-BottomButton{
    width:200px;
    height:12px;
    position:absolute;
    left:0px;
  }
  #Mainvisual_SideBanner-TopButton{
    top:0px;
  }
  #Mainvisual_SideBanner-BottomButton{
    top:268px;
  }
  #Mainvisual_SideBanner-BottomButton img,#Mainvisual_SideBanner-TopButton img{
    position:absolute;
    top:0px;
    left:0px;
  }
  .Mainvisual_CenterBox{
    position:absolute;
  }
  .Mainvisual_CenterBox img{
    position:absolute;
    top:0;
    left:0;
  }
  #Mainvisual_CenterBox_Top{
    top:0;
    left:359px;
  }
  #Mainvisual_CenterBox_Left{
    top:7px;
    left:359px;
  }
  #Mainvisual_CenterBox_Right{
    top:7px;
    left:593px;
  }
  #Mainvisual_CenterBox_Bottom{
    top:69px;
    left:359px;
  }





  #Mainvisual_LeftArea{
    position:absolute;
    left:0;
    top:50px;
    width:190px;
    height:244px;
  }
  #Mainvisual_LeftArea #Mainvisual_LeftArea-Wrapper{
    margin:0;
    padding:0;
  }
  #Mainvisual_LeftArea img{
    margin:0 0 1px 0;
    padding:0;
  }
  #SchoolGuide{
    width:190px;
    position:relative;
  }
  #SchoolGuideDisp{
    width:388px;
    position:absolute;
    left:165px;
    top:0px;
    /**/display:none;
    z-index:100;
    padding:0px 0 0 0px;
    margin:0;
  }



  #Mainvisual_NwesHeadline{
    position:absolute;
    left:0;
    top:20px;
    width:790px;
    height:20px;
    background:url(../image/index/NewsHeadline/Bg.png) repeat-x;
    border-bottom:#CAD7D4 1px solid;
    border-right:#CAD7D4 1px solid;
    color:#666;
    font-size:13px;
    line-height:20px;
    overflow:hidden;
  }
  #Mainvisual_NwesHeadline a{
    color:#666;
  }
  #Mainvisual_NwesHeadline a:hover{
    color:#333;
  }
  #Mainvisual_NwesHeadline .Title{
    width:129px;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    height:20px;
    border-right:#CAD7D4 1px solid;
  }
  #Mainvisual_NwesHeadline .DispArea{
    width:660px;
    height:20px;
    position:absolute;
    top:0;
    left:130px;
    border-left:#fff 1px solid;
	overflow:hidden;
  }
  	#Mainvisual_NwesHeadline .DispWrapper{
		width:99999px;
		height:20px;
		position:absolute;
		top:0;
		left:0px;
	}
		#Mainvisual_NwesHeadline .NewsList{
			float:left;
			width:660px;
			height:20px;
			overflow:hidden;
			position:relative;
		}
			  #Mainvisual_NwesHeadline .Date{
				width:70px;
				height:20px;
				position:absolute;
				top:0;
				left:0;
				font-size:11px;
				text-align:center;
				line-height:17px;
				padding:3px 0 0 0;
			  }
			  #Mainvisual_NwesHeadline .Text{
				height:20px;
				position:absolute;
				top:0;
				left:70px;
				white-space:nowrap;
				font-size:13px;
				line-height:20px;
				padding:1px 0 0 0;
			  }
			  #Mainvisual_NwesHeadline .New{
				padding-right:39px;
				background:url(../image/index/NewsHeadline/Icon_New.png) right top no-repeat;
			  }
  #Mainvisual_CountDownTimer{
    position:absolute;
    left:800px;
    top:20px;
    width:200px;
    height:17px;
	
    color:#fff;
    font-size:11px;
    overflow:hidden;

/*
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25B27F), color-stop(100%, #24937A));
background-image: -webkit-linear-gradient(top, #25B27F, #24937A);
background-image: -moz-linear-gradient(top, #25B27F, #24937A);
background-image: -ms-linear-gradient(top, #25B27F, #24937A);
background-image: -o-linear-gradient(top, #25B27F, #24937A);
background-image: linear-gradient(top, #25B27F, #24937A);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#25B27F, endColorstr=#24937A);
*/
background:#25A07C;

-webkit-box-shadow: 0px 3px 0px 0px rgba(26, 113, 97, 1);
box-shadow: 0px 3px 0px 0px rgba(26, 113, 97, 1);

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/*Old type
    background:url(../image/index/CountDownTimer/Bg.png) repeat-x;
*/

  }
  #Mainvisual_CountDownTimer .DispArea{
    width:200px;
    height:17px;
	padding-top:1px;
    line-height:17px;
	text-align:center;
	letter-spacing:0px;
	vertical-align:bottom;

/* Old type
    position:absolute;
    top:0;

    left:111px;
    line-height:17px;
*/

  }
  #Mainvisual_CountDownTimer .DispArea span.small{
    font-size:10px;
	vertical-align:0px;
  }