@charset "utf-8";
/*--------------------------------------------------------------------
common
CSSの初期化
--------------------------------------------------------------------*/

* {
	font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
a {/*リンク枠の消去（Firefox対策）*/
	outline:0;
}
hr {/*hrラインの消去*/
	display: none;
}
.clear {/*回り込み解除*/
	line-height: 0px;
	clear: both;
}
/*------リンク色の設定-------*/
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}

/*--------------------------------------------------------------------
共通部分////
--------------------------------------------------------------------*/
body {
	text-align: center;
}
div#container {
	margin: 0px auto;
	width: 774px;
	text-align: left;
}
div#header {
	position: relative;
}
img#logo {
	margin: 5px;
}
div#header li {
	list-style: none;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	float: left;
}

/*topNavi
　上部ナビゲーション　会社概要〜*/

ul#topNavi {
	position: absolute;
	right: 17px;
	top: 20px;
}
ul#topNavi li {
	background: url(../top_img/navi_icon.gif) no-repeat left center;
	margin-left: 15px;
}
ul#topNavi li a {
	display: block;
	text-indent: 8px;
	white-space: nowrap;
}

/*Navi
　メインのナビゲーション設定（背景は個別）*/

ul#Navi {
	clear: both;
	margin-left: 6px;
}
ul#Navi a {
	white-space: nowrap;
	display: block;
	width: 190px;
	margin-top: 8px;
	height: 20px;
	text-indent: -10000px;
}
ul#sNavi {
	float: right;
	margin-right: 7px;
}
ul#sNavi li {
	background: url(../top_img/icon.gif) no-repeat left center;
	margin-left: 5px;
}
ul#sNavi li a {
	display: block;
	text-indent: 8px;
	white-space: nowrap;
	padding-right: 10px;
	line-height: 15px;
}

/*main
　カテゴリ別*/

div#main {
	clear: both;
}

/*visual
　イメージ写真*/

div#visual {
	float: left;
	height: 307px;
	width: 378px;
	margin-left: 3px;
}
div#visual h2 {
	text-indent: -10000px;
}

/*submenu
　サブメニュー*/

div#submenu {
	padding-top: 17px;
	height: 290px;
	width: 191px;
	float: left;
	color: #666666;
	font-size: 10px;
}
div#submenu dl {
	position: relative;
	width: 171px;
	margin-top: 17px;
	margin-left: 10px;
}
div#submenu dt a {
	height: 52px;
	width: 171px;
	display: block;
	margin-bottom: 3px;
	text-indent: -10000px;
}
div#submenu dd p {
	display: block;
	position: absolute;
	width: 113px;
	right: 3px;
	height: 26px;
	line-height: 13px;
	top: 240px;
}
div#submenu dd.m01 p {
	top: 22px;
}
div#submenu dd.m02 p {
	top: 76px;
}
div#submenu dd.m03 p {
	top: 130px;
}
div#submenu dd.m04 p {
	top: 184px;
}
div#submenu dd.m05 p {
	top: 240px;
}

/*info
　新着情報*/

div#info {
	float: left;
	height: 307px;
	width: 199px;
	font-size: 70%;
	line-height: 1.3em;
	color: #FFFFFF;
	margin-bottom: 5px;
}
div#info h3 {
	height: 43px;
	text-indent: -10000px;
}
div#info dl {
	margin-left: 7px;
	margin-right: 10px;
}
div#info dd {
	margin-bottom: 10px;
}
div#info a:link {
	color: #FFFFFF;
	text-decoration: none;
}
div#info a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#info a:hover {
	color: #333333;
	text-decoration: none;
}
div#info a:active {
	color: #FFFFFF;
	text-decoration: none;
}





div#wrapper {
	clear: both;
}



div#sideB {
	width: 368px;
	float: right;
}

/*news
　新着情報（全体）*/

div#news {
	background: url(../top_img/newsb.gif) no-repeat left top;
	height: 226px;
	width: 361px;
	margin-bottom: 5px;
}
div#news h4 {
	text-indent: -10000px;
	height: 25px;
}
div#news div.box {
	margin-left: 8px;
}

/*バナー*/

div#sideB div.bana img {
	margin-bottom: 5px;
}
div#sideB div.bana img.L {
	margin-right: 14px;
}
div#sideB div.bana img.R {
}




/*このサイトについて*/

div#sideB ul {
	margin: 5px 20px 0px 0px;
	float: right;
}
div#sideB li {
	list-style: none;
	font-size: 70%;
	background: url(../top_img/navi_icon.gif) no-repeat 0px 5px;
	color: #333333;
	line-height: 15px;
}
div#sideB li a {
	text-indent: 10px;
	display: block;
}

/*sideA*/

div#sideA {
	width: 390px;
	margin-left: 7px;
	float: left;
}
div#sideA img {
	margin: 0px 0px 5px;
	float: left;
}

div#sideA div.bana {
	clear: both;
	margin-bottom: 5px;
}
div#sideA div.bana img {
	margin: 0px;
	float: none;
}



div#sideA dl {
	font-size: 70%;
	line-height: 1.3em;
	color: #666666;
}
div#sideA dt {
	float: left;
	margin: 0px;
}
div#sideA dd p {
	display: block;
	width: 195px;
	float: left;
	margin-left: 5px;
}
div#sideA img.L {
	float: left;
	margin-right: 12px;
}
div#copyright {
	line-height: 25px;
	width: 760px;
	clear: both;
	font-size: 70%;
	text-align: center;
	margin: 0px 0px 10px 7px;
	color: #808080;
	border: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------------
product
商品情報////
--------------------------------------------------------------------*/
/*メニュー*/
div#productN {
	background: url(../top_img/product/p_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#product div#visual {
	background: url(../top_img/product/p_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#product div#submenu {
	background: url(../top_img/product/p_img_02.jpg) no-repeat left top;
}
div#product div#submenu div.m01 {
	background: url(../top_img/product/p_d_new.gif) no-repeat left top;
}
div#product div#submenu div.m02 {
	background: url(../top_img/product/p_d_catalog.gif) no-repeat left top;
}
div#product div#submenu div.m03 {
	background: url(../top_img/product/p_d_product.gif) no-repeat left top;
}
div#product div#submenu div.m04 {
	background: url(../top_img/product/p_d_hari.gif) no-repeat left top;
}
div#product div#submenu div.m05 {
	background: url(../top_img/product/p_d_torisetu.gif) no-repeat left top;
}
div#product div#submenu div.m05 a {
	height: 19px;
	width: 171px;
}
div#product div#submenu div.m06 {
	background: url(../top_img/product/p_d_story.gif) no-repeat left top;
}
div#product div#submenu div.m06 a {
	height: 19px;
	width: 171px;
}

/*更新情報*/

div#product div#info {
	background: url(../top_img/product/p_img_03.gif) no-repeat left top;
}

/*--------------------------------------------------------------------
event
イベント情報////
--------------------------------------------------------------------*/
/*メニュー*/

div#eventN {
	background: url(../top_img/event/e_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#event div#visual {
	background: url(../top_img/event/e_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#event div#submenu {
	background: url(../top_img/event/e_img_02.jpg) no-repeat left top;
}
div#event div#submenu div.m01 {
	background: url(../top_img/event/e_d_knitout.jpg) no-repeat left top;
}
div#event div#submenu div.m02 {
	background: url(../top_img/event/e_d_event.jpg) no-repeat left top;
}
div#event div#submenu div.m03 {
	background: url(../top_img/event/a_d_knitday.jpg) no-repeat left top;
}
div#event div#submenu div.m04 {
	background: url(../top_img/event/a_d_knit4.jpg) no-repeat left top;
}
div#event div#submenu div.m05 {
	background: url(../top_img/event/e_d_zenknitcafe.jpg) no-repeat left top;
}

/*更新情報*/

div#event div#info {
	background: url(../top_img/event/e_img_03.gif) no-repeat left top;
}

/*--------------------------------------------------------------------
campaign
キャンペーン////
--------------------------------------------------------------------*/

div#campaignN {
	background: url(../top_img/campaign/a_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#campaign div#visual {
	background: url(../top_img/campaign/a_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#campaign div#submenu {
	background: url(../top_img/campaign/a_img_02.jpg) no-repeat left top;
}
div#campaign div#submenu div.m01 {
	background: url(../top_img/campaign/a_d_sowing.gif) no-repeat left top;
}
div#campaign div#submenu div.m02 {
	background: url(../top_img/campaign/a_d_knit.gif) no-repeat left top;
}
div#campaign div#submenu div.m03 {
	background: url(../top_img/campaign/a_d_shop.gif) no-repeat left top;
}
div#campaign div#submenu div.m04 {
	background: url(../top_img/campaign/a_d_m04.gif) no-repeat left top;
}
div#campaign div#submenu div.m05 {
	background: url(../top_img/campaign/a_d_m05.gif) no-repeat left top;
}

/*更新情報*/

div#campaign div#info {
	background: url(../top_img/campaign/a_img_03.gif) no-repeat left top;
}

/*--------------------------------------------------------------------
hand
手づくりレシピ////
--------------------------------------------------------------------*/

div#handN {
	background: url(../top_img/hand/h_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#hand div#visual {
	background: url(../top_img/hand/h_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#hand div#submenu {
	background: url(../top_img/hand/h_img_02.jpg) no-repeat left top;
}
div#hand div#submenu div.m01 {
	background: url(../top_img/hand/h_d_katego.gif) no-repeat left top;
}
div#hand div#submenu div.m02 {
	background: url(../top_img/hand/h_d_searchnew.gif) no-repeat left top;
}
div#hand div#submenu div.m03 {
	background: url(../top_img/hand/h_d_tezukurina.jpg) no-repeat left top;
}
div#hand div#submenu div.m04 {
	background: url(../top_img/hand/h_d_movie.gif) no-repeat left top;
}
div#hand div#submenu div.m05 {
	background: url(../top_img/hand/n_d_nabi.jpg) no-repeat left top;
}
div#hand div#submenu div.m05 a {
	height: 19px;
	width: 171px;
}
div#hand div#submenu div.m06 {
	background: url(../top_img/hand/n_d_how.jpg) no-repeat left top;
}
div#hand div#submenu div.m06 a {
	height: 19px;
	width: 171px;
}



/*更新情報*/

div#hand div#info {
	background: url(../top_img/hand/h_img_03.gif) no-repeat left top;
}

/*--------------------------------------------------------------------
navigation
手づくりナビ////
--------------------------------------------------------------------*/

div#navigationN {
	background: url(../top_img/navi/n_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#navi div#visual {
	background: url(../top_img/navi/n_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#navi div#submenu {
	background: url(../top_img/navi/n_img_02.jpg) no-repeat left top;
}
div#navi div#submenu div.m01 {
	background: url(../top_img/navi/n_d_navi.gif) no-repeat left top;
}
div#navi div#submenu div.m02 {
	background: url(../top_img/navi/n_d_movie.gif) no-repeat left top;
}
div#navi div#submenu div.m03 {
	background: url(../top_img/navi/n_d_howtonote.gif) no-repeat left top;
}
div#navi div#submenu div.m04 {
	background: url(../top_img/navi/n_d_m04.gif) no-repeat left top;
}
div#navi div#submenu div.m05 {
	background: url(../top_img/navi/n_d_m05.gif) no-repeat left top;
}


/*更新情報*/

div#navi div#info {
	background: url(../top_img/navi/n_img_03.gif) no-repeat left top;
}

/*--------------------------------------------------------------------
community
コミュニティ////
--------------------------------------------------------------------*/

div#communityN {
	background: url(../top_img/community/c_navi.gif) no-repeat center top;
	height: 35px;
	width: 774px;
}

/*イメージ写真*/

div#community div#visual {
	background: url(../top_img/community/c_img_01.jpg) no-repeat left top;
}

/*サブメニュー*/

div#community div#submenu {
	background: url(../top_img/community/c_img_02.jpg) no-repeat left top;
}
div#community div#submenu div.m01 {
	background: url(../top_img/community/c_d_shop.gif) no-repeat left top;
}
div#community div#submenu div.m02 {
	background: url(../top_img/community/c_d_company.gif) no-repeat left top;
}
div#community div#submenu div.m03 {
	background: url(../top_img/community/c_d_teacher.gif) no-repeat left top;
}
div#community div#submenu div.m04 {
	background: url(../top_img/community/c_d_link.gif) no-repeat left top;
}
/*
div#community div#submenu div.m03 {
	background: url(../top_img/community/c_d_teacher.gif) no-repeat left top;

}
div#community div#submenu div.m03 a {
	height: 19px;
	width: 171px;

}
div#community div#submenu div.m04 {
	background: url(../top_img/community/c_d_link.gif) no-repeat left top;
}
div#community div#submenu div.m04 a {
	height: 19px;
	width: 171px;

}
*/
/*
div#community div#submenu div.m05 {
	background: url(../top_img/community/c_d_teacher.gif) no-repeat left top;
}
div#community div#submenu div.m06 {
	background: url(../top_img/community/c_d_link.gif) no-repeat left top;
}
*/

/*更新情報*/

div#community div#info {
	background: url(../top_img/community/c_img_03.gif) no-repeat left top;
}




div#submenu div {
	width: 171px;
	position: relative;
	margin: 0px 0px 3px 10px;
}
div#submenu div a {
	height: 52px;
	width: 171px;
	display: block;
	text-indent: -10000px;
}
div#submenu div p {
	display: block;
	position: absolute;
	width: 113px;
	right: 2px;
	height: 26px;
	line-height: 13px;
	top: 23px;
}