/*　注意：EC-CUBEに入れるときは　backgroundのURLに注意してください　*/

@charset "utf-8";
@import url("../packages/default/css/import.css");

/*======================================
txt
=======================================*/
.red {
	font-size:12px;
	font-weight:bold;
	color:#CC3300;
}
.red14 {
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
}
.red16 {
	font-size:16px;
	font-weight:bold;
	color:#CC3300;
}
.gold14 {
	font-size:14px;
	color:#663300;
	font-weight:bold;
}
.orange14{
	font-size:14px;
	color:#FF7200;
	font-weight:bold;
}
.pageTop{
	text-align:right;
	width:590px;
	font-weight:bold;
	margin:15px 0;
}
.pageTop a{
	text-decoration:none;
	color:#666666;
}


/*======================================
item-details  
=======================================*/

.iteminfo {
	border-bottom: 4px double #DBB770;
	padding: 5px  0;
	}
.iteminfo li {
	background: url("../packages/default/img/common/square.gif") no-repeat left;
	list-style: none;
	padding-left: 20px;
	font-size: 12px;
	}

.p_right10 {
	padding-right:10px;
}

/*======================================
index
=======================================*/
#index {
	font-size:12px;
	float:right;
	color:#666;
	width:590px;
	padding:0px 0px 0px 0px;
	line-height: 1.5em;
	}

#index .img{
	padding-bottom:5px;
	}
#index .img a {
	color:#CC0000;
	}
div.tv {
	width:590px;
	background:url(../packages/default/images/index/tv/bg.jpg) no-repeat left bottom; 
	overflow:hidden;
	}
.tv table {
	margin:5px;
}
.tv table td {
	border:none;
	padding:2px;
	margin:0px;
	font-size:10px;
	text-align:center;
	line-height:130%;
}

/*div.tv dl {
	height:150px;
　　　 width:110px;
	padding:0 0 5px 7px;
	float:left;
	font-size:10px;
	line-height:13px;
	text-align:center;color:#666;
	}
*/

/* 
----------------------------------------------- */
div.recomendblock {
    clear: both;
    width: 610px;
    padding: 10px 0;
    overflow: auto;
}
div.recomendleft {
	float: left;
	width: 190px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}
div.recomendleft p {
   margin: 0 0 2px 0;
}
div.recomendright {
	float: right;
	width: 190px;
	position: relative;
}
div.recomendleft img, div.recomendright img {
	display: block;
	margin: 0 0 0 0;
}
div.recomendright p {
    margin: 0 0 2px 0;
}
div.recomendleft h3 {
	font-size: 12px;
}
div.recomendright h3 {
    font-size: 12px;
}
div.recomendno {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	width: 190px;
}
div.recomendno2 {
	font-size: large;
	font-weight: bold;
	color: #CC0000;
	float: right;
	width: 100px;
}

/*======================================
echizen
=======================================*/
#echizen {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#echizen h2 {
background:url(../packages/default/images/contents/title/echizen.jpg) no-repeat; 
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#what h3 {
background:url(../packages/default/images/contents/echizen/sub_title.gif) no-repeat; 
	width:550px; 
	height:60px;
	text-indent: -9999px;
	padding-bottom:10px;
	}
#what {
background:url(../packages/default/images/contents/detail/bg.jpg) no-repeat bottom; 
	padding-top:10px;
	height:470px;
	width:590px;
	}
#what .w01 p {
	padding-bottom:5px;
	}
#what .w01 img {
	float:left;
	padding:10px 10px 5px 10px;
	}
#what .tag_bg {
background:url(../packages/default/images/contents/echizen/tag_bg.jpg) no-repeat; 
	height:95px;
	width:300px;
	float:right;
	padding-right:15px;
	}
#what .tag_bg  img{
	padding:8px;
	}
#what .tag_bg p{
	color:#CD4D00;
	padding-top:20px;
	}
#what .w02{
	clear:both;
	padding-left:10px;
 	}
#what .w02 .right{
	float:right;
	padding:20px 15px 0 5px;
 	}
#what .w02 .sub {
	padding:10px 0 5px 0;
	}
#what .w02 .sub02 {
	padding:5px 0 10px 0;
	}
#what .w02 .sub03 {
	padding:0px 0 5px 0;
	}
	
/* 
----------------------------------------------- */
#otoku {
background:url(../packages/default/images/contents/detail/red_top.gif) no-repeat top;
	margin-top:10px;
	}
#otoku  p{
	padding:20px 10px 5px 130px;
	}
#otoku_bottom {
background:url(../packages/default/images/contents/detail/red_bottom.gif) no-repeat bottom;
	padding-bottom:10px;
	}
	
/*詳細ページ
----------------------------------------------- */
#syousai{
background:url(../packages/default/images/contents/detail/green_top.gif) no-repeat top;
	clear:both;
	}
#syousai  p{
	padding:30px 10px 5px 130px;
	}
#syousai_bottom {
background:url(../packages/default/images/contents/detail/green_bottom.gif) no-repeat bottom;
	padding-bottom:10px;
	}
	
/* コメント
----------------------------------------------- */
#comment_top01 {
	background:url(../packages/default/images/contents/detail/brown_comment_top.jpg) no-repeat;
	padding-top:10px;
	}	
#comment01 {
	background:url(../packages/default/images/contents/detail/brown_comment.jpg) no-repeat bottom;
	margin-bottom:10px;
	width:590px;
	margin-top:10px;
}
#comment01 p {
	padding:5px 0 15px 20px;
	color:#C26B05;
}
#comment_top02 {
background:url(../packages/default/images/contents/detail/green_comment_top.jpg) no-repeat; 
	padding-top:10px;
	margin-top:10px;
	}	
#comment02 {
background:url(../packages/default/images/contents/detail/green_comment.jpg) no-repeat bottom;
}
#comment02 p {
	padding:5px 0 15px 170px;
}
/*======================================
yubiore
=======================================*/
#yubiore {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#yubiore h2 {
background:url(../packages/default/images/contents/title/yubiore.jpg) no-repeat bottom;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#yubiore #what h3 {
　　　background:url(../packages/default/images/contents/yubiore/sub_title.gif) no-repeat; 
	width:550px; 
	height:60px;
	text-indent: -9999px;
	padding-bottom:10px;
	}
#yubiore #what {
	height:440px;
	}
.ore_bg {
	background:#F5EAD4;
	border:#993300 1px solid;
	width:285px;
	height:120px;
	float:right;
	padding:5px 10px 10px 0;
	margin-right:10px;
	}
#yubiore #what .w02 .right{
	padding:10px 10px 0 5px;
	}
#yubiore #what .w01 img {
	padding:0 15px 0 5px;
	}
#yubiore .yubiore_futa{
	margin:10px 0 10px;
	padding:10px 10px 10px 5px;
	border:#FF6600 2px solid;
	color:#FF6633;
	}
#yubiore .yubiore_futa img{
	float:left;
	padding-right:10px;
	}
#yubiore .yubiore_futa_p {
	margin:5px;
}	
#yubiore .futa_bg {
	border-bottom:dashed 1px #FF6600;
	border-top:dashed 1px #FF6600;
	padding:5px;
	background:#FFFFCC;
	margin-top:10px;
	color:#666;
}

/*======================================
seiko
=======================================*/
#seiko {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#seiko h2 {
background:url(../packages/default/images/contents/title/seiko.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#seiko #what h3 {
background:url(../packages/default/images/contents/seiko/sub_title.gif) no-repeat;
	width:550px; 
	height:60px;
	text-indent: -9999px;
	padding-bottom:10px;
	}
#seiko #what {
	height:450px;
	width:590px; 
	}
#seiko #what .w01 img {
	padding:0 10px 0 10px;
	}
#seiko #what .ore_bg {
	padding:10px 15px 0 0;
	margin-top:7px;
	}
#seiko #what .w02 .right{
	padding:10px 15px 0 5px;
	}
#seiko #otoku_bottom  {
	height:270px;
	}
#seiko #otoku  p{
	padding:20px 10px 0px 130px;
	}
#seiko #otoku img{
	float:left;
	padding:10px 10px 10px 10px;
	}
/*======================================
set
=======================================*/
#set {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#set h2 {
background:url(../packages/default/images/contents/title/set.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#set #what h3 {
background:url(../packages/default/images/contents/set/sub_title.gif) no-repeat;
	width:550px; 
	height:60px;
	text-indent: -9999px;
	padding-bottom:10px;
	}
#set #what .w01 img {

	padding:0 10px 0 10px;
	}
#set #what {
	height:460px;
	}
#set #what .tag_bg img{
	padding:8px;
	}
#set #what .tag_bg {
	padding-right:20px;
	margin-top:10px;
	}



/*======================================
kanisuki
=======================================*/
#kanisuki {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#kanisuki h2 {
background:url(../packages/default/images/contents/title/kanisuki.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#kanisuki #what h3 {
 background:url(../packages/default/images/contents/kanisuki/sub_title.gif) no-repeat; 
	width:550px; 
	height:45px;
	text-indent: -9999px;
       margin-top:5px;
	}
#kanisuki #what .w01 img {
	padding:0 10px 0 10px;
	}
#kanisuki #what {
	height:470px;
	}
#kanisuki #what .w02 .right{
	padding:5px 15px 0 5px;
	}
/*======================================
mizu
=======================================*/	
#mizu {
	float:right;
	padding:0px 0px 20px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#mizu h2 {
background:url(../packages/default/images/contents/title/mizu.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}
#mizu #what h3 {
background:url(../packages/default/images/contents/mizu/sub_title.gif) no-repeat; 
	width:550px; 
	height:55px;
	text-indent: -9999px;
	padding-bottom:10px;
	}
#mizu #what .w01 {
　width:590px;
	}

#mizu #what .w01 img {
　padding-right:10px;
	}
#mizu #what .ore_bg {
	height:110px;
	margin-right:10px;
	}
#mizu #what {
	height:490px;
	margin-bottom:10px;
	width:590px;
	}
#mizu .wakagani,
#mizu .mizugani{
	width: 156px;
	height:170px;
	padding-top: 15px;
	padding-right: 119px;
	padding-left: 14px;
	line-height:1.2em;
	float:right;
}
#mizu .mizugani p{
	font-size:10px;
}
#mizu .wakagani p{
	font-size:10px;
}
#mizu .wakagani{
	background:url(../packages/default/images/contents/mizu/wakagani-bg.jpg) no-repeat; 
	float: left;
}
#mizu .mizugani{
	background:url(../packages/default/images/contents/mizu/mizugani-bg.jpg);
	float: right;
}
#mizu .wakagani h3,
#mizu .mizugani h3{
	margin-bottom: 8px;
}
#mizu #syousai_bottom {
	height:100px;
	}
#mizu #syousai_bottom .red16{
	padding:30px 10px 5px 130px;
	}	
	
#mizu .w02 .right{
	margin:0px;
	padding:10px 15px 0px 0px;
	} 
/*======================================
choose
=======================================*/
#choose {
	float:right;
	padding:0px 0px 30px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#choose h2 {
background:url(../packages/default/images/contents/title/choose.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}	
#q_and_a {
	background:url(../packages/default/images/contents/choose/riyu_bg.jpg) no-repeat;
	margin-top:10px;
	margin-bottom: 10px;
	width:590px;
}
#choose .q_and_a_rightbg {
	background:url(../packages/default/images/contents/choose/bg_01.jpg) no-repeat top;
	height:195px; 
	}
#choose .q_and_a_right {
	padding-left:265px;
	height:150px;
	width:325px;
}
#choose .q_and_a_right .subtitle{
	padding:10px 75px 10px 0px;
}
#choose .q_and_a_right .about{
	background: #F5EBD4;
	border: 1px solid #D1A82A;
	padding:6px 8px;
	width:284px;
	margin-top:10px;
}
#choose .q_and_a_left {
	text-align:left;
	height:130px;
	width:210px;
	padding:15px 0px 5px 20px;
	float:left;
}
#choose .q_and_a_left_img {
	float:right;
	padding:5px 0 5px 0;
}
#choose .q_and_a_bottom {
    background:url(../packages/default/images/contents/choose/bg_02.gif) no-repeat bottom;
		
	height:480px;
	width:590px;
	text-align:center;
	}
#choose .q_and_a_bottom02 {
	float:left;
	margin-bottom:10px;
}
#choose .q_and_a_bottom02 .photo{
	float:right;
}

#choose .imperial{
	background: url(../packages/default/images/contents/choose/kousitu_bg.jpg) no-repeat left top;
	height: 278px;
	width: 590px;
	margin-bottom: 20px;
}
#choose .imperial h3{
	margin-bottom:14px;
	}
#choose .imperial .imperialContent{
	margin: 0px auto;
	width: 560px;
}
#choose .imperial .imperialContent p{
	margin-bottom:1em;
	}
#choose .imperial .photo{
	float:right;
	padding-left:10px;
	}
#choose .artisanal{
	background: url(../packages/default/images/contents/choose/syokunin_bg.jpg) no-repeat left top;
	
	height: 413px;
	width: 590px;
	margin-bottom: 20px;
}
#choose .artisanal h3{
	margin-bottom:17px;
	}
#choose .artisanal .artisanalContent{
	width: 557px;
	padding-left:20px;
	}
#choose .artisanal .artisanalContent p{
	margin-bottom:1em;
	}
#choose .artisanal .artisanalContent .textBox{
	padding-top:27px;
	}
#choose .artisanal .artisanalContent .photoBox{
	float:right;
	padding-left:20px;
	}




/*======================================
guide
=======================================*/
#guide{ float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;

}
#guide h2 {
background:url(../packages/default/images/contents/title/guide.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	margin-bottom:20px;
	}
#guide ul.link{
	background: #4C4C4C;
	padding: 7px 0px 7px 8px;
	margin-bottom: 24px;
	width:582px;
	height:45px;
}
#guide ul.link li{
	float: left;
	padding-right: 4px;
	list-style: url(none) none;
}
#guide .order{
	clear: both;
	margin-bottom:20px;
}
#guide .order h3{
	margin-bottom:17px;
}
#guide .order .flow{
	margin-bottom:25px;
}
#guide .order .box{
	width:590px;
	height:165px;
	clear:both;
	border-bottom: 1px dashed #AA6C00;
}
#guide .order .box p{
	margin-bottom:1em;
}
#guide .order .box .photo{
	float:right;
	padding-left:20px;
}
#guide .order .box h4{
	margin-bottom:12px;
	background:url(../packages/default/images/contents/guide/step-bg.gif) repeat-x left top;
}
#guide .order .box02 h4{
	margin-bottom:12px;
background:url(../packages/default/images/contents/guide/step-bg.gif) repeat-x left top;
}

#guide .order .next{
background:url(../packages/default/images/contents/guide/arrow.gif) no-repeat center 8px;
	height:30px;
	width:590px;
}
#guide .order .attention{
	color: #AA6C00;
	padding: 10px;
	border: 2px solid #990000;
	clear: both;
	margin-bottom: 1em;
	width:566px;
}
#guide .pay{
	clear: both;
	margin-bottom:20px;
}
#guide .pay h3{
	margin-bottom:17px;
}
#guide .pay table{
	width:570px;
	border-top: 1px solid #999900;
	border-left: 1px solid #999900;
	margin:0 auto;
}
#guide .pay th,
#guide .pay td{
	padding: 5px 8px;
	border-right: 1px solid #999900;
}
#guide .pay th{
	font-weight: bold;
	color: #FFFFFF;
	background: #999900;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
	width:100px;
}
#guide .pay td{
	color: #666;
	background: #FFF;
	border-bottom: 1px solid #999900;
}

#guide .souryou{
	clear: both;
	margin-bottom:20px;
}
#guide .souryou h3{
	margin-bottom:17px;
}
#guide .souryou .souryou1000{
	color:#660000
}
#guide .back{
	clear: both;
	margin-bottom:20px;
}
#guide .back h3{
	margin-bottom:17px;
}
#guide .contentBox{
	width:570px;
	margin:0 auto;
}


/*======================================
reitou
=======================================*/
#reitou {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}
#reitou h2 {
background:url(../packages/default/images/contents/title/reitou.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}


/*======================================
ochugen
=======================================*/
#ochugen {
	width:590px;

	}
#ochugen .back01{
	clear: both;
	width:590px; 
	height:199px;
	padding:10px 10px 0px 10px;
	background:url(/shop/user_data/packages/default/images/contents/otyugen/ochugen_bg01.jpg) no-repeat;
	}
#ochugen .area {
	clear: both;
	width:590px; 
	margin-top: 8px;
	}
#ochugen .area02 {
	clear: both;
	padding:8px 8px 0px 8px;
	font-size:10px;
	}
#ochugen .area03 {
	clear: both;
	width:100px;
	float:left;
	}
#ochugen .area04 {
	float:right;
	width:140px;
	padding:0px 0px 0px 5px;
	font-size:12px;
	line-height:14px;
	}
#ochugen .area05 {
	clear: both;
	padding:0px 10px 0px 0px;
	}
#ochugen .area06 {
	clear: both;
	height:195px;
	border-bottom: 1px dashed #cccccc;
	margin:10px 0px 0px 0px;
	font-size:12px;
	}
#ochugen .area07 {
	clear: both;
	width:293px;
	height:195px;
	border-bottom: 1px dashed #cccccc;
	margin:10px 0px 0px 0px;
	font-size:12px;
	}
#ochugen .area08 {
	float:right;
	width:155px;
	padding:0px 0px 0px 5px;
	font-size:12px;
	line-height:14px;
	}
#ochugen .left{
	width:293px;
	height:205px;
	background:url(/shop/user_data/packages/default/images/contents/otyugen/ochugen_bg02.jpg) no-repeat;
	float:left;
	}
#ochugen .left02 {
	clear: both;
	width:293px;
	height:195px;
	float:left;
	}
#ochugen .right{
	width:293px;
	height:205px;
	background:url(/shop/user_data/packages/default/images/contents/otyugen/ochugen_bg02.jpg) no-repeat;
	float:right;
	}
#ochugen .right02{
	width:293px;
	height:195px;
	float:right;
	}
#ochugen h2{
	font-size:24px;
	}

#ochugen .font-01{
	height:11px;
	font-size:11px;
	}
#ochugen .font-02{
	height:22px;
	font-weight:bolder;
	font-size:18px;
	}
#ochugen hr{
	width:300px;
	color:#725A27;
	}
	
/*======================================
other
=======================================*/
#other {
	float:right;
	padding:0px 0px 10px 0;
	font-size:12px;
	color:#666;
	width:590px;
	line-height: 1.5em;
	}

#other h2 {
	background:url(../packages/default/images/contents/title/other.jpg) no-repeat;
	width:590px; 
	height:120px;
	text-indent: -9999px;
	}

#undercolumn { padding:0px 10px 10px 0;
}

/*======================================
firefox
=======================================*/
html>/**/body #item-list { margin-left:-10px; }	
html>/**/body #recomendarea { margin-left:-10px; }

/*======================================
IE7
=======================================*/
*:first-child+html #recomendarea { padding-bottom:10px; }
/*======================================
IE6
=======================================*/
* #undercolumn { margin-left:-10px; }

/*======================================
ご挨拶
=======================================*/

#menu_03 {
	text-align:center;
	border:#666666 solid 1px;
	background:url(../packages/default/images/index/shop/bg.jpg) bottom no-repeat;
	height:380px;
	width:190px;
	display:block;
	overflow:hidden;
	_zoom:1;
	margin:0 0 15px 10px
}

#menu_03 .t_left{
	text-align:left;
	padding:5px 8px 5px 8px;
}