html{
height:100%;
}
body{
	/*font-family:"ＭＳ Ｐゴシック";*/
	text-align: center;
	height: 100%;
	background: #FFFFFF;
	color: #333333;
	background: url(../../img/charamake/bg.gif) repeat-x;
}
*{
	margin: 0;
	padding: 0;
}
ul,li{
list-style-type:none;
}
img{
display:block;border:none;
}
a:link {
	color:#0074CF;
	text-decoration:none;
}
a:visited {
	color:#0074CF;
	text-decoration:none;
}
a:hover {
	color:#FF6347;
	text-decoration:none;
}
a:active {
	color:#0074CF;
	text-decoration:none;
}




#footer {
	margin-top: 20px;
	width: 858px;
	color: #393E4F;
	font-size: 12px;
	line-height: 1.5;
}
#footerList {
	margin: 0 auto;
	text-align: center !important;
	width: 858px;
}
.footerNavi li {
	display:inline;
}
#footer a:link {
	color: #0074CF;
}
#footer a:visited {
	color: #000080;
}
#footer a:hover {
	border-bottom: 1px dotted;
	color: #FF6347;
	text-decoration: none;
}
#footer a:active {
	color: #FF8000;
}
/*大枠
------------------------------------*/
#container{
	width: 858px;
	text-align: left;
	margin: 0 auto;
}
#header {
	width: 858px;
	height: 58px;
	margin-top: 10px;
}
#header h1 {
	float:left;
}
#header .bread {
	width: 598px;
	height: 57px;
	margin-left: 5px;
	float:left;
}
#header .bread li {
	float:left;
}
#header span {
	margin-top: 18px;
	float: right;
	display: block;
}
#contents {
	width: 858px;
	/*text-align: center;*/
	text-align: left;
	clear: both;
}
.table0_left{
	width: 29px;
	background: url(../../img/charamake/table_0_left.gif);
	float:left;
}
.contentMiddle{
	width: 800px;
	_width: 858px;
	text-align: center;
	padding-top: 8px;
	padding-left: 29px;
	padding-right: 29px;
	background: url(../../img/charamake/bg_content.gif) repeat-y;
}
.contentBottom {
	width: 858px;
	height: 87px;
	text-align: center;
	margin-bottom: 20px;
	background: url(../../img/charamake/table_0_bottom.gif) no-repeat;
}
.nextCenter {
	width: 175px;
	height: 37px;
	border: 0;
	background: url(../../img/charamake/btn_next_center.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}
.baseBottomBtn {
	width: 280px;
	height: 37px;
	display: block;
	margin: 0 auto;
}
.baseBottomBtn button {
	width: 131px;
	height: 37px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	float: left;
}
.baseBottomBtn button#btnBack {
	background: url(../../img/charamake/btn_back.gif) no-repeat 0 0;
	margin-right: 18px;
}
.baseBottomBtn button#btnNext {
	background: url(../../img/charamake/btn_next.gif) no-repeat 0 0;
}

.table0_right{
	width: 29px;
	background: url(../../img/charamake/table_0_right.gif) repeat;
	float:left;
}
h2.mainImg {
	width: 829px;
	_width: 858px;
	height:450px;
	_height:479px;
	padding-top: 29px;
	padding-left: 29px;
	background: url(../../img/charamake/bg_h2.gif) no-repeat;
}

.random1 {
	width: 131px;
	height: 19px;
	margin-bottom: 5px;
	display: block;
}
.random2 {
	width: 766px;
	height: 19px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 5px;
}

/*エラーフィールド
------------------------------------*/
.miss {
	border: 2px solid #E8383D;
	margin: 10px auto;
	padding: 10px;
	text-align: left;
	width: 590px;
}
.miss p {
	color: #E8383D;
	font-size: 12px;
	font-weight: bold;
}
/*説明文
------------------------------------*/
.explainText {
	width: 516px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.explainText .etMiddle {
	width: 428px;
	_width: 460px;
	padding: 16px;
	font-size: 14px;
	text-align: left;
	line-height: 20px;

}
.explainText .etLeft {
	width: 28px;
	background: url(../../img/charamake/table_1_1.gif) no-repeat;
}
.explainText .etRight {
	width: 28px;
	background: url(../../img/charamake/table_1_2.gif) no-repeat;
	background-position: bottom;
}
.explainText .etTop {
	height: 21px;
	background: url(../../img/charamake/table_1_0.gif) no-repeat;
}
.explainText .etBottom {
	height: 21px;
	background: url(../../img/charamake/table_1_3.gif) no-repeat;
	background-position: right;
}

.explainText2 {
	width: 766px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 5px;
}

.explainText3 {
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 5px;
}
.explainText4 {
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/*テーブル
------------------------------------*/
.contentSelect {
	width: 766px;
	margin: 0 auto;
}
.selectTable {
	width: 374px;
	_width: 344px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	float: left;
}
.selectTableRight {
	margin-left: 18px;
}
.selectTable th {
	width: 70px;
	_width: 78px;
	color: #006699;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	background-color: #DDF9FF;
	padding: 4px;
}
.selectTable td.cellBtn {
	width: 53px;
	_width: 61px;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable td.cellText {
	width: 223px;
	_width: 231px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable td.cellDirect {
	width: 285px;
	_width: 293px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable td.cellDirect label {
	margin-right: 10px;
	display: block;
	float: left;
}
.selectTable input.check {
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 4px;
	display: block;
	float: left;
}
.selectTable input.radio {
	width: 12px;
	height: 12px;
	margin-top: 4px;
	margin-right: 4px;
	display: block;
	float: left;
}
.selectTable input.text {
	width: 170px;
	height: 20px;
	font-size: 12px;
	display: block;
	float: left;
}
.selectTable input.text2 {
	width: 40px;
	height: 20px;
	font-size: 12px;
	display: block;
	float: left;
}
.hiddenInfo {
	display: none;
}
/*テーブル　クラス選択用
------------------------------------*/
.selectTable2 {
	width: 398px;
	_width: 402px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}
.selectTable2 th {
	width: 98px;
	_width: 106px;
	color: #006699;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	background-color: #DDF9FF;
	padding: 4px;
}
.selectTable2 td.cellBtn {
	width: 53px;
	_width: 61px;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable2 td.cellText {
	width: 223px;
	_width: 231px;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable2 td.cellDirect {
	width: 285px;
	_width: 293px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
.selectTable2 td.cellDirect label {
	margin-right: 10px;
	display: block;
	float: left;
}
.selectTable2 input.check {
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 4px;
	display: block;
	float: left;
}
.selectTable2 input.radio {
	width: 12px;
	height: 12px;
	margin-top: 4px;
	margin-right: 4px;
	display: block;
	float: left;
}
.selectTable2 input.text {
	width: 170px;
	height: 20px;
	font-size: 12px;
	display: block;
	float: left;
}
.selectTable2 input.text2 {
	width: 40px;
	height: 20px;
	font-size: 12px;
	display: block;
	float: left;
}
/*学園選択
------------------------------------*/
.contentSchool {
	width: 600px;
	margin: 0 auto;
	text-align: left;

}
.contentSchool .schoolNameTable {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}
.contentSchool .schoolNameMiddle {
	font-size: 20px;
}
.contentSchool .schoolNameLeft img {
	margin-right: 5px;
}
.contentSchool .schoolNameRight img {
	margin-left: 5px;
}
.imgSchool {
	display: none;
}
.divSchool {
	display: none;
}
.first {
	display: block;
}
.selectSchool {
	width: 600px;
	margin-left:25px;
}
.selectSchool li {
	width: 130px;
	_width: 130px;
	height: 75px;
	_height: 75px;
	border: 2px #8E8E8E solid;
	float: left;
	white-space:nowrap;
}
.selectSchool li.selected {
	border: 2px #EA3356 solid;
}
.selectSchool #schoolIcon1, 
.selectSchool #schoolIcon2, 
.selectSchool #schoolIcon3, 
.selectSchool #schoolIcon4, 
.selectSchool #schoolIcon5,
.selectSchool #schoolIcon6,
.selectSchool #schoolIcon7,
.selectSchool #schoolIcon8 {
	margin-right: 6px;
	margin-top:6px;
}
.contentSchool h3 {
	color: #0049C1;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 10px;
}
.contentSchool h4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-top: 10px;
}
.contentSchool p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}
/*確認画面
------------------------------------*/
.selectTable .header {
	width: 372px;
	font-size: 14px;
	text-align: left;
	background-color: #ABCDE5;
}
.selectTable .cellHeaderConform {
	width: 90px;
	_width: 98px;
}
.selectTable .cellTextConform {
	width: 273px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	border: 1px #ABCDE5 solid;
	padding: 4px;
}
/*ポップアップ
------------------------------------*/
#grayBg{
	position:absolute;
	left:0;top:0;
	background-color:#aaaaaa;
	width:100%;height:100%;
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
}
.popupBase {
	position: absolute;
	left: 175px;
	width: 611px;
	border: 0px none;
	z-index: 10;
}
.popuUptop {
	width: 611px;
	height: 41px;
	/*_height: 85px;*/
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 44px;
	background: url(../../img/charamake/popup_bg_top.gif) no-repeat;
}
.popUpMiddle {
	width: 611px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../../img/charamake/popup_bg_middle.gif) repeat-y;
}
.popUpMiddle .inputCaution {
	width:160px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	margin: 0 auto;
	padding-left: 28px;
	background: url(../../img/charamake/icon_exclamation.gif) no-repeat;
	background-position: 0px 0px;
	/*background-color: #FF0000;*/
}
.popUpMiddle span {
	display: block;
}
.popUpMiddle .inputCell0 {
	width: 480px;
	margin: 0 auto;
	/*margin-left: 65px;*/
	margin-bottom: 10px;
}
.popUpMiddle .inputCell0 span {
	width: 70px;
	font-size: 12px;
	display: block;
	float: left;
}
.popUpMiddle .inputCell0 label {
	width: 70px;
	font-size: 12px;
	display: block;
	float: left;
}
.popUpMiddle .inputCell0 input {
	width: 12px;
	height: 12px;
	display: block;
	margin-right: 40px;
	float: left;
}
.popUpMiddle .inputCell1 {
	width: 480px;
	margin: 0 auto;
	/*margin-left: 65px;*/
}
.popUpMiddle .inputCell1 label {
	width: 50px;
	font-size: 12px;
	line-height: 20px;
	display: block;
	float: left;
}
.popUpMiddle .inputCell1 input {
	width: 170px;
	height: 20px;
	font-size: 12px;
	display: block;
	margin-right: 10px;
	_margin-right: 0px;
	margin-bottom: 10px;
	float: left;
}
.popUpMiddle ul {
	width: 480px;
	text-align: left;
	display: block;
	margin: 0 auto;
}
.popUpMiddle li {
	width: 240px;
	margin-bottom: 4px;
	display: block;
	float: left;
}
.popUpMiddle li input {
	width: 12px;
	height: 12px;
	margin-top: 2px;
	margin-right: 8px;
	display: block;
	float: left;
}
.popUpMiddle li label {
	width: 210px;
	font-size: 12px;
	display: block;
	float: left;
}
.popUpBottom {
	width: 611px;
	height: 99px;
	background: url(../../img/charamake/popup_bg_bottom.gif) no-repeat;
}
.popUpBottom a {
	width: 131px;
	height: 37px;
	margin-top: 27px;
	float: left;
}
.popUpBottom a.ok {
	margin-left: 165px;
}
.popUpBottom a.cancel {
	margin-left: 18px;
}
fieldset {
	display: none;
}
.popUpMiddle li input.inputHidden {
	display: none;
}
/*パートナー登録
------------------------------------*/
.partnerImgTop {
	width: 766px;
	height: 6px;
}
.partnerImgMiddle {
	width: 736px;
	_width: 766px;
	text-align: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	background: url(../../img/charamake/table_2_1.gif) repeat-y;

}
.partnerImgMiddle .pimleft {
	width: 270px;
	height: 360px;
	display: block;
	margin-bottom: 1px;
	padding-bottom: 1px;
	float: left;
}
.partnerImgMiddle .pimCenter {
	width: 266px;
	margin-left: 13px;
	float: left;
}
.partnerImgMiddle .pimCenter div {
	display: none;
}
.partnerImgMiddle .pimleft img {
	display: none;
}
/*
.partnerImgMiddle .pimleft img:first-child {
	display: block;
}
.partnerImgMiddle .pimCenter div:first-child {
	display: block;
}
*/
.partnerImgMiddle .pimCenter h3 {
	width: 248px;
	_width: 266px;
	color: #0049C1;
	font-size: 14px;
	text-align: center;
	border: 1px #B3B3B3 solid;
	padding: 8px;
	margin-bottom: 12px;
}
.partnerImgMiddle .pimCenter p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}
.partnerImgMiddle .pimCenter dl {
	font-size: 12px;
	line-height: 20px;
}
.partnerImgMiddle .pimCenter dt {
	font-weight: bold;
	float: left;
}
.partnerImgMiddle .pimCenter dl {
}
.partnerImgMiddle .pimRight {
	width: 158px;
	display: block;
	margin-left: 29px;
	float: left;
}
.partnerImgBottom {
	width: 766px;
	height: 6px;
	margin-bottom: 15px;
}
.partnerImgMiddle .pimRight ul {
	width: 158px;
	display: block;
}
.partnerImgMiddle .pimRight li {
	width: 158px;
	margin-bottom: 4px;
	display: block;
}
.partnerImgMiddle .pimRight li input {
	width: 14px;
	height: 14px;
	margin-top: 2px;
	margin-right: 8px;
}
.partnerImgMiddle .pimRight li label {
	font-size: 12px;
	font-weight: bold;
}

/*メール登録
------------------------------------*/
div.contentHeader {
	width: 829px;
	_width: 858px;
	padding-top: 29px;
	padding-left: 29px;
	background: url(../../img/charamake/bg_h2.gif) no-repeat;
}
.explainMailText {
	width: 695px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 20px;
}
.explainMailText .etMiddle {
	width: 639px;
	_width: 607px;
	padding: 16px;
	font-size: 14px;
	line-height: 20px;

}
.explainMailText .etLeft {
	width: 28px;
	background: url(../../img/charamake/table_1_1.gif) no-repeat;
}
.explainMailText .etRight {
	width: 28px;
	background: url(../../img/charamake/table_1_2.gif) no-repeat;
	background-position: bottom;
}
.explainMailText .etTop {
	height: 21px;
	background: url(../../img/charamake/table_1_0.gif) no-repeat;
}
.explainMailText .etBottom {
	height: 21px;
	background: url(../../img/charamake/table_1_3.gif) no-repeat;
	background-position: right;
}
.explainTextMailField {
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 5px;
}
.explainTextMailField label {
	font-weight: bold;
	display: block;
}
.explainTextMailField input {
	width: 300px;
	height: 20px;
	display: block;
	margin-bottom: 10px;
}










.breakFloat {
	clear: both;
}