﻿/*<agl.folder "HEADER">*/
#craft #header        { z-index: 100; position: relative; width: 100%; height: 40px; background-color: #fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28); background-image: none; }
#header-inner         { margin-right: auto; margin-left: auto; width: 1000px }
#header-content   { padding-top: 5px; padding-bottom: 5px }
#header-left { width: 125px; float: left }
#header-name    { width: 125px; height: 86px }
#header-name a    { background-image: url(../images/craft/craft_icon.jpg); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; display: block; width: 125px; height: 86px }
#header-description  { position: relative }
#header-description span { position: absolute; top: -1000px }
#header-right { width: 594px; float: right }
#header-data  { padding-bottom: 12px }
#header_ttl   { background-image: url(../images/parts/header_ttl.png); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; margin-right: 15px; width: 386px; height: 25px; float: left }
#header_tel   { background-image: url(../images/parts/header_tel.png); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 193px; height: 25px; float: left }



#craftcontent-inner::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;    
}

#craftcontent-inner         { margin-right: auto; margin-left: auto; width: 1000px }

#craftcontent-inner, #footer-inner, .asset-body {
    height: 1%;
}
#craftcontent-inner {
    display: block;
}
#craftcontent-inner {
    display: block;
}
#craftcontent-inner {
    padding-left: 0px;
    padding-right: 0px;
}
* {
    min-height: 0;
}
* {
    margin: 0;
}




/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	z-index: 1; 
	position:absolute;
	top:0px;
	left:0px;
	width: 1000px;
	height: 330px;
}

.slider-wrapper {
	width: 1000px;
	height: 330px;
	overflow: hidden
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	right:0px;
	bottom:0px;
	background:#fff;
	color:#000;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	height: 15px;
}
.nivo-caption p {
	text-align: right;
	font-size: 80%;
	margin-right: 10px;
	line-height: 15px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




.craft_detail h4 {
	font-size: 110%;
    text-align: center;
    color: #795321;
    font-weight: normal;
    font-family: "游明朝体", "游明朝", "Yu Mincho", "YuMincho";
    }


.clear0 {
	width: 1000px; 
	} 

.craft_header1 { float: left;
    margin-left: 20px;
    padding-bottom: 5px;
    width: 51px; }

.craft_header2 { float: right;
	padding-top: 10px;
	}
    
.craft_header2 a { 
	font-size: 80%;
	color: #000;
	text-decoration: none;
}

.craft_header2 a:hover {
	color: #795321;
	text-decoration: none;
}

    
    
#slide {
    position : relative;
    display: block;
    width: 1000px;
    height: 330px;
    margin: 0 auto; }   
        


.slidecopy_1 {
    position: absolute;
    z-index: 80; 
    top: 20px;
    left: 20px;
	}
    
    
.slide_link { 
	position: absolute;
	z-index: 80; 
	bottom: 15px;
    opacity: 0.8;
	right: 0px;
    width: 150px; }


.slide_link :hover { 
	opacity: 0.7;
	}

   

.clear00 { width: 960px;
	margin-left: 20px;
	margin-right: 20px; 
	padding-top: 35px;
}



.craft_comment { float: left;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 515px; }


.craft_twitter { float: left;
    margin-left: 195px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 250px; }


.craft_menu { width: 1000px; }



.craft_detail { float: left;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 210px; }
     
    
.clear_product1 {  float: left;
	margin-left: 20px;
    margin-right: 0px;
    padding-bottom: 60px;
    padding-top: 0px;
    width: 1000px; }

.product_detail1 {  float: left;
	margin-left: 0px;
    margin-right: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 480px; }

.clear_product2 {  float: left;
	margin-left: 20px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 460px; }
    
.product_detail2 {  float: left;
	margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 440px; }


.clear_product3 {  float: left;
	margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 460px; }

.product_detail3 {  float: left;
	margin-left: 0px;
    margin-right: 20px;
    padding-bottom: 0px;
    padding-top: 20px;
    width: 210px; }
    
    
.product_detail3 :hover { 
	opacity: 0.9;
	}

.product_detail4 { 
	margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 420px; }


#woods { background-image: url("../images/craft/craft_img01.png");
	height: 90px;
	background-position: left top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}

#no1 { background-image: url("../images/craft/craft_no1.png");
	height: 55px;
	background-position: center top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
#no2 { background-image: url("../images/craft/craft_no2.png");
	height: 55px;
	background-position: center top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
#no3 { background-image: url("../images/craft/craft_no03.png");
	height: 55px;
	background-position: center top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
#no4 { background-image: url("../images/craft/craft_no04.png");
	height: 55px;
	background-position: center top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
#img_pot { background-image: url("../images/craft/craft_img10.png");
	height: 155px;
	background-position: center center;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
#img_hinokiball { background-image: url("../images/craft/craft_img13.png");
	height: 155px;
	background-position: left bottom;
	text-indent: -9999px;
	background-repeat: no-repeat;
	padding-top: 185px;
	}
	
.craft_line { background-image: url("../images/craft/craft_line01.png");
	height: 5px;
	border: 0px;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 60px;
	clear: both;
	}

	
.ta-right { float: right; 
	padding-top: 10px; 
}

.ta-right :hover {
	opacity: 0.9; 
}



.craft_detail img {border-radius: 15px; }

.product_detail1 img {border-radius: 30px; }

.product_detail3 img {border-radius: 15px; }

.line_space { width: 1000px; }



/*<popup>*/
#craft-popup {
overflow: hidden;
}

#popup_container {
/*	width: 800px;
	height: 335px;*/
}

.popup_inner {
	width:760px;
	height: 295px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.popup_img { 
	float: left; 
	width: 400px;
	height: 295px;
	
}

.popup_img img { 
border-radius: 15px;	
}

.popup_commentspace {
	float: left;
	width: 330px;
	height: 245px;
	padding-bottom: 20px;
	margin-left: 30px;
}	

.popup_comment {
	width: 330px;
}

.popup_name {
	font-size: 200%;
    text-align: left;
    padding-top: 5px;
    color: #795321;
    font-weight: normal;
    font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic";
}

.popup_price {
	font-size: 120%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    color: #795321;
    font-weight: normal;
    font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic";
}

.popup_comment01 {
	font-size: 130%;
    text-align: left;
    padding-bottom: 10px;
    color: #000;
    font-weight: normal;
    font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic";
}

.popup_detail {
	font-size: 100%;
	font-weight: 0;
    text-align: left;
    color: #000;
    font-weight: normal;
    font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic";
}

.popup_link {
	position: absolute;
	width: 170px;
	height: 30px;
	right: 0px;
	bottom: 0px;
}

.popup_link :hover { 
	opacity: 0.9;
	}
	
.popup_tax {
	font-size: 70%;
}