html
{
	min-height: 100%;
}

body
{
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	color: #303030;
	border-top: 0px solid #004AB6;
	border-bottom: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

a:link, a:visited, a.subjectName:link, a.subjectName:visited
.
{
	color: inherit;
	text-decoration: none;
}

a:hover, a.subjectName:hover
{
	color: inherit;
	text-decoration: none;
}

a:active, a.subjectName:active
{
	color: inherit;
	text-decoration: none;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.selectSubjectRemarks
{
	font-size:12px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}

.selectScheduleDescriptions
{
	font-size:14px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	font-weight:bold;
}


.ui-input-btn input
{
	filter: Alpha(Opacity=80);
	opacity: .8;
	z-index: 100;
}


.flipArea
{
	width: 500px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

.flipsnap
{
	width: 4500px; /* 320px(item width) * 3(item count) */
}

.item
{
	float: left;
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0px dotted #999999;
	cursor: pointer;
}


.page
{
	min-height: 100%;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px solid #FF0000;
}

form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#form1
{
	min-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.header
{
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	height: 80px;
	border: 0px solid #00FF00;
	background-image: url('../../Images/SmartPhone/HeaderBackground.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.centerName
{
	color: #FF3B0B;
	font-size: 13px;
	line-height: 24px;
}

div.page div.main div.ui-content
{
	padding-left:0px;
	padding-right:0px;
}

.error
{
	line-height: 130%;
	color: #FF0000;
	background-color: #FFCCCC;
}


.menuButtonArea
{
	float: right;
	margin: 5px 3px auto auto;
}

#build-menu-button
{
	display: block;
	width: 83px;
	height: 47px;
	text-align: center;
	vertical-align:middle;
	margin-top:8px;
	margin-bottom:auto;
	background-color: #FFCCCC;
	background-image: url('../../Images/SmartPhone/MenuButton.png');
	background-repeat: no-repeat;
}

.menuButton
{
	display: block;
	width: 83px;
	height: 47px;
	text-align: center;
	vertical-align:middle;
	margin-top:15px;
	margin-bottom:auto;
}
div.divMenuButtonArea
{
	width:88px;
	height:50px;
}
div.divMenu
{
	background-color:#000033;
}
div.divMenu ul
{
	background-color:inherit;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
div.divMenu ul li
{
	min-height:22px;
	background-color:inherit;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	padding-left:10px;
	padding-top:8px;
}
div.divMenu ul li a, div.divMenu ul li a:visited, div.divMenu ul li a:hover
{
	color:#CCCCCC;
	text-decoration: none;
}
.ui-panel-inner
{
	background-color:#000033;
	padding:0px;
}
.ui-panel
{
	width:250px;
}



#build-menu-page
{
	left: 0;
	position: relative;
	background-color: #fff;
}

#build-menu
{
	float: right;
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 290px;
	padding: 0;
	position: static;
	z-index: 0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	left: 0;
	background-color: #000033;
	color: #FFFFFF;
}

.build-menu-animating #build-menu-page
{
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page, .build-menu-animating.build-menu-open #build-menu-page
{
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu
{
	display: block;
}

.build-menu-open #build-menu
{
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu, .build-menu-close #build-menu
{
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

#build-menu li
{
	margin: 0px;
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #FFFFFF;
}

#build-menu li a
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

.main
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

.headerCenterName
{
	font-size: 14px;
}

.divCenterName
{
	width:136px;
}

.divMenuButtonArea
{
	width:100px;
}

.centerNameArea
{
}

.footer
{
	color: #4e5766;
	padding: 0px 0px 0px 0px;
	margin: 15px auto 20px auto;
	text-align: center;
	line-height: normal;
}

.copyright
{
	font-size:10px;
	line-height: 15px;
}



input[type="text"]
{
}

.marginTop
{
	margin-top: 10px;
}

.marginTopLarge
{
	margin-top: 20px;
}

.marginTopMoreLarge
{
	margin-top: 30px;
}

.marginBottom
{
	margin-bottom: 10px;
}

.marginBottomLarge
{
	margin-bottom: 20px;
}

.marginBottomMoreLarge
{
	margin-bottom: 30px;
}

.marginTopZero
{
	margin-top: 0px;
}










.caution
{
	color: #FF3B0B;
}


/* 講習選択画面 */
div.ui-collapsible-content ul.ui-body-c div.ui-btn-inline
{
	margin-right: 0em;
}

div#tabs div#skill div.ui-collapsible div.ui-collapsible-content,
div#tabs div#special div.ui-collapsible div.ui-collapsible-content,
div#tabs div#safety div.ui-collapsible div.ui-collapsible-content,
div#tabs div#lisence div.ui-collapsible div.ui-collapsible-content
{
	/*padding: 2px ;*/
	padding: 0px ;
}

div#tabs div#skill div.ui-collapsible div.ui-collapsible-content ul.ui-body-c,
div#tabs div#special div.ui-collapsible div.ui-collapsible-content ul.ui-body-c,
div#tabs div#safety div.ui-collapsible div.ui-collapsible-content ul.ui-body-c,
div#tabs div#lisence div.ui-collapsible div.ui-collapsible-content ul.ui-body-c
{
	margin: 0px ;
	border: 0px solid #FFFFFF;
}

div#tabs div#skill div.ui-collapsible div.ui-collapsible-content ul.ui-body-c div.ui-btn,
div#tabs div#special div.ui-collapsible div.ui-collapsible-content ul.ui-listview div.ui-btn,
div#tabs div#safety div.ui-collapsible div.ui-collapsible-content ul.ui-body-c div.ui-btn,
div#tabs div#lisence div.ui-collapsible div.ui-collapsible-content ul.ui-body-c div.ui-btn
{
	margin: 2px 0px 0px 0px;
	padding: 5px 5px 10px 5px;
	width:57px;
	height:15px;
}


/* 日程選択画面 */

div.main div.ui-collapsible div.ui-collapsible-content
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	margin-bottom: 0px;
	border-top: 0px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px solid #C5C5C5;
	border-left: 0px dotted #B0B0B0;
}




.subjectNameHeader
{
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0%;
	padding-left: 1%;
	margin-bottom: 0px;
	border-top: 2px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px solid #C5C5C5;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
	color: #016FF3;
	font-weight: bold;
	background-color: #F3F4F0;
}

.legendHeader
{
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 0%;
	padding-left: 1%;
	margin-bottom: 10px;
	border-top: 0px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px solid #C5C5C5;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
	color: #016FF3;
	font-weight: bold;
	background-color: #FFFFFF;
}

.headerReservationNumber {
    font-size: 18px;
    font-weight: normal;
    background-image: url('../../Images/Reservation/SubjectNameBackground.png');
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #FF3B0B;
    padding-bottom: 3px;
}

dl.legendSchedule
{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	width: 100%;
}
dl.legendSchedule dt
{
	float: left;
	clear: both;
	padding: 0 1em;
}
dl.legendSchedule dd
{
	margin: 0;
	padding-left: 60px;
}


table.tableMonthSchedule {

    border-top: 1px dotted #B0B0B0;
    border-right: 2px solid #B0B0B0;
    border-bottom: 1px dotted #B0B0B0;
    border-left: 2px solid #B0B0B0;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}

table.tableMonthScheduleAlternate 
{
    border-top: 1px dotted #B0B0B0;
    border-right: 2px solid #B0B0B0;
    border-bottom: 1px dotted #B0B0B0;
    border-left: 2px solid #B0B0B0;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: rgba(182, 255, 251, 0.3);
}


table#TableMonthSchedule th
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 1px dotted transparent;
	border-bottom: 1px dotted transparent;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	background-color: #016FF3;
	color: #FFFFFF;
}

table#TableMonthSchedule td.cellRight
{
	padding: 4px 7px 2px 7px;
	border-top: 1px dotted #B0B0B0;
	border-right: 1px dotted #B0B0B0;
	border-bottom: 1px dotted #B0B0B0;
	border-left: 1px dotted #B0B0B0;
	text-align: left;
	 font-weight:normal;
	  vertical-align:middle;
}

table#TableMonthSchedule td.cellRight span#TdInnerStatus
{
	 font-weight:normal;
}

table#TableMonthSchedule td.cellLeft
{
	padding: 2px 3px 2px 3px;
	border-top: 1px dotted #B0B0B0;
	border-right: 1px dotted #B0B0B0;
	border-bottom: 1px dotted #B0B0B0;
	border-left: 1px dotted #B0B0B0;
	text-align: center;
	 font-weight:normal;
	  vertical-align:middle;
}

table#TableMonthSchedule td.cellLeft a.ui-link
{
	  vertical-align:middle;
	width:100%;
}


table#TableMonthSchedule td.cellLeft span#TdInnerSchedule
{
	 font-weight:normal;
	 line-height:25px;
	display: table-cell;
	width:100%;
}


p.tableMonthSchedule span.cellLeft
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 1px dotted #B0B0B0;
	border-bottom: 1px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	width: 90%;
	text-align: left;
	 font-weight:normal;
}

p.tableMonthSchedule span.cellLeftDisable
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 1px dotted #B0B0B0;
	border-bottom: 1px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	color: #999999;
	width: 90%;
	text-align: left;
	 font-weight:normal;
}

p.tableMonthSchedule span.cellLeftTransparent
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 1px dotted transparent;
	border-bottom: 1px dotted transparent;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	color: #999999;
	width: 90%;
	text-align: left;
	 font-weight:normal;
}

p.tableMonthSchedule span.cellRight
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	text-align: center;
	 font-weight:normal;
}

p.tableMonthSchedule span.cellRightTransparent
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px dotted transparent;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	width: 90%;
	text-align: center;
	 font-weight:normal;
}



p.tableMonthSchedule span.cellLeftMonth
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 1px dotted transparent;
	border-bottom: 1px dotted transparent;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	background-color: #016FF3;
	width: 90%;
	color: #FFFFFF;
	 font-weight:normal;
}

p.tableMonthSchedule span.cellRightMonth
{
	padding: 4px 7px 2px 7px;
	border-top: 0px dotted #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px dotted transparent;
	border-left: 0px dotted #B0B0B0;
	display: table-cell;
	text-align: center;
	background-color: #016FF3;
	 font-weight:normal;
}

table.tableInputStudentCount
{
	color: #333333;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	padding-left: 10px;
	border-top: 1px solid #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
}

table.tableInputStudentCount th
{
	/*font-size:18px;*/
	padding: 8px 6px 4px 6px;
	background-color: #EBEBEB;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
	white-space:nowrap;
}

table.tableInputStudentCount td
{
	padding: 8px 6px 4px 6px;
	background-color: #FFFFFF;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
}

#RadioButtonListStudentCount label
{
	display : inline;
}

table#RadioButtonListStudentCount
{
	border-collapse: collapse;
	margin-top: 0px;
	margin-right: 0%;
	margin-left: 0%;
	padding-left: 10px;
	border-top: 0px solid #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
}
table#RadioButtonListStudentCount td
{
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 0px solid #B0B0B0;
	border-right: 0px solid #B0B0B0;
	border-bottom: 0px solid #B0B0B0;
	border-left: 0px solid #B0B0B0;
}

table#RadioButtonListStudentCount td div.ui-radio
{
	margin: 0px;
}


.subsidyMark
{
	vertical-align:middle;
}

.popupArea
{
	/*margin-left:-12px*/
}


/* カート */



table.subjectNameArea
{
	color: #333333;
	border-collapse: collapse;
	padding-left: 10px;
	border-top: 0px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px solid #C5C5C5;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
}

.cartRowNumber
{
	width: 41px;
	height: 41px;
	line-height: 41px;
	color: #FFFFFF;
	padding-left: 0px;
	font-size: 18px;
	background-image: url('../../Images/Reservation/CartRowNumberBackground.png');
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	text-align: center;
}


.cartSubjectName
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0%;
	padding-left: 0%;
	border-top: 0px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px solid #C5C5C5;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
	color: #016FF3;
	font-weight: bold;
}


div.cartOuter
{
	color: #333333;
	background-color: #F3F4F0;
	border-collapse: collapse;
	padding-right: 0%;
	padding-left: 0%;
	border-top: 1px solid #C5C5C5;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px dotted #B0B0B0;
	width: 100%;
}



table.cart
{
	color: #333333;
	border-collapse: collapse;
	margin-right: 1%;
	margin-left: 1%;
	padding-left: 10px;
	border-top: 1px solid #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
	width: 98%;
}

table.cart th
{
	padding: 8px 6px 4px 6px;
	background-color: #EBEBEB;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
}

table.cart td
{
	padding: 8px 6px 4px 6px;
	background-color: #FFFFFF;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
}


.cartTotal
{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding: 8px 6px 4px 6px;
	background-color: #FFFFFF;
	border-top: 1px solid #FF552A;
	border-right: 1px solid #FF552A;
	border-bottom: 1px solid #FF552A;
	border-left: 1px solid #FF552A;
}


div.divPrerequisite, div.prerequisiteNameAndRquireDays
{
	font-size: 17px;
	width: 100%;
	color: #000000;
	padding: 0px 0px 0px 0px;
	border-top: 0px dotted #B0B0B0;
	border-right: 0px dotted #B0B0B0;
	border-bottom: 0px dotted #B0B0B0;
	border-left: 0px dotted #B0B0B0;
}





table.tableInputStudentCount ul, table.tableInputStudentCount li
{
	font-size: 10pt;
	font-weight:normal;
	line-height: 15px;
}

table.tableInputStudentCount td strong
{
	color: #000000;
	font-size: 18pt;
	font-weight: normal;
}

table.tableInputStudentCount th.prerequisiteSubjectName, div.divPrerequisite div.prerequisiteSubjectName
{
	color: #FFFFFF;
	text-align: center;
}






.shikakudori
{
	display: block;
	width: 114px;
	height: 94px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

td.tdPrerequisiteNameAndRquireDays
{
	vertical-align: middle;
	text-align: center;
	width: 100px;
	border-right: 1px solid #999999;
}

.inputStudentCountSubHeader
{
	text-align: left !important;
	padding-left: 20px !important;
}


div.ui-input-text input.watermarked
{
	color: #999999;
	background-color: #FFD8CE;
	font-size: 18px;
}

div.ui-input-text input.watermarkedDark
{
	color: #777777;
	background-color: #FFD8CE;
	font-size: 18px;
}

div.ui-input-text input.watermarkedNomal
{
	color: #999999;
	font-size: 18px;
}





div.ui-input-text input.watermark
{
	color: #999999;
	background-color: #FFD8CE;
	font-size: 18px;
}

div.ui-input-text input.reservationRequired:focus {
	background-color: #FFFFFF;
	color: #000000;
}

div.ui-input-text input.reservationRequired:placeholder-shown {
	color: #999999;
	background-color: #FFD8CE;
}

div.ui-input-text input.reservationRequired:not(:placeholder-shown) {
	background-color: #FFFFFF;
	color: #000000;
}

div.ui-input-text input.reservationRequiredDark:focus {
	background-color: #FFFFFF;
	color: #000000;
}

div.ui-input-text input.reservationRequiredDark:placeholder-shown {
	color: #777777;
	background-color: #FFD8CE;
}

div.ui-input-text input.reservationRequiredDark:not(:placeholder-shown) {
	background-color: #FFFFFF;
	color: #000000;
}

.panelStudentInfoHeader
{
	padding: 10px 3px 6px 3px;
	margin: 10px 0px 1px 0px;
	border-top: 2px solid #C5C5C5;
	background-color: #F3F4F0;
	border-bottom: 1px solid #C5C5C5;
}




/*
input.buttonLong
{
	width: 202px;
	height: 42px;
	padding: 3px 0px 0px 0px;
	font-size: 17px;
	color: #FFFFFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid transparent;
	background-image: url('../../Images/Reservation/OperationButtonBackgroundLong.png');
	background-repeat: no-repeat;
	background-position: center;
}
*/

input.buttonCopySubscriberInformation
{
	height: 100%;
	padding: 3px 0px 0px 0px;
	color: #FFFFFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid transparent;
}
input.buttonPopup
{
	height: 100%;
	padding: 3px 0px 0px 0px;
	color: #FFFFFF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid transparent;
}
.divCopySubscriberInformation
{
	margin: 30px 0px 30px 0px;
}
.divCopySubscriberInformation .ui-btn
{
	font-size: 25px;
	font-weight: normal;
	line-height: 0.8;
}
fieldset.fieldsetHorizontalCheckBox
{
}
.fieldsetHorizontalCheckBox div
{
	width: 100%;
	border: 0px solid #000000;
}
.fieldsetHorizontalCheckBox label
{
	padding: 13px 3px 13px 3px;
	text-align: center !important;
	font-size: 25px;
}

.fieldsetHorizontalRadioButton div
{
	width: 100%;
	border: 0px solid #000000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.fieldsetHorizontalRadioButton label
{
	padding: 13px 3px 13px 3px;
	text-align: center !important;
	/*font-size: 25px;*/
}
.subsidyInstruction
{
	 font-size: 19px; 
	margin-left: 0px;
}
.subsidyContent
{
}
.divSubsidy 
{
	width:100%;
	float: left;
	padding-top:3px;
	padding-bottom:3px;
}
.divSubsidy .ui-radio
{
	margin:0px;
}




/* 予約者入力 */

.blueHeader
{
	font-size:18px;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #016FF3;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	background-image: url('../../Images/SmartPhone/BlueHeaderBackground.png');
	background-repeat: repeat;
	background-position: left;
}


.dottedHeader
{
	padding-left: 5px;
	font-weight: normal;
	line-height: 120%;
	border-bottom: dotted 1px #CCCCCC;
	font-size:18px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


.ui-input-text input
{
	font-size: 18px;
	line-height: 18px;
	margin-right:5px;
}

.normalText
{
	/*font-size: 26px;*/
}

.ui-mobile label
{
	/*font-size: 26px;*/
}


/* 受講者入力 */
.subjectNameForStudentInfo
{
	font-size: 16px;
	vertical-align: middle;
	padding-left: 10px;
	color: #016FF3;
	font-weight:bold;
	line-height: 1.1;
}

.subjectNameForStudentInfo span
{
	margin: 0px;
	padding: 0px;
}

.indexNumber
{
	background-image: url('../../Images/SmartPhone/RowNumberBackground.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 25px;
	color: #FFFFFF;
	margin-right: 20px;
	font-weight: normal;
}



.radioButtonListStudentInfo
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	text-align: left;
	border: none;
}
.radioButtonListStudentInfo .ui-radio
{
	margin: 1px 0px 1px 0px;
}
.radioButtonListStudentInfo .ui-radio label
{
	font-size: 10pt;
	font-weight:normal;
}


table.tableTrainingInfo
{
	vertical-align: middle;
	width: 100%;
	/*font-size: 20pt;*/
	margin: 15px 0px 10px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	text-align: left;
	color: #333333;
	border: 1px solid #999999;
}
.tableTrainingInfo th
{
	width: 100px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	text-align:center;
	 white-space:nowrap;
}
.tableTrainingInfo td
{
	padding: 4px 4px 4px 4px;
	border: 1px solid #999999;
}


table.tableReservationInfo
{
	vertical-align: middle;
	width: 100%;
	/*font-size: 20pt;*/
	color: #333333;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	text-align: left;
}

table.tableReservationInfo th
{
	width: 100px;
	padding: 4px 4px 4px 4px;
	background-color: #F2F2F2;
	text-align: center;
	border: 1px solid #C5C5C5;
	 white-space:nowrap;
}

table.tableReservationInfo td
{
	padding: 4px 4px 4px 4px;
	color: #000000;
	border: 1px solid #C5C5C5;
}


.email
{
	font-size:11px;
	}


/* 完了画面 */


.instructionsImage
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	border: 0px solid #00FF00;
}

.completedContent
{
	margin-right: auto;
	margin-left: auto;
}

.completedContent p
{
	margin: 0px;
	margin-right: auto;
	font-size: 17px;
	color: #000000;
	line-height: 20px;
	text-align: left;
	display: block;
}

.completedHeader
{
	font-size: 22px;
	color: #006CF3;
	font-weight: normal;
}

/* 不成立画面 */

.failedContent1 {
	color: #FF3B0B;
font-size: 16px;
line-height: 22px;
text-align:left;
font-weight: bold;
margin-bottom:3px;
}

.failedContent2 {
font-size: 16px;
line-height: 22px;
text-align:left;
font-weight: bold;
margin-bottom:3px;
}


.failedContent3 {
font-size: 16px;
line-height: 21px;
}



table.failSubjectList
{
	 margin-left:auto;
	 margin-right:auto;
	/*font-size: 18px;*/
	color: #333333;
	padding-left: 10px;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
	width: 97%;
border-collapse:collapse;
}

table.failSubjectList td
{
	padding: 8px 6px 4px 15px;
	background-color: #EBEBEB;
	border-top: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;
}





.failSubjectName
{
}









.popupHeaderBase
{
	padding-bottom: 1px;
	border-bottom: 0px solid #999999;
}

.popupHeader
{
	background-image: url('../../Images/Reservation/PopupHeaderBackground.png');
	background-repeat: repeat;
	background-position: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #006DF2;
	/*font-size: 20px;*/
}
.popupHeader2
{
	color: #000000;
	/* font-size: 25px; */
	font-weight: normal;
	margin-bottom: 0px;
}
.popupContent
{
	color: #000000;
	/* font-size: 25px; */ 
}
.popupOuter
{
	/* margin: 15px 15px 15px 15px; */
	padding: 0px 10px 0px 10px;
}

.popupBase
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.tablePopupDescription ul
{
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border: none;
}

.navigation
{
	display: block;
	width: 310px;
	height: 21px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-top: 17px;
	margin-bottom: 17px;
	border: 0px solid #00FF00;
}


/* メールアドレス確認 */

.divValidateEmailAddress
{
	padding: 30px 5px 40px 5px;
	border-bottom: 3px solid #C8C8C8;
	/*font-size: 30px;*/
	background-color: #F3F4F0;
}

.reservationProcedure
{
	line-height: 25px;
	 font-weight:normal;
}
.privacyPolicy
{
	margin-top: 10px;
	line-height: 25px;
	 font-weight:normal;
}
.privacyPolicyInner
{
	list-style-type: disc;
	line-height: 25px;
	 font-weight:normal;
}
.divValidateEmailAddressInstructions
{
	 font-weight:normal;
	line-height: 25px;
}
.validateEmailAddressInstructionsItem
{
	padding: 0px;
}
.validateEmailAddressHeader
{
	padding-left: 5px;
	font-weight: normal;
	line-height: 120%;
	border-bottom: dotted 1px #999999;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	 font-weight:bold;
}
.divValidateEmailAddressInstructions ul
{
	list-style-type: square;
}
.divInputEmailAddress input
{
	text-align: left;
}
.divEmailValidationCompleted
{
	margin: 0px;
	padding: 1px 20px 25px 20px;
	text-align: center;
}
.collapsiblePrivacyPolicy div
{
	padding: 0px;
	background-color: #F3F4F0 !important;
	border: none !important;
}
.collapsiblePrivacyPolicy .ui-btn
{
	background-image: url('../../Images/SmartPhone/CollapsibleButton.png');
	background-repeat: no-repeat;
	background-position: center;
}

.collapsibleImage
{
	display: block;
	width: 2000px;
	height: 44px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px solid #00FF00;
}
.removeErrorMessage
{
	display: none !important;
}
.operationButton .ui-btn
{
	font-size:inherit;
}
div.ui-body-b .ui-btn
{
	font-size:14px;
}

.ui-page-theme-a
{
	background-color: #FFFFFF;
}
.cartIcon
{
	display: inline;
	width:18px;
	height:18px;
	padding: 0px;
	margin: 0px;
	border: none;
	margin-right:10px;
}
.returnIcon
{
	display: inline;
	width:18px;
	height:18px;
	padding: 0px;
	margin: 0px;
	border: none;
	margin-right:10px;
}
.pcEditionIcon
{
	display: inline;
	width:20px;
	height:15px;
	padding: 0px;
	margin: 0px;
	border: none;
	margin-right:10px;
}
.ui-tabs .ui-tabs-panel .ui-link
{
	padding-left:8px;
	font-weight:normal;
	font-size:14px;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn
{
	font-weight:normal;
	font-size:15px;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn-icon-right
{
	padding-left:8px;
	font-size:14px;
}
.headText
{
	font-size:15px;
	font-weight:normal;
}
.selectApplicationFormSendingMethodType .ui-radio .ui-btn
{
	font-size:15px;
	font-weight:normal;
}
.popupOuterIframe
{
	padding:0px 10px 0px 10px;
}

span.dropDownInputApplicationFormStudentInfo {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    text-align: left;
    height: 28px;
    width: 82px;
    padding: 0px 0px 0px 10px;
    background: url(../../Images/ApplicationForm/SelectBackground.png);
    background-repeat: no-repeat;
}

.dropDownInputApplicationFormStudentInfoLong {
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    text-align: left;
    height: 28px;
    width: 178px;
    padding: 0px 0px 0px 10px;
    background: url(../../Images/ApplicationForm/SelectLongBackground.png);
    background-repeat: no-repeat;
}

    .dropDownInputApplicationFormStudentInfoLong span {
        width: 178px !important;
    }

span.customSelect {
    font-size: 20px;
    color: #000000;
    line-height: 39px;
    height: 39px;
    width: 82px;
    margin-left: -6px;
    padding: 0 0 0 0px;
    background: url(../../Images/Reservation/SelectBackground.png);
    background-repeat: no-repeat;
    overflow: visible;
}

.watermarked {
    color: #999999;
    background-color: #FFD8CE;
}

.watermarkedDark {
    color: #777777;
    background-color: #FFD8CE;
}

.watermarkedNomal {
    color: #999999;
}

.watermark {
    color: #999999;
    background-color: #FFD8CE;
}

/*TextBoxKnownName利用不可時*/
.TextBoxKnownName:disabled {
	color: #adadad;
	background: #ededed;
	opacity: 0.6;
	cursor: not-allowed;
}

.cartAttention {
	max-width: 820px;
	border: double;
	padding: 0px 0px 0px 0px;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.reservationAttention {
	max-width: 820px;
	border: double;
	padding: 0px 0px 0px 0px;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.personInfoAttention {
	text-align: center;
	margin-top: 10px;
}

.infoRadiobutton {
	color: #223377;
}

div .reservationButtonGray .ui-btn {
	background-color: #808080;
	border-color: #808080;
	color: #ffffff;
	text-shadow: 0;
	font-size: 14px;
}

div .reservationButtonBlack .ui-btn {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	text-shadow: 0;
	font-size: 14px;
}

div .reservationButtonBlue .ui-btn {
	background-color: #0000FF;
	border-color: #0000FF;
	color: #ffffff;
	text-shadow: 0;
	font-size: 14px;
}

div .reservationButtonNavy .ui-btn {
	background-color: #000080;
	border-color: #000080;
	color: #ffffff;
	text-shadow: 0;
	font-size: 14px;
}

div .reservationButtonRed .ui-btn {
	background-color: #FF0000;
	border-color: #FF0000;
	color: #ffffff;
	text-shadow: 0;
	font-size: 14px;
}

/*hover時の挙動*/
html .reservationButtonGray .ui-btn:hover {
	opacity: 0.8;
	background-color: #808080;
	border-color: #808080;
	color: #ffffff;
	text-shadow: 0;
}

html .reservationButtonBlack .ui-btn:hover {
	opacity: 0.8;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
	text-shadow: 0;
}

html .reservationButtonBlue .ui-btn:hover {
	opacity: 0.8;
	background-color: #0000FF;
	border-color: #0000FF;
	color: #ffffff;
	text-shadow: 0;
}

html .reservationButtonNavy .ui-btn:hover {
	opacity: 0.8;
	background-color: #000080;
	border-color: #000080;
	color: #ffffff;
	text-shadow: 0;
}

html .reservationButtonRed .ui-btn:hover {
	opacity: 0.8;
	background-color: #FF0000;
	border-color: #FF0000;
	color: #ffffff;
	text-shadow: 0;
}

/*focus時の挙動*/
html .reservationButtonGray .ui-focus {
	box-shadow: 0 0 12px #BDBDBD;
}

html .reservationButtonBlack .ui-focus {
	box-shadow: 0 0 12px #585858;
}

html .reservationButtonBlue .ui-focus {
	box-shadow: 0 0 12px #3388cc;
}

html .reservationButtonNavy .ui-focus {
	box-shadow: 0 0 12px #2E64FE;
}

html .reservationButtonRed .ui-focus {
	box-shadow: 0 0 12px #fe9379;
}

.reservationDownArrow {
	width: 80px;
	height: 55px;
	margin-top: 15px;
}

.reservationDownArrow::before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 25px;
	background: #4472C4;
}

.reservationDownArrow::after {
	content: "";
	display: block;
	border-top: 50px solid #4472C4;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	transform-origin: center top;
	transform: scaleY(.5);
}