/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
.clearfix{
	clear: both;
}
/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #999999;color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;}

a{color: #474747;text-decoration: none;}
a:hover {color: #5EB7CB;; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.red { color:red;}

p {text-indent:1em;}

.right{	float: right;}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:#333333 url("../images/pattern06.png");}
header .wrap-header{height: auto; color:#FFF; padding:5px;}
header .wrap-header h2 {
	font-size: 1.5em;
}

header #logo {

}
header #logo a {
	color: #5b4c43;
	font-size: 1.7em;
}

.subnav{
	background-size: 30px 30px;
	border:1px solid #F2A4B8;
	background-color: #f49ba9;
}
.subnav .wrap-subnav{
	height: auto;
	padding:5px;
}
.subnav .links ul{list-style: none;margin: 0;padding: 0;}
.subnav .links ul li{position:relative; float:left; padding-right:15px;}
.subnav .links ul li a{ font-weight:bold; font-size:10px; color:#474747;}
.subnav .links ul li a:hover{color:#ffffff;}

.subnav .share{ float:right;}
.subnav .share ul{list-style: none;margin: 0;padding: 0;}
.subnav .share ul li{position:relative; float:left; padding-right:5px;}

header #search {position: absolute;top: 50px;right: 0px; width: 258px;z-index: 15;}
header .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;	border-radius: 3px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav { background: #E3E1E1; border-bottom: 1px solid #CCC;}
nav .wrap-nav{height: auto;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px;}
.menu  ul li:hover {}
.menu  ul li a {
	font-size: 20px;
	color:#333333;
	display: block;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
	text-transform:uppercase;
	background-color: #FFF;
	height: 50px;
	width: 200px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;

}
.menu  ul li:hover a {color:#ffffff; background-color:#5EB7CB; }

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#5EB7CB; border: 1px solid #CCC;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}




.topnavi ul {list-style: none;margin: 0;padding: 0;}
.topnavi  ul li {position: relative;float: left;padding: 5px;}

.topnavi  ul li a {
	font-size: 1.3em;
	color:#015dab;
	display: block;
	padding: 6px;
	margin-bottom: 5px;
	height: 150px;
	width: 270px;
	border: 1px solid #CCC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 1px 1px 3px #aaa;
	line-height: 18px;
}
.topnavi  ul li:hover a {color:#ffffff; background-color:#ade2e8; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	border-radius: 3px; }
/* -------------------------------------------- */
/* ------------------Navigation---------------- */

.featured{margin:5px auto; color:#FFF;}
.featured a:link{
	color:#FFF;
	text-decoration: underline;
}
.featured a:visited{color:#FFF;}
.featured .wrap-featured{background:#333;}
.featured .wrap-featured .slider{padding:5px;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
.number {
	font-size: 1.2em;
	margin-left: 10px;
}

.schoolbox {
	margin-top:10px;
	float:left;
}


.info {
	font-size: 1.3em;
}
#content { background: #f3e6de url(../images/bgcontent.png) repeat-x; padding:5px 0px;}
#content .wrap-content{

}

#main-content{}
#main-content article{ clear: both; background:#ffffff url("../images/bgbox.png") repeat-x; padding:10px; margin-bottom:20px; border:1px solid #CCC; height:300px;}
#main-content article h2{font-size:22px; line-height:25px;}
#main-content .content2 h2{font-size:22px; line-height:25px;}
#main-content .content2 h2 a:link{
	color: #06F;
	text-decoration: underline;
}
#main-content .content2 h2 {
	background-image: linear-gradient(
	-45deg,
	#f49ba9 25%,
	#f5a6b2 25%, #f5a6b2 50%,
	#f49ba9 50%, #f49ba9 75%,
	#f5a6b2 75%, #f5a6b2
  	);
	background-size: 30px 30px;
	padding: 10px;
	height: auto;
	width: auto;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #5b4c43;
	margin-bottom: 5px;
	color: #630;
	clear: both;
}

#main-content .content2 .info{
	color: #666;
	padding: 5px;
	height: auto;
	width: auto;
	margin-left: 10px;
}
.btnbox0{
	float:left;
	width: 50%;
}
.btnbox{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#main-content .content2 .syousai a  {
	font-weight: bold;
	background: #81ce04;
	font-size: 1.5em;
	color: #FFF;
	display: block;
	height: 50px;
	width: 80%;
	text-decoration: none;
	text-align: center;
	padding: 8px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-shadow:
		-1px -1px 1px rgba(000,000,000,0.4),
		1px 1px 1px rgba(255,255,255,0.3);
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9ed53e;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 3px 0 #66bb11;
	-moz-box-shadow:  0px 3px 0 #66bb11;
	box-shadow:  0px 3px 0 #66bb11;
	margin-right: auto;
	margin-left: auto
	}

#main-content .content2 .syousai a:hover {

	background: #9ee000;

}

#main-content .content2 .syousai0 a {
	background: #5cbdc8;
	color: #FFF;
	text-align: center;
	padding: 10px;
	height: 50px;
	width: 40%;
	display: block;
	border-radius: 6px; /* CSS3草?*/
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2095a2;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

#main-content .content2 .syousai2 a {
	background: #87cefa;
	color: #FFF;
	text-align: center;
	padding: 10px;
	height: 40px;
	width: 35%;
	display: block;
	border-radius: 6px; /* CSS3草?*/
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	font-size: 1.3em;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2095a2;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

#main-content .content2 .syousai a:hover {
	background-color: #9ee000;

}

#main-content .content2 .seikyu a {
	color: #FFF;
	text-align: center;
	padding: 10px;
	height: 50px;
	width: 40%;
	display: block;
	border-radius: 6px; /* CSS3草?*/
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #033;
	background-color: #090;
	float: left;
}

#main-content .content2 .seikyu0 a {
	color: #FFF;
	text-align: center;
	padding: 10px;
	height: 50px;
	width: 40%;
	display: block;
	border-radius: 6px; /* CSS3草?*/
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #033;
	background-color: #090;
	float: left;
}



#main-content .content2 .seikyu a:hover {
	background-color: #0C9;
}

.gakuhi {
	font-size: 1.2em;
	background: #e2f6f2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2f6f2 0%, #e2f6f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f6f2), color-stop(100%,#e2f6f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2f6f2 0%,#e2f6f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2f6f2 0%,#e2f6f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e2f6f2 0%,#e2f6f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e2f6f2 0%,#e2f6f2 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f6f2', endColorstr='#e2f6f2',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	height: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

table#table-01 {
	width: 95%;
	border: 1px #BCD3E9 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
	clear: both;
}

table#table-01 th {
    padding: 5px;
    border: #BCD3E9 solid;
    border-width: 0 0 1px 1px;
    background: #e2f6f2;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    margin-top:20px;
}

table#table-01 td {
    padding: 5px;
    border: 1px #BCD3E9 solid;
    border-width: 0 0 1px 1px;
}

table.table-001 {
	width: 95%;
	border: 1px #BCD3E9 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px;
}

table.table-001 th {
    padding: 5px;
    border: #BCD3E9 solid;
    border-width: 0 0 1px 1px;
    background: #e2f6f2;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table.table-001 td {
    padding: 5px;
    border: 1px #BCD3E9 solid;
    border-width: 0 0 1px 1px;
}


.zikopr_info{
	font-size: 1.2em;
}
.zikopr_box{
	float: left;
}
.zikopr_syousai a {
	font-weight: bold;
	background: #63b6db; /* Old browsers */
	background: -moz-linear-gradient(top, #63b6db 0%, #309dcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b6db), color-stop(100%,#309dcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63b6db 0%,#309dcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63b6db 0%,#309dcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63b6db 0%,#309dcf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #63b6db 0%,#309dcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */
	text-align: center;
	font-size: 1.2em;
	padding:7px;
	height: 50px;
	width: 220px;
	display: block;
	color: #FFF;
	text-decoration: none;
	border-radius: 6px; /* CSS3èæ¡?*/
	-webkit-border-radius: 6px; /* Safari,Google Chromeç¨ */
	-moz-border-radius: 6px;
	-webkit-box-shadow: 0px 3px 0 #346379;
	-moz-box-shadow: 0px 3px 0 #346379;
	box-shadow: 0px 3px 0 #346379;
	text-shadow:
		-1px -1px 1px rgba(000,000,000,0.4),
		1px 1px 1px rgba(255,255,255,0.3);
	margin-top: 10px;
	margin-bottom: 10px;
}

.zikopr_seikyu a {
	font-weight: bold;
	font-size: 1.2em;
	color: #FFF;
	display: block;
	height: 50px;
	width: 220px;
	text-decoration: none;
	text-align: center;
	padding: 8px;
	border-radius: 6px; /* CSS3Ã¨ÂÂÃ¦Â¡Â?*/
	-webkit-border-radius: 6px; /* Safari,Google ChromeÃ§ÂÂ¨ */
	-moz-border-radius: 6px; /* FirefoxÃ§ÂÂ¨ */
	text-shadow:
		-1px -1px 1px rgba(000,000,000,0.4),
		1px 1px 1px rgba(255,255,255,0.3);
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9ed53e;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 3px 0 #456632;
	-moz-box-shadow:  0px 3px 0 #456632;
	box-shadow:  0px 3px 0 #456632;
	margin-top: 10px;
	background-color: #6C3;
	background-position: bottom;
}


#main-content .content2 p {
	margin: 10px;
	font-size:1.2em;
}



#main-content article .info{font-style:italic; background:#5EB7CB; color:#ffffff; padding:3px 5px;}
#main-content article .info a{color: #ffffff; text-decoration:underline;}
#main-content article img{float:left; margin-right:5px; border:1px solid #CCC;}
#main-content .content2 img{
	float:left;
	margin-right:5px;
	border:1px solid #CCC;
	margin-left: 5px;
}

#main-content article p{margin-bottom:10px;}

#main-content .comment{font-weight:bold; margin:20px 0px; background:#ffffff url("../images/bgbox.png") repeat-x; padding:20px; border:1px solid #CCC;}
#main-content .comment:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#main-content .comment div{margin-bottom: 20px; vertical-align:middle; }
#main-content .comment input{border: 2px solid #999999;padding: 8px 10px;width:250px;}
#main-content .comment textarea{border: 2px solid #999999;padding: 8px 10px;width:95%;}
#main-content .comment input[type="submit"] {cursor: pointer; width:100px; float:right;
	background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
	background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
	background: linear-gradient(top, #efefef, #ddd);
	color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);	border: 2px solid #999999;}
#main-content .comment input[type="submit"]:hover {
	background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);	border: 2px solid #bbb;}
#main-content .comment input[type="submit"]:active {
	background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);
	background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #999;}






.content2{

	background: #ffffff url("../images/bgbox.png") repeat-x;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#333;}

.copyright{text-align:center; background:#333333 url("../images/pattern06.png"); padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }


/* -------------------------------------------- */
/* ------------------Components-------------------- */

.posts {margin-bottom: 20px;}
.posts h4{ font-size:14px; font-weight:normal;}
.posts img{ float:left; padding:5px; border:1px solid #CCC; margin-right:10px;}
.posts p{color:#A3A3A3; font-style:italic;}

.linklist{}
.linklist ul{ font-size:14px; list-style-type:circle; }
.linklist ul li{
	border-bottom: 1px solid #E1E1E1;
	list-style-type: none;
	padding:5px;
}

.linklist ul li a:link{
	display: block;
	height: 40px;
	width: 95%;
	padding: 5px;
}

.linklist ul li a:hover{
	background: #ade2e8;
	font-weight: bold;
	color: #fff;
}


.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}

#pagi{margin: 5px auto;padding: 0;list-style: none;width: 80%;}
#pagi li {float: left;margin-right: 5px;}
#pagi li a {
	display: block;
	text-decoration: none;
	color: #717171;
	font: bold 11px Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px solid #CCC;
}
#pagi li a.current, #pagi li a:hover {color: #ffffff;	background: #5EB7CB;}


.clearfix:after {
content:".";
display:block;
height:0.1px;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */


table.table-01 {
	width: 95%;
	border: 1px #BCD3E9 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px;
	clear: both;
}

table.table-01 th {
    padding: 5px;
    border: #BCD3E9 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap;
}
table.table-01 td {
    padding: 5px;
    border: 1px #BCD3E9 solid;
    border-width: 0 0 1px 1px;

}
.onebutton001 {
	text-align: right;
}




h2.pagetitle {
	font-size: 1.3em;
	clear: both;
	padding: 10px;
	clear: both;
	font-weight: bold;
	color: #630;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F90;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow: 1px 1px 5px #aaa;
	}

h2.pagetitle a {
	color: #0044CC;
	text-decoration: underline;
	}

h3.maintitle {
	font-size: 1.2em;
	clear: both;
	padding: 10px;
	clear: both;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow: 1px 1px 5px #aaa;
	}

h3.maintitle2 {
	font-size: 1.2em;
	clear: both;
	padding: 10px;
	clear: both;
	font-weight: bold;
	color: #333;
	height:60px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow: 1px 1px 5px #aaa;
	}
h4.pagetitle {
	clear: both;
	padding: 10px;
	clear: both;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow: 1px 1px 5px #aaa;
	}

.school_topbox {
	border-radius: 6px; /* CSS3 */
	-webkit-border-radius: 6px; /* Safari,Google Chromep */
	-moz-border-radius: 6px; /* Firefoxp */
	background-color: #FFF;
	height: auto;
	background-position: bottom;
	clear: both;
	margin-bottom: 10px;
	box-shadow: 0px 0px 3px #ccc; /*CSS3*/
	-moz-box-shadow: 0px 0px 3px #ccc;	ã??
	-webkit-box-shadow: 0px 0px 3px #ccc;ã??
	border-top-width: 1px;
	border: 1px solid #CCC;
	font-size: 13px; }
.text {
	border: 1px solid #CCC;
	padding: 5px;
	border-radius: 6px; /* CSS3 */
	-webkit-border-radius: 6px; /* Safari,Google Chromep */
	-moz-border-radius: 6px; /* Firefoxp */
	box-shadow: 1px 1px 5px #ccc;
	margin: 5px;
	font-size: 1.2em;
	clear: both;
}

p.txt0 {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 0px 0px 3px #ccc; /*CSS3*/
	-moz-box-shadow: 0px 0px 3px #ccc;  /* Firefox */
	-webkit-box-shadow: 0px 0px 3px #ccc; /* Chrome */
}
p.txt1 {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14px;
}



p.txt1 a {
	color: #069;
	text-decoration: underline;
}


.mainpointo {
	border-radius: 6px; /* CSS3 */
	-webkit-border-radius: 6px; /* Safari,Google Chromep */
	-moz-border-radius: 6px; /* Firefoxp */
	background-color: #FFF;
	height: auto;
	background-position: bottom;
	clear: both;
	box-shadow: 0px 0px 3px #ccc; /*CSS3*/
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;ã??
	border-top-width: 1px;
	border: 1px solid #CCC;
	font-size: 20px;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	}
.mainpointo p {
	font-size: 18px;
	}

.ex {
	border-radius: 6px; /* CSS3 */
	-webkit-border-radius: 6px; /* Safari,Google Chromep */
	-moz-border-radius: 6px; /* Firefoxp */
	background-color: #FFF;
	height: auto;
	background-position: bottom;
	clear: both;
	box-shadow: 0px 0px 3px #ccc; /*CSS3*/
	-moz-box-shadow: 0px 0px 3px #ccc;

	-webkit-box-shadow: 0px 0px 3px #ccc;ã??
	border-top-width: 1px;
	border: 1px solid #CCC;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	}

.nyushi_koumoku,
.nyushi_koumoku1{
	margin-left: 40px;
	margin-right: 40px;
}
.nyushi_koumoku li {
	display: inline;
	font-size: 15px;
	font-weight: bold;
	list-style-type: disc;
}

.nyushi_koumoku1 li {
	font-size: 15px;
	font-weight: bold;
	list-style-type: disc;
}
/* -- HOLLOW BUTTON -- */
.hollow-button {
    display: block;
    width: 600px;
    margin: .5em auto;
}

.hollow-button_side {
    display: block;
    width: 190px;
    margin: .5em auto;
}
.hollow-button *,
.hollow-button_side *{
    font-family:  'Hiragino Kaku Gothic Pro',  Meiryo, Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    line-height: 1.0;
}
.hollow-button-inner {
    display: block;
    padding: 5px 5px 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4);
}
	.hollow-button a,
	.hollow-button_side a{
        display: block;
        position: relative;
        height: auto;
        padding: 10px 10px 4px;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -webkit-text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
        -moz-text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
        text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 3px 0 #344975;
        -moz-box-shadow: 0 3px 0 #344975;
        box-shadow: 0 3px 0 #344975;
        background: -webkit-linear-gradient(top, #4a6aab, #3c5a98);
        background: -moz-linear-gradient(top, #4a6aab, #3c5a98);
        background: linear-gradient(top, #4a6aab, #3c5a98);
        background-color: #4a6aab\9;
	}
        .hollow-button-icon {
            float: left;
            display: block;
            width: 47px;
            color: #0085b2;
            background-color: transparent;
            font-weight: normal;
        }
        .hollow-button-border {
            float: left;
            display: inline-block;
            width: 1px;
            height: 57px;
      		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
      		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
      		background-image: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
            box-shadow: 1px 0 1px rgba(255, 255, 255, .2);
            background-color: #3c5a98Â¥9;
        }
        .hollow-button-text {
            display: inline-block;
            text-align: left;
            font-weight: normal;
            font-size: 20px;
            padding-left: 10px;
        }

		.hollow-button-text_side {
            display: inline-block;
            text-align: left;
            font-weight: normal;
            font-size: 15px;
            padding-left: 10px;
        }

        .hollow-button a:hover,
		.hollow-button_side a:hover{
            background: -webkit-linear-gradient(top, #4c6cad, #3e5c9a);
            background: -moz-linear-gradient(top, #4c6cad, #3e5c9a);
            background: linear-gradient(top, #4c6cad, #3e5c9a);
            background-color: #4c6cadÂ¥9;
        }
        .hollow-button a:active,
		.hollow-button_side a:active  {
            color: #eeeeee;
            -webkit-text-shadow: 0 -1px -1px rgba(0, 0, 0, .2);
            -moz-text-shadow: 0 -1px -1px rgba(0, 0, 0, .2);
            text-shadow: 0 -1px -1px rgba(0, 0, 0, .2);
            -webkit-box-shadow: inset 0 2px 0  rgba(0, 0, 0, .2);
            -moz-box-shadow: inset 0 2px 0  rgba(0, 0, 0, .2);
            box-shadow: inset 0 2px 0  rgba(0, 0, 0, .2);
            background: -webkit-linear-gradient(top, #3d5b99, #3c5a98);
            background: -moz-linear-gradient(top, #3d5b99, #3c5a98);
            background: linear-gradient(top, #3d5b99, #3c5a98);
            background-color: #3d5b99Â¥9;
            position: relative;
            top: 3px;
        }

    .hollow-button a:after,
	.hollow-button_side a:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }




    .hollow-type-1 a {
        -webkit-box-shadow: 0 3px 0 #006e90;
        -moz-box-shadow: 0 3px 0 #006e90;
        box-shadow: 0 3px 0 #006e90;
 background: #4096ee;
background: -moz-linear-gradient(top, #4096ee 0%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom, #4096ee 0%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
    }
        .hollow-type-1 a:hover {
            background: -webkit-linear-gradient(top, #03a7d9, #0497c3);
            background: -moz-linear-gradient(top, #03a7d9, #0497c3);
        }
        .hollow-type-1 a:active {
            color: #eeeeee;
            background: -webkit-linear-gradient(top, #008eb9, #0092be);
            background: -moz-linear-gradient(top, #008eb9, #0092be);
        }


    .hollow-type-2 a {
        -webkit-box-shadow: 0 3px 0 #75890c ;
        -moz-box-shadow: 0 3px 0 #75890c ;
        box-shadow: 0 3px 0 #75890c ;
       background: #8fc800;
background: -moz-linear-gradient(top, #8fc800 0%, #8fc800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(100%,#8fc800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8fc800 0%,#8fc800 100%); /* IE10+ */
background: linear-gradient(to bottom, #8fc800 0%,#8fc800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */
    }
        .hollow-type-2 a:hover {
            background: -webkit-linear-gradient(top, #abdc28, #abdc28);
            background: -moz-linear-gradient(top, #abdc28, #abdc28);
        }
        .hollow-type-2 a:active {
            color: #eeeeee;
            background: -webkit-linear-gradient(top, #abdc28, #abdc28);
            background: -moz-linear-gradient(top, #abdc28, #abdc28);
        }


/*--160208 terao table--*/
table.goukaku{
	border: 1px solid #ccc;
	width:100%;
	height:auto;
	margin:auto;
}


table.goukaku th {
 border: none;
 padding:5px;
 background-color: #f49ba9;

}


table.goukaku td {
 padding:5px;
 border-top: 1px solid #ececec;
 border-right: 1px solid #ccc;
 border-bottom: none;
 border-left: 1px solid #ccc;
}

table.goukaku thead tr {
 border-right: 1px solid #6B97BF;
 border-bottom: 1px solid #6B97BF;
 border-left: 1px solid #6B97BF;F;
 background-color: #7DB1E0;
 padding:5px;
}

table.goukaku tbody tr {
 border-bottom: 1px solid #ccc;
 background-color: white;
}

table.goukaku tbody tr:nth-child(even) {
 background-color: #ECECEC; /* whiteƓKxɍzF */
}
/*--160208 terao table--*/

a:link.passrate_link {
	color:blue;
	text-decoration:underline;
}
a:visited.passrate_link {
	color:#800080;
	text-decoration:underline;
}


/* ------------------Navigation---------------- */

nav {background: #fff0f5; border-bottom: 1px solid #CCC;}

nav .wrap-nav{}

.menu ul {list-style: none;margin: 0;padding: 0;}

.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px;}

.menu  ul li:hover { }

.menu  ul li a {

	font-size: 14px;

	line-height:14px;

	background: #fff0f5;

	color:#333333;

	display: block;

	margin-bottom: 5px;

	z-index: 6;

	position: relative;

	text-transform:uppercase;

	height: 30px;

	width: auto;

	border: none;

	padding-top: 6px;

	padding-right: 10px;

	padding-bottom: 6px;

	padding-left: 10px;

	border-right-width: 1px;

	border-right-style: dotted;

	border-right-color: #666;

}

.menu  ul li:hover a { background-color:#adeae5;  }



.minimenu{display:none;}

.minimenu{position: relative;margin: 0px;background:#fff0f5; border: 1px solid #CCC;}

.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';text-align:center;text-transform:uppercase;font-weight:bold;}

.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

#sidebar{}

#sidebar .box{margin-bottom:20px;}

#sidebar .heading{ padding:8px 20px; border:1px solid #CCC; background: url("../images/bgheading.png") repeat-x;}

#sidebar .heading h2{font-size:22px; font-weight:normal; display:inline;}

#sidebar .content{padding:0px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background: #ffffff url("../images/bgbox.png") repeat-x;}

/* ------------------Navigation---------------- */