@charset "Shift_JIS";

/* ------------ レイアウト ------------ */
body {
		background-image : url(image/bg.gif);
		margin:0px;
		padding:0px;
		text-align: center;
		font-family : "メイリオ","ＭＳ Ｐゴシック","Osaka","sans-serif";
}
img {
		border : 0px;
		vertical-align : middle;
}
img.imgleft {
		float: left;
		vertical-align: middle;
		margin-right: 10px;
}
a:link {
		color : #cc0099;
}
a:hover {
		color : blue;
}


/* ------------ 段組設定 ------------*/

#container { /* コンテナ */
		position: relative;
		width: 770px;
		margin: 0px auto;
		padding: 0px 0px 20px 0px;
		text-align: left;
		border-width: 0px 3px;
		border-color: #808080;
		border-style: solid;
}
#container2 {
		background : #ffffff url(image/bg_green.jpg) no-repeat right top;
}
#container3 {
		background : #ffffff url(image/bg_sky.jpg) no-repeat right top;
}
#container4 {
		background : #ffffff url(image/bg_water.jpg) no-repeat right top;
}


/* ヘッダー*/
#head{
		width:auto;
		height:auto;
		padding: 5px;
		margin: 0px 0px 0px 0px;
		border-width: 0px 0px 5px 0px;
		border-color: #c00e55;
		border-style: solid;
}
#top1 {
		width : auto;
		text-align: left;
		font-size : 12px;
		color: purple;
		padding: 10px 5px 5px 5px;
		margin:0px auto;
}
#top2 {
		height : 34px;
		background-color : #ffccff;
		border : solid #000000;
		border-width: 1px 0px;
		margin:0px -5px 15px;
		padding: 8px 0px 0px 5px;
		text-align: left;
		font-size : 12px;
		width : auto;
}
h1 {
		width : auto;
		height : 60px;
		text-align: left;
		font-size: 12px;
		color: #000000;
		line-height: 23px;
		padding: 5px 0px 0px 135px;
		margin:0px auto;
		background: url("image/BestcolorcoM_logo.gif") no-repeat 5px 50%;
}
#h1img1{
		margin: -38px 0px 10px 150px;
}


/* 左側*/
#left{
		width: 570px;
		float: left;
		/* background-color: #ffffff; */
		padding: 10px 15px 30px 15px;
		font-size: 14px;
		line-height: 22px;
}
h2 {
		font-size: 17px;
		border-style: solid;
		border-width: 0px 0px 3px 15px;
		border-color: #c00e55;
		padding: 5px 0px 5px 5px;
		margin: 20px 0px;
}
.mainbox {
		width : 490px;
		color: gray;
		font-size : 14px;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
		padding: 15px;
}
.mainbox2 {
		text-align: center;
}


/* 日程表 */
.mainbox3 { /* 日程表 終了分 */
		font-size : 12px;
		background-color: #ffffff;
		color: #5e5e5e;
		border: solid 1px #c0c0c0;
		margin: 6px 0px 0px 0px;
		padding: 8px 5px 8px 15px;
}
.mainbox4 { /* 日程表 予定分 */
		font-size : 12px;
		background-color: #ffffff;
		border: solid 1px black;
		margin: 6px 0px 0px 0px;
		padding: 8px 10px 8px 15px;
}
.mainbox5 { /* 日程表 確定分 */
		font-size : 12px;
		background-color: #ffffff;
		font-weight: bold;
		border: solid 1px #5e5e5e;
		margin: 6px 0px 0px 0px;
		padding: 8px 5px 8px 15px;
}


.mainbox6 { /* 卒業生の声 */
		font-size : 13px;
		line-height: 20px;
		background-color: #ffffff;
		border-color: #c00e55 #000000 #000000 #000000;
		border-style: solid dashed dashed dashed;
		border-width: 5px 1px 1px 1px;
		margin: 6px 0px 25px 0px;
		padding: 8px 10px 8px 15px;
}

/* 右側*/
#right{
		width:160px;
		font-size: 14px;
		line-height: 20px;
		float: right;
		padding: 70px 5px 30px 5px;
}
ul.formenu {
		list-style : none;
		margin : 20px 0px 0px 0px;
		padding : 0px;
		font-weight : bold;
		color : #5e5e5e;
		background-color :#fff4ff;
}
ul.formenu li {
		border-style: solid;
		border-width: 0px 2px 1px 10px;
		border-color: #c00e55;
		border-collapse: collapse;
		width: 143px;
		height: 35px;
		padding: 10px 0px 0px 5px;
}
ul.formenu li.formenu2 { /* メニュー タイトル*/
		color: white;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 40px;
		height: 40px;
		background-color: #c00e55;
		border-width: 1px 2px 1px 10px;
		padding: 0px 0px 0px 5px;
		margin: 0px;
}
ul.formenu li.formenu3 { /* メルマガ タイトル */
		color: white;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		line-height: 40px;
		height: 40px;
		background-color: #c00e55;
		border-width: 0px 2px 1px 10px;
		padding: 0px 0px 0px 5px;
		margin: 0px;
}
ul.formenu li.formenu4 { /* メルマガ内容 */
		height: auto;
		color: black;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		background-color: #fff4ff;
		border-width: 0px 2px 1px 10px;
		padding: 5px 0px 10px 5px;
		margin: 0px;
}
ul.formenu li.formenu5 { /* 最下段 */
		color: black;
		text-align: center;
		font-size: 11px;
		line-height: 15px;
		font-weight: bold;
		height: 35px;
		background-color: white;
		border-width: 0px 2px 5px 10px;
		padding: 5px 0px 0px 5px;
		margin: 0px;
}



/* フッター*/
#foot {
		position: relative;
		width: 100%;
		height: auto;
		clear: both;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
}
#mailad {
		background-color: #ffffff;
		width : 180px;
		height : 34px;
		font-size: 10px;
		color: #000000;
		border-style: dashed;
		border-color: #000000;
		border-width: 1px;
		padding: 5px 0px 6px 10px;
		margin: 0px 0px 10px 5px;
		float: left;
}
#copyright {
		color: gray;
		font-size: 14px;
		text-align: right;
		font-weight: bold;
		margin: 0px 10px 10px 0px;
}



/* ----------- フォント ------------ */
.fontred {
		color : red;
		font-weight: bold;
}
.fontbule {
		color : blue;
		font-weight: bold;
}
.fontteal {
		color : teal;
		font-weight: bold;
}
.fontpink {
		color : #ff0099;
		font-weight: bold;
}
.fontglay {
		font-weight: bold;
		color: #6d6d6d;
}
.fontnavy {
		font-size: 17px;
		font-weight: bold;
		color: #064579;
		text-decoration:underline;
}
.font12 {
		font-size: 12px;
		line-height: 20px;
}



/* ------------ 罫線の色指定 ------------ */
hr.red {
		border-style: solid none none none;
		border-top-width: 2px;
		border-top-color: #ee0249;
		height: 2px;
}
hr.red2 {
		border-style: solid none none none;
		border-top-width: 4px;
		border-top-color: #c00e55;
		height: 4px;
}
hr.glay {
		border-style: solid none none none;
		border-top-width: 2px;
		border-top-color: #808080;
		height: 2px;
}
hr.glays {
		border-style: solid none none none;
		border-top-width: 1px;
		border-top-color: #c0c0c0;
		height: 1px;
		width: 526px;
		text-align: center;
}
hr.green {
		border-style: solid none none none;
		border-top-width: 2px;
		border-top-color: #01540a;
		height: 2px;
}




/* ------------ カリキュラムテーブル用 ------------ */
.tdef-crall {
		border-collapse: collapse;
		background-color: #ffffff;
		font-size: 12px;
		line-height: 18px;
		margin: -10px auto 0px;
}

.tdef-cr11 {
		font-weight: bold;
		border-style: solid;
		border-color: #000000;
		border-width: 1px 0px 1px 1px;
		background-color: #ffdfff;
		padding: 3px;
}
.tdef-cr12 {
		font-weight: bold;
		border: solid 1px #000000;
		background-color: #ffdfff;
		padding: 3px;
}

.tdef-cr21 {
		border-style: solid;
		border-color: #000000;
		border-width: 0px 0px 1px 1px;
		padding: 3px;
}
.tdef-cr212 {
		border-style: solid;
		border-color: #000000;
		border-width: 0px 0px 1px 1px;
		background-color: #ffeeff;
		padding: 3px;
}
.tdef-cr22 {
		border-style: solid;
		border-color: #000000;
		border-width: 0px 1px 1px 1px;
		padding: 3px;
}

/* ------------ 注文フォーム下部 ------------ */
table {
		border-collapse: collapse;
		background-color: #f9f9f9;
}
td.titl {
		color: #c20389;
		font-weight: bold;
		border: solid 1px #000000;
		background-color: #e0e0e0;
		text-align: center;
		padding: 10px 0px;
}
td.tdef1 {
		width: 210px;
		font-size: 12px;
		border: solid 1px #000000;
		padding: 5px;

}
td.tdef2 {
		font-size: 12px;
		width: 310px;
		border: solid 1px #000000;
		padding: 5px;
}