@charset "utf-8";

/*=================================================================================================
 LAYOUT BASIC CSS
===================================================================================================*/

#jquery-menu-1,
#jquery-menu-2,
#jquery-menu-1-open,
#jquery-menu-2-open{
	padding-left:15px !important;
	width:164px !important;
}
a#minus01,
a#plus01,
a#minus02,
a#plus02{
	width:147px !important;
}

#jquery-menu-1-sub,
#jquery-menu-2-sub{
	width:164px !important;
}

li.lmTtl{
	width:161px !important;
}
li.lmTtl a{
	width:133px !important;
	font-size:93% ;
}


li.lmTtl{
	width:161px !important;
	padding:15px 0px 0px !important;
	margin-left:0 !important;
	background: url(../images/bg_line_dot_x_02.gif) repeat-x left 27px;
}

#jquery-menu-1-sub li.lmTtl span.icon01{
	float:left !important;
	width:27px !important;
	display:block !important;
}
#jquery-menu-2-sub li.lmTtl span.icon01{
	float:left !important;
	width:15px !important;
	display:block !important;
}

#jquery-menu-1-sub li.lmTtl span.ttl{
	float:right !important;
	background: url(../images/bg_local_menu_ttl.gif) repeat left top;
	padding:7px 0px 0px 0px !important;
	font-size:77%;
	font-weight:bold;
	display:block !important;
	width:134px !important;
}
#jquery-menu-2-sub li.lmTtl span.ttl{
	float:right !important;
	background: url(../images/bg_local_menu_ttl.gif) repeat left top;
	padding:3px 0px 0px 0px !important;
	font-size:77%;
	font-weight:bold;
	display:block !important;
	width:146px !important;
}
li.lmTtl ul{
	width:auto !important;
	padding:0px !important;
	margin:0 !important;
}
li.lmTtl ul li{
	width:auto !important;
	padding-left:5px !important;
	margin:0 !important;
}
li.lmTtl a{
	width:145px !important;
	font-size:104%;
}

/*HAND MADE Navi
----------------------------------------------------------------------------------------*/
#handMadeNaviWrap{
	width:695px;
	padding:0px 0px 22px 15px;
	overflow:hidden;
	background: url(../../images/images_basic/bg_handmade_navi.gif) no-repeat left bottom;
}
#handMadeNaviWrap #naviDesc{
	width:690px;
	overflow:hidden;
	background: url(../../images/images_basic/bg_navi_desc.gif) no-repeat left bottom;
	margin:25px 0px 0px;
}
#handMadeNaviWrap #naviDesc .naviBox{
	float:left;
	width:210px;
	padding:0px 20px 0px 0px; 
}
#handMadeNaviWrap #naviDesc .naviBox .pic{
	padding:10px 9px 10px 10px; 
}
#handMadeNaviWrap #naviDesc .naviBox p{
	padding:0px 9px 15px 10px; 
}


/*TTL LAYOUT
----------------------------------------------------------------------------------------*/
h2.type01{
	clear:both;
	background: url(../images/bg_ttl_h2.gif) no-repeat left top;
	padding:9px 0px 20px 24px;
	margin:0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:123.1%;
	color:#fff;
}

/*HOW TO DESC
----------------------------------------------------------------------------------------*/
.howToDesc{
	clear:both;
	width:710px;
	overflow:hidden;
	margin:15px 0px 0px;
	font-size:12px;
}
.howToDesc .howToLeft{
	float:left;
	width:71px;
}
.howToDesc .howToRight01{
	float:right;
	width:631px;
	height:63px;
	padding:17px 0px 0px 8px;
	background: url(../../images/images_basic/bg_howto_01.gif) no-repeat left top;
}
.howToDesc .howToRight02-1{
	float:right;
	width:631px;
	height:63px;
	padding:17px 0px 0px 8px;
	background: url(../../images/images_basic/bg_howto_02_1.gif) no-repeat left top;
}
.howToDesc .howToRight02-2{
	float:right;
	width:631px;
	height:83px;
	padding:17px 0px 0px 8px;
	background: url(../../images/images_basic/bg_howto_02_2.gif) no-repeat left top;
}
.howToDesc .howToRight03{
	float:right;
	width:631px;
	height:63px;
	padding:17px 0px 0px 8px;
	background: url(../../images/images_basic/bg_howto_03.gif) no-repeat left top;
}
.howToDesc a{
	padding:0px 0px 0px 17px;
	background: url(../images/bg_arw.gif) no-repeat left 1px;
	line-height:1.5;
	font-weight:bold;
	color:#330000;
	line-height:1.3;
}
.howToDesc a span{
	font-weight:normal !important;
}
.howToDesc a img{
	vertical-align:text-bottom;
	margin:0px 0px 0px 5px;
}
.howToDesc p{
	line-height:1.4;
	padding:3px 0px 0px;
}



/*HAND INDEX
----------------------------------------------------------------------------------------*/
#hand-wrapper{
	width:710px;
}
#hand-wrapper #knitting-area{
	width:710px;
	padding-top:40px;
}
#hand-wrapper #knitting-area #knitting-block{
	width: 710px;
	background: url(../../images/images_basic/hands_knitting.gif) no-repeat left bottom;
}
#hand-wrapper #knitting-area #knittingBlockInner{
	width: 710px;
	background: url(../../images/images_basic/hands_knitting_top.gif) no-repeat left top;
	padding-top:21px;
}
#hand-wrapper #knitting-area #knitting-block #knitting-block-top{
	clear:both;
	width: 670px;
	overflow:hidden;
	padding:0px 0px 19px;
	margin:0 20px;
}
#hand-wrapper #knitting-area #knitting-block .knittingBlock{
	clear:both;
	width: 670px;
	overflow:hidden;
	padding:20px 0px 20px;
	border-top:1px dotted #333333;
	margin:0 20px;
}
#hand-wrapper #knitting-area #knitting-block #knitting-block-bottom{
	clear:both;
	width: 670px;
	overflow:hidden;
	padding:20px 0px 0px;
	border-top:1px dotted #333333;
	margin:0 20px;
}
#hand-wrapper #knitting-area #knitting-block .cLeft{
	width: 290px;
}
#hand-wrapper #knitting-area #knitting-block .cRight{
	width: 375px;
	padding-top:30px;
}
#hand-wrapper #knitting-area #knitting-block .cRight ul{
	width: 375px;
	padding-top:10px;
}
#hand-wrapper #knitting-area #knitting-block .cRight ul li{
	height:30px;
}





#hand-wrapper #movie-area{
	width:710px;
	padding-top:40px;
}
#hand-wrapper #movie-area #movie-block{
	width:710px;
	overflow:hidden;
	padding-top:10px;
}
#hand-wrapper #movie-area #movie-block h3.type01{
	clear:both;
	padding:0px 0px 17px 5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:108%;
}
#hand-wrapper #movie-area #movie-block .list-box{
	clear:both;
	width:709px;
	overflow:hidden;
}
#hand-wrapper #movie-area #movie-block .list-box .cLeft{
	width:217px;
	padding-right:28px;
}
#hand-wrapper #movie-area #movie-block .list-box .cRight{
	width:217px;
}

#hand-wrapper #movie-area #movie-block .list-box ul{
	padding-bottom:20px;
	padding-top:5px;
	padding-left:2px;
}
#hand-wrapper #movie-area #movie-block .list-box ul li a{
	padding-left: 17px;
	background: url(../images/bg_arw.gif) no-repeat left 1px;
	color:#333;
}
#hand-wrapper #sawing-area{
	width:710px;
	padding-top:20px;
}


#hand-wrapper #sawing-area #sawing-block{
	width: 710px;
	background: url(../../images/images_basic/hands_knitting.gif) no-repeat left top;
	padding-top:21px;
}
#hand-wrapper #sawing-area #sawing-block #sawing-block-top{
	clear:both;
	width: 670px;
	overflow:hidden;
	padding:0 20px 19px;
	margin:0px 0px 0;
	background: url(../../images/images_basic/hands_knitting.gif) no-repeat left bottom;
}
#hand-wrapper #sawing-area #sawing-block .cLeft{
	width: 290px;
}
#hand-wrapper #sawing-area #sawing-block .cRight{
	width: 375px;
	padding-top:30px;
}
#hand-wrapper #sawing-area #sawing-block .cRight ul{
	width: 375px;
	padding-top:10px;
}
#hand-wrapper #sawing-area #sawing-block .cRight ul li{
	height:30px;
}




#hand-wrapper #howtonavi-area{
	width:710px;
	padding-top:40px;
}
#hand-wrapper #howtonavi-area #howtonavi-block{
	width:710px;
	background:url(../../images/images_basic/hand_howto_base.gif) no-repeat left top;
	height:108px;
}
#hand-wrapper #howtonavi-area #howtonavi-block h3{
	padding:22px 0 16px 63px;
}
#hand-wrapper #howtonavi-area #howtonavi-block ul{
	padding:0px 0 0px 63px;
	overflow:hidden;
}
#hand-wrapper #howtonavi-area #howtonavi-block ul li{
	float:left;
	padding-right:30px;
}
#hand-wrapper #howtonavi-area #howtonavi-block ul li a{
	padding-left: 17px;
	background: url(../images/bg_arw.gif) no-repeat left 1px;
	color:#333333;
}