@import url("global.css");

/*------------*/
/*ママコメント*/
/*------------*/

div#main-body #main-right{
	width:725px;
	margin: auto -10px 0px auto;
	float: right; 
}

div#main-right #system-area-one{
	background:url("../system/img/system_back.jpg") no-repeat ;
	margin: 0px auto auto 0px;
	width:715px;
	height:456px;
}
div#system-area-one .mama-title{
	margin: 25px auto auto 10px;
}
div#system-area-one #mama-area{
/*border: 1px #ffffff solid;*/
	width:380px;
	height:150px;
	margin: 10px auto auto 10px;
	text-align: left;
	font-family: "ＭＳ p明朝","ＭＳ 明朝",serif; 
	color:#c78382;
    font-size: 13px;
	line-height: 1.3em;
}

div#system-area-one .basis-title{
	margin: auto auto -15px 10px ;
}
div#system-area-one #basis-area{
	width:270px;
	height:150px;
	float: left; 
	font-size: 10px;
	color:#c6a497;
	line-height: 2.3em;
	font-weight: bold; 
	margin: 0px auto auto 30px ;
	_margin: 0px auto auto 15px ;
}
div#basis-area .area-onetext{
	font-size: 13px;
	color:#ffffff;
}

div#system-area-one .business-title{
	margin: auto auto -15px 108px ;
}
div#system-area-one #business-area{
	width:300px;
	height:150px;
	float: right; 
	font-size: 10px;
	color:#c6a497;
	line-height: 2.0em;
	font-weight: bold;
	margin: 0px 90px auto auto ;	
	_margin: 0px 45px auto auto ;	
}
div#business-area .area-onetext{
	font-size: 13px;
	color:#ffffff;
}

/*------------*/
/*------------*/

#system-area-two{
	background:url("../system/img/system_back2.jpg") no-repeat ;
	margin: 0px auto auto 0px;
	width:715px;
	height:100px;
}
div#system-area-two .area-two-course{
	margin: 0px auto auto 10px;
	width:236px;
	height:197px;
	vertical-align: top; 
	/*border: 1px #ffffff solid; */
}
div#system-area-two .area-two-option{
	margin: 0px auto auto 35px;
	width:183px;
	height:121px;
	vertical-align: top; 
	/*border: 1px #ffffff solid; */
}
div#system-area-two .area-two-costume{
	margin: 0px auto auto 25px;
	width:176px;
	height:142px;
	/*border: 1px #ffffff solid;*/ 
}

#system-menu{
	text-align: right;
	width:382px;
	height:35px;
	color:#ffffff;
	margin: 50px auto auto 280px;
	_margin: -38px auto auto 280px;
}
div#system-menu #course-button{
	float: left; 
	background:url("../system/img/01_off.jpg") no-repeat;
	width:126px;
	height:35px;
	font-size: 14px;
	text-align: center;
	line-height: 2.4em;
	font-weight: bold; 
}
div#system-menu #course-button a.course-on{
	margin:0px auto auto 0px;
	width:126px;
	height:35px;
	color:#ffffff;
	display: block; 
	text-decoration: none; 
}
div#system-menu #course-button a:hover{
	background:url("../system/img/01_on.jpg") no-repeat ;
	width:126px;
	height:35px;
}

div#system-menu #option-button{
	float: left; 
	background:url("../system/img/02_off.jpg") no-repeat;
	width:130px;
	height:35px;
	font-size: 14px;
	text-align: center;
	line-height: 2.4em;
	font-weight: bold; 
}
div#system-menu #option-button a.option-on{
	width:130px;
	height:35px;
	color:#ffffff;
	display: block; 
	text-decoration: none; 
}
div#system-menu #option-button a:hover{
	background:url("../system/img/02_on.jpg") no-repeat ;
	width:130px;
	height:35px;
}

div#system-menu #costume-button{
	float: left; 
	background:url("../system/img/03_off.jpg") no-repeat;
	width:126px;
	height:35px;
	font-size: 14px;
	text-align: center;
	line-height: 2.4em;
	font-weight: bold; 
}
div#system-menu #costume-button a.costume-on{
	width:126px;
	height:35px;
	color:#ffffff;
	display: block; 
	text-decoration: none; 
}
div#system-menu #costume-button a:hover{
	background:url("../system/img/03_on.jpg") no-repeat ;
	width:126px;
	height:35px;
}

/*------------*/
/*------------*/

div#main-right #system-area-three{
	background:url("../system/img/system_back3.jpg") no-repeat ;
	margin: 0px auto auto 0px;
	width:715px;
	height:150px;
	padding: 25px 0 0 0 ;
}
div#system-area-three div{
	margin: 0px auto 5px 5px;
	line-height:100%;
	_line-height:125%;
	vertical-align: sub; 
	float: left; 
	font-family: "ＭＳ Ｐゴシック"; 
}
div#system-area-three .m-course{
	background:url("../system/img/01.jpg") no-repeat ;
	width:111px;
	height:18px;
}
div#system-area-three .s-course{
	background:url("../system/img/02.jpg") no-repeat ;
	width:111px;
	height:18px;
}
div#system-area-three .sop-course{
	background:url("../system/img/02-2.jpg") no-repeat ;
	width:135px;
	height:18px;
}
div#system-area-three .si-course{
	background:url("../system/img/03.jpg") no-repeat ;
	width:111px;
	height:18px;
}
div#system-area-three .re-course{
	background:url("../system/img/04.jpg") no-repeat ;
	width:111px;
	height:18px;
}
div#system-area-three .af-course{
	background:url("../system/img/05.jpg") no-repeat ;
	width:111px;
	height:18px;
}
div#system-area-three .sp-course{
	background:url("../system/img/06.jpg") no-repeat ;
	width:130px;
	height:18px;
}
div#system-area-three .sp2-course{
	background:url("../system/img/06.jpg") no-repeat ;
	width:130px;
	height:18px;
}
div#system-area-three .course-text-a{
	font-size: 12px;
	color:#ffffff;
	padding: 0 0 0 20px ;
}
div#system-area-three .course-text-b{
	font-size: 12px;
	color:#442b15;
	padding: 0 0 0 20px ;
}

/*------------*/
/*------------*/
/*------------*/
/*------------*/



/*--------------------------------*/
/*------テーブル1エリア------*/
/*------------------------------*/

#area-one{


}
div#area-one .system-back1{
behavior: expression(IEPNGFIX.fix(this));
	background:url("../system/img/system_back4.png") no-repeat;
	width:195px;
	height:197px;
	margin: 0px auto -120px 0px ;
}

div#area-one #area-back1{

}	
div#area-back1 #table-area{
	width:333px;
	margin:auto 10px 20px 10px;
	_margin:auto 7px 20px 7px;
	float: left; 
}

div#table-area #system-table1{
	background:url("../system/img/system_back_table_01.jpg") no-repeat;
	width:333px;
	height:30px;
	text-align: center;
padding:0px;
margin:0px;
}
div#table-area #system-table2{
	background:url("../system/img/system_back_table_02.jpg") repeat-y;
	width:333px;
padding:0px;
margin:0px;
}
div#table-area #system-table3{
	background:url("../system/img/system_back_table_03.jpg") no-repeat;
	width:333px;
	height:8px;
padding:0px;
margin:0px;
}
div#system-table1 .system-title{
	font-size: 14px;
	color:#ffffff;
	font-weight: bold; 
	line-height: 3em;
	_line-height: 2.0em;
}
div#system-table2 #table-one{
	color:#565656;
	text-align: center;
	width:312px;
	font-size: 11px;
	background-color: #e3c1ff; 
	border: 1px #2a004b solid; 
	border-collapse: collapse; 
	margin: 0px auto 0px 10px;
}
table#table-one td.table-item{
	background-color: #7d34b6; 
	color:#ffffff;
	width:312px;
	height:19px;
	padding: 0px;
	margin:0px;
	font-weight: bold; 
}
table#table-one td{
	border: 1px #2a004b solid; 
	border-collapse: collapse; 
	width:104px;
	height:20px;
	text-align: left;
	padding:0 0 0 7px ;
}
div#system-table2 table#table-one2{
	width:312px;
	font-size: 12px;
	background-color: #ffc0db; 
	border: 1px #2a004b solid; 
	border-collapse: collapse; 
	margin: 0px auto 0px 10px;
}

table#table-one th{
	border: 1px #2a004b solid; 
	border-collapse: collapse;
	height:20px; 
	width:130px;
	text-align: center;
}

/*-------------------------------------*/
/*------テーブル終了1エリア------*/
/*----------------------------------*/

/*------------*/
/*------------*/
.importance{
	position:absolute;
}
#contents-flower{
	top:87px;
	left:700px;
	width: 240px; 
	height: 303px; 
}
#contents-title{
	top:85px;
	left:665px;
	width: 201px; 
	height: 114px; 
}
#clinker{
	top:98px;
	left:785px;
	width: 105px; 
	height: 264px; 
}

#contents-item{
 behavior: expression(IEPNGFIX.fix(this)); 
	top:82px;
	left:541px;
	width: 405px; 
	height: 482px; 
}