@charset "EUC-JP";

body {
	font-family:"Osaka", "Verdana", "Impact", "FF2DFF3320FF3030B430B730C330AF", "Hiragino Kaku Gothic Pro", "30D230E930AE30CE20Pro20W3";
	line-height: 1.6;
	padding: 0 ;
	color:#000000;
	background-color: #ffffff;
	font-size: 11px;
	position: relative;
	width: 760px;
	margin: 40px auto 20px;
}

h1 {
	font-size: 16px;
	margin:0px;
}

h2 {
	font-size:11px;
	margin-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
}

h4 {
	font-size:0px;
	margin: 0 0 0 0px;
	line-height: 0;
	padding: 0 ;
}

a:link {
	color:#000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #ce181e;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

a img {
	border: 0;
}

/* レイアウト設定 */


/* ロゴ表示部分 */
#logo {
	margin: 0 0 0 0px;
	position: relative;
	padding: 0;
	word-break: break-all;
	line-height: 0;
	width: 200px;
}


/* メインメニュー表示部分 */
#menu-main {
	margin: 0;
	position: relative;
	top: 20px;
	padding: 0;
}

#menu-main ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu-main ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}


#menu-main-2 {
	margin: 0;
	position: relative;
	top: 35px;
	padding: 0;
}

#menu-main-2 ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu-main-2 ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}

/* サブメニュー表示部分 */
#menu-sub {
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0;
	padding: 0;
	word-break: break-all;
	text-align:right;
}

#menu-sub ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu-sub li {
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	display: inline;
}

/* メイン画面部分 */
#main-space {
	margin: 0 0 0 0px;
	position: absolute;
	padding: 0;
	word-break: break-all;
	top: 104px;
	line-height: 1.4em;
	overflow:hidden;
}

/* トップページ画像部分 */
#top-image {
	margin: 0px;
	width: 760px;
	word-break: break-all;
}

#copyright {
	margin: 0 0 10px 505px;
	word-break: break-all;
	position: relative;
	top: 10px;
	overflow:hidden;
}

#recommend {
	margin: 0;
	position: relative;
	width: 560px;
	height: 210px;
}

#recommend .r_item-s {
	margin: 0 5px 5px 0;
	padding: 0;
	border: 0;
	float: left;
	width: 180px;
	height: 205px;
}

#recommend .r_item-l {
	margin: 0 5px 5px 0;
	padding: 0;
	border: 0;
	float: left;
	width: 365px;
	height: 205px;
}

/* ニュース-商品 */
#peggynews {
	position: absolute;
	top: 316px;
	left: 476px;
	width: 250px;
	height: 150px;
	margin: 0;
	padding: 7px;
	word-break: break-all;
	font-size: 10px;
	color:#000000;
	line-height: 1.7em;
	overflow-y:scroll;
	background-color: ;
	/*スクロールの色（ここから）*/
	scrollbar-3dlight-color: #7f7f7f;
	scrollbar-arrow-color: #555555;
	scrollbar-darkshadow-color: #e2e2e2;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color:#e2e2e2;
	scrollbar-shadow-color: #7f7f7f;
	scrollbar-track-color: #ffffff;
	/*スクロールの色（ここからまで）*/
}

#peggynews ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#peggynews ul li {
	margin: 0 0 12px 0;
	padding: 0;
	border: 0;
}

#peggynews-bg {
	position: absolute;
	top: 315px;
	left: 471px;
	width: 269px;
	height: 165px;
	margin: 0;
	background-color: #ffffff;
	filter: Alpha(opacity=75); /* IE系 */
	opacity:0.75; /* Mozzila系 */
}

/* ニュース-店舗 */
#shopnews {
	position: absolute;
	top: 116px;
	left: 476px;
	width: 250px;
	height: 150px;
	margin: 0;
	padding: 7px;
	word-break: break-all;
	font-size: 10px;
	color:#000000;
	line-height: 1.7em;
	overflow-y:scroll;
	background-color: ;
	/*スクロールの色（ここから）*/
	scrollbar-3dlight-color: #7f7f7f;
	scrollbar-arrow-color: #555555;
	scrollbar-darkshadow-color: #e2e2e2;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color:#e2e2e2;
	scrollbar-shadow-color: #7f7f7f;
	scrollbar-track-color: #ffffff;
	/*スクロールの色（ここからまで）*/
}

#shopnews ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#shopnews ul li {
	margin: 0 0 12px 0;
	padding: 0;
	border: 0;
	list-style-type:none;
}

#shopnews-bg {
	position: absolute;
	top: 115px;
	left: 471px;
	width: 269px;
	height: 165px;
	margin: 0;
	background-color: #ffffff;
	filter: Alpha(opacity=75); /* IE系 */
	opacity:0.75; /* Mozzila系 */
}


/* mainbox 記事表示部分 */
#mainbox {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 50px 40px;
	padding: 0;
	word-break: break-all;
	line-height: 1.7em;
	letter-spacing: 1.4px;
	background-color: ;

	overflow:hidden;

	width: 680px;
	height: 420px;
}

#mainbox ul {
	margin: 0;
	padding: 0;
}

#mainbox ul li {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	color: #ffffff;
	list-style-type:none;
}


#mainbox-bg {
	margin: 0 0 0 0px;
	position: absolute;
	padding: 0px;
	word-break: break-all;
	width: 760px;
	height: 500px;
	top: 0px;
	left: 0px;
	background-color: #000000;
	filter: Alpha(opacity=80); /* IE系 */
	opacity:0.80; /* Mozzila系 */
}

#mainbox a:link {
	color: #666666;
	text-decoration: none;
}

#mainbox a:active {
	color: #666666;
	text-decoration: none;
}

#mainbox a:visited {
	color: #666666;
	text-decoration: none;
}

#mainbox a:hover {
	color: #ffffff;
	text-decoration: none;
}





/* about peggy 記事表示部分 */

#aboutbox {
	top: 120px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	word-break: break-all;
	line-height: 1.7em;
	background-color: ;
	overflow:hidden;
}

#aboutbox-sub {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 225px;
	height: 150px;
	word-break: break-all;
	line-height: 1.7em;
	letter-spacing: 2px;
	background-color: ;
	overflow:hidden;
}

#aboutbox-b {
	float: left;
	margin: 0 6px 0 0;
	padding: 0px;
	width: 85px;
	height: 150px;
	word-break: break-all;
	line-height: 1.7em;
	letter-spacing: 2px;
	background-color: ;
	overflow:hidden;
}

#aboutbox-c {
	float: left;
	margin: 0 6px 0 0;
	padding: 0px;
	width: 130px;
	height: 150px;
	word-break: break-all;
	line-height: 1.7em;
	letter-spacing: 2px;
	background-color: ;
	overflow:hidden;
}

#aboutbox-d {
	float: left;
	margin: 0 6px 0 0;
	padding: 0px;
	width: 120px;
	height: 150px;
	word-break: break-all;
	line-height: 1.7em;
	letter-spacing: 2px;
	background-color: ;
	overflow:hidden;
}

#aboutbox ul {
	margin: 0;
	padding: 0;
}

#aboutbox ul li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	color: #ffffff;
	list-style-type:none;
	font-size: 11px;
}

#aboutbox a:link {
	color: #999999;
	text-decoration: none;
}

#aboutbox a:active {
	color: #999999;
	text-decoration: none;
}

#aboutbox a:visited {
	color: #999999;
	text-decoration: none;
}

#aboutbox a:hover {
	color: #ffffff;
	text-decoration: none;
}









/* 記事表示部分 */
#left {
	margin: 0 0 0 0px;
	position: absolute;
	padding: 0;
	word-break: break-all;
	width: 560px;
	top: 130px;
	line-height: 1.4em;
}

/* メニュー表示部分 */
/* 横幅を増やした場合は left 属性の右パディングも増やしてください。 */
#right {
	width: 200px;
	position: absolute;
	margin: 0 0 0 560px;
	top: 130px;
/*
	left: 0px;
*/
	color: #000000;
	word-break: break-all;
}


/* メニューの見出し*/
#right h3 {
	color:#000000;
	font-size: 11px;
	letter-spacing: 0;
	margin: 0 0 0 0;
	text-decoration: none;
}

/* 自己紹介的なところのリスト要素 */
/* 下のカレンダーのために下に余白を取ってます。
	カレンダーを削除する場合はこの余白設定も削除してください。 */
#right ul.info {
	list-style-type: circle;
	margin-bottom: 1.7em;
}


/* その他のメニュー内のリスト */
#right ul {
	list-style-type: square;
	padding:  0.7em 1.2em;
	margin: 0;
}

#right ul li {
	font-size: 11px;
	margin: 0 0 0 0.8em;
	list-style-position: outside;
}


/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
#right ul li span {
	margin-left: 0.3em;
}

#right p{
	color:#000000;
	margin:0 0.3em 0.3em 0.3em ;
}

/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {
	margin: 30px 0 0 0px;
	text-align: left;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
	font-size: 10px;
	letter-spacing:0;
}


/* 記事の見出し(タイトル) */
#left h3 {
	font-size:11px;
	/* border-left: 7px solid #999; */
	/* border-bottom: 1px solid #cfcfcf; */
	padding: 0 0 0 0;
	margin: 0 0 5px 0;

}
/* 記事表示部分を囲うブロック要素の属性 */
.body {
	font-size: 11px;
	margin: 0 10px 5px 0;
	padding: 0 0 0 0;
	line-height: 1.6em;
	word-break: break-all;
	background-color: #ffffff;
}

.body-02 {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	line-height: 1.6em;
	word-break: break-all;
	background-color: #ffffff;
}

.body-03 {
	font-size: 9px;
	color: #999999;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1em;
	word-break: break-all;
	background-color: #ffffff;
}

.body-menu {
	margin: 5px 0 5px 0;
	padding: 3px;
	width: 192px;
	background-color: #e5eedf;
	border-top: 1px solid #7e9f57; border-right: 1px solid #7e9f57; border-bottom: 1px solid #7e9f57; 
	border-left: 1px solid #7e9f57;
}

.body-menu-01 {
	margin: 5px 0 5px 0;
	padding: 3px;
	width: 192px;
	background-color: #e5eedf;
	border-top: 1px solid #7e9f57; border-right: 1px solid #7e9f57; border-bottom: 1px solid #7e9f57; 
	border-left: 1px solid #7e9f57;
}

.body-menu-02 {
	margin: 0 0 5px 0;
	padding: 3px;
	width: 192px;
	background-color: #ffffff;
	border-top: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f; 
	border-left: 1px solid #4f4f4f;
}

/* news = on line shop ガイド　について */

.body-news {
	font-size: 11px;
	margin: 0 10px 20px 0;
	padding: 0 0 0 0;
	line-height: 2em;
	letter-spacing: 2px;
	word-break: break-all;
}

.body-news ul {
	list-style-type: none;
	padding:  0.7em 0;
	margin: 0;
}

.body-news ul li {
	list-style-type: none;
	font-size: 11px;
	margin: 0 0 0 0px;
/*
	list-style-position: outside;
*/
}

/* 記事内に画像があった場合、左に滑り込ませる */
.body img {
	
	margin: 0 0.7em 0 0;
}

/* 記事のステータス用リスト */
.sub {
	text-align: right;
	margin: 2.7em 0 0 0;
}
.sub li {
	display: inline;
}
.sub a {
	margin-right: 0.3em;
}



/* 検索 */
#right form {
	margin: 0;
}
.light {
	margin: 2.7em 0 0 0;
	padding: 0.7em 0 0 0;
}
.search {
	margin: 0 0 3.7em 0;
	padding: 0.7em 0;
}
.search input {
}

textarea,input,select {
	font-family : 

"30D230E930AE30CE20Pro20W3","Osaka","Verdana","Helvetica","Arial","FF2DFF3320FF3030B430B730C330AF",sans-serif;
}

img.emoji{
	vertical-align:middle;
	border:0;
}

.plugin-title{
	color:#000000;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: 0.1em;
	margin: 0 0 0 0;
	text-decoration: none;
}
.plugin-content{
	color:#000000;
	font-size: 11px;
}
.plugin-content p{
	color:#000000;
	margin:0 0.5em 0.1em 0.3em;
	padding:0.5em;
	font-size: 11px;
}
.plugin-content ul,li{
	color:#000000;
	font-size: 11px;
	list-style-type:disc;
}
.plugin-content li{
	padding:0 0.3em 0.2em 0.3em;
}

/* お知らせ */
.news-comment {padding-top: 0px; padding-bottom: 20px; padding-right: 10px;
	line-height: 2;
}

/* メニュー */
#menu a {display: block; margin: 0; padding: 1px;}
#menu a:hover {background-color: #FFFFFF;}
#menu a.Top {padding-left: 3px; /* border-bottom: 1px dotted #cfcfcf; */}
#menu a.Main {padding-left: 3px; /* border-bottom: 1px dotted #cfcfcf; */}
#menu a:hover img { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}


/* カテゴリー */
#category a {display: block; margin: 0; padding: 1px;}
#category a:hover {background-color: #e5eedf;}
#category a.Top {padding-left: 3px;  }
#category a.Main {padding-left: 3px;  }
#category a.Sub {padding-left: 9px; }
#category a:hover img { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}





/* 商品一覧（カタログ表示） */
.item_list {float: left; width: 162px; margin-right: 5px; margin-bottom: 5px;
	border: 1px solid #cfcfcf; background-color: #FFFFFF; padding: 8px;
	border-top: 10px solid #cfcfcf; 
	line-height: 1.6;
	font-size: 11px;
	}
.item {width: 162px; 
	background-color: #ffffff;
	}
.item img {margin-top: 3px; margin-bottom: 3px; }
.item .name {text-align: ; margin-top: 3px; margin-bottom: 3px; }
.item .other {text-align:right ; margin-top: 3px; margin-bottom: 3px; }
.item .comment {text-align: ; margin-top: 3px; margin-bottom: 15px; }





/* 商品一覧（リスト表示） */
.item_list2 {padding-top: 10px; padding-bottom: 10px;}
.item2 {}
.item2 img {margin-top: 3px; padding: 3px;}
.item2 .thumb {float: left;}
.item2 .name {padding: 3px; background-color: #DDDDDD;}
.item2 .other {padding: 3px; text-align: right;}
.item2 .comment {text-align: left; padding: 3px;}

/* 商品詳細 */
.item_detail {text-align: left; 
	line-height: 1.6;
	font-size: 11px;
	margin-top: 0px; margin-right: 10px; margin-left: 0px; margin-bottom: 4px; 
		border: 1px solid #cfcfcf; background-color: #FFFFFF; padding: 5px;
		border-top: 10px solid #cfcfcf; /* border-bottom: 10px solid #cfcfcf; */ }
.item_detail img { /* border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 3px; */ margin: 7px; float: 

left; }
.item_detail .thumb {float: left; margin-left: ; width: 33%;}
.item_detail .img-comment { /* text-align: left; */ padding: 3px; margin-top: 7px; margin-bottom: 15px;}
.item_detail .comment {padding: 0px; text-align: left; margin-left: 0px; }
.item_detail .comment01 {padding: 3px; text-align: left; margin-left: 4px; }
.item_detail .about {text-align: right;}
.item_detail .about .other {text-align: right; padding: 3px; width="30%"}









/* ソートリンク */
.sortlinks {width: 100%;font-size: 10px;
		/* border-bottom: 1px dotted #666666; */
		 margin-left: 300px;
		lineheight: 1.8em
		}
.sortlinks .link {padding-right: 10px; float: left; }

/* ページリンク */
.pagelinks {width: 100%; font-size: 11px; 
		/* border-bottom: 1px dotted #666666; */
		 margin-left: 0px;
		lineheight: 1.1em
		}
.pagelinks .left {float: left; width: 38%;}
.pagelinks .right {float: left; width: 60%; text-align: right; padding: px;}

/* カートの中身 */
.cartin {text-align: center; border: 1px solid #cfcfcf;}
.cartin_item {
		/* border-bottom: 1px dotted #666666; */
		}
.cartin .name {text-align: left; padding: 3px;}
.cartin .price {text-align: right; padding: 3px;}
.cartin .subtotal {text-align: right; padding: 3px;}
.cartin .total {text-align: right; padding: 3px;}
.cartin .submit {padding-top: 20px;}

/* テーブル枠 */
.table1 {font-size: 11px; width: 100%; background-color: #ffffff;}
.table1 td {padding: 3px; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid 

#cfcfcf; border-left: 1px solid #cfcfcf;}
.table1 .td1 {background-color: #666666; color: #FFFFFF;}
.table1 .td2 {background-color: #EEEEEE; text-align: center;}
.table1 .td3 {background-color: #FFFFFF;}
.table1 #left1 {text-align: left;}
.table1 #center1 {text-align: center;}
.table1 #right1 {text-align: right;}

.table2 {font-size: 10px; background-color: #ffffff;}
.table2 td {}
.table2 .td1 {background-color: #666666; color: #FFFFFF;}
.table2 .td2 {background-color: #EEEEEE; text-align: center;}
.table2 .td3 {background-color: #FFFFFF;}
.table2 #left1 {text-align: left;}
.table2 #center1 {text-align: center;}
.table2 #right1 {text-align: right;}

.variation_width {
	width:150px;
}