@charset "utf-8";



/*	Shared [h2]
-------------------------------*/

h2 {
	margin: 0;
	padding: 20px 10px;
	color: #ffffff;
	background-image: url('../images/preset_h2_back.png');
	background-attachment: scroll;
	background-position: left top;
	background-repeat: no-repeat;
}
@media screen and (min-width: 769px){	/* for PC */
	h2 {
		font-size: 180%;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	h2 {
		font-size: 150%;
	}
}



/*	Shared [h3]
-------------------------------*/

h3 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #114499;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #114499;
}
h3 img {
	margin-right: 10px;
	vertical-align: middle;
}

h3.box {
	margin: 0 0 10px;
	padding: 10px;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #cccccc;
	background-image: url('../images/shared_h3_back.png');
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;

	border-radius: 10px;			/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;		/* Firefox用 */
}



/*	Shared [h4]
-------------------------------*/

h4 {
	margin: 0 0 10px;
	padding: 0;
	color: #114499;
	font-size: 100%;
	font-weight: bold;
}



/*	Shared [table]
-------------------------------*/

table {
	margin: 0 auto;
	border: none;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
}
table th,
table td {
	border: none;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
	text-align: left;
	font-weight: normal;
}
	table th {
		background: #eeeeee;
	}
	table td {
	}
@media screen and (min-width: 769px){	/* for PC */
	table th,
	table td {
		padding: 10px;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	table th,
	table td {
		/*padding: 5%;*/
		padding: 10px;
	}
}



/*	Shared [ul / li]
-------------------------------*/

ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}
ul ul ul {
	list-style: none;
}



/*	Decoration Style[font Size]
-------------------------------*/

.fontSizeSmall {
	font-size: 77%;
}
.fontSizeBig {
	font-size: 117%;
}



/*	Decoration Style[font Color]
-------------------------------*/

.color114499 {	/* 学苑総合色 */
	color: #114499;
}
.colorAACC77 {	/* 静岡校色 */
	color: #AACC77;
}
.colorFFBE68 {	/* パルシェ校色 */
	color: #FFBE68;
}
.colorFF6633 {	/* 浜松校色 */
	color: #FF6633;
}
.color3399CC {	/* 遠鉄校色 */
	color: #3399CC;
}
.colorFE99BB {	/* 沼津校色 */
	color: #FE99BB;
}
.colorCC99CC {	/* 藤枝校色 */
	color: #CC99CC;
}
.colorDD0000 {	/* 強調色1 */
	color: #DD0000;
}
.color339966 {	/* 強調色2 */
	color: #339966;
}
.color6666FF {	/* 強調色3 */
	color: #6666FF;
}
.color000000 {	/* 黒色 */
	color: #000000;
}
.colorFFFFFF {	/* 白色 */
	color: #FFFFFF;
}



/*	Decoration Style[background Color]
-------------------------------*/

.back114499 {	/* 学苑総合色 */
	background: #114499;
}
.backAACC77 {	/* 静岡校色 */
	background: #AACC77;
}
.backFFBE68 {	/* パルシェ校色 */
	background: #FFBE68;
}
.backFF6633 {	/* 浜松校色 */
	background: #FF6633;
}
.back3399CC {	/* 遠鉄校色 */
	background: #3399CC;
}
.backFE99BB {	/* 沼津校色 */
	background: #FE99BB;
}
.backCC99CC {	/* 藤枝校色 */
	background: #CC99CC;
}
.backDD0000 {	/* 強調色1 */
	background: #DD0000;
}
.back339966 {	/* 強調色2 */
	background: #339966;
}
.back6666FF {	/* 強調色3 */
	background: #6666FF;
}
.back000000 {	/* 黒色 */
	background: #000000;
}
.backFFFFFF {	/* 白色 */
	background: #FFFFFF;
}



/*	Decoration Style[block]
-------------------------------*/

.blockA {
	padding: 10px;
	background: #eeeeee;
}
.blockB {
	padding: 10px;
	background-image: url('../images/shared_block_back_01.png');
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat;
}
.blockC {
	padding: 9px;
	border: 1px solid #114499;
}
.blockD {
	padding: 9px;
	border: 1px solid #CCCCCC;
}



/*	Decoration Style[icon]
-------------------------------*/

.icon {
	margin-right: 5px;
	margin-bottom: 4px;
	padding: 1px 3px 0;
	min-width: 60px;
	font-size: 90%;
	text-align: center;
	display: inline-block;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: repeat-x;
	vertical-align: text-bottom;

	border-radius: 6px;			/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
}
	.iconBlue {
		color: #ffffff;
		background-image: url('../images/icon_state_blue.png');
	}
	.iconGreen {
		color: #ffffff;
		background-image: url('../images/icon_state_green.png');
	}
	.iconRed {
		color: #ffffff;
		background-image: url('../images/icon_state_red.png');
	}
	.iconRed {
		color: #ffffff;
		background-image: url('../images/icon_state_red.png');
	}
	.iconLightRed {
		color: #ffffff;
		background-image: url('../images/icon_state_lightred.png');
	}
	.iconOrange {
		color: #ffffff;
		background-image: url('../images/icon_state_orange.png');
	}

	.iconPurple {
		min-width: 100px;
		color: #ffffff;
        /*
		font-weight: bold;
        */
		background-image: url('../images/icon_state_purple.png');
	}
	.iconLargeYellow {
		margin-bottom: 0;
		min-width: 80px;
		color: #003366;
		font-weight: bold;
		background-image: url('../images/icon_state_large_yellow.png');
	}
	.iconLargeRed {
		margin-bottom: 0;
		min-width: 80px;
		color: #ffffff;
		font-weight: bold;
		background-image: url('../images/icon_state_large_red.png');
	}

	.iconPink {
		min-width: 100px;
		color: #ffffff;
		background-image: url('../images/icon_state_pink.png');
	}



/*	Decoration Style[link]
-------------------------------*/

a.linkWhite {
	color: #ffffff;
	text-decoration: none;
}
a.linkBlack {
	color: #000000;
	text-decoration: none;
}



/*	Decoration Style[text indent]
-------------------------------*/

.textIndent {
	padding-left: 14px;
	text-indent: -14px;
}



/*	Decoration Style[align]
-------------------------------*/

.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}



/*	Decoration Style[Float]
-------------------------------*/

.floatL {
	float: left;
}
.floatR {
	float: right;
}



/*	Decoration Style[img Float]
-------------------------------*/

.imgL {
	margin-right: 1em;
	float: left;
}
.imgR {
	margin-left: 1em;
	float: right;
}



/*	Decoration Style[clear]
-------------------------------*/

.clearL,
.clearR,
.clear {
	line-height: 0;
	clear: both;
	display: block;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}



/*	Decoration Style[boxRevise]
-------------------------------*/

.boxRevise {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	clear: both;
}



/*	Decoration Style[button]
-------------------------------*/

input[type="button"] {
	cursor: pointer;
	background-image: url('../images/shared_button_back.png');
	background-attachment: scroll;
	background-position: center top;
	background-repeat: repeat-x;

	border-radius: 10px;			/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;		/* Firefox用 */
}
@media screen and (min-width: 769px){	/* for PC */
	input[type="button"] {
		padding: 1.5% 5%;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	input[type="button"] {
		padding: 3% 10%;
	}
}



/*	Decoration Style[checkbox]
-------------------------------*/

div.check-group {
}
div.check-group input {
	display: none;
}
div.check-group label {
	cursor: pointer;
	padding: 10px 25px;
	float: left;
/*	border: solid 1px #aaa;*/
	border: solid 1px #888;
	margin-left: -1px;
	color: #000000;
	background: #FFFFFF;
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
/*
	text-shadow: 1px 1px 0px #fff;
*/
}
@media screen and (min-width: 769px){	/* for PC */
	div.check-group div:first-child label {
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-bottomleft: 7px;
	}
	div.check-group div:last-child label {
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomright: 7px;
	}
}
@media screen and (max-width: 768px){	/* for SP */
	div.check-group label {
		width: 25%;
		text-align: center;
	}
}
/*div.check-group label.checked {*/
div.check-group input[type="checkbox"]:checked + label {      /* 2016/05/16 */
	color: #ffffff;
	background: #666666;
	background-image: linear-gradient(top, #666666, #999999);
	background-image: -ms-linear-gradient(top, #666666, #999999);
	background-image: -moz-linear-gradient(top, #666666, #999999);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
/*
	text-shadow: 0px 0px 0px #fff;
*/
}

div.check-group label::-moz-selection,
div.check-group label::selection {
	background: transparent;
}



/*	Decoration Style[radio]
-------------------------------*/

div.radio-group {
}
div.radio-group input {
	/*
	opacity: 0;
     filter: alpha(opacity=0);
	*/
    display: none;  /* 2016/05/17 */
}
div.radio-group div {
	position: relative;
}
div.radio-group input {
	position: absolute;
	left: 0px;
	outline:none;
}
div.radio-group label {
	cursor: pointer;
	padding: 5px 10px;
	float: left;
/*	border: solid 1px #aaa;*/
	border: solid 1px #888;
	margin-left: -1px;
	background: #FFFFFF;
	background-image: linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
/*
	text-shadow: 0px 0px 0px #fff;
*/
}
div.radio-group div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
}
div.radio-group div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
}
/*div.radio-group label.checked  {*/
div.radio-group input[type="radio"]:checked + label {      /* 2016/05/16 */
	color: #fff;
	background: #666666;
	background-image: linear-gradient(top, #666666, #999999);
	background-image: -ms-linear-gradient(top, #666666, #999999);
	background-image: -moz-linear-gradient(top, #666666, #999999);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
/*
	text-shadow: 0px 0px 0px #fff;
*/
}

/* 2015/05/19 add start */
div.validation-summary-errors ul {
    list-style: none;
}

div.validation-summary-errors span,
div.validation-summary-errors ul li,
span.field-validation-error {
    display: inline-block;
    background-color: #F00 !important;
    color: #FFF !important;
    padding: 2px 4px !important;
    margin: 4px 4px 0 4px;
    font-size: 90% !important;
}

div.validation-summary-errors ul li,
div.validation-summary-errors span {
    font-size: 100% !important;
}
span.gakuNameSpanBox {
    display: inline-block;
    color: #000 !important;
    padding: 4px 6px !important;
    margin: 4px 4px 0 4px;
    font-size: 90% !important;
}
    span.gakuNameSpanBox.gaku1 {
        background-color: #AC7 !important;
    }
    span.gakuNameSpanBox.gaku2 {
        background-color: #FB6 !important;
    }
    span.gakuNameSpanBox.gaku3 {
        background-color: #F63 !important;
    }
    span.gakuNameSpanBox.gaku8 {
        background-color: #39C !important;
    }
    span.gakuNameSpanBox.gaku4 {
        background-color: #F9B !important;
    }
    span.gakuNameSpanBox.gaku7 {
        background-color: #C9C !important;
    }

/* 2015/05/19 add end */