@charset "utf-8";
/* CSS Document */

/*デフォルトCSSリセット
-------------------------*/
html * {
	margin:0;
	padding:0;
}

li {
	list-style:none;
}
h1, h2, h3, p, li, input, textarea, select {
	font-size:100%;
	font-weight:normal;
}
img {
	border:0;
	vertical-align:bottom;
}

/* リンク文字の設定 */
a {
	color: #F60;
}

a:hover {
	color: #900;
}

/*共通設定
-------------------------*/
body {
	width:1000px;
	margin:0 auto;
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* contents---------------- */

#wrapper {
	margin-top: 50px;
	background-image: url(../images/top_main.jpg);
	background-repeat: no-repeat
	height: 709px;
}

#title {
	padding-top: 70px;
	padding-left: 100px;
	float: left;
}

#table {
	padding-top: 376px;
	padding-left: 200px;
	height: 300px;
}

#table th{
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
}

#menu_sewing{
	padding-top: 15px;
}

#menu_sewing p a{
	background: url(../images/menu_sewing.jpg);
	background-repeat: no-repeat;
	width: 101px;
	height: 25px;
	display:inline-block;
	text-decoration:none;
}

#menu_sewing p a:hover{
	background: url(../images/menu_sewing_english.jpg);
}

#menu_drawing{
	padding-top: 52px;
}

#menu_drawing p a{
	background: url(../images/menu_drawing.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 23px;
	display:inline-block;
	text-decoration:none;
}

#menu_drawing p a:hover{
	background: url(../images/menu_thinking_english.jpg);
}


#menu_done{
	padding-top: 55px;
}

#menu_done p a{
	background: url(../images/menu_done.jpg);
	background-repeat: no-repeat;
	width: 145px;
	height: 19px;
	display:inline-block;
	text-decoration:none;
}

#menu_done p a:hover{
	background: url(../images/menu_doing_english.jpg);
}


#menu_sosen{
	padding-top: 20px;
}

#menu_sosen p a{
	background: url(../images/menu_sosen.jpg);
	width: 138px;
	height: 12px;
	display:inline-block;
	text-decoration:none;
}

#menu_sosen p a:hover{
	background: url(../images/menu_sosen_active.jpg);
}

#menu_place{
	padding-top: 23px;
}

#menu_place p a{
	background: url(../images/menu_place.jpg);
	width: 129px;
	height: 17px;
	display:inline-block;
	text-decoration:none;
}

#menu_place p a:hover{
	background: url(../images/menu_place_active.jpg);
}

#menu_blog{
	padding-top: 18px;
}

#menu_blog p a{
	background: url(../images/menu_blog.jpg);
	width: 150px;
	height: 17px;
	display:inline-block;
	text-decoration:none;
}

#menu_blog p a:hover{
	background: url(../images/menu_blog_active.jpg);
}

#table td{
	padding-top: 0px;
	padding-left: 178px;
	text-align: left;
}

#schedule {
	width: 250px;
	height: 155px;
	overflow: auto;
	margin: 18px 0px 0px 0px;
}

#schedule h4 {
	text-align: left;
	padding : 8px 0 0 10px;
	color: #900;
	font-weight: lighter;
	font-size: 12px;
}

#schedule p {
	text-align: left;
	padding : 5px 0 5px 10px;
	color: #333;
	font-weight: lighter;
	font-size: 13px;
	line-height: 1;
}

#schedule p a {
	text-decoration:none;
	color: #063;
}

#instagram {
	float: left;
	margin: 3px 0 0 680px;
	overflow: auto;
}

#facebook {
	float: left;
	margin: 0px 0 0 15px;
	overflow: auto;
}

/* footer ---------------- */

#footer {
	float: left;
	margin: 10px 0 0 0;
	width: 750px;
	height: 80px;
	position: relative;
}

#footer p{
	padding: 10px 0 0 350px;
	color: #666;
}

#footer h3{
	position: absolute;
	right: 80px;
	bottom: 10px;
}