@charset "UTF-8";

/* underconstruction */
/*---------------------------------------

	INDEX
	PRIVACY

	[MODULE]
	CLEARFIX

*--------------------------------------*/

/**======================================
	COMMON
======================================**/

/**= HEADER =**/
#header {
	position: relative;
}

#tab_official {
	position: absolute;
	right: 0px;
	top: 0px;
}

#tab_official a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


#contents_wrap {
	padding-top: 40px;
	background: url(../../images/underconstruction/bg_shop.png) repeat-x;
}

#side_navi_area ul.shop {
	border-top: 2px solid #996734;
}

#side_navi_area ul.shop li {
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #996734;
	line-height: 1.0em;
}

#side_navi_area ul.shop li a {
	display: block;
	padding: 25px 25px 25px 30px;
	text-decoration: none;
	background: url(../../images/common/decoration/bg_shop_sidenavi.gif) 10px 25px no-repeat;
}

#side_navi_area ul.shop li a,
#side_navi_area ul.shop li a:link,
#side_navi_area ul.shop li a:visited,
#side_navi_area ul.shop li a.current,
#side_navi_area ul.shop li a.current:hover {
	color: #555;
}

#side_navi_area ul.shop li a:hover,
#side_navi_area ul.shop li a:active {
	color: #AAA;
	background: url(../../images/common/decoration/bg_shop_sidenavi.gif) 10px 25px no-repeat #FFF;
}

#side_navi_area ul.shop li a.current {
	background: url(../../images/common/decoration/bg_shop_sidenavi.gif) 10px 25px no-repeat #FFF;
}

/**= FOOTER =**/

#copyright {
	position: relative;
}

#btn_official {
	position: absolute;
	right: 0px;
	top: 30px;
}

#btn_official a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#footer_wrap {
	background: url(../../images/common/bg_shop_footer.png);
	min-width: 980px;
}

#copyright_wrap {
	background: url(../../images/common/bg_shop_copyright.png);
}

#footer_site_navi div h4 {
	border-bottom: 1px solid #D5CCC3;
}

.aboutorder li {
	margin-bottom: 0.6em !important;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.8em;
}

/**======================================
	SHOPPING FORM
======================================**/
#contact_numbers .left_part,
#contact_numbers .right_part {
}


#contact_numbers .right_part {
	position: relative;
}


.tel {
	padding-left: 40px !important;
	font-size: 20px !important;
	font-family: "Trebuchet MS","Verdana";
	background: url(../../images/underconstruction/bg_freedial.jpg) no-repeat left;
	color: #463017;	
}
#fax_detail .number {
	position: absolute;
	left: 40px;
	top: 90px;
	font-size: 20px;
	font-family: "Trebuchet MS","Verdana";
	color: #463017;
	
}

#fax_detail .number span {
	font-size: 14px;
}

#fax_detail .faxdl {
	position: absolute;
	right: 20px;
	top: 124px;
}
#contact_numbers .fax span,
#contact_numbers .tel span {
	display: inline-block;
	margin-right: 6px;
	padding: 4px 6px 3px;
	background: #996734;
	color: #FFF;
	font-size: 10px;
	font-family: "Trebuchet MS","Verdana";
	font-weight: bold;
}


#contact_numbers .fax,
#contact_numbers .tel {
	font-size: 14px;
	font-weight: bold;
}


#shop_form_area .image_texts {
	
}

#shop_form_area .image_part .pic {
	border: none;
}

#shop_form_area .catch {
	margin-bottom: 0.6em;
	color: #694322;
	font-size: 136%;
}

#shop_form_area .heading3 {
	margin-bottom: 1.4em;
	font-size: 122%;
}

#shop_form_area .price {
	margin-bottom: 1.0em;
	font-size: 122%;
	font-weight: bold;
	color: #FF0000;
}

#shop_form_area .price span {
	font-size: 13px;
	
}


#shop_form_area .input_wrap_box {
	padding: 10px;
	background: #EFEFEF;
	
}

#shop_form_area .input_wrap_box th {
	width: 220px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 107%;
}


#shop_form_area .input_wrap_box th,
#shop_form_area .input_wrap_box td {
	background: #EFEFEF;
	border-bottom: 1px dotted #DDD;
}

#shop_form_area .input_wrap_box input.short {
	margin-right: 6px;
	width: 70px;
	text-align: right;
}

#shop_form_area .caption {
	text-align: center;
}

.set_choice_box {
	margin-bottom: 1.0em;
	padding: .6em 4px 1.0em;
	border-bottom: 2px solid #DDD;
}

.set_choice_box li {
	float: left;
	width: 180px;
	margin: 0 4px 0 0;
	line-height: 1.8em;
	font-size: 107%;
	font-weight: bold;
}

.set_choice_box li label {
	padding-left: 6px;
}

#customer_info_area .table2 th {
	width: 160px;
}

#customer_info_area .table2 th,
#customer_info_area .table2 td {
	padding: 15px;
}


/**======================================
	SHOPPING CONFIRM
======================================**/
#shop_confirm_area .price {
	margin-bottom: 1.0em;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

#shop_confirm_area .price span {
	
}

#shop_confirm_area .table2 th,
#shop_confirm_area .table2 td {
	padding: 15px;
}



/**======================================
	SINGLE
======================================**/
#recipe_single_box .image_texts2 .image_part {
	width: 310px;
}

#recipe_single_box .image_texts2 .texts_part {
	width: 300px;
}

#recipe_back {
	width: 100%;
	text-align: center;
}

#recipe_back a {
	margin: 2.6em 0 0 0;
	padding: 15px 40px 16px !important;
	font-size: 107%;
}

/**======================================
	RECIPE
======================================**/
#recipe_howto h4 {
	margin-bottom: 0.6em;
	line-height: 2.2em;
	font-size: 107%;
	font-weight: bold;
	color: #333;
}


#recipe_howto ol {
	counter-reset: li; /*カウントリセット*/
}

#recipe_howto ol li {
	list-style: none; /*デフォルトナンバリングを消す*/
	position: relative; 
	padding: 0;
	line-height: 1.6em; /*行間*/
	*list-style-type: decimal; /*IE7用ハック*/
	margin-bottom: 10px;
}
	
#recipe_howto ol li:before {
	content: counter(li)'.'; /*カウンターのインデックスを挿入*/
	counter-increment: li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position: absolute;
	left: -24px; /*コンテンツの上へ*/
	width: 20px; /*幅*/
	color: #333;
	font-size: 100%;
	text-align:center;
	font-weight: bold;
}


#recipe_howto ul li {
	margin-bottom: 10px;
	line-height: 1.6em !important;
	background: none;
}


	
#recipe_howto ul li {
	list-style: none; /*デフォルトナンバリングを消す*/
	position: relative; 
	padding: 0;
	line-height: 1.6em; /*行間*/
	*list-style-type: disc; /*IE7用ハック*/
}

#recipe_howto ul li:before {
	content: '・'; /*カウンターのインデックスを挿入*/
	position: absolute;
	left: -24px; /*コンテンツの上へ*/
	width: 20px; /*幅*/
	color:#333; /*文字色*/
	font-size: 100%;
	text-align:center;
	font-weight: bold;
}

.hover .pic {
	border-color: #AAAAAA !important;
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.2);
	
}


/**======================================
	[MODULE]
	CLEARFIX
======================================**/

.set_choice_box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.set_choice_box {
	display:inline-block;
}

/* \*/
* html .set_choice_box { 
	height:1%;
}

.set_choice_box {
	display: block;
}
/* */