@charset "UTF-8";
html {
	background: #fff;
}
body {
	background: #fff;
}
#fb-root {
	height: 7px;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -85px;
}
.menu {
	position: relative;
	width: 900px;
	margin: 0 auto 20px;
	padding-top: 78px;
	height: auto;
	overflow: hidden;
}
.menu_1 {
	float: left;
	border-left: 1px solid #000000;
}
.menu_2 {
	float: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.menu_3 {
	float: right;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.menu_4 {
	float: right;
	border-left: 1px solid #000000;
}
#wrapper {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
}	
#yodogawa {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
#yodogawa0613 {
	width: 1000px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	position: relative;
}
.yodogawa0613_image {
	width: 800px;
	margin: 0 auto;
}
.yodogawa0613_btn {
	position: absolute;
	right: 70px;
	bottom: 50px;
}
.tomeru_midashi {
	padding-bottom: 20px;
}
.design_info_tomeru {
	width: 800px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 30px;
	height: auto;
	overflow: hidden;
}	
.design_info {
	width: 800px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 30px;
	height: auto;
	overflow: hidden;
}
.design_left {
	width: 450px;
	font-size: 14px;
	line-height: 200%;
	float: left;
}
.design_right {
	width: 300px;
	float: right;
}
.design_right_title {
	padding-bottom: 20px;
}
.design_right_price {
	text-align:center ;	
	border-top: 1px solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.design_right_price2 {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.desgn_right_cart {
	padding-top: 5px;
	text-align:center ;	
}
.kubimaki_size {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}
.design_right_other {
	border-top: 1px solid #000000;
	padding-top: 10px;
	font-size: 12px;
	line-height: 175%;
	padding-bottom: 10px;
}
.design_right_other2 {
	border-bottom: 1px solid #000000;
	font-size: 12px;
	line-height: 175%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.6design {
	padding-top: 80px;
	padding-bottom: 80px;
}
#mizutama {
	width: 900px;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 200%;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom: 40px;
	border-top: 1px solid #000000;
}
#mizutama .title {
	float: left;
	padding-bottom: 20px;
	margin-left: 20px;
}
#mizutama .products {
	margin-left: 350px;
	text-align: center;
}
#mizutama .products .design {
	padding-right: 20px;
	text-align: center;
}
#mashikaku {
	width: 900px;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 200%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
#mashikaku .title {
	float: right;
	padding-bottom: 20px;
}
#mashikaku .products {
	margin-right: 350px;
	text-align: center;
	margin-left: 15px;
}
#mashikaku .products .design {
	padding-right: 20px;
	text-align: center;
}
#hoboasa {
	width: 900px;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 200%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 75px;
}
#hoboasa .title {
	float: left;
	padding-bottom: 20px;
	margin-left: 20px;
}
#hoboasa .products {
	margin-left: 350px;
	text-align: center;
}
#hoboasa .products .design {
	padding-right: 20px;
	text-align: center;
}
.price {
	font-size: 12px;
	line-height: 175%
}
.design {
	float: left;
}
.stock {
	font-size: 12px;
	color: #F00;
}
.product_name {
	font-size: 12px;
}
#tomeru {
	background:url(../images/tomerushop.jpg);
	background-repeat: no-repeat; 
	position: relative;
	width: 900px;
	height:291px;
	font-size: 14px;
	line-height: 200%;
	margin: 0 auto;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	position: relative;
}
.tomeru_text {
	margin-top: 100px;
	margin-left: 30px;
}
.tomeru_image {
	text-align: center;
	padding-bottom: 50px;
}	
.more {
	position: absolute;
	bottom: 82px;
	right: 0px;
	width: 610px;
	height: 148px;
}
.contents {
	height: auto;
	overflow: hidden;
	padding-top: 45px;
	padding-bottom: 45px;
	width: 850px;
	margin: 0 auto;
}
.contents_left {
	float: left;
	width: 350px;
	margin-left: 25px;
}
.notice {
	font-size: 13px;
	line-height: 185%
}
.notice_midashi1 {
	padding-bottom: 10px;
}
.notice_midashi2 {
	padding-top: 20px;
	padding-bottom: 10px;
}
.notice_midashi3 {
	padding-top: 20px;
	padding-bottom: 10px;
}
.credit {
	font-size: 12px;
	line-height: 200%;
	margin-top: 30px;
}
.navi {
	padding-top: 20px;
}

.banner {
	width: 450px;
	float: right;
	margin-left: 25px;
}
.tomeru_yajirushi {
		width: 852px;
	margin: 0 auto;
}
#pinn_40 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pinn_A {
	width: 852px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 40px;
}
.pinn_1 {
	float: left;
	width: 163px;
	text-align: center;
	margin-left: 25px;
	margin-right: 25px;
}
.pinn_item {
	width: 163px;
}
.pinn_price {
	font-size: 14px;
	margin-bottom: 10px;
}
.pinn_cart {
	width: 163px;
	text-align:center;
	padding-bottom: 10px;
	margin:0 auto;
}
.stock {
	text-align:center;
	margin:0 auto;
}
.kbmk_home {
	width: 700px;
	margin:0 auto;
	text-align:center;
	padding-bottom: 40px;
	padding-top:40px;
}
#navi_design {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #000000;
	height: auto;
	overflow: hidden;
}
.navi_design_in {
	width: 850px;
	margin: 0 auto;
}
.navi1 {
	float: left;
	margin-right: 10px;
}
.navi2 {
	float: left;
	margin-right: 10px;
}
.navi3 {
	float: left;
	margin-right: 10px;
}
.navi4 {
	float: left;
	margin-right: 10px;
}
.navi5 {
	float: left;
	margin-right: 10px;
}
.navi6 {
	float: left;
	margin-right: 10px;
	border-right: 1px solid #000000;
}
.navitomeru {
	float: right;
}
#footer {
	width: 900px;
	margin: 0 auto;
	border-top: 1px solid #000000;
	padding-top: 25px;
	padding-bottom: 100px;
	height: auto;
	overflow: hidden;
}
.footer_1 {
	float: left;
	margin-right: 25px;
}
.footer_2 {
	float: left;
	margin-right: 25px;
}
.footer_3 {
	float: left;
	margin-right: 25px;
}
.footer_4 {
	float: left;
}
.footer_5 {
	float: right;
}
.rollover {
}
/* =======================================
	zoom
======================================= */
#zoom1 {
	position: relative;
	width: 650px;
	height:500px;
	margin: 0 auto;
	position: relative;
}
.tomeru_info {
	width: px;
	margin: 0 auto;
	position: absolute;
	bottom: 0px;
	left: 35px;
	width: 600px;
	height: auto;
	overflow: hidden;
}
.pinn_number {
	float: left;
}
.pinn_namepraice {
	padding-left: 20px;
	float: left;
}
.pinn_name {
	padding-bottom: 15px;
}
.pinn_price {
}
.pinn_setsumei {
	float: left;
	font-size: 12px;
	line-height: 175%;
	padding-left: 10px;
	border-left: 1px solid #000000;
}
.bgm_text {
	font-size:14px;
	line-height: 200%;
}
.attention_title {
	width: 700px;
	padding-top: 70px;
	padding-bottom: 20px;
	margin:0 auto;
}
.attention_contents {
	width: 700px;
	margin:0 auto;
	padding-bottom: 20px;
	margin:0 auto;
}
.attention_midashi {
	width: 700px;
	padding-top: 50px;
	padding-bottom: 20px;
	margin:0 auto;
}
.item_title {
	width: 600px;
	padding-top: 60px;
	padding-bottom: 20px;
	margin:0 auto;
}
.item_midashi {
	padding-top: 60px;
	padding-bottom: 20px;
}
.item_text {
	font-size:14px;
	line-height: 200%;
}
.item_contents {
	width: 600px;
	margin:0 auto;
	padding-bottom: 20px;
	margin:0 auto;
}
.item_photo {
	padding-bottom: 20px;
}
.bgm_contents {
	width: 700px;
	margin:0 auto;
	padding-bottom: 20px;
	margin:0 auto;
}
.bgm_photo {
	float:right;
}
.bgm_text {
	font-size:14px;
	line-height: 200%;
}
.index_soldout {
	font-size:10px;
	color: #ea5b23;
}
.design_soldout {
	padding-top: 8px;
	line-height: 150%;
	font-size:10px;
	color: #ea5b23;
}
.design_teisei {
	padding-top: 10px;
	line-height: 170%;
	font-size:12px;
	color: #ea5b23;
}
	
/* =======================================
	巻き方講座
======================================= */
.makikata_header {
	position: relative;
}
.makikata_pfof {
	position: absolute;
	bottom: 20px;
	left: 90px;
	width: 108px;
	height: 107px;
}
#makikata_menu {
	width: 900px;
	padding-top: 55px;
	padding-bottom: 10px;
	margin:0 auto;
	border-bottom: 1px solid #000000;
}
.makikata_line {
	width: 832px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 55px;
}
.makikata_1 {
	float: left;
	width: 208px;
}
#makikatakouza {
	width: 900px;
	border-bottom: 1px solid #000000;
}
.makikata {
	width: 720px;
	padding-top: 80px;
	padding-bottom: 80px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
}	
.makiakta_line2 {
	width: 720px;
	float: right;
	height: auto;
	overflow: hidden;
	padding-bottom: 35px;
}
.makikata_koutei {
	width: 220px;
	padding-right: 30px;
	float: left;
}
.makikata_koutei_right {
	float: right;
}
.makikata_setumei {
	padding-top: 7px;
	font-size: 12px;
	line-height: 145%;
}
#makikata01 {
	padding-bottom: 15px;
}
#makikata02 {
	padding-bottom: 15px;
}
#makikata03 {
	padding-bottom: 15px;
}
#makikata04 {
	padding-bottom: 15px;
}
#makikata05 {
	padding-bottom: 15px;
}
#makikata06 {
	padding-bottom: 15px;
}
#makikata07 {
	padding-bottom: 15px;
}
#makikata08 {
	padding-bottom: 15px;
}
#makikata09 {
	padding-bottom: 15px;
}
#makikata10 {
	padding-bottom: 15px;
}
#makikata11 {
	padding-bottom: 15px;
}
#makikata12 {
	padding-bottom: 15px;
}
.makikata_btn_top {
	text-align:right;
}
.makikata_prof {
	width: 300px;
}
.makikata_prof_name {
	padding-bottom: 15px;
}
	
.makikata_prof_text {
	font-size: 12px;
	line-height: 175%;
}
.makikata_btn_item {
	text-align:right;
	padding-top: 15px;
}
.makikata2013 {
	text-align: center;
	width: 900px;
	margin:0 auto;
	padding-bottom: 60px;
}
	
/* =======================================
	Slide Show
======================================= */

#slideshow_area {
	width:1000px;
	height:714px;
}
#sldpstn {
	position: absolute;
	left: -21px;
	top: 147px;
	width: 100%;
	height: 714px;
	overflow: hidden;
}

#slideshow {
	width: 100%;
	height: 714px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#slideshow ul,
#slideshow ul li {
	float: left;
	display: inline;
	overflow: hidden;
	height: 600px;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}

.wideslider_wrap a { cursor:default;}

.slider_prev,
.slider_next {
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.slider_prev {background: url(../images/btn_prev.png) no-repeat right center;}
.slider_next {background: url(../images/btn_next.png) no-repeat left center;}

.pagination {
	bottom: 35px;
	left: 50%;
	margin-left:-500px;
	width: 1000px;
	height: 48px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 74px;
	height: 48px;
	display: inline-block;
	overflow: hidden;
}
#index .pagination a.pn1 {background: transparent url(../images/index_thumb01.jpg) no-repeat left top;}
#index .pagination a.pn2 {background: transparent url(../images/index_thumb02.jpg) no-repeat left top;}
#index .pagination a.pn3 {background: transparent url(../images/index_thumb03.jpg) no-repeat left top;}
#index .pagination a.pn4 {background: transparent url(../images/index_thumb04.jpg) no-repeat left top;}
#index .pagination a.pn5 {background: transparent url(../images/index_thumb05.jpg) no-repeat left top;}
#index .pagination a.pn6 {background: transparent url(../images/index_thumb06.jpg) no-repeat left top;}

#design01 .pagination a.pn1 {background: transparent url(../images/design01_thumb01.gif) no-repeat left top;}
#design01 .pagination a.pn2 {background: transparent url(../images/design01_thumb02.gif) no-repeat left top;}
#design01 .pagination a.pn3 {background: transparent url(../images/design01_thumb03.gif) no-repeat left top;}
#design01 .pagination a.pn4 {background: transparent url(../images/design01_thumb04.gif) no-repeat left top;}
#design01 .pagination a.pn5 {background: transparent url(../images/design01_thumb05.gif) no-repeat left top;}
#design01 .pagination a.pn6 {background: transparent url(../images/design01_thumb06.gif) no-repeat left top;}
#design01 .pagination a.pn7 {background: transparent url(../images/design01_thumb07.gif) no-repeat left top;}
#design01 .pagination a.pn8 {background: transparent url(../images/design01_thumb08.gif) no-repeat left top;}

#design02 .pagination a.pn1 {background: transparent url(../images/design02_thumb01.gif) no-repeat left top;}
#design02 .pagination a.pn2 {background: transparent url(../images/design02_thumb02.gif) no-repeat left top;}
#design02 .pagination a.pn3 {background: transparent url(../images/design02_thumb03.gif) no-repeat left top;}
#design02 .pagination a.pn4 {background: transparent url(../images/design02_thumb04.gif) no-repeat left top;}
#design02 .pagination a.pn5 {background: transparent url(../images/design02_thumb05.gif) no-repeat left top;}
#design02 .pagination a.pn6 {background: transparent url(../images/design02_thumb06.gif) no-repeat left top;}
#design02 .pagination a.pn7 {background: transparent url(../images/design02_thumb07.gif) no-repeat left top;}
#design02 .pagination a.pn8 {background: transparent url(../images/design02_thumb08.gif) no-repeat left top;}
#design02 .pagination a.pn9 {background: transparent url(../images/design02_thumb09.gif) no-repeat left top;}

#design03 .pagination a.pn1 {background: transparent url(../images/design03_thumb01.gif) no-repeat left top;}
#design03 .pagination a.pn2 {background: transparent url(../images/design03_thumb02.gif) no-repeat left top;}
#design03 .pagination a.pn3 {background: transparent url(../images/design03_thumb03.gif) no-repeat left top;}
#design03 .pagination a.pn4 {background: transparent url(../images/design03_thumb04.gif) no-repeat left top;}
#design03 .pagination a.pn5 {background: transparent url(../images/design03_thumb05.gif) no-repeat left top;}
#design03 .pagination a.pn6 {background: transparent url(../images/design03_thumb06.gif) no-repeat left top;}

#design04 .pagination a.pn1 {background: transparent url(../images/design04_thumb01.gif) no-repeat left top;}
#design04 .pagination a.pn2 {background: transparent url(../images/design04_thumb02.gif) no-repeat left top;}
#design04 .pagination a.pn3 {background: transparent url(../images/design04_thumb03.gif) no-repeat left top;}
#design04 .pagination a.pn4 {background: transparent url(../images/design04_thumb04.gif) no-repeat left top;}
#design04 .pagination a.pn5 {background: transparent url(../images/design04_thumb05.gif) no-repeat left top;}
#design04 .pagination a.pn6 {background: transparent url(../images/design04_thumb06.gif) no-repeat left top;}
#design04 .pagination a.pn7 {background: transparent url(../images/design04_thumb07.gif) no-repeat left top;}

#design05 .pagination a.pn1 {background: transparent url(../images/design05_thumb01.gif) no-repeat left top;}
#design05 .pagination a.pn2 {background: transparent url(../images/design05_thumb02.gif) no-repeat left top;}
#design05 .pagination a.pn3 {background: transparent url(../images/design05_thumb03.gif) no-repeat left top;}
#design05 .pagination a.pn4 {background: transparent url(../images/design05_thumb04.gif) no-repeat left top;}
#design05 .pagination a.pn5 {background: transparent url(../images/design05_thumb05.gif) no-repeat left top;}
#design05 .pagination a.pn6 {background: transparent url(../images/design05_thumb06.gif) no-repeat left top;}
#design05 .pagination a.pn7 {background: transparent url(../images/design05_thumb07.gif) no-repeat left top;}
#design05 .pagination a.pn8 {background: transparent url(../images/design05_thumb08.gif) no-repeat left top;}

#design06 .pagination a.pn1 {background: transparent url(../images/design06_thumb01.gif) no-repeat left top;}
#design06 .pagination a.pn2 {background: transparent url(../images/design06_thumb02.gif) no-repeat left top;}
#design06 .pagination a.pn3 {background: transparent url(../images/design06_thumb03.gif) no-repeat left top;}
#design06 .pagination a.pn4 {background: transparent url(../images/design06_thumb04.gif) no-repeat left top;}
#design06 .pagination a.pn5 {background: transparent url(../images/design06_thumb05.gif) no-repeat left top;}
#design06 .pagination a.pn6 {background: transparent url(../images/design06_thumb06.gif) no-repeat left top;}
#design06 .pagination a.pn7 {background: transparent url(../images/design06_thumb07.gif) no-repeat left top;}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}