@charset "utf-8";


/* ===================
Base
===================*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,p{
margin:0;
padding:0;
}
img {
border:0;
}
ul {
list-style: none;
}
body {
background:#f0f0f0;
line-height:1.4;
font-size: 62.5%;
}



/* ===================
Link
===================*/
/*ベースリンク設定*/
a:link,
a:visited,
a:active{
color:#069;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration:underline;
}



/*グローバルナビ、フッターナビリンク*/
#header li a,
#footer_top li a{
color:#000;
text-decoration:none;
}

#header li a:hover,
#footer_top li a:hover{
color:#069;
text-decoration:none;
}


#header .headerbadge {
     position: absolute;
     top: 0;
     right: 0;
}


/*=================
header
===================*/
#header{
width:100%;
background:url(../images/bg_nav.gif) repeat-x left bottom;
position:fixed;
top:0;
left:0;
z-index:10;
/*ボックスシャドウ*/
-webkit-box-shadow: #ccc 0px 3px 4px;
-moz-box-shadow: #ccc 0px 3px 4px;
box-shadow: #ccc 0px 3px 4px;
behavior: url(common/style/PIE.htc);
}


#header_top{
width:900px;
margin:0 auto;
}


h1{
padding:25px 0 20px 0px;
width:210px;
float:left;
}

#header ul{
padding:30px 180px 20px 0;
float:right;
}

#header li{
padding:0 15px;
font-size:1.2em;
border-left:1px solid #c4c4c4;
display:inline;
}

.last{
border-right:1px solid #c4c4c4;
}



/*=================
グラフィックスペース
===================*/
#slide_img{
width:900px;
margin:0 auto;
}

#slide_img li{
background:url(../images/bg_mgra.gif) no-repeat left top;
padding:17px 14px 55px 11px;
}

#slide_img ul{
	position:relative;
	top:130px;
	left:0;
	height:380px;
	overflow:hidden;
}


#mgra{
width:100%;
background:#fff url(../images/bg_line.gif) repeat-x left bottom;
min-height:533px;
}



/* ===================
clearfix
===================*/

.clearfix:after {
visibility:hidden;
height:0;
display: block;
font-size: 0;
content: " ";
clear: both;

}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }



/*=================
contens
===================*/
#contents{
width:900px;
margin:0 auto;
}

#news,
#carriculum,
#info,
#accs,
#contact{
margin-top:100px;
background:#fff;
/*CSS3ボックスシャドウ*/
-webkit-box-shadow: #ccc 0px 3px 5px;
-moz-box-shadow: #ccc 0px 3px 5px;
box-shadow: #ccc 0px 3px 5px;
background:#fff;
behavior: url(common/style/PIE.htc);
}


/*タイトルの共通アイコン設定*/
#news h2,
#carriculum h2,
#info h2,
#accs h2,
#contact h2{
font-size:1.6em;
background:url(../images/bg_title.gif) no-repeat left 5px;
margin-left:5px;
padding:20px 0 15px 20px;
}

#contents h2 span{
display:block;
background:url(../images/icon_02.png) no-repeat 0 5px;
padding:0 0 0 20px;
}

#contents p{
font-size:14px;
}

/*=================
newsの設定
=================*/
/*ニュース一覧のボタン設定*/
.title_top{
position:relative;
}
.title_top p{
position:absolute;
right:50px;
top:19px;
}

/*ニュース内容部分*/
#news ul{
font-size:1.3em;
margin:35px 22px 0 22px;
padding-bottom:40px;
_zoom: 1;
overflow: hidden;
}
#news li span{
display:block;
float:left;
font-size:1.2em;
margin-right:50px;
}

#news li{
padding:8px 0;
border-top:1px solid #e6e6e6;
margin-top:-1px;
margin-top:-1px;
}





/*=================
galleryの設定
=================*/

/*当塾の特徴設定*/
#photo_area{
margin:35px 0px 0 10px;
}
.section img{
/*background:url(../images/bg_photogallery.gif) no-repeat left bottom;*/
padding:0 16px 20px 16px;
}

.section{
width:276px;
float:left;
margin-right:20px;
}
#photogallery h3{
margin:5px 0 0 10px;
font-size:1.5em;
}
.txt{
margin:8px 0 40px 10px;
font-size:1.2em;
}



/*=================
companyの設定
=================*/
#map{
margin:35px 22px 0 22px;
}

#info h3{
padding:0 0 2px 0;
margin-bottom:30px;
border-bottom:1px solid #eee;
font-size:1.5em;
}

#info dl{
margin: 30px 0px 0px 10px;
font-size:1.5em;
}

#info dd{
margin:-1.5em 0 8px 80px;
}

.img_map{
float:left;
margin-right:30px;
}

.info_right{
width:312px;
float:right;
font-size:1.3em;
}
ul.btn li{
float:left;
margin:30px 12px 60px 0;
}
#accs,
#contact{
padding-bottom:15px;
}



/*=================
pagetopの設定
=================*/
.pagetop{
position:fixed;
right:0;
bottom:30px;
}




/*=================
その他
=================*/
.mtop15{
margin-top:15px;
}



/*=================
footer
===================*/
#footer{
background:#919191;
width:100%;
margin:120px 0 0 0;
border-top:1px solid #fff;
}

#footer_inner{
width:900px;
margin:0 auto;
padding:50px 0 50px 0 ;
}

p.logo{
width:250px;
float:left;
}

#footer_top ul{
float:right;
width:610px;
margin-left:40px;
}


#footer_top li{
display:inline;
padding:0 20px 0 0;
font-size:1.4em;
}
.copyright{
text-align:right;
padding:15px 0;
font-size:1.4em;
color:#fff;
}



/*=================
contact form
===================*/
#formmail { width: 100%; }

#formmail dt {
  font-weight: normal;
  font-size: 1.5em;
  margin: 30px 0 5px 15px;
  padding: 5px 0 5px 5px;
  border-left: 10px solid #c1c1c1;
  background-color: #e8dfff;
}

#formmail dt span {
  font-weight: bold; /* (必須) */
  color: #ff0000;
  padding: 0 1em;
}

#formmail dd {
  margin: 0 0 1.5em 2.5em;
  font-size: 1.2em;
  padding: 0;
}

#summer{padding:0 0 0 30pt;}



.scr {
  overflow: scroll;   /* スクロール表示 */
  width: 900px;
  height: 300px;
  background-color: red;
}