/*------------------------------
  仮TOP用CSS
------------------------------- */

@import url("reset.css");
@import url("share.css");


/* トップ白背景
------------------------------- */
.cont_top{
background:#fff url(../gazou/top/bg_intro.gif) no-repeat right 290px;
}


/* トップイメージ
------------------------------- */
#topimg{
position:relative;
}
#topimg .btn{
position:absolute;
z-index:10;
right:30px;
top:18px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("/js/PIE.htc");
background:#fff;
}
#topimg .btn2{
position:absolute;
z-index:10;
right:30px;
top:180px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("/js/PIE.htc");
background:#fff;
}
#topimg .btn:hover,#topimg .btn2:hover{
margin:0 -1px 0 0;
}
#topimg .btn img:hover, #topimg .btn2 img:hover{
box-shadow:0px 0px 5px rgba(0,0,0,0.6);
opacity:0.9;
}



/* intro
------------------------------- */
#intro{
background:url(../gazou/top/bg_intro.gif) no-repeat center top;
position:relative;
height:360px;
}
#intro h2{
font-size:24px;
font-weight:bold;
color:#000;
padding:30px 0 20px 36px;
}
#intro .txt{
font-size:20px;
line-height:1.6;
padding:0 400px 0 60px;
}
#intro .txt strong{
font-size:32px;
display:block;
margin:0 0 6px;
}
#intro .txt img.scape{
position:absolute;
top:180px;
right:40px;
}
#intro .txt img.school{
position:absolute;
top:20px;
right:30px;
}
#intro .school:hover{
margin:0 -1px 0 0;
}
#intro img.school:hover{
box-shadow:0px 0px 5px rgba(0,0,0,0.6);
opacity:0.9;
}
.blue{
color:#000084;
font-size:28px;
font-weight:bold;
}



/* instagram
------------------------------- */
#instagram{
margin:0 20px 20px 20px;
}

/* What’s New
------------------------------- */
#news{
width:460px;
float:right;
padding:0 30px 0 0;
position:relative;
}
#news h2{
line-height:30px;
font-size:20px;
font-weight:bold;
color:#333;
margin:0 0 10px;
border-bottom:2px solid #ccc;
line-height:1;
}
#news h2:before{
content:"";
display:inline-block;
vertical-align:middle;
width:5px;
height:26px;
margin:0 4px 2px 0;
background:#008000;
}
#news .btn{
position:absolute;
top:2px;
right:30px;
}
#news .btn a{
display:inline-block;
background:#1D7E29 url(../gazou/share/arrow2.png) no-repeat 6px center;
padding:6px 10px 6px 18px;
color:#fff;
font-size:12px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("/js/PIE.htc");
position:relative;
}
#news .btn a:hover{
text-decoration:none;
background:#29B13A url(../gazou/share/arrow2.png) no-repeat 6px center;
}
#news ul{
margin:0 0 20px;
min-height:140px;
}
#news li{
border-bottom:1px solid #ccc;
padding:10px 10px;
}
#news li a{
background:url(../gazou/share/arrow1.png) no-repeat left center;
color:#333;
font-size:12px;
text-decoration:underline;
padding:4px 0 4px 14px ;
}
#news li a .date{
text-decoration:none;
display:inline-block;
width:90px;
}

/* Facebook
------------------------------- */
#fb{
width:460px;
float:left;
padding:0 0 0 30px;
min-height:400px;
}
#fb h2{
line-height:30px;
font-size:20px;
font-weight:bold;
color:#333;
margin:0 0 10px;
border-bottom:2px solid #ccc;
line-height:1;
}
#fb h2:before{
content:"";
display:inline-block;
vertical-align:middle;
width:5px;
height:26px;
margin:0 4px 2px 0;
background:#008000;
}

/* リンクバナー
------------------------------- */
#linkbnr{
width:490px;
float:right;
}
#linkbnr .btn1{
margin:16px 0 16px 30px;
}
#linkbnr ul{
padding:0 0 0 30px;
}
#linkbnr li{
width:200px;
float:left;
margin:0 20px 10px 0;
}
#banner{
margin:25px 0 0 25px;
}
#banner img{
display:inline-block;
margin:0 10px 25px 0;
border:1px solid #333;
}
#banner a img{


}
#banner a:hover img{
border:1px solid #ccc;
}


/* 住所・アクセス
------------------------------- */
#access{
clear:both;
padding:30px 30px 50px;
}
#access h2{
line-height:30px;
font-size:20px;
font-weight:bold;
color:#333;
margin:0 0 10px;
border-bottom:2px solid #ccc;
line-height:1;
}
#access h2:before{
content:"";
display:inline-block;
vertical-align:middle;
width:5px;
height:26px;
margin:0 4px 2px 0;
background:#008000;
}
#access p{
font-size:14px;
}
#access #map{
margin:10px 0;
}
#access .btn{
text-align:right;
}
#access .btn a{
display:inline-block;
background:#1D7E29 url(../gazou/share/arrow2.png) no-repeat 8px center;
padding:6px 18px 6px 18px;
color:#fff;
font-size:12px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("/js/PIE.htc");
position:relative;
}
#access .btn a:hover{
text-decoration:none;
background:#29B13A url(../gazou/share/arrow2.png) no-repeat 8px center;
}