@charset "utf-8";
/* CSS Document */

/* base
---------------------------------------------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/bg6.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center top;
}
@media screen and (min-width: 769px){
.section {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	-moz-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	-webkit-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	-ms-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	padding-bottom: 80px;
	background-color: #FFF;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.mov {
	width: 853px;
	-moz-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	-webkit-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	-ms-box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	box-shadow: 4px 10px 41px -8px rgba(0, 0, 0, 0.49);
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}









#cover {
	text-align: center;
	font-family: "メイリオ";
	font-size: 18px;
	font-weight: normal;
}
#Header {
	margin: auto;
	text-align: center;
}
#cover #Header img {
	text-align: center;
	margin: auto;
}
#Contentsu {
	padding-bottom: 60px;
	margin: auto;
	width: 940px;
}
.m-p {
	font-family: "メイリオ", "ＭＳ ゴシック";
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	margin: auto;
	width: 750px;
}
.m-p2 {
	font-family: "メイリオ", "ＭＳ ゴシック";
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	margin: auto;
	width: 700px;
}
.curriculumRimg img {
	float: right;
	margin-right: 30px;
}

.kisai {
	margin: auto;
	padding: 20px;
	width: 780px;
	border: 1px solid #666;
}
.kisai p {
	font-family: "メイリオ";
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}
.box {
	padding: 20px;
	border: 1px dotted #666;
	font-family: "メイリオ";
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: left;
}
#cover #Contentsu .section p {
	margin-bottom: 30px;
}

.p-rbu {
     font-weight: bold;
     color: #C00;
     text-decoration: underline;
}

.p-30r {
     font-size: 30px;
     font-weight: bold;
     color: #C00;
}

.p-ublu {
     font-weight: bold;
     color: #00F;
     text-decoration: underline;
}
.p-rub {
     font-weight: bold;
     color: #C00;
     text-decoration: underline;
     background-color: #FF0;
}
.p-by {
     font-weight: bold;
     background-color: #FF0;
}

.p-r {
     color: #C00;
}
.p-rb {
     font-weight: bold;
     color: #C00;
}
.p-ub {
     font-weight: bold;
     text-decoration: underline;
}
.p-ry {
     font-weight: bold;
     color: #C00;
     background-color: #FF0;
}

.p-u {
     text-decoration: underline;
}


.p30 {
	font-size: 30px;
	font-weight: bold;
	font-family: "メイリオ";
	line-height: 35px;
}
.b {
     font-weight: bold;
}
.p-blu {
     color: #00F;
     font-weight: bold;
}
table#table-04 {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "メイリオ";
	font-size: 16px;
	width: 780px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
	font-weight: bold;
}
#cover #Contentsu .section #table-04 tr td a img {
	text-align: center;
	margin: auto;
	clear: both;
}

table#table-04 th {
	padding: 20px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	line-height: 120%;
}
table#table-04 td {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 20px;
	text-align: left;
}
.Tai2 {
	color: #FFFFFF;
	background-color: #062E61;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
#cover #Contentsu .section .enquete form #table-04 tr td input {
	padding-top: 10px;
	padding-bottom: 10px;
}


#Footer {
	font-family: "メイリオ";
	font-size: 16px;
	padding-top: 35px;
	padding-bottom: 15px;
	color: #FFF;
	background-color: #333;
	background-image: url(../img/bg5.jpg);
	background-repeat: repeat;
}


.btn {
	width: 850px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.btn2 {
	width: 800px;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	border: 4px solid #C00;
	background-color: #F8F7D8;
}
.btn3 {
	width: 800px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #EDF4FC;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	border: 4px solid #205D9F;
}
#cover #Contentsu .btn p a img:hover {
}
.btnbox {
	font-family: "メイリオ";
	font-size: 11px;
	color: #333;
	text-align: center;
	width: 700px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.tai {
	padding-top: 30px;
	padding-bottom: 40px;
	font-family: "メイリオ";
	font-size: 40px;
	line-height: 55px;
	font-weight: bold;
}
.p-byu {
	font-weight: bold;
	text-decoration: underline;
	background-color: #FF0;
}
.pr25 {
	font-size: 25px;
	font-weight: bold;
	color: #C00;
}

.tai0 {
	padding-top: 40px;
	padding-bottom: 15px;
	line-height: 60px;
	color: #C00;
	margin-bottom: 20px;
	font-family: "メイリオ";
	font-size: 50px;
	font-weight: bold;
}
.tai2 {
	padding-top: 0px;
	padding-bottom: 40px;
	letter-spacing: -0.1em;
}
.curriculum {
	width: 800px;
	border: 4px solid #243C6C;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-bottom: 30px;
}
.box2 {
	width: 750px;
	border: 4px solid #CCCCCC;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding: 20px;
}
.box3 {
	width: 800px;
	border: 4px solid #CCCCCC;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-bottom: 40px;
}
.box4 {
	width: 800px;
	border: 4px solid #057FB2;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-bottom: 40px;
}
.box5 {
	width: 800px;
	border: 4px solid #C29E62;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	padding-bottom: 30px;
}
.mov2 {
	background-image: url(../img/mbg2.jpg);
	background-repeat: no-repeat;
	width: 940px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
	height: 701px;
}
.mov2In {
	float: left;
	padding-left: 27px;
	padding-top: 120px;
}
.line {
	color: #390;
}
.or {
	font-weight: bold;
	color: #F60;
	font-size: 28px;
}
.p30rby {
	font-size: 30px;
	font-weight: bold;
	color: #C00;
	background-color: #FF0;
}
.hosyou {
	width: 750px;
	border: 4px solid #371F1B;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.h_tai {
	font-family: "メイリオ";
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 20px;
	width: 700px;
	margin: auto;
}
.Tokuten {
	width: 750px;
	border: 4px solid #C00;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
.p30bu {
	font-size: 30px;
	font-weight: bold;
	text-decoration: underline;
}
.p-30bur {
	font-size: 30px;
	font-weight: bold;
	color: #C00;
	background-color: #FF0;
	text-decoration: underline;
}
.btn2 {
	padding-top: 40px;
	padding-bottom: 20px;
}
.imgR img {
	float: right;
}
.imgR {
	margin: auto;
	width: 850px;
}
div#mousikomi a:hover img
{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.reflection-img {
}
.reflection-img2 {
	margin: auto;
}
#countdown {
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	font-family: "メイリオ";
	background-color: #000;
	text-align: center;
	margin: auto;
	padding-top: 23px;
	line-height: 20px;
	padding-bottom: 0px;
}





























.reflection-img2{
	width       :848px;
	height      :815px;
	position    :relative;
	overflow    :hidden;
	margin: auto;
}

.reflection-img{
	width       :750px;
	height      :619px;
	position    :relative;
	overflow    :hidden;
	margin: auto;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
.prof {
	width: 850px;
	border: 4px solid #735438;
	padding-bottom: 50px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	background-color: #F9F9E3;
	padding-top: 25px;
}
.riyuu {
	width: 810px;
	border: 4px solid #036;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}
.boltaiC {
	background-color: #F7F7F7;
	padding-top: 15px;
	margin-bottom: 15px;
}
.boltex {
	font-family: "メイリオ";
	line-height: 24px;
	text-align: left;
	font-size: 17px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding-bottom: 10px;
	width: 700px;
}
.bolle {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 65px;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../img/bg3.png);
	background-repeat: repeat;
	padding-top: 20px;
	padding-bottom: 40px;
}
.boltaibox {
	background-color: #FFF;
	overflow: auto;
	margin-top: 25px;
	padding-top: 35px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border: 4px solid #E5E37E;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

.boltai {
	background-image: url(../img/ck.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	text-align: left;
	font-weight: bold;
	font-family: "メイリオ";
	font-size: 18px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	padding-top: 2px;
	width: 670px;
}
.p25 {
	font-family: "メイリオ";
	font-size: 25px;
	font-weight: bold;
}
.y {
	background-color: #FF0;
}
.cre {
	text-align: center;
	width: 700px;
	font-family: "メイリオ";
	font-size: 13px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	color: #FFF;
	line-height: 23px;
}
#cover #Footer ul {
	display: inline;
	margin: auto;
	padding: 0px;
}
#cover #Footer li {
	display: inline;
	font-size: 15px;
	margin-right: 15px;
}
#cover #Footer ul li a {
	color: #FFF;
}
.ptai {
	font-family: "メイリオ";
	font-size: 30px;
	font-weight: bold;
	color: #C00;
	padding-top: 40px;
	padding-bottom: 30px;
}
.p-text {
	font-family: "メイリオ";
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	margin: auto;
	width: 720px;
}
.tokutenb {
	padding-bottom: 50px;
	margin-bottom: 50px;
	background-image: url(../img/bg4.png);
	background-repeat: repeat;
	padding-top: 40px;
}
.tsur {
	padding-bottom: 30px;
	margin-bottom: 50px;
	background-image: url(../img/bg5.jpg);
	background-repeat: repeat;
}
.yb {
	font-weight: bold;
	color: #FF0;
}
#cover #Contentsu .section .tsur .cre p {
	margin-bottom: 15px;
	margin-top: 0px;
}












#countdown-target,#countdown-charas1,#countdown-date,
#countdown-charas2,#countdown-hours,#countdown-colon1,
#countdown-minutes,#countdown-colon2,#countdown-seconds,
#countdown-colon3,#countdown-mseconds{
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
	float: left;
}
#countdown-endmessage{
	margin:0;
	padding:0;
	clear:both;
	float:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
}

/* カウントダウン対象の文字色等を設定 */
#countdown-target{
	color:#F00;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
}
.c-bax {
	background-color: #141414;
	text-align: center;
	margin: auto;
	padding-top: 5px;
}

/* 「まで、あと」と「日と」の文字色等を設定 */
#countdown-charas1,#countdown-charas2{
	color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
}

/* 日時の数字色等を設定 */
#countdown-date,#countdown-hours,#countdown-minutes,
#countdown-seconds,#countdown-mseconds{
	color:#FF0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}
.c-baxInner {
	margin: auto;
	width: 786px;
	padding-left: 280px;
}


/* ：の文字色等を設定 */
#countdown-colon1,#countdown-colon2,#countdown-colon3{
	color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
}

/* カウントダウン終了後に表示するメッセージの文字色等を設定 */
#countdown-endmessage{
	color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	font-weight: bold;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.pageerror {
	padding: 10px;
	border: 4px solid #C00;
	line-height: 20px;
	font-weight: bold;
	margin-top: 20px;
}
.voice {
	padding-bottom: 60px;
	padding-top: 20px;
}
.voiceBox {
	width: 700px;
	border: 4px solid #CCC;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.mp_s {
	font-size: 12px;
	margin-bottom: 40px;
}