/* yasumaru2013 CSS Document */

/* 初期化 ********************************************/
* {
margin: 0;
padding: 0;
color: #3c2408;
font-size: 12px;
line-height: 1.6;
}
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
img {
display: block;
border: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.uline {
border-bottom:1px solid #ccc;
}
table {
border-collapse: collapse;
}
table td {
vertical-align: top;
}
span.wr {
color: #b63136;
}
table td.rpn {
padding-right: 0 !important;
}
/* リンク色 */
A:link {
color: #3c2408;
text-decoration: none;
}
A:active {
color: #3c2408;
}
A:visited {
color: #3c2408;
}
A:hover {
color: #3c2408;
text-decoration: underline;
}
a.ar_b69a4c {
display: block;
padding-left: 12px;
background: url(/data/yasumaru/image/common/icon/arrow_b69a4c.png) no-repeat left 5px;
}

/* 大外 **********************************************/
#container {
width: 980px;
margin: 0 auto;
background: none;
}

/***************************************************************/
/* ヘッダー */
#header {
height: 435px;
position: relative;
}
#header form,
#header .shoptext {
display: none;
}

/* ヘッダー下ライン */
#bline {
height: 1px;
}

/***************************************************************/
/* キャッチコピー
MacIE以外のブラウザ用の指定に注意 */
#copy {
height: 35px;
position: absolute;
top: -75px;
/*MacIE以外のブラウザ用\*/
top: 0;
/* ----- */
z-index: 3;
}
#copy header {
position: absolute;
left: 0;
top: 0;
z-index: 5;
}

/********************************************************************/
/* ショップロゴ画像の場合使用
MacIE以外のブラウザ用の指定に注意 */
.shoplogo {
	width: 360px;
	margin: 10px 0px 0px 0px;
	position: absolute;
	top: -65px;
	/*MacIE以外のブラウザ用\*/
    top: 30px;
    /**/
	z-index: 2;
}

/* ショップロゴテキストの場合使用
MacIE以外のブラウザ用の指定に注意 */
.shoptext {
width: 360px;
position: absolute;
top: -95px;
/*MacIE以外のブラウザ用\*/
top: 0;
/* ----- */
z-index: 2;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* リンク色 */
.shoptext A:link {
	font-weight: bold;
	text-decoration: none;
}

.shoptext A:active {
	font-weight: bold;
	text-decoration: none;
}

.shoptext A:visited {
	font-weight: bold;
	text-decoration: none;
}

.shoptext A:hover {
	font-weight: bold;
	text-decoration: underline;
}

/********************************************************************/
/* サブナビゲーション
MacIE以外のブラウザ用の指定に注意 */
.subnavi {
width: 990px;
height: 75px;
background-image: url(img/copy_bg.gif);
background-repeat: repeat;
padding: 5px 0px 5px 5px;
margin: 8px 0px 0px;
text-align: right;
position: absolute;
top: -95px;
/*MacIE以外のブラウザ用\*/
top: 0;
/* ----- */
z-index: 1;
}

/* リンク文字サイズ */
.subnavi A:link,
.subnavi A:active,
.subnavi A:visited,
.subnavi A:hover {
    font-size: 10px;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
	height: 15px;
	background-image: url(img/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
	height: 15px;
	background-image: url(img/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-right: 10px;
}

/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
	height: 15px;
	background-image: url(img/icon03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}
#st_login .subicon03 {
width: 7em;
margin: 5px auto;
}
.box_padding .subicon03 {
text-align: left;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
	height: 15px;
	background-image: url(img/icon_winclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/* 横幅ボックス *******************************************/
/* 左、右用枠160 */
.side_box {
width: 180px;
margin: 0px 0px 10px 0px;
}
.side_box a.register,
.side_box a.mypage {
display: block;
width: 178px;
height: 53px;
text-indent: -9999px;
margin: 5px auto;
}
.side_box a.register {
background: url(/data/yasumaru/image/sidebar/new_member_btn.png) no-repeat left top;
}
.side_box a.mypage {
background: url(/data/yasumaru/image/sidebar/to_mypage_btn.png) no-repeat left top;
}
#free_input_area2 form .ttl {
background: url(/data/yasumaru/image/sidebar/ttl_base1.gif) no-repeat left top;
width: 180px;
height: 36px;
color: white;
font-size: 14px;
text-align: center;
line-height: 35px;
}
#free_input_area2 form .sb_search {
border: 1px solid #d0b174;
border-top: none;
padding: 10px;
text-align: center;
}
/* SSLバナー */
#ssl_banner {
display: none;
}
#ssl_banner_chg img,
#point_svc img {
margin: 0 auto 10px auto;
}
.sb_pntssl {
padding-top: 10px;
margin-bottom: auto;
width: 180px;
border: 1px solid #d0b174;
}
.sb_pntssl .weather{}

/* 中央用枠160 */
.center_box {
	width: 500px;
	margin: 0px 0px 15px;
}

/* 左領域 ***********************************************/

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
background: url(/data/yasumaru/image/sidebar/ttl_base1.gif) no-repeat left top;
width: 180px;
height: 36px;
}
.category_title h3 {
color: white;
font-size: 14px;
text-align: center;
line-height: 35px;
font-weight: normal;
}

/* カテゴリ一覧部分 */
.category_list {
padding: 0;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link {
}
.mcategory A:active {
}
.mcategory A:visited {
}
.mcategory A:hover {
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
	width: auto;
	height: 25px;
	background-image: url(img/menu_bg01.gif);
	padding: 10px 0px 0px 10px;
}

/* 内容 */
.pickup_category_list {
	width: auto;
	background-color: #FFFFFF;
	padding: 5px 0px 5px;
}

/* リンク色 */
.pickup_category_list A:link {
}

.pickup_category_list A:active {
}

.pickup_category_list A:visited {
}

.pickup_category_list A:hover {
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
	width: auto;
}

/* リンク色 */
.navi A:link {
    color: #FFFFFF;
}

.navi A:active {
    color: #FFFFFF;
}

.navi A:visited {
    color: #FFFFFF;
}

.navi A:hover {
    color: #FFFFFF;
}

/* ショップ通信 */
.shop {
	width: 180px;
	height: 40px;
	margin: 0px 0px 3px;
	background: url(/data/yasumaru/image/sidebar/icon/shop.gif) no-repeat 10px center #d0b174;
}
.shop a {
	padding: 0 0 0 40px;
line-height: 40px;
}

/* 店長日記 */
.diary {
	width: auto;
	height: 25px;
	margin: 0px 0px 3px;
	padding: 10px 0px 0px 15px;
	background-image: url(img/menu_bg02.gif);
}

/* リンク集 */
.link {
	width: 180px;
	height: 40px;
	margin: 0px 0px 3px;
	background: url(/data/yasumaru/image/sidebar/icon/link.gif) no-repeat 10px center #d0b174;
}
.link a {
	padding: 0 0 0 40px;
line-height: 40px;
}

/* 掲示板 */
.bbs {
	width: auto;
	height: 25px;
	margin: 0px 0px 3px;
	padding: 10px 0px 0px 15px;
	background-image: url(img/menu_bg02.gif);
}

/* フリー */
.free_menu {
	width: 180px;
	height: 40px;
	margin: 0px 0px 3px;
	background: url(/data/yasumaru/image/sidebar/icon/shop.gif) no-repeat 10px center #d0b174;
}
.free_menu a {
padding: 0 0 0 40px;
line-height: 40px;
}

/* yahooオークション */
.yahoo {
	width: auto;
	height: 25px;
	margin: 0px 0px 3px;
	padding: 10px 0px 0px 15px;
	background-image: url(img/menu_bg02.gif);
}

/* 楽天オークション */
.rakuten {
	width: auto;
	height: 25px;
	margin: 0px 0px 3px;
	padding: 10px 0px 0px 15px;
	background-image: url(img/menu_bg02.gif);
}

/* ビッダーズオークション */
.bidders {
	width: auto;
	height: 25px;
	margin: 0px 0px 3px;
	padding: 10px 0px 0px 15px;
	background-image: url(img/menu_bg02.gif);
}

/* オークションリンク文字サイズ */
.yahoo A:link {
	font-size: 10px;
}

.yahoo A:active {
	font-size: 10px;
}

.yahoo A:visited {
	font-size: 10px;
}

.yahoo A:hover {
	font-size: 10px;
}

.rakuten A:link {
	font-size: 10px;
}

.rakuten A:active {
	font-size: 10px;
}

.rakuten A:visited {
	font-size: 10px;
}

.rakuten A:hover {
	font-size: 10px;
}

.bidders A:link {
	font-size: 10px;
}

.bidders A:active {
	font-size: 10px;
}

.bidders A:visited {
	font-size: 10px;
}

.bidders A:hover {
	font-size: 10px;
}

/* ショッピングカート *************************************/
/* カートタイトル */
.shopc_title {
	width: 180px;
	height: 40px;
	background: url(/data/yasumaru/image/sidebar/icon/cart.gif) no-repeat 10px center #d0b174;
}
.shopc_title h3 {
	padding: 0 0 0 40px;
line-height: 40px;
font-weight: normal;
}
/* カートの中身大枠 */
#left_cart_area .shopc_list{
	width:180;
	background-color: #FFFFFF;
border: 1px solid #d0b174;
border-top: none;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	height: 20px;
	padding-left: 25px;
	background-image: url(img/cart.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* カートの中身商品リスト */
.shopc_in {
	border: 1px solid #E0DFE3;
	font-size: 10px;
}

/* レジに行く */
.shopc_go {
}

.member {
background: url(/data/yasumaru/image/sidebar/login_mid.gif) repeat-y left top;
}
.member .shopc_title {
display: none;
}
.member .shopc_list {
background: url(/data/yasumaru/image/sidebar/login_head.gif) no-repeat left top;
}
.member .shopc_in {
border: none;
padding: 132px 0 0 0;
font-size: 10px;
}
#mregistration {
margin: 0 0 20px 2em;
}
.member .shopc_list form .shopc_in {
padding: 20px 10px 0;
}
.member .shopc_list form .shopc_in input {
margin:0 0 5px 0;
}
.member .shopc_go {
background: url(/data/yasumaru/image/sidebar/login_bottom.gif) no-repeat left bottom;
padding: 0 0 10px;
}
#side_login_submit {
background: url(/data/yasumaru/image/sidebar/login_btn.gif) no-repeat center top;
display: block;
border: none;
width: 142px;
height: 42px;
margin: 10px auto 0;
text-indent: -9999px;
}
#st_login input.logoutinput {
display: block;
width: 7em;
margin: 10px auto;
}

/**********************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
	width: 700px;
	height: 130px;
}

/* 左td */
#lefttd {
width: 180px;
}

/* 中央td */
#centertd {
width: 490px;
padding: 0px 10px 15px 20px;
}

/* 右td */
#righttd {
width: 160px;
padding: 0px 0px 15px 10px;
}

/* 内部ページtd */
#pagetd {
position: relative;
width: 772px;
padding-left: 28px;
}

#popup #pagetd {
	padding: 5px 0px 0px;
}

#popup #container {
    position: absolute;
	top: 0px;
}

/* 写真影 */
.photo_line_80 {
width: 179px !important;
height: 179px;
overflow: hidden;
background: url(/data/yasumaru/image/item/base_s.png) no-repeat left top;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.photo_line_80 img {
max-width: 165px;
max-height: 165px;
display: inline;
}
.photo_line_140 {
	width: 140px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
}
.photo_line_250 {
	/* width: 250px; */
width: auto;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
}

.photo_line {
	width: auto;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	width: auto;
	background-image: url(img/welcome_top_bg.gif);
	padding: 10px 0px 10px 10px;
	font-weight: bold;
}

/* 大枠中 */
.welcome_middle {
	width: auto;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	padding: 5px 10px 0px;
}

/* 大枠下 */
.welcome_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/welcome_bottom_bg.gif);
}

#righttd .welcome_top {
	background-image: url(img/welcome_top_bg_s.gif);
}

#righttd .welcome_bottom {
	background-image: url(img/welcome_bottom_bg_s.gif);
}

/* 写真 */
.photo_welcome {
	width: auto;
	margin: 0px 10px 0px 0px;
	float:left;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
	width: auto;
	height: 25px;
	border-bottom: 3px solid #E0DFE3;
	padding: 5px 0px 0px;
	font-size: 14px;
	font-weight: bold;
}

.whatnew_middle ul {
	list-style: none;
}

.whatnew_middle li {
    border-bottom: 1px solid #E0DFE3;
    font-size: 10px;
	padding: 10px 5px;
	margin-bottom: 1px;
}

/* リンク色 */
.whatnew_middle li A:link {
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
}

.whatnew_middle li A:active {
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
}

.whatnew_middle li A:visited {
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
}

.whatnew_middle li A:hover {
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
}

/* 大枠下 */
.whatnew_bottom {
	width: auto;
	padding: 5px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上
※縦画像を入れた際一部レイアウトが崩れる場合があります */

/* 大枠上
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
	width: auto;
	height: 35px;
	background-image: url(img/top_title_bg.gif);
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.style1_middle {
	width: 480px;
	background-color: #FFFFFF;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	padding: 9px;
}

/* 大枠下 */
.style1_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/welcome_bottom_bg.gif);
}

/* コピー */
.style1_copy {
	width: auto;
	margin: 0px 0px 10px;
	font-size: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
    width: auto;
	margin: 5px 0px 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
    width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	padding: 10px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
    width: auto;
}

/* テーブル */
.style1_table {
	width: 458px;
}

/* 写真 */
.style1_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
}

/* 説明 */
.style1_text {
	width: auto;
	padding: 5px;
	font-size: 10px;
}

/* 商品名 */
.item_name {
	font-size: 15px;
	color: #666666;
	font-weight: bold;
}

/* 価格 */
.price {
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #584641;
	font-weight: bold;
}

/* 価格大 */
.priceb {
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #584641;
	font-weight: bold;
}

/* 在庫ありなし */
.stock {
	color: #666666;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
	width: auto;
	height: 35px;
	background-image: url(img/top_title_bg.gif);
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.style2_middle {
	width: 480px;
	background-color: #FFFFFF;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	padding: 9px;
}

/* 大枠下 */
.style2_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/welcome_bottom_bg.gif);
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px 0px 10px;
	font-size: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
    width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	padding: 10px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
    width: auto;
}

/* テーブル */
.style2_table {
	width: 458px;
}

/* 写真 */
.style2_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
}

/* 説明 */
.style2_text {
	width: auto;
	padding: 5px;
	font-size: 10px;
}

/* 2-5位テーブル */
.style2_rank_table {
	width: 458px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
    width: 114px;
}

/* 2-5位セル */
.style2_rank {
	width: auto;
	margin: 0px 1px;
	padding: 4px;
	font-size: 10px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 12px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: auto;
	margin: 8px 8px;
	padding: 8px 0px 0px;
	font-size: 10px;
}

/* 1位テキスト */
.rank1 {
	width: auto;
	padding-left: 0px;
	color: #000000;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

/* 2-5位テキスト */
.rank2-5 {
	color: #000000;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
	width: auto;
	height: 35px;
	background-image: url(img/menu_bg03.gif);
	padding: 10px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.style3_middle {
	width: auto;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	padding: 10px;
}

/* 大枠下 */
.style3_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/right_box_bg.gif);
}

/* コピー */
.style3_copy {
	width: auto;
	margin: 0px 0px 10px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
}

/* テーブル */
.style3_table {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	padding: 10px 5px 5px;
	margin-top: 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	padding: 0px 23px;
}

/* 説明 */
.style3_text {
	width: auto;
	margin: 8px 0px 0px;
	padding: 5px;
	font-size: 10px;
}

/* メルマガ ***********************************************/
.melmaga_top {
width: 180px;
height: 36px;
background: url(/data/yasumaru/image/sidebar/ttl_base2.gif) no-repeat left top;
}
.melmaga_top h3 {
color: #FFFFFF;
font-weight: normal;
font-size: 14px;
text-align: center;
line-height: 35px;
}
.melmaga_middle {
	width:180;
	border: 1px solid #d0b174;
	border-top: none;
}
.melmaga_bottom {
display: none;
}
.mdata {
font-size: 10px;
}
.mdata div {
padding: 5px;
}
.mdata form {
display: block;
background: #f2e6cf;
text-align: center;
padding: 10px 0;
}

/* 店長日記 ***********************************************/
/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	width: auto;
	height: 35px;
	background-image: url(img/menu_bg04.gif);
	padding: 10px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.tdiary_middle {
	width: auto;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/right_box_bg.gif);
}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	font-size: 10px;
}

/* プロフィールタイトル */
.ttitle {
	color: #000000;
}

/* コメント */
.tcom {
    width: 135px;
	border: 1px solid #E0DFE3;
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: 10px;
	clear: both;
}

/* 第二階層 ***********************/

/* 第二階層パンクズ下大枠 */
#pagemain {
width: 772px;
padding: 0;
}
/* 第二階層パンクズ */
#pan {
padding: 10px;
width: auto;
position: absolute;
top: -38px;
left: -180px;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
width: 762px;
height: 45px;
background: url(/data/yasumaru/image/common/httl_base.png) no-repeat left top;
	padding: 10px 0px 0px 10px;
	font-size: 16px;
	color: #3c2408;
	font-weight: bold;
letter-spacing: 0.3em;
text-indent: 2em;
text-shadow: 1px 1px 3px #3c2408;
font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3", serif;
}

/* 第二階層中 */
.pmiddle {
width: 772px;
}
.password_page_body .pmiddle {
width: 660px;
}

/* 第二階層下 */
.pbottom {
width: 772px;
height: 35px;
display: none;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	padding: 10px 5px 5px;
	border-top: 1px solid #d0b174;
	color: #E0DFE3;
}

.item_bot_box2 {
	margin: 5px 0px;
	padding: 10px 5px;
	border-top: 1px solid #d0b174;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width: 245px;
	height: auto;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px;
	padding: 9px 0px 5px 25px;
	font-size: 14px;
	float: left;
	color: #000000;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 330px;
	padding: 5px 0px 0px 15px;
}

/* 商品数 */
.list_count {
	width: auto;
	border-top: 1px solid #d0b174;
	margin: 0px 10px 5px;
	padding: 5px 0px 0px 5px;
	font-size: 11px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
    width: auto;
	margin: 10px 10px 5px;
}

/* 各テーブル枠中 */
.list_table_middle {}

/* 各テーブル枠下 */
.list_table_bottom {
    width: auto;
	margin: 0px 10px;
}

/* 商品一覧テーブル */
.list_item_table {
width: 740px;
margin: 0 auto;
}
.list_item_table td {
width: 185px;
}

/* 商品詳細ページ *****************************************/

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {}
/* テーブル枠中 */
.detail_table_middle {}
/* テーブル枠下 */
.detail_table_bottom {
	width: auto;
	margin: 0px 10px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
	width: 740px;
}
/* 商品詳細商品説明 */
.detail_item_text {
margin: 0px 0px 5px 10px;
line-height: 160%;
}
/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	height: 25px;
	background-image: url(img/page_title_bg02.gif);
	margin: 10px 0px 5px;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
td.detail_item_photo_td,
td.detail_item_photo_td .style1_photo {
width: 349px;
}

td.detail_item_photo_td .style1_photo .photo_line_250 {
width: 349px !important;
height: 309px;
background: url(/data/yasumaru/image/item/base.png) no-repeat left top;
display: table-cell;
vertical-align: middle;
text-align: center;
}
td.detail_item_photo_td .style1_photo .photo_line_250 img {
width: auto;
height: auto;
max-width: 330px;
max-height: 290px;
display: inline;
}

/* 詳細説明 */
.detail_sub_table {
	width: 618px;
}

/* 他の写真 */
.detail_sub_table02 {
	width: 618px;
	padding: 5px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	padding: 5px;
}

/* 他の写真サブセル */
.sub_item {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 5px 5px;
	padding: 10px;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 200px;
}

/* 他の商品写真 */
.sub_item_photo {
	width: auto;
	height: auto;
	margin: 5px 15px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
height: 36px;
background: url(/data/yasumaru/image/sidebar/icon/shop.gif) no-repeat 10px center #d0b174;
	margin: 10px 20px 5px;
	padding: 12px 0px 0px 50px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/* 内部ページの中 */
.page_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
height: 36px;
background: url(/data/yasumaru/image/sidebar/icon/shop.gif) no-repeat 10px center #d0b174;
	margin: 10px 20px 5px;
	padding: 12px 0px 0px 50px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/* 内部ページの中 */
.page_table2_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table2_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	width: auto;
	height: 25px;
	background-image: url(img/sub_menu_bg03.gif);
	margin: 10px 20px 5px;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table3_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table3_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E0DFE3;
	margin-bottom: 5px;
	padding: 10px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E0DFE3;
	margin-bottom: 5px;
	padding: 10px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* 内部テーブルフレーム */
.table_fream {
width: 710px ;
}
.password_page_body .table_fream {
width: 598px ;
}

/* カートの中身 *******************************************/
/* カートの中身テーブル */
.cart_table {
width: 710px;
}
/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 710px;
}
.password_page_body .cart_table_bottom {
width: 598px ;
}
/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 5px 5px 0px 5px;
	padding: 10px;
}

.point_box2 {
	width: auto;
	margin: 0px 5px 8px 5px;
	padding: 5px;
}

.point_box3 {
	width: auto;
	background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

/* エラーボックス */
.error_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 5px 40px 0px;
	padding: 10px;
}

/* エラーテキスト */
.error_text {
    color: #000000;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
margin: 0;
}
#lefttd .box_padding {
margin: -10px auto 20px auto !important;
text-align: center;
line-height: 1.2;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	margin: 0px 0px 2px 5px;
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #E0DFE3;
}

/* カートステップテーブル */
.cart_step_table {
margin: 0 auto;
}
/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
    background-color: #F5F5F5;
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}
.cart_step_2 {
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_3 {
	width: auto;
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_4 {
	width: auto;
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #A39FAC;
}

.cart_step_1_check {
	width: auto;
    background-color: #C69F9F;
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_2_check {
	width: auto;
    background-color: #C69F9F;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_3_check {
	width: auto;
    background-color: #C69F9F;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_4_check {
	width: auto;
    background-color: #C69F9F;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

/* 内容確認用テキスト */
.bottom_check {
	width: 610px;
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
    background-color:#666666;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.td_color2 {
    background-color:#F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
}

.td_color3 {
    background-color:#B6B3BB;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	width: auto;
	height: 25px;
	background-image: url(img/sub_menu_bg01.gif);
	margin: 10px 20px 5px;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 20px 5px;
	padding: 0px 10px 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	width: auto;
	margin: 0px 20px;
}

/* テーブル */
.tdiary_news_table {
	width: 598px;
}

/* テキスト部分 */
.tdiary_news_text {
	width: auto;
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	width: auto;
	padding: 10px 5px 0px 0px;
}

/* リンク集・ショップのご案内 *****************************/

/* td左 */
.td_link_shop1 {
width: 200px;
background-color: #F5F5F5;
border-bottom: 1px solid #E0DFE3;
border-right: 1px solid #E0DFE3;
padding: 5px;
}
/* td右 */
.td_link_shop2 {
background: white;
border-bottom: 1px solid #E0DFE3;
}
/* 大枠 */
.link_shop {
padding: 10px 0 0 15px;
}
/* テーブル */
.link_shop_table {
width: 740px;
}
/* ショップタイトル項目 */
.shop_title {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 10px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
overflow: hidden;
}
.shop_title div {
float: left;
}

/* リンクタイトル項目 */
.link_title {
	width: auto;
	margin-bottom: 5px;
	padding: 9px 0px 0px 15px;
}

/* テキスト部分 */
.shop_link_text {
	width: auto;
	padding: 10px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	width: auto;
	padding: 0px 10px 5px;
}

/********************************************************************/

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
display: none;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
} 

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	width: auto;
	margin: 5px 20px 0px;
	padding: 5px;
}

/* 大枠中 */
.bbs_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	width: auto;
	margin: 0px 20px 5px;
	padding: 5px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
}

/* テーブル小 */
.bbs_table_s {
	width: 500px;
}

/* テーブル */
.bbs_table {
	width: 598px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
    background-color:#666666;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color2 {
    background-color:#F5F5F5;
	padding: 5px;
}

.bbs_td_color3 {
    width: 30px;
    background-color:#F5F5F5;
	padding: 5px;
}

/* テキスト */
.bbs_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	margin: 5px 5px 15px;
	padding: 15px;
}

/* ページ送り */
.sec_line_top {
	width: auto;
	text-align: right;
	margin: 10px 20px 0px;
	padding: 5px;
	border-top: 1px solid #d0b174;
	border-bottom: 1px solid #d0b174;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
    padding: 2px;
	background-color: #FFFFFF;
	background-image: url(img/bot_bg.gif);
	color: #FFFFFF;
}

/***************************************************************/

/* HTMLタグ要素 */
html {
background: url(/data/yasumaru/image/common/bg-footer.jpg) repeat-x center bottom;
}
body {
    background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFF;
background: url(/data/yasumaru/image/common/bg-header.jpg) repeat-x center top;
	word-break: break-all;
}

body #popup {
position: relative;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h2 img {
margin-top: 30px;
}
.style1_text h2 img,
h2 span.item_name img {
display: inline;
margin: 0 0 0 5px;
}
h3 {
	color: #FFFFFF;
}
ul {
	list-style-position: outside;
	padding: 0px 3px 0px 25px;
}

li {
	padding: 1px;
}

/* ナビゲーション用リストアイコン
注意：リストのため画像位置が上にずれる */
.category_list ul li {
list-style: none;
padding: 0;
}

/* 親カテゴリ */
.category_list ul span {
display: block;
padding:7px 5px 7px 35px;
margin: 0;
background-image: url(img/icon04.gif);
border: 1px solid #d0b174;
border-bottom: 1px dashed #d0b174;
border-top: none;
background-repeat: no-repeat;
background-position: 5px center;
}
.category_list ul li:last-child span {
border-bottom: 1px solid #d0b174;
}

/* ul空白 */
.category_list ul,
.pickup_category_list ul {
	padding: 0;
}

/* サブカテゴリ */
.category_list ul ul li {
	padding:5px 5px 5px 15px;
	margin: 0px 0px 3px;
	background-image: url(img/icon04.gif);
	border: 1px solid #E0DFE3;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
    width: auto;
	display: block;
	padding:5px 5px 5px 15px;
	margin: 0px 0px 3px;
	background-image: url(img/icon04.gif);
	border: 1px solid #E0DFE3;
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
}

form {
	display: inline;
}

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
}

/* ノーマル */
.text-normal { 
    font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
	font-size: 14px;
}

/* パンクズ現ページ */
.thispage {
	color: #000000;
}

/* リンク文字かご関連 */
.text-link-bot-b {
}

/* サイズ小用 */
.text-11 {
	font-size: 10px;
}

/* サイズ大用 */
.text-14 {
	font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
/* line-height: normal; */
font-size: 36px;
line-height: 50px;
}

/* ------ サイドバーカレンダー ----- */
div.cal {
margin-bottom: 10px;
}
div.cal * { text-align: center; font-size: 10pt; }
div.cal table {
border: solid 1px #d0b174;
width: 180px;
color: #3c2408;
}
div.cal caption {
border: solid 1px #d0b174;
border-bottom: none;
background: #f2e6cf;
}
div.cal td.today {
background: #f2e6cf;
}
div.cal td.sund {
color: red;
background: #fef1f5;
}
div.cal td.satd {
color: blue;
background: #e7f0fd;
}

/* ------ フリーページ ----- */
.secomain {
width: 980px;
background: url(/data/yasumaru/image/2nd_main_img/common_header.jpg) no-repeat left top;
}
.secomain img.mainimg {
width: 980px;
height: 200px;
}
.secomain img.shadow {
width: 980px;
height: 24px;
}
#free_page_2 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/yasumaru.jpg) no-repeat left top;
}
#free_page_4 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/list.jpg) no-repeat left top;
}
#free_page_5 .secomain,
#free_page_6 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/recipe.jpg) no-repeat left top;
}
#free_page_7 .secomain,
#categorylist_page_5 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/teiki.jpg) no-repeat left top;
}
#free_page_8 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/new.jpg) no-repeat left top;
}
#free_page_9 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/faq.jpg) no-repeat left top;
}
#free_page_10 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/shop.jpg) no-repeat left top;
}
#free_page_11 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/guide.jpg) no-repeat left top;
}
#free_page_12 .secomain {
background: url(/data/yasumaru/image/2nd_main_img/about.jpg) no-repeat left top;
}
ul.inner_navi {
list-style-type: none;
padding: 0;
overflow: hidden;
}
ul.inner_navi li {
float: left;
}
.totoprecipe {
text-align: right;
width: 100%;
}
.totoprecipe a img {
width: 100px;
height:13px;
display: inline;
}

/* ------ やすまるだしとは？ ----- */
#free_page_2 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 45px;
background: url(/data/yasumaru/image/yasumaru/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_2 ul.inner_navi li.nav1 a {
width: 127px;
background-position: left top;
}
#free_page_2 ul.inner_navi li.nav2 a {
width: 163px;
background-position: -141px top;
}
#free_page_2 ul.inner_navi li.nav3 a {
width: 129px;
background-position: -318px top;
}
#free_page_2 ul.inner_navi li.nav4 a {
width: 117px;
background-position: -461px top;
}
#free_page_2 ul.inner_navi li.nav5 a {
width: 176px;
background-position: -592px top;
margin-right: 0;
}
table.tab_yasumaru1 {
margin: 20px 0;
}
table.tab_yasumaru1 td {
padding-right: 15px;
}
table.tab_yasumaru1 .voice_cont {
width: 209px;
height: 259px;
background: url(/data/yasumaru/image/yasumaru/voice_base.gif) no-repeat left top;
position: relative;
padding: 30px 20px 0 20px;
margin-bottom: 10px;
}
table.tab_yasumaru1 .voice_name {
position: absolute;
top: 250px;
left: 180px;
}
.yasumaru_q1, .yasumaru_q2, .yasumaru_q3 {
width: 420px;
padding: 50px 0 0 330px;
margin: 10px 0 20px 20px;
}
.yasumaru_q1 div, .yasumaru_q2 div, .yasumaru_q3 div {
border: 1px solid #d0b174;
padding: 10px;
}
.yasumaru_q1 {
height: 71px;
background: url(/data/yasumaru/image/yasumaru/q1.gif) no-repeat left top;
}
.yasumaru_q2 {
height: 68px;
background: url(/data/yasumaru/image/yasumaru/q2.gif) no-repeat left top;
}
.yasumaru_q3 {
height: 100px;
background: url(/data/yasumaru/image/yasumaru/q3.gif) no-repeat left top;
}
/* ------ おだし一覧 ----- */
#free_page_4 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
width: 180px;
background: url(/data/yasumaru/image/list/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_4 ul.inner_navi li.nav1 a {
background-position: left top;
}
#free_page_4 ul.inner_navi li.nav2 a {
background-position: -197px top;
}
#free_page_4 ul.inner_navi li.nav3 a {
background-position: -393px top;
}
#free_page_4 ul.inner_navi li.nav4 a {
background-position: -590px top;
margin-right: 0;
}
#free_page_4 .base1 {
height: 201px;
width: 772px;
background: url(/data/yasumaru/image/list/base1.jpg) no-repeat left top;
margin: 30px 0;
position: relative;
}
#free_page_4 .base1 a {
height: 29px;
width: 162px;
background: url(/data/yasumaru/image/list/base1_btn.gif) no-repeat left top;
position: absolute;
top: 158px;
text-indent: -9999px;
}
#free_page_4 .base1 a.l {
left: 320px;
}
#free_page_4 .base1 a.r {
left: 570px;
}
#free_page_4 .base2 {
height: 194px;
width: 774px;
background: url(/data/yasumaru/image/list/base2.jpg) no-repeat left top;
margin: 30px 0;
position: relative;
}
#free_page_4 .base2 a {
height: 27px;
width: 142px;
background: url(/data/yasumaru/image/list/base2_btn.gif) no-repeat left top;
position: absolute;
top: 155px;
text-indent: -9999px;
left: 600px;
}
table.tab_list1 {
width: 750px;
margin: 20px 0;
}
table.tab_list1 td {
width: 350px;
padding-right: 50px;
}
table.tab_list2 {
width: 750px;
margin: 20px 0;
}
table.tab_list2 td {
width: 180px;
padding-right: 7px;
}
#free_page_4 .item,
#free_page_4 .sitem {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#free_page_4 .item {
height: 309px;
width: 349px;
background: url(/data/yasumaru/image/list/item_base_l.png) no-repeat left top;
padding-bottom: 10px;
}
#free_page_4 .sitem {
height: 159px;
width: 179px;
background: url(/data/yasumaru/image/list/item_base_s.png) no-repeat left top;
}
#free_page_4 .item img,
#free_page_4 .sitem img {
display: inline;
}
/* ------ レシピ ----- */
#free_page_5 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
width: 180px;
background: url(/data/yasumaru/image/recipe/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_5 ul.inner_navi li.nav1 a {
background-position: left top;
}
#free_page_5 ul.inner_navi li.nav2 a {
background-position: -197px top;
}
#free_page_5 ul.inner_navi li.nav3 a {
background-position: -393px top;
}
#free_page_5 ul.inner_navi li.nav4 a {
background-position: -590px top;
margin-right: 0;
}
#free_page_5 .item {
height: 129px;
width: 169px;
background: url(/data/yasumaru/image/recipe/base.png) no-repeat left top;
}
#free_page_5 .item img {
padding: 5px 0 0 5px;
}
table.tab_recipe1 {
margin: 20px 0;
}
table.tab_recipe1 td {
width: 170px;
padding-right: 30px;
}
table.tab_recipe1 a.ar_b69a4c {
margin-bottom: 7px;
}
.recipe_banner {
height: 155px;
width: 771px;
background: url(/data/yasumaru/image/recipe/banner_base.jpg) no-repeat left top;
margin: 30px 0 60px 0;
position: relative;
}
.recipe_banner a {
height: 45px;
width: 237px;
background: url(/data/yasumaru/image/recipe/banner_btn.png) no-repeat left top;
position: absolute;
top: 105px;
text-indent: -9999px;
left: 530px;
}
.recipe_txt {
margin-bottom: 30px;
}
.recipe_imgrow {
display: table-cell;
vertical-align: bottom;
}
.recipe_imgrow img {
display: inline;
margin-right: 20px;
}
table.tab_recipe2 {
margin: 20px 0 50px 0;
}
table.tab_recipe2 td.l {
width: 231px;
padding-right: 30px;
}
table.tab_recipe2 td.l div {
width: 201px;
background: #d0b174;
color: white;
padding-left: 30px;
line-height: 2.4;
margin: 10px auto 20px auto;
}
table.tab_recipe2 td.l table {
width: 231px;
border-top: 1px dashed #d0b174;
}
table.tab_recipe2 td.l td {
padding: 5px 0 5px 30px;
border-bottom: 1px dashed #d0b174;
}
table.tab_recipe2 td.l tr.bgc {
background: #f2e6cf;
}
table.tab_recipe2 td.r {
width: 510px;
padding-top: 14px;
}
table.tab_recipe2 td.r ol {
margin-left: 1.5em;
}
table.tab_recipe2 td.r ol li {
padding-top: 10px;
}
/* ------ レシピメニュー ----- */
#ac_menu {
display: none;
}
#free_page_5 #ac_menu,
#free_page_6 #ac_menu {
display: block;
}
#ac_menu,
#ac_menu ul {
list-style-type: none;
padding: 0;
}
#ac_menu {
margin-bottom: 10px;
}
#ac_menu ul {
margin-left: 0.5em;
}
#ac_menu li {
cursor:pointer;
background: url(/data/yasumaru/image/recipe/underline_recipe.png) no-repeat left bottom;
}
#ac_menu .ac_switch {
padding-left: 12px;
background: url(/data/yasumaru/image/recipe/arrow_recipe1.png) no-repeat left 8px;
line-height: 2;
}
#ac_menu ul li,
#ac_menu li a.torecipe {
padding-left: 12px;
background: url(/data/yasumaru/image/recipe/arrow_recipe2.png) no-repeat left 5px;
}
#ac_menu li a.torecipe {
line-height: 2;
background-position: left center;
}
/* ------ 定期購入 ----- */
#free_page_7 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
width: 180px;
background: url(/data/yasumaru/image/teiki/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_7 ul.inner_navi li.nav1 a {
background-position: left top;
}
#free_page_7 ul.inner_navi li.nav2 a {
background-position: -197px top;
}
#free_page_7 ul.inner_navi li.nav3 a {
background-position: -394px top;
}
#free_page_7 ul.inner_navi li.nav4 a {
background-position: -589px top;
margin-right: 0;
}
#free_page_7 .spl {
width: 770px;
height: 405px;
background: url(/data/yasumaru/image/teiki/spl_img.png) no-repeat left top;
position: relative;
}
#free_page_7 .spl img.one {
width: 344px;
height: 71px;
position: absolute;
top: 40px;
left: 360px;
}
#free_page_7 .spl img.two {
width: 337px;
height: 73px;
position: absolute;
top: 170px;
left: 410px;
}
#free_page_7 .spl img.three {
width: 393px;
height: 95px;
position: absolute;
top: 290px;
left: 350px;
}
table.tab_teiki1 {
margin: 20px auto 0 auto;
}
table.tab_teiki1 td.l {
width: 381px;
height: 224px;
background: url(/data/yasumaru/image/teiki/order_web.png) no-repeat left top;
padding-right: 10px;
position: relative;
}
table.tab_teiki1 td.l a img.btn {
width: 208px;
height: 30px;
position: absolute;
left: 86px;
top: 184px;
}
table.tab_teiki2 {
margin: 20px 0 60px 0;
}
table.tab_teiki2 td.l {
width: 267px;
height: 422px;
background: url(/data/yasumaru/image/teiki/lu_base.png) no-repeat left top;
padding-right: 10px;
vertical-align: middle;
text-align: center;
}
table.tab_teiki2 td.l img {
display: inline;
}
table.tab_teiki2 td.rpn {
vertical-align: bottom;
padding-bottom: 10px;
}

/* ------ 新規様限定商品ご案内 ----- */
#free_page_8 .new_main {
height: 681px;
width: 762px;
background: url(/data/yasumaru/image/new/new_img.jpg) no-repeat left bottom;
position: relative;
}
#free_page_8 .new_main img.ttl,
#free_page_8 .new_main img.catch {
height: 681px;
width: 762px;
position: absolute;
top: 0;
left: 0;
}
table.tab_new1 {}
table.tab_new1 td {
width: 370px;
height: 255px;
position: relative;
}
table.tab_new1 td.l {
background: url(/data/yasumaru/image/new/buy_l.jpg) no-repeat left top;
padding-right: 20px;
}
table.tab_new1 td.rpn {
background: url(/data/yasumaru/image/new/buy_r.jpg) no-repeat left top;
}
table.tab_new1 td a img {
position: absolute;
left: 160px;
top: 190px;
}
table.tab_new1 td.rpn a img {
left: 150px;
}
.prorecipe_banner {
width: 771px;
height: 174px;
background: url(/data/yasumaru/image/new/prorecipe_base.jpg) no-repeat left top;
position: relative;
margin: 20px 0;
}
.prorecipe_banner a img {
position: absolute;
left: 250px;
top: 115px;
}
.new_txt {
width: 758px;
height: 62px;
background: url(/data/yasumaru/image/new/new_txt_bg.png) no-repeat left top;
padding: 15px 0 0 20px;
line-height: 2;
margin: 20px 0 40px 0;
}
.actress {
width: 561px;
height: 230px;
background: url(/data/yasumaru/image/new/actress_base.jpg) no-repeat left top;
padding: 85px 10px 0 200px;
position: relative;
margin: 0 0 50px 0;
}
.actress .actress_txt {
font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3", serif;
margin: 20px 0;
line-height: 2;
font-size: 14px;
}
.actress a img {
width: 208px;
height: 38px;
position: absolute;
left: 550px;
top: 260px;
}

/* ------ よくあるご質問 ----- */
#free_page_9 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
background: url(/data/yasumaru/image/faq/2nd_navi.gif) no-repeat;
margin-right: 14px;
}
#free_page_9 ul.inner_navi li.nav1 a {
width: 160px;
background-position: left top;
}
#free_page_9 ul.inner_navi li.nav2 a {
width: 136px;
background-position: -178px top;
}
#free_page_9 ul.inner_navi li.nav3 a {
width: 136px;
background-position: -331px top;
}
#free_page_9 ul.inner_navi li.nav4 a {
width: 136px;
background-position: -483px top;
}
#free_page_9 ul.inner_navi li.nav5 a {
width: 135px;
background-position: -635px top;
margin-right: 0;
}
dl.ac_faq dt {
width: 731px;
height: 31px;
background: url(/data/yasumaru/image/faq/q_base.png) no-repeat left top;
padding: 0 0 0 40px;
margin: 15px 0;
line-height: 30px;
font-size: 14px;
}
dl.ac_faq dd {
background: url(/data/yasumaru/image/faq/a_icon.png) no-repeat left top;
padding: 0 0 0 40px;
min-height: 40px;
margin-bottom: 20px;
}
dl.ac_faq dd ol {
margin-left: 1.5em;
}

/* ------ 取扱店舗一覧 ----- */
.shop_banner {
width: 770px;
height: 150px;
background: url(/data/yasumaru/image/shop/shop_banner.jpg) no-repeat left top;
position: relative;
margin: 20px 0;
}
.shop_banner a img {
position: absolute;
left: 0;
top: 120px;
}
.shop_map {
width: 583px;
height: 354px;
background: url(/data/yasumaru/image/shop/map.gif) no-repeat left top;
position: relative;
margin: 20px auto;
}
.shop_map a img {
width: 40px;
height: 32px;
position: absolute;
/* background: red;
opacity: 0.5; */
}
.shop_map a img.ehime {
left: 154px;
top: 251px;
}
.shop_map a img.kochi {
left: 154px;
top: 285px;
}
.shop_map a img.isikawa {
left: 346px;
top: 104px;
}
.shop_map a img.iwate {
left: 540px;
top: 35px;
}
.shop_map a img.tokyo {
width: 62px;
left: 475px;
top: 207px;
}
.shop_map a img.hyogo {
left: 260px;
top: 173px;
}
.shop_map a img.osaka {
left: 260px;
top: 206px;
}
.shop_map a img.wakayama {
width: 84px;
left: 260px;
top: 240px;
}
.shop_map a img.oita {
left: 87px;
top: 206px;
}
.shop_map a img.miyazaki {
height: 67px;
left: 87px;
top: 240px;
}
.shop_map a img.kumamoto {
left: 44px;
top: 240px;
}
.shop_map a img.nagasaki {
left: 0;
top: 240px;
}
table.tab_shop1 {
width: 770px;
margin: 20px 0;
}
table.tab_shop1 td {
width: 380px;
padding-bottom: 20px;
}
table.tab_shop1 .sname {
background: url(/data/yasumaru/image/shop/shop_icon.png) no-repeat left center;
padding: 0 0 0 25px;
line-height: 2;
font-size: 14px;
}
table.tab_shop1 td img{
margin: 10px 0 10px 30px;
}
.contact_banner {
width: 487px;
height: 107px;
background: url(/data/yasumaru/image/shop/contact_banner.png) no-repeat left top;
position: relative;
margin: 20px auto 70px auto;
}
.contact_banner a img {
width: 162px;
height: 14px;
position: absolute;
left: 300px;
top: 72px;
}

/* ------ ご利用ガイド ----- */
#free_page_11 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
width: 180px;
background: url(/data/yasumaru/image/guide/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_11 ul.inner_navi li.nav1 a {
background-position: left top;
}
#free_page_11 ul.inner_navi li.nav2 a {
background-position: -197px top;
}
#free_page_11 ul.inner_navi li.nav3 a {
background-position: -394px top;
}
#free_page_11 ul.inner_navi li.nav4 a {
background-position: -589px top;
margin-right: 0;
}
table.tab_guide1 {
width: 770px;
margin: 20px 0;
}
table.tab_guide1 td {
padding-bottom: 20px;
}
table.tab_guide1 td img {
margin-bottom: 10px;
}
table.tab_guide1 td.l {
width: 380px;
padding-right: 30px;
}
table.tab_guide1 .gname {
background: url(/data/yasumaru/image/shop/shop_icon.png) no-repeat left center;
padding: 0 0 0 25px;
line-height: 2;
font-size: 14px;
}
table.tab_guide1 .one,
table.tab_guide1 .two {
padding: 0 0 0 25px;
margin-top: 10px;
}
table.tab_guide1 .one {
background: url(/data/yasumaru/image/guide/1.png) no-repeat left top;
}
table.tab_guide1 .two {
background: url(/data/yasumaru/image/guide/2.png) no-repeat left top;
}
/* ------ 会社概要 ----- */
#free_page_12 ul.inner_navi li a {
display: block;
text-indent: -9999px;
height: 40px;
width: 180px;
background: url(/data/yasumaru/image/about/2nd_navi.gif) no-repeat;
margin-right: 12px;
}
#free_page_12 ul.inner_navi li.nav1 a {
background-position: left top;
}
#free_page_12 ul.inner_navi li.nav2 a {
background-position: -197px top;
}
#free_page_12 ul.inner_navi li.nav3 a {
background-position: -394px top;
}
table.tab_about1 {
width: 770px;
margin: 20px 0;
border-top: 1px solid #d0b174;
}
table.tab_about1 td {
padding: 10px;
border-bottom: 1px solid #d0b174;
}
table.tab_about1 td.l {
width: 165px;
padding-right: 5px;
border-right: 2px solid #d0b174;
font-weight: bold;
}
table.tab_about1 td.rpn {
width: 600px;
}
.figure {
widht: 770px;
overflow: hidden;
margin-bottom: 30px;
}
.figure img.face {
float: left;
width: 170px;
height: 170px;
margin-right: 20px;
}
.figure img.name {
margin-bottom: 10px;
}
.figure .r {
width: 570px;
float: left;
}

/* ------ サイトマップ ----- */
b.ac_switch {
display: block;
margin: 10px 0 5px 0;
}
dl.ac_faq {
width: 771px;
}
#free_page_13 dl.ac_faq dt {
width: 731px;
height: 31px;
background: url(/data/yasumaru/image/sitemap/sm_base.png) no-repeat left top;
padding: 0 0 0 40px;
margin: 15px 0;
line-height: 30px;
font-size: 14px;
}
#free_page_13 dl.ac_faq dd {
background: none;
padding: 0 0 0 40px;
background: url(/data/yasumaru/image/sitemap/sm_icon.png) no-repeat left top;
min-height: 40px;
margin-bottom: 20px;
}
#free_page_13 dl.ac_faq dd ul {
margin-left: 1.5em;
}

/* ------ 商品詳細 ----- */
.teiki_banner {
width: 770px;
height: 152px;
background: url(/data/yasumaru/image/item/teiki_banner.jpg) no-repeat left top;
position: relative;
margin: 20px 0;
}
.teiki_banner a img {
width: 141px;
height: 24px;
position: absolute;
left: 615px;
top: 118px;
}

/* ------ 扉ページ ----- */
header, #main {
width:980px;
margin: 0 auto;
}
#head-top {
overflow: hidden;
}
.logo {
float: left;
width: 238px;
height: 77px;
padding-top: 29px;
}
#head-top-r {
width: 425px;
overflow:hidden;
}
#head-sub-info {
width: 166px;
height: 64px;
overflow: hidden;
background: url(/data/yasumaru/image/common/header_sub_navi.png) no-repeat left top;
position: relative;
margin-left: 15px;
margin-top: 12px;
}
#head-sub-info a {
display: block;
position: absolute;
}
#head-sub-info a.company {
width: 70px;
height: 16px;
background: url(/data/yasumaru/image/common/header_sub_navi.png) no-repeat left top;
top: 0;
left: 0;
}
#head-sub-info a.sitemap {
width: 86px;
height: 16px;
background: url(/data/yasumaru/image/common/header_sub_navi.png) no-repeat 80px top;
top: 0;
left: 80px;
}
#head-sub-info a.mailform {
width: 166px;
height: 18px;
background: url(/data/yasumaru/image/common/header_sub_navi.png) no-repeat left 46px;
top: 46px;
left: 0;
}
#head-top-r-btm {
padding-top: 8px;
overflow: hidden;
width: 425px;
height: 28px;
}
#head-top-r-btm a.toshop, #head-top-r-btm a.login {
display: block;
height: 28px;
background: url(/data/yasumaru/image/common/login.png) no-repeat left top;
}
#head-top-r-btm a.toshop {
width: 236px;
}
#head-top-r-btm a.login {
width: 167px;
background-position: -252px top;
margin-left: 16px;
}
ul#gnavi {
width: 980px;
list-style-type: none;
height: 37px;
padding: 0;
margin: 16px auto 19px auto;
overflow: hidden;
letter-spacing: -.40em;
}
ul#gnavi li {
float: left;
padding: 0;
overflow: hidden;
letter-spacing: normal;
}
ul#gnavi li a {
display: block;
height: 37px;
}
ul#gnavi li a.home {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat left top;
width: 97px;
}
ul#gnavi li a.whatsdasi {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -97px top;
width: 181px;
}
ul#gnavi li a.dasilist {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -278px top;
width: 120px;
}
ul#gnavi li a.regularpurchase {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -398px top;
width: 166px;
}
ul#gnavi li a.shoplist {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -564px top;
width: 135px;
}
ul#gnavi li a.guidance {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -699px top;
width: 130px;
}
ul#gnavi li a.faq {
background: url(/data/yasumaru/image/common/global_navi.png) no-repeat -829px top;
width: 151px;
}
ul#gnavi li a.home:hover {
background-position: left -37px;
}
ul#gnavi li a.whatsdasi:hover {
background-position: -97px -37px;
}
ul#gnavi li a.dasilist:hover {
background-position: -278px -37px;
}
ul#gnavi li a.regularpurchase:hover {
background-position: -398px -37px;
}
ul#gnavi li a.shoplist:hover {
background-position: -564px -37px;
}
ul#gnavi li a.guidance:hover {
background-position: -699px -37px;
}
ul#gnavi li a.faq:hover {
background-position: -829px -37px;
}
/* IMG NAVIGATION */
#image-navigation ul,
#image-navigation li {
  margin:0;
  padding:0;
  list-style:none;
}
#image-navigation ul li a {
  display:block;
  width:230px;
  height:70px;
}
#image-navigation .navi {
  float:left;
}
#image-navigation .navi-image {
  width: 750px;
  height: 350px;
  float:left;
}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#dashi {
min-height: 757px;
padding-left: 410px;
background: url(/data/yasumaru/image/top/dashi/dashi_main_img.png) no-repeat left top;
position: relative;
}
#dashi img.dashitxt {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
#news1osi {
margin-top: 15px;
}
table#news {
width: 470px;
margin: 15px 0;
border-top: 1px solid #ccc;
}
table#news td {
padding: 5px 5px 5px 10px;
}
#ichiosi {
width: 100%;
margin-top: 5px;
overflow: hidden;
}
#ichiosi .ioitem {
width: 150px;
float: left;
}
#itemlist {
padding-right: 400px;
background: url(/data/yasumaru/image/top/itemlist/itemlist_mainimg.jpg) no-repeat 570px top;
position: relative;
min-height: 731px;
}
#itemlist .items {
width: 580px;
}
#itemlist img.item {
float: left;
width: 159px;
height: 159px;
margin: 0 30px 30px 0;
}
#recipes {
padding-left: 440px;
background: url(/data/yasumaru/image/top/recipe/recipe_main_img.jpg) no-repeat left top;
position: relative;
min-height: 649px;
}
#recipes .recipelist {
width: 540px;
}
#recipes .recipelist .recipe {
overflow: hidden;
margin: 0 0 35px 0;
}
#recipes .recipelist img.recipeimg {
float: left;
margin-right: 40px;
width: 169px;
height: 129px;
}
#recipes .recipelist img.recipettl {
padding: 5px 0 15px 0;
margin: 0 0 0 -20px;
}
/* FOOTER */
#footer {
width: 100%;
}
#footer #facebook {
background: url(/data/yasumaru/image/common/fb_base.gif) no-repeat left top;
width: 724px;
height: 168px;
margin: 20px auto;
position: relative;
}
#footer #facebook a {
display: block;
width: 211px;
height: 27px;
position: absolute;
left: 278px;
top: 92px;
}
#footer #topagetop {
width: 980px;
height: 55px;
margin: 0 auto;
position: relative;
}
#footer #topagetop a {
display: block;
width: 94px;
height: 99px;
position: absolute;
top: -60px;
right: 0;
}
#footer-container {
width: 980px;
margin: 0 auto 10px auto;
vertical-align: bottom;
overflow: hidden;
}
#footer-container ul#ftnavi {
list-style-type: none;
}
#footer-container ul#ftnavi li {
padding-left: 15px;
background: url(/data/yasumaru/image/common/list-arrow.png) no-repeat left center;
}
#footer #copyright {
width: 980px;
height: 57px;
margin: 0 auto;
clear: both;
line-height: 50px;
text-align: center;
}
/* 外部カートリンク設定 */
.ocnk_cart {
width: 370px !important;
height: 150px;
overflow: hidden;
padding: 0;
margin: 0;
}
#free_page_4 .ocnk_cart {
width: 350px !important;
}
#news1osi .ocnk_cart {
width: 465px !important;
}
#free_page_2 .ocnk_cart {
width: 500px !important;
}