@charset "UTF-8";
*{
	margin:0;
	padding:0;

	}




/*---ヘッダー--*/
#header{
	margin-bottom:10px;

	}


/*メインコンテンツ-------------------------*/

#main{
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	width:670px;
	}

/*トップページ　左コンテンツ３ここまで-------------------------*/

/*コンテンツ左ページメニュー　ここから--------------------------*/


#leftcontents{
	float:left;
	width:200px;
	height:100%;
	margin-left:15px;
	/*margin-bottom:10px;*/
	list-style:none;
	}

#leftcontents img{
	margin-bottom:15px;
	text-align:center;
	}


/*-- leftmenuここから------------------------------*/

#leftmenu{
    clear:both;
	width:200px;
	height:340px;
 	background-image:url(../images/con_leftmenu_4.jpg) no-repeat;
	}

#leftmenu ul {
	list-style-type:none;
    margin:0;
    padding:0;
}

#leftmenu li {
    display: inline;
	float: left;
}

#leftmenu li a {
    display: block;
	width: 200px;
	height: 85px;
	text-indent:-9999px;	/* テキストを隠す */
	overflow:hidden;
	background:url(../images/con_leftmenu_4.jpg) no-repeat 0 0;
}



/*-- leftmenu02ここから------------------------------*/

#leftmenu02{
    clear:both;
	width:200px;
	height:260px;
	margin-top:10px;
	margin-bottom:10px;
 	background-image:url(../images/con_leftmenu_5.jpg) no-repeat;
	}

#leftmenu02 ul {
	list-style-type:none;
    margin:0;
    padding:0;
}

#leftmenu02 li {
    display: inline;
	float: left;
}

#leftmenu02 li a {
    display: block;
	width: 200px;
	height: 52px;
	text-indent:-9999px;	/* テキストを隠す */
	overflow:hidden;
	background:url(../images/con_leftmenu_5.jpg) no-repeat 0 0;
}


/* ボタン通常時 -----------------------*/
#leftmenu02 .knit a {
	background-position:0px 0px;
}


#leftmenu02 .school a {
	background-position:0px -52px;
}

#leftmenu02 .reform a {
	background-position:0px -104px;
}

#leftmenu02 .media a {
	background-position:0px -156px;
}

#leftmenu02 .link a {
	background-position:0px -208px;
}


/* hover-----------------------------*/

#leftmenu02 .knit a:hover {
	background-position:-200px 0px;
}


#leftmenu02 .school a:hover {
	background-position:-200px -52px;
}


#leftmenu02 .reform  a:hover {
	background-position:-200px -104px;
}


#leftmenu02 .media a:hover {
	background-position:-200px -156px;
}

#leftmenu02 .link a:hover {
	background-position:-200px -208px;
}


/*-- leftmenu02ここまで-----------------------------*/


/*-- leftmenu02ここまで-----------------------------*/

/*-- leftmenu02ここから-----------------------------*/
#mail{
	clear:both;
	margin-top:10px;

	}

#mail li{
	list-style-type:none;
}

#mail a{
	text-indent: -9999px;
	text-decoration:none;
	display: block;
	width: 200px;
	height: 77px;
	background-image:url(../images/mail.jpg);
	background-repeat: no-repeat;
}
#mail .banner_mail a {
	background-position: 0 0x; }

#mail .banner_mail a:hover {
	background-position:-200px -0px;}

/*-- mailここまで-----------------------------*/

/*トップページ　左コンテンツ-オーダーメイド１-ここから-------------------------
#order{
	text-indent:-9999em;
	width:350px;
	height:220px;
    float:left;
	background-image:url(../images/maid01.jpg) ;
	background-repeat:no-repeat;
	}

#order a{
	text-indent:-9999em;
	background-image:url(../images/maid01.jpg);
	background-repeat:no-repeat;
	width:350px;
	height:220px;
	float:left;
	display:block;
	}


#order a:hover{
	background-image:url(../images/maid02.jpg);
	}
トップページ　左コンテンツ-オーダーメイド１-ここまで-------------------------*/

/*---メイン画像-----*/
#header h1 img{
	margin-top:10px;
	}
h1 {
	padding-top:10px;
		}
/*----------------  トップ画像右 ここから---------------------*/
.top01{
	float:left;
	/*margin-right:10px;*/
	}

.top02{
	float:left;
	magrin-left:15px;
	margin-bottom:5px;
}

.top03{
	clear:both;
	margin-top: 20px;
	width:660px;
	}

.top04{
	font-size:12px;
	width:100%;
	color:#03C;
	text-align:center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.top05{
	margin-top:10px;

	}

/*----------------  トップ画像右 ここまで---------------------*/