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

#top_side { width: 214px; padding: 15px 0px 10px 10px; float: left; background: #BED11C; }
#top_main { width: 686px; float: right; }
#kizuna { padding-top: 22px; padding-left: 30px; }
#kizuna p { line-height: 200%; }
#top_menu li { width:220px; }
#top_menu ul li { float: left; }
#top_menu li.top_menu_left { padding: 0px 0px 0px 30px; width:220px; background: url(back.gif);  }
#content_top #top_base { background: url(back.gif) repeat-y;  }
#fotter { font-weight: normal; color:#46210C; }

/* add */
#side-link-order a{ text-indent:-9999px; overflow:hidden;	display:block; width:210px; height:210px; background: url(side_order.gif) no-repeat left top;	}
#top_side a:hover img{ filter: alpha(opacity=80);	opacity: 0.8;}

#topimg { margin: 0; padding: 0 0 0 22px; width: 663px; height: 357px; overflow: hidden; }
#topimg li { padding: 0; margin: 0; }

#top_box01 { margin: 0 0 10px 0; padding: 10px 0 0 0; background: url(top_box01_bg.gif) left top repeat-y; }
/* #top_box01 { margin: -70px 0 10px 0; padding: 10px 0 0 0; } */
#top_box01 .top_news { position: relative; margin: 0 0 0 20px; padding: 7px 0; width: 665px; background-color: #FFFFFF; }
#top_box01 .top_news dl { padding: 0 0 0 55px; background-image: url(icon_new.gif); background-position: 13px 1px; background-repeat: no-repeat; zoom: 1; }
#top_box01 .top_news dl:after { clear: both; height: 0; display: block; content: ""; }
#top_box01 .top_news dl dt { float: left; padding: 0; width: 110px;}
#top_box01 .top_news dl dd { float: left; margin: 0; padding: 0; width: 370px; }
#top_box01 .top_news dl dd #news_body { display: none; }
#top_box01 .top_news p { clear: both; position: absolute; right: 10px; bottom: 7px; }
#top_box01 .top_news p a:link, #top_box01 .top_news p a:visited { text-decoration: underline; }
#top_box01 .top_news p a:hover { text-decoration: none; }
#top_box01_content { padding: 15px 0 0 0; }
#top_box01_content h2{ margin: 0 0 10px 0; text-align: right;}
#top_box01_content #reason01{ text-align: right;}
#top_box01_content p { margin: 0 0 0 20px; text-align: center;}
#top_box01_content #reason02 { margin: 0 0 12px 0; }
#top_box01_content #reason02 .left { margin: 0; padding: 0 0 0 50px; width: 295px; }
#top_box01_content #reason02 .left p { margin: 0; }
#top_box01_content #reason02 .left p.img { text-align: right; }
#top_box01_content #reason02 .left a { display: block; margin: 5px 0 0 0; width: 221px; height: 45px; overflow: hidden; text-align: left; text-indent: -9999px; background: url(top_reason02_btn.jpg) left top no-repeat; }
#top_box01_content #reason02 .left a:hover { background-position: left -45px; }
#top_box01_content #reason02 #movie { float: right; padding: 0 20px 0 0; width: 320px; }
#top_box01_content #reason03 { clear: both; position: relative; height: 241px; }
#top_box01_content #reason03 p { margin: 0; padding: 0; }
#top_box01_content #reason03 span { position: absolute; top: 56px; right: 90px; margin: 0; padding: 0; }
#top_box01_content #reason03 span a:link, #top_box01_content #reason03 p a:visited { color: #BD1725; text-decoration: underline; }
#top_box01_content #reason03 span a:hover { color: #BD1725; text-decoration: none; }
#top_content .bnr { margin: 0 0 10px 0; padding: 0 0 0 20px; text-align: center; }
#top_box02 { margin: 0 0 20px 22px; padding: 0 0 15px 0; width: 663px; background-color: #FBDAD1; }
#top_box02 h2 { margin: 0 0 7px 0; }
#top_box02 #thumbs { margin: 0 auto 10px; padding: 0; width: 600px; }
#top_box02 #thumbs .thumb a:link,#top_box02 #thumbs .thumb a:visited { text-decoration:none; }
#top_box02 #thumbs .thumb { position: relative; float: left; width: 118px; height:80px; padding: 1px; }
#top_box02 #thumbs .thumb .off_img { }
#top_box02 #thumbs .thumb .off_img p { display:none; padding: 5px 5px 0; width: 205px; text-align: left;  }
#top_box02 #thumbs .thumb .on_img { display: none; position: absolute; z-index: 100; margin: -118px -55px; padding: 3px 3px 5px 3px; background-color: #FFFFFF; }
#top_box02 #thumbs .thumb .on_img p { padding: 5px 5px 0; width: 205px; text-align: left; }
#top_box02 p { clear: both; padding: 0 15px; text-align: right; }
#top_box02 p a:link, #top_box02 p a:visited { color: #BD1725; text-decoration: underline; }
#top_box02 p a:hover { color: #BD1725; text-decoration: none; }
#top_box03 { position: relative; margin: 0 0 50px 22px; padding: 0;}
#top_box03 h2 { margin: 0 0 25px 0; padding: 10px 0 0 0; }
#top_box03 .btn { position: absolute; top: 0; right: 0; }
#top_box03 .btn a { display: block; width: 190px; height: 50px; text-indent: -9999px; overflow: hidden; background: url(top_box03_btn01.jpg) left top no-repeat; }
#top_box03 .btn a:hover { background-position: left -50px; }
#top_box03 .btn01 { margin: 0 0 50px 10px; padding: 0; width: 650px; height: 155px; overflow: hidden; background: url(top_box03_btn02.jpg) left top no-repeat; }
#top_box03 .btn01 li { float: left; margin: 0; padding: 0; }
#top_box03 .btn01 li a { display: block; height: 155px; text-indent: -9999px; }
#top_box03 .btn01 #top_simple_order a { width: 216px;}
#top_box03 .btn01 #top_simple_order a:hover { background-image: url(top_box03_btn02.jpg); background-position: left -155px; }
#top_box03 .btn01 #top_ready_made a { width: 218px; }
#top_box03 .btn01 #top_ready_made a:hover { background-image: url(top_box03_btn02.jpg); background-position: -216px -155px; }
#top_box03 .btn01 #top_handicraft a { width: 216px; }
#top_box03 .btn01 #top_handicraft a:hover { background-image: url(top_box03_btn02.jpg); background-position: -434px -155px; }
#top_box03 .btn02 { margin: 0; padding: 0; width: 662px; height: 49px; overflow: hidden; }
#top_box03 .btn02 li { float: left; margin: 0; padding: 0; width: 214px; }
#top_box03 .btn02 #top_musubi_miki, #top_box03 .btn02 #top_musubi_crystal { padding: 0 10px 0 0 ; }
#top_box03 .btn02 li a { display: block; width:214px; height: 49px; text-indent: -9999px; }
#top_box03 .btn02 #top_musubi_miki a { background-image: url(top_box03_btn03.jpg); background-position: left top; }
#top_box03 .btn02 #top_musubi_miki a:hover { background-position: left -49px; }
#top_box03 .btn02 #top_musubi_crystal a { background-image: url(top_box03_btn03.jpg); background-position: -214px top; }
#top_box03 .btn02 #top_musubi_crystal a:hover { background-position: -214px -49px; }
#top_box03 .btn02 #top_present_order a { background-image: url(top_box03_btn03.jpg); background-position: -428px top; }
#top_box03 .btn02 #top_present_order a:hover { background-position: -428px -49px; }

#top_box04 { margin: 0 0 10px 0; padding: 0 0 0 20px; }
#top_box04 h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #472210; font-size: 16px; font-weight: bold; border-bottom: 1px #717171 solid;}
#top_box04 h2 span { padding: 0 0 0 10px; color: #717171; font-size: 12px; font-weight: normal; }
#top_box04 h2 a:link, #top_box04 h2 a:visited { color: #717171; text-decoration: underline;}
#top_box04 h2 a:hover { color: #717171; text-decoration: none;}
#top_box04 .top_news dl { zoom: 1; }
#top_box04 .top_news dl:after { clear: both; height: 0; display: block; content: ""; }
#top_box04 .top_news { position: relative; padding: 0 0 20px 0; }
#top_box04 .top_news dl dt { float: left; width: 110px; color: #717171; }
#top_box04 .top_news dl dd { float: left;margin: 0 0 0.5em; padding: 0 0 0.5em 0; width: 550px; border-bottom: 1px #46210C dotted; }
#top_box04 .top_news dl dd #news_title { padding: 0 35px 0 0; color: red; }
#top_box04 .top_news dl dd a:link, #top_box04 .top_news dl dd a:visited { color: #993300; text-decoration: none; }
#top_box04 .top_news dl dd a:hover { color: #717171; text-decoration: underline; }
#top_box04 .top_news p { position: absolute; top: 0; right: 10px; }
#top_box04 .top_news p a:link, #top_box04 .top_news p a:visited { color: #993300; text-decoration: underline; }
#top_box04 .top_news p a:hover { color: #717171; text-decoration: none; }
#footer_toptxt { margin: 0 0 20px 0; line-height: 1.7; color: #C9CACB; font-size: 7px; }




/* ---------------------------------
.top-img-change
----------------------------------*/
.top-img-change {
	color: #FFFFFF;
}

.top-img-change {
	clear: both;
	margin: 0 0 -70px 20px;
}

.top-img-change p.note {
	text-align: center;
}
.top-img-change .top-img {
	width: 663px;
	margin: 0 auto 80px;
  zoom: 1;  
}
.top-img-change .top-img:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
  
.top-img-change .top-img .list {}
.top-img-change .top-img .list div {
	height: 357px;
	position: relative;
}
.top-img-change .top-img .list div img {
	width: 663px;
	position: absolute;
}
}
.top-img-change .top-img .btn-wrap {
	position: relative;
}
.top-img-change .top-img .btn-wrap div.sub-list {
	padding-top: 4px;
}
.top-img-change .top-img .btn-wrap div.sub-list div {
	cursor: pointer;
	float: left;
	margin: 0 4px 0 0;
	background: #FFFFFF;
}
.top-img-change .top-img .btn-wrap div.sub-list div img {
	filter: alpha(opacity=60); 
	opacity: 0.6;
}
.top-img-change .top-img .btn-wrap div.sub-list div.select img,
.top-img-change .top-img .btn-wrap div.sub-list div:hover img{
	filter: alpha(opacity=100); 
	opacity: 1.0;
}
.top-img-change .top-img .btn-wrap div.sub-list div.last {
	margin: 0 0 0 1px;
}
.top-img-change .top-img .btn-wrap div.sub-list div img {
	width: 161px;
}
.top-img-change .top-img .btn-wrap div.btn-prev {
	position: absolute;
	left: -35px;
	top: -266px;
	height: 37px;
	width: 22px;
	background: url(btn_prev.png);
	overflow: hidden;
	cursor: pointer;
}
.top-img-change .top-img .btn-wrap div.btn-next {
	position: absolute;
	right: -35px;
	top: -266px;
	height: 37px;
	width: 22px;
	background: #FFFFFF;
	overflow: hidden; 
	background: url(btn_next.png);
	cursor: pointer;
}