@charset "UTF-8";

/* ========BASIC======== */
html {
    overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
    font-size:13px;
    color:#000;
}

br {
    letter-spacing:normal;
}

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

img {
    border:0;
    vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
}

h2 {
    clear:both;
    padding:0 10px;
    color:#000;
    font-size:24px;
    font-weight:normal;
    line-height:1.4;
    text-align:center;
}

h3 {
    clear:both;
    margin:50px 0 0 0;
    font-size:18px;
    font-weight:normal;
    color:#917700;
    line-height:1.8;
    border-bottom:1px dotted #917700;
}


p {
    margin:0.5em 0 1em 0;
    line-height:1.6;
}

ul,ol,dl {
    margin:10px 0;
    padding:0;
}

li {
    padding:0;
    margin:0 0 0 30px;
}


/* ========LAYOUT======== */
#container {
    width:100%;
    margin:0 auto;
    background:#fff;
}

#header {
    position:relative;
    width:960px;
    margin:0 auto;
}


#contents {
    clear:both;
    overflow:hidden;
    width:960px;
    padding:5px 0;
    margin:0 auto;
}


#footer {
    clear:both;
    width:960px;
    margin:0 auto;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
    margin:10px 0 0 0;
}

#header h1 img {
    margin:0 auto;}


/* ========GAKUNEN CUSTOMIZE======== */
.gakunen{ margin:10 auto;
}

.gakunen h2{padding:0px 0;
    color:#fff;
    font-size:0px;
	font-weight:400;
    background: #b3dced; /* Old browsers */
background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-sto

p(100%,#bce0ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
}

/* ========MAIN CUSTOMIZE======== */

/* btn CUSTOMIZE */
.btn{
	margin:0;
	float:left;	
}

.btn{
	margin:0 auto;
	padding:0px 0px;}

/* Sumnail CUSTOMIZE */
.topNavi {
    overflow:hidden;
    position:relative;
    margin-left:-20px;
    margin-top:30px;
    margin-bottom:0px;
}

* html .topNavi {
    height:0em;
    overflow:visible;
}

.topNaviColumn {
    display:inline;
    width:480px;
    float:left;
    margin-left:5px;
	padding:0 0 0px 0;
}

.topNaviImg {
    margin:0;
    padding:0;
}

.topNaviDetail {
    position:relative;
    bottom:0;
    width:480px;
    text-align:right;
}


.topNaviCon {
    position:relative;
}

.topNavi .kokugo h2  {
    position:center;
    color:#fff;
}

.topNavi .sansu h2  {
    position:center;
    color:#fff;
}

.topNavi .rika h2  {
    position:center;
    color:#fff;
}

.topNavi .syakai h2  {
    position:center;
    color:#fff;
}

.topNavi .eigo h2  {
    position:center;
    color:#fff;
}


.topNavi p {
    margin:-35px 0 0 0;
	text-align:center;
}

.topNaviPhoto img {
    margin:0px 8px 0 8px;
}



/* ========back btn CUSTOMIZE======== */
.back{
	margin:20px auto; 
	text-align:center;
}

button.css3button {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#63ceff 0%,
		#63ceff 50%,
		#009fe9 50%,
		#009fe9);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#63ceff),
		color-stop(0.50, #63ceff),
		color-stop(0.50, #009fe9),
		to(#009fe9));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #009fe9;
	-moz-box-shadow:
		0px 0px 0px rgba(040,212,080,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 0px 0px rgba(040,212,080,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 0px 0px rgba(040,212,080,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 0px rgba(115,115,115,0.7),
		0px 0px 0px rgba(255,255,255,0.3);
}




/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
    margin:5px 0;
    padding:20px 0;
    text-align:center;
    border-top:1px solid #ddd;
}

#footMenu li {
    display:inline;
    margin:0 0 0 20px;
    list-style:none;
}

#footMenu li a {
    color:#000;
    text-decoration:none;
}

#footMenu li a:hover {
    color:#666;
    text-decoration:underline;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
    font-style:normal;
    font-size:11px;
    color:#999;
    line-height:3.0;
    text-align:center;
}

/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
    position:fixed;
    right:20px;
    bottom:20px;
}

#pageTop a {
    display:block;
    padding:30px 30px 30px 42px;
    color:#fff;
    font-size:11px;
    text-decoration:none;
    background:#61bca1 url("images/bg_pagetop.gif") 30px 50% no-repeat;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#pageTop a:hover {
    background:#70d3b6 url("images/bg_pagetop.gif") 30px 50% no-repeat;
}