@charset "utf-8";

body {
	background-image:url(../../images/top_back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

header {
	height:175px;
	margin-bottom:400px;
}

section#leftct {
	float:left;
	width:625px;
}

section#rightct {
	float:right;
	width:275px;
	_width:270px;
	_overflow:hidden;
}

#contents {
	padding-top:40px;
}

section#leftct #bannerspace {
	margin:10px 10px 12px;
}
	section#leftct #bannerspace #bn_blog, section#leftct #bannerspace #bn_contact {
		width:295px; height:90px;
	}
	section#leftct #bannerspace #bn_blog { float:left; }
	section#leftct #bannerspace #bn_contact { float:right; }



section#leftct #msgspace {
	color:#66214d;
}
	section#leftct #msgspace .top { background-image:url(../images/con_back_large_top.jpg); }
	section#leftct #msgspace .bottom { background-image:url(../images/con_back_large_bottom.jpg); }
	section#leftct #msgspace .top, section#leftct #msgspace .bottom {
		width:625px; height:35px;
		background-repeat:no-repeat;
	}
	section#leftct #msgspace .inner {
		background-image:url(../images/con_back_large.jpg);
		background-repeat:repeat-y;
		padding:0 40px 10px;
	}
	
		section#leftct #msgspace h2 {
			font-weight:bold;
			margin-top:20px;
		}
		section#leftct #msgspace h2.toph2 { margin:0; }
		section#leftct #msgspace p {
			font-size:13px;
			line-height:140%;
		}
	

section#rightct #infospace {
}
	section#rightct #infospace .top { background-image:url(../images/con_back_small_top.jpg); }
	section#rightct #infospace .bottom { background-image:url(../images/con_back_small_bottom.jpg); }
	section#rightct #infospace .top, section#rightct #infospace .bottom {
		width:275px; height:34px;
		background-repeat:no-repeat;
	}
	section#rightct #infospace .join {
		width:275px; height:55px;
		background-image:url(../images/con_back_small_join.jpg);
	}
	section#rightct #infospace .inner {
		background-image:url(../images/con_back_small-trans.png);
		background-repeat:repeat-y;
		padding:0 40px;
	}
	section#rightct #infospace img.detailbtn {
		float:right;
		width:89px; height:20px;
	}
	section#rightct #infospace img#stit_news {
		width:197px; height:21px;
	}
	section#rightct #infospace img#stit_school {
		width:200px; height:22px;
	}
	section#rightct #infospace dt {
		margin-top:20px;
	}
	section#rightct #infospace iframe#newsframe {
		width:195px; height:235px;
	}




/*   ★★★          バナーデモ　 ここから        ★★★   */


    section#leftct #bannerspace #bn_banner1 {
        margin-top: 12px;
}
	section#leftct #bannerspace #bn_banner1 {
		width:600px; height:90px;
	}


/*   ★★★          バナーデモ　 ここまで        ★★★   */




/*   ★★★          リトミック追加  　floatデモも含む　 ここから        ★★★   */

	
	.innerimage {
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	}
	
	.innertable {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	}

    .innerimage1 {
    float: left;
	}

	section#leftct #msgspace inner .innerp1 {
    float: right;
	}
	
    .innerplus{
    clear: both;
	}

    .innerimage2 {
    float: right;
	}

	section#leftct #msgspace inner .innerp2 {
    float: left;
	}

	
/*   ★★★          リトミック追加  　floatデモも含む　 ここまで        ★★★   */





.toph2
{
	height:70px;
	background-image:url(../images/h2_back.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#d83d88;
	font-size:24px;
	padding-top: 20px;
	margin-bottom: 14px;

}


//　イラスト付き吹き出し

.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}



//red

.red{
 font-color :#ff0000;
}