@charset "shift_jis";

/* メインコンテンツ（トップページ） */


#container #mainContentsTop {
	/* height:540px; */
	width:800px;
	margin:0px;
	padding:0px;
	background:url(../images/background/bg_toppage.gif) repeat-y;
}

/* ////////  ヘッダー（トップページ） //////// */

#container #headerTop {
	width: 800px;
	height: 300px;
	background-image:url(../images/header_top.jpg);
	text-indent:-9999px;
}

/* トップページ（左） */

#container #mainContentsTop #left{
	/* height:500px; */
	width:544px;
	margin:0;
	padding:20px 20px 20px 30px;
	float:left;
}

#container #mainContentsTop #left #news{	/* お知らせ */
	border:5px dotted #FF0000;
	padding:15px;
}

#container #mainContentsTop #left #news h1{
	padding-bottom:3px;
}

#container #mainContentsTop #left #news .illustmap {
	padding-right:15px;
	float:left;
}

#container #mainContentsTop #left #puratto{	/* ぷらっとときわ */
	border:5px dotted #66CC00;
	padding:15px;
	background:url(../images/index/img_puratto.gif) no-repeat right top;
}

#container #mainContentsTop #left #kouza{	/* ときわチャレンジ講座 */
	border:5px dotted #66CC00;
	padding:15px;
	background:url(../images/index/img_kouza.gif) no-repeat right top;

}

#container #mainContentsTop #left #kouza .img_kouza{
	margin:10px;
	float:right;
}

/* トップページ（右） */

#container #mainContentsTop #right{
	margin:0px 0px 0px 596px;
	padding:20px 30px 20px 20px;
	/* float:right; */
}

#container #mainContentsTop #right .img_sakuhin{
	padding:10px
}

#container #mainContentsTop #right ul .album_list{
	line-height:150%;
	padding-left:30px;
	list-style-type:none;
	background-position:0px center;
	background-image: url(../images/index/img_album_list.gif);
	background-repeat: no-repeat;
	
		
}


/* トップページ（右）：ときわちゃれんじ講座へのリンク */

#container #mainContentsTop #right #kouza_link a{
	text-decoration:none;
	width:150px;
	height:40px;
	display:block;
	background-image:url(../images/index/btn_kouza.jpg);
	text-indent:-9999px;
	margin-bottom:15px;
}

#container #mainContentsTop #right #kouza_link a:hover{
	background-image:url(../images/index/btn_kouza_o.jpg);
}


/* トップページ見出し */
#container #mainContentsTop h2{
	text-align:center;
}

/* 折り返しクリア */
#container #mainContentsTop .floatClear {
	display: block;
	clear:left;
}

#container #mainContentsTop #right .clear {
	clear:left;
}