@charset "utf-8";
/*  Import CSS  */

/*@import url("body.css");
@import url("navi.css");
@import url("side.css");
@import url("main_index.css");
@import url("main_contents.css");
@import url("main_mailorder.css");
→　1ファイルにまとめました。
*/

/***************************************************************************************
* body.css 
***************************************************************************************/
/* 構成

	- body
	- wrapper
	 - header
		- h1 (logo)
		- bannerSpace
	 - navi
	 - memberinfo
	 - sitemap
	 - container
		- side (Left)
		- main (Right)
			* index
				- left-contents
				- right-contents
			* contents
				- pankuzu
				- contentsArea
					* contentsTop
					* contentsDetails
	- foot
		- footNavi
		- copyright

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

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background:#FFF;
/*	font-family:Verdana, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;*/
	font-family:Verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	font-size:12px;
	line-height:1.4;
	color:#666666;
	border: 1px solid #CCCCCC;

}
/*html {
	overflow-y:scroll;
}*/
p {
	margin:0;
}
li {
list-style-type: none;
}
img {
	border:0;
	vertical-align:bottom;
}
address {
	font-style:normal;
}
hr {
	display:none;
	clear:both;
}
.clear {
	clear:both;
}
p.goTop {
	font-size: 10px;
	letter-spacing: 0.2em;
	clear: both;
	text-align: right;
	margin: 50px 0 10px;
}
.small {
	font-size:10px;
}
.mot {
	position:absolute;
	left:-2999px;
	width:700px;
}

span.newmark{
	color:#FF0000;
	font-weight:bold;
	margin-right:3px;
}

/*
 Link Color [
----------------------------------------------------------- */
a:link {
	color:#9933CC;
	text-decoration:none;
}
a:visited {
	color: #666699;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#666;
}
/*
 wrapper [
----------------------------------------------------------- */
#wrapper {
	width:900px;
	margin:0 auto;
    overflow: hidden;
}
#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #wrapper {
    height: 1em;
    overflow: visible;
}
/**/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
 Head [
----------------------------------------------------------- */
#head {
	width:900px;
	margin:7px 0 1px 0;
	border-bottom:solid 2px #BEA0A1;
	/*height:63px;*/
    overflow: hidden;
}
#head:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #head {
    height: 1em;
    overflow: visible;
}
/**/

#head img#logo {
	float:left;
/*	background:url(../images/common/logo.gif) left no-repeat;*/
}
/*#head h1 a{
	width:297px;
	height:63px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-7777px;
}*/
/*ヘッダー右側バナー表示時 :リニューアル後削除 */
#head .bannerSpace {
	float:right;
	width:600px;
	margin:0;
	vertical-align:top;
	text-align:right;
}

/*ヘッダー右側表示*/
#head table#header_right{
	float:right;
	margin:0;
}
#head table#header_right td{
	text-align:right;
}
#head table#header_right div#searchbox{
	height:35px;
	overflow:hidden;
}
/*
 memberinfo [
----------------------------------------------------------- */
#memberinfo {
	height:20px;
	width:875px;
	margin:0 0 2px 0;
	padding-left:10px;
	padding-top:7px;
	text-align:left;
	font-size:12px;
	color:#666666;
}

/*
 sitemap [
----------------------------------------------------------- */
#sitemap {
	width:875px;
	height:22px;
	clear:both;
	margin:0 0 2px 0;
	background:#EDEDED url(../images/common/arrow_sitemap.gif) left no-repeat;
	font-size:10px;
	padding-top:6px;
	padding-left:25px;
	line-height:15px;
	overflow:hidden;
}
#sitemap span{
	padding-right:20px;
}
#sitemap div.dejiblo{
	float:right;
	width:440px;
	height:20px;
	overflow:hidden;
}
#sitemap div.dejiblo span{
	float:left;
	white-space:nowrap;
	padding-right:5px;
}
#sitemap a{
	color:#666666;
}
/*
 container [
----------------------------------------------------------- */
#container {
	width:900px;
	clear:both;
	margin:0;
    overflow: hidden;
}
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/
/*
 side [
----------------------------------------------------------- */
#side {
	float:left;
	width:220px;
	display:inline;
	margin:0 4px 0 0;
}

/*
 main [
----------------------------------------------------------- */
#main {
	float:right;
	width:675px;
	display:inline;
	margin:0;
    overflow: hidden;
}
#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}
/**/
/*
 foot [
----------------------------------------------------------- */
#foot {
	width:900px;
	clear:both;
	margin:36px 0 22px 0;
	text-align:center;
	font-size:97%;
    overflow: hidden;
}
#foot:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #foot {
    height: 1em;
    overflow: visible;
}
/**/
#foot .footNavi {
	color:#9933CC;
	width:900px;
	border-bottom:solid 1px #A68696;
	padding-bottom:8px;
	line-height:100%;
	margin-bottom:11px;
}
#foot .copyrighyt {
	color:#666666;
}

/***************************************************************************************
* navi.css 
***************************************************************************************/
#navi {
	width:900px;
	clear:both;
	margin:0 0 2px 0;
}
#navi ul { 
margin:0px; 
padding:0px;
list-style:none;
}
#navi li {
float:left;
margin:0;
}
#navi li a {
display:block;
text-decoration:none;
text-indent:-7777px;
height:23px;
background:url(../images/common/nav.gif);
}
#navi li a:hover {
background:url(../images/common/nav_ov.gif);
}

/*tooltip*/
#navi li a.tooltip{
	position:relative; /*this is the key*/
	z-index:6;
}
#navi li a.tooltip:hover{z-index:7; background-color:#ff0}
#navi li a.tooltip span{display: none; text-indent:0px;}
#navi li a.tooltip:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-1.5em;
	left:2em;
	width:8em;
	border:1px solid #ccc;
	background-color:#fff;
	color:#666;
	text-align:left;
	padding:1px;
	font-size:10px;
}
			
#navi li#nav01 a{ background-position: 0 0; width: 100px; }
#navi li#nav02 a{ background-position: -100px 0; width: 100px;}
#navi li#nav03 a{ background-position: -200px 0; width: 100px;}
#navi li#nav04 a{ background-position: -300px 0; width: 100px;}
#navi li#nav05 a{ background-position: -400px 0; width: 100px;}
#navi li#nav06 a{ background-position: -500px 0; width: 101px;}
#navi li#nav07 a{ background-position: -601px 0; width: 100px;}
#navi li#nav08 a{ background-position: -701px 0; width: 100px;}
#navi li#nav09 a{ background-position: -801px 0; width: 99px;}




/***************************************************************************************
* side.css 
***************************************************************************************/
/* side　---　※最大幅220pxです　---　*/

#side h3 {
	margin:0;
	padding:0;
}
#side h3 img{
	margin:0;
	padding:0;
}

/*
 更新情報 [
----------------------------------------------------------- */
#side #sideWhatsnew{
	margin:0 0 8px 0;
}
#side #sideWhatsnew ul{
	margin:7px 5px 0 3px;
	padding:0 0 4px;
	background:url(../images/common/bg_tenPur.gif) bottom repeat-x;
}
#side #sideWhatsnew li{
	background:url(../images/common/arrow_pink03.gif) no-repeat;
	background-position:0% 0%;
	padding-left:10px;
	padding-bottom:2px;
}
#side #sideWhatsnew li a{
	color:#666666;
}
/*
 イベント情報 [
----------------------------------------------------------- */
#side #sideInfo{
	margin:0 0 8px 0;
}
#side #sideInfo ul{
	margin:7px 5px 5px 3px;
	padding:0 0 4px;
	background:url(../images/common/bg_tenPur.gif) bottom repeat-x;
}
#side #sideInfo li{
	background:url(../images/common/arrow_pink02_long.gif) no-repeat;
	background-position:0% 0%;
	padding-left:10px;
	padding-top:0px;
}
#side #sideInfo li a{
	color:#666666;
}
/*
  [　What's new in town
----------------------------------------------------------- */
#Newshop{
	width:218px;
	border:solid 1px #CCC;
	margin-bottom:4px;
	text-align:left;
	overflow: hidden;
}
#Newshop:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#Newshop p{
	padding: 1px 4px 1px 4px;
	line-height:126%;
}
/*
 ブログ情報 [
----------------------------------------------------------- */
#side #sideBlog{
	margin:0 0 8px 0;
}
#side #sideBlog dl{
	background: url(../images/common/bg_tenPur.gif) bottom repeat-x;
	padding:6px 0;
	vertical-align:top;
}
#side #sideBlog dt{
	background:url(../images/common/arrow_purpleBlog.gif) no-repeat;
	background-position:0% 0%;
	padding-top:3px;
	padding-left:17px;
	font-size:12px;
	font-weight:bold;
}
#side #sideBlog dd{
	font-size:10px;
}
#side #sideBlog dd a{
	color:#666;
}

/*
 各コンテンツリスト [
----------------------------------------------------------- */
#side #sideContents{
	margin:0 0 8px 0;
}
#side h4{
	padding:2px 0px 0px 10px; 
	margin:3px 0px 3px 0px;
	width:210px;
	height:18px;
}
#side h4 a{
	text-decoration:none;
}
#side h4.taberu_title{
	background:#FF9966;
}
#side h4.taberu_title a{
	color:#FFFFFF;
}
#side h4.life_title{
	background:#FFCC99;
}
#side h4.life_title a{
	color:#FFFFFF;
}
#side h4.shopping_title{
	background:#FFCCCC;
}
#side h4.shopping_title a{
	color:#999999;
}
#side h4.beauty_title{
	background:#E67996;
}
#side h4.beauty_title a{
	color:#FFFFFF;
}
#side h4.play_title{
	background:#CC3366;
}
#side h4.play_title a{
	color:#FFFFFF;
}

#side #sideContents ul{
	margin:0px 5px 0 3px;
	padding:0 0 4px;
	background:url(../images/common/bg_tenPur.gif) bottom repeat-x;
}

#side #sideContents li{
	background:url(../images/common/arrow_pink02_long.gif) no-repeat;
	background-position:0% 0%;
	padding-left:15px;
	padding-top:2px;
}
#side #sideContents li a{
	color:#666666;
}

#side #sideContents ul.taberu-midashi{
	margin:5px 0px 0px 0px; 
	padding:1px 5px 1px 10px;
	background:none;
	width:203px;
	font-weight:bold; 
	color:#FB9524;
	border:#FB9524 solid thin;
}
#side #sideContents ul.taberu-midashi a{
	color:#FB9524;
}	
#side #sideContents ul.life-midashi{
	margin:5px 0px 0px 0px; 
	padding:1px 5px 1px 10px;
	background:none;
	width:203px;
	font-weight:bold; 
	color:#FFCC99;
	border:#FFCC99 solid thin;
}
#side #sideContents ul.shopping-midashi{
	margin:5px 0px 0px 0px; 
	padding:1px 5px 1px 10px;
	background:none;
	width:203px;
	font-weight:bold; 
	color:#FF99CC;
	border:#FF99CC solid thin;
}
#side #sideContents ul.beauty-midashi{
	margin:5px 0px 0px 0px; 
	padding:1px 5px 1px 10px;
	background:none;
	width:203px;
	font-weight:bold; 
	color:#E67996;
	border:#E67996 solid thin;
}
#side #sideContents ul.beauty-midashi a{
	color:#E67996;	
}
#side #sideContents ul.play-midashi{
	margin:5px 0px 0px 0px; 
	padding:1px 5px 1px 10px;
	background:none;
	width:203px;
	font-weight:bold; 
	color:#CC3366;
	border:#CC3366 solid thin;
}

#side #sideContents ul.taberu-midashi li{
	background:none;
	padding-left:0px;
}
#side #sideContents ul.life-midashi li{
	background:none;
	padding-left:0px;
}
#side #sideContents ul.shopping-midashi li{
	background:none;
	padding-left:0px;
}
#side #sideContents ul.beauty-midashi li{
	background:none;
	padding-left:0px;
}
#side #sideContents ul.play-midashi li{
	background:none;
	padding-left:0px;
}

/***************************************************************************************
* main_index.css 
***************************************************************************************/
/* main　index ---　※最大幅676pxです　---　*/
/* TOPページ、耳ヨリページで使用

/* ----------------------------------------------------------- 
  [ indexのleft-contents 
 ----------------------------------------------------------- */
#main #left-contents{
	float:left;
	width:451px;
	margin:0;
    overflow: hidden;
}
#main #left-contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #left-contents {
    height: 1em;
    overflow: visible;
}
/**/
#main #left-contents h3{
	margin:0 0 6px 0;
	padding:0;
}

/* ----------------------------------------------------------- 
  [　indexのright-contents
 ----------------------------------------------------------- */
#main #right-contents {
	float:right;
	width:220px;
	margin:0 0 5px 0;
	display:inline;
    overflow: hidden;
}
#main #right-contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #right-contents {
    height: 1em;
    overflow: visible;
}

/* ----------------------------------------------------------- 
  [　indexのright-cont　カルチャーページ　メールオーダーで使用
 ----------------------------------------------------------- */
#main #right-cont{
	float:right;
	width:220px;
	margin:0 0 5px 0;
	display:inline;
    overflow: hidden;
}
#main #right-cont:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #right-cont {
    height: 1em;
    overflow: visible;
}

/* ----------------------------------------------------------- 
  [　indexのright-contpin 　　カルチャーページで使用
 ----------------------------------------------------------- */
#main #right-contpin{
	float:right;
	width:220px;
	margin:0 0 5px 0;
	display:inline;
    overflow: hidden;
}
#main #right-contpin:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
html #main #right-contpin {
    height: 1em;
    overflow: visible;
}

/*
  [　indexのright-contents の　会員ログイン
----------------------------------------------------------- */
#main #right-contents #sideClub {
	border:solid 1px #ff6600;
	width:218px;
	margin-bottom:4px;
	padding:0 0 4px 0;
	text-align:left;
	height :130px;
    overflow: hidden;

}
/*#main #right-contents #sideClub:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}*/
#main #right-contents #sideClub dl{
	margin:0 auto;  
	text-align:center;
}
#main #right-contents #sideClub dt{
	margin:10px 0px 10px 0px;
}
#main #right-contents #sideClub dd{
	margin:20px 0px 10px 0px;
	margin-bottom:10px; 
}

/*
#main #right-contents #sideClub dd.center{
	text-align:center;
}
*/

/*
  [　Culture
----------------------------------------------------------- */
#Culture{
	width:218px;
	border:solid 1px #cccccc;
	padding:0 0 4px 0;
	margin-bottom:4px;
	text-align:left;
	overflow: hidden;
}
#Culture:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#Culture h3 img{
	margin:0;
	padding:0;
}
#Culture p{
	font-size:12px;
	text-align:left;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
}
#Culture img{
	margin:1px auto 1px auto;
}

#Culture li{ 
	background: url(../images/common/arrow_culture.gif) no-repeat;
	background-position:0% 0%;
}

/*
  [　今月のマンゴスティン倶楽部
----------------------------------------------------------- */
#topMonth{
	width:218px;
	height:290px;
	border:solid 1px #cccccc;
	margin-bottom:5px;
	text-align:center;
    overflow: hidden;
}
#topMonth:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#topMonth h4{
	background-color:#939;
	color:#fff;
	text-align:center;
	font-size:13px;
	padding:1px;
}
#topMonth table{
	margin:0 0 0 10px;
	height:40px;
}
#topMonth td{
	text-align:left;
}
#topMonth img.mango_cover{
	margin:10px auto 10px auto;
}
#topMonth p{
	font-size:10px;
	margin:5px;
}
#topMonth p.cur_feature{
	font-size:14px;
	font-weight:bold;
}
#topMonth p.cur_feature a{
	color:#939;
}
/* グルメ　コーナー
------------------------------------------------------*/
#contentEat{
	border:solid 1px #F1F1F1;
	background-color:#FFFFDB;
	/*background-color:#FFC;*/
	padding:7px 7px 10px 7px;
	text-align:center;
}
#contentEat img{
	border:solid 1px #FC3;
	padding:2px;
}
#contentEat img.wp-post-image{
	width:190px;
	height:130px;
	overflow:hidden;	
}
/*#contentEat table{
	margin-bottom:3px;
}*/
#contentEat table td.img{
	width:50px;
	vertical-align:middle;
}
#contentEat table td.img img{
	border:none;
}
#main #left-contents #topContents #contentEat td.title,
#contentEat table td.title{
	width:160px;
	vertical-align:middle;
	text-align:left;
}
#contentEat p.midashi{
	text-align:left;	
	color:#FF9933;
	font-weight:bold;
}
#contentEat table p a,
#contentEat p.midashi a{
	color:#FF9933;
	font-weight:bold;
}
#contentEat div.desc{
	width:200px;
	height:30px;
	margin:5px 5px 2px 5px;
	text-align:left;
	font-size:10px;
	overflow:hidden;
}
#contentEat div.desc a{
	color:#666;
}

#contentEat div.gourmetflash{
	width:200px;
	background-color:#FFF;
	padding:3px 3px 3px 6px;
	margin-top:3px;
	font-size:10px;
	text-align:left;
/*	height:85px;
	overflow:hidden;*/
}
#contentEat div.gourmetflash p.title{
	font-weight:bold;
	color:#FF9933;
}
#contentEat div.gourmetflash span.newmark{
	color:#FF0000;
	font-weight:bold;
	font-size:9px;
}
/*#contentEat div.gourmetflash a{
	color:#666;
}*/
#contentEat img.dot{
	margin:0 3px 3px 0;
	border:none;
}
#contentEat div.cat{
	text-align:left;
	font-size:10px;
}
/*#contentEat div.cat a{
	color:#666;
}*/
/* ビューティー コーナー
------------------------------------------------------*/
#contentBeauty{
	border:solid 1px #F1F1F1;
	background-color:#FFF0FF;
	padding:5px 5px 10px 5px;
}
#contentBeauty img{
	border:solid 1px #FCC;
	padding:1px;
}

#main #left-contents #topContents #contentBeauty table,
#contentBeauty table{
	width:215px;
}
#main #left-contents #topContents #contentBeauty table td,
#contentBeauty table td{
	vertical-align:middle;
}
#main #left-contents #topContents #contentBeauty table td div,
#contentBeauty table td div{
	width:145px;
	height:65px;
	overflow:hidden;
}

#main #left-contents #topContents #contentBeauty table td.img,
#contentBeauty table td.img{
	width:65px;
	text-align:center;
}
#main #left-contents #topContents #contentBeauty table img.logo,
#contentBeauty table img.logo{
	border:none;
}
#contentBeauty dl{
	padding:4px 0;
	vertical-align:top;
}
#contentBeauty dt{
	background-position:0% 0%;
	padding-top:6px;
	padding-bottom:3px;
	font-weight:bold;
}
#contentBeauty dt a{
	color:#E57996;
}
#contentBeauty  dd{
	font-size:10px;
}
#contentBeauty  dd a{
	color:#666;
}

#contentBeauty p.midashi{
	color:#E57996;
	font-weight:bold;
}
#contentBeauty table p a,
#contentBeauty p.midashi a{
	color:#E57996;
	font-weight:bold;
}
#contentBeauty table p.hibititle{
	color:#9933CC;
	font-weight:normal;
	font-size:10px;
}
#contentBeauty table p a.hibititle{
	color:#666;
	font-weight:normal;
	font-size:10px;
}

#contentBeauty img.dot{
	margin:0 3px 3px 3px;
	padding:0;
	border:none;
}
#contentBeauty div.cat{
	text-align:left;
	font-size:10px;
}
/*#contentBeauty div.cat a{
	color:#666;
}*/

/*
  [　小熊Q太郎の運気予報
----------------------------------------------------------- */
#topFortune{
	border:solid 1px #B425D3;
	width:218px;
	height:290px;
	background:#FFF6F6;
    overflow: hidden;
	margin-bottom:5px;
}
#topFortune:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#topFortune h3{
	margin:0;
	padding:0;
}
#topFortune dl{
	width:203px;
	margin:2px 7px 10px 7px;
}
#topFortune dt{
	background:#CA86DE;
	color:#FFFFFF;
	padding:2px 9px;
	margin-bottom:10px;
}
#topFortune dd{
	padding-left:58px;
	font-size:10px;
	background: url(../images/common/img_bear.gif) left no-repeat;
}
#topFortune #kantei{
	background-color:#FFC;
	margin:5px; 
	padding:5px;
	text-align:left;
	font-size:10px;
}
/*
  [　バナーコーナーコンテンツ
----------------------------------------------------------- */
#main #right-contents .topBannerR{
	margin:0 0 5px 0;
	font-size: 10px;
}
#main #right-contents .topBannerR img{
	margin:0 0 0 0;
}
#main #right-contents .topBannerR ul#culture li{ 
	background:url(../../images/common/arrow_culture.jpg) no-repeat;
	background-position:0% 0%;
}

/*
 バナースペース [
----------------------------------------------------------- */
.sideBanner{
	text-align:center;
}
.sideBanner img{
	margin-bottom:6px;
}


/***************************************************************************************
* main_contents.css
***************************************************************************************/
/* main　contents ---　※最大幅676pxです　---　*/

/* ----------------------------------------------------------- 
  [ contents　パンクズ
 ----------------------------------------------------------- */

#main #pankuzu {
	width:671px;
	font-size:10px;
	margin-top: 0;
	margin-right: 0;
/*	margin-bottom: 21px; */
 	margin-bottom:10px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
}


/* ----------------------------------------------------------- 
  [ contents　カテゴリトップ
 ----------------------------------------------------------- */
 
#main #contentsArea {
	width:675px;
	margin:0;
} 
#main #contentsArea h2{
	margin:0 0 8px 0;
}
#main #contentsArea #categoryTitle{
	border:solid 1px #CCCCCC;
	padding:10px;
	width:652px;
	margin-bottom:8px;
    overflow: hidden;
}
#main #contentsArea #categoryTitle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #contentsArea #categoryTitle {
    height: 1em;
    overflow: visible;
}
/**/
#main #contentsArea #categoryTitle .text{
	float:left;
	width:620px;
	margin:21px auto 0 6px;
	display:inline;
}
#main #contentsArea #categoryTitle .text h3 img{
	margin:0 0 27px 5px;
	padding:0;
}
#main #contentsArea #categoryTitle .text div.discription{
	line-height:120%;
	font-size:12px;
	width:620px;
	float:left;
	margin:0 0 16px 0;
}
#main #contentsArea #categoryTitle .text div.bt{
	float:right;
	width:46px;
	margin:55px 0 0 auto;
	display: inline;
}
#main #contentsArea #categoryTitle .text p.bt{
}
#main #contentsArea #categoryTitle .photo{
	float:left;
	width:652px;
	margin:0;
}

#main #contentsArea #categoryTitle .photohalf{
	float:right;
	width:200px;
	margin:0;
}

#main #contentsArea #categoryIndexList h3{
	margin:0 0 3px 0;
}
#main #contentsArea #categoryIndexList .oneRow{
	clear:both;
	width:664px;
	margin:0 4px 7px 5px;
    overflow: hidden;
}
#main #contentsArea #categoryIndexList .oneRow:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #contentsArea #categoryIndexList .oneRow {
    height: 1em;
    overflow: visible;
}
/**/
#main #contentsArea #categoryIndexList .Left{
	float:left;
	margin:0;
	width:322px;
}
#main #contentsArea #categoryIndexList .Right{
	float:right;
	margin:0 0 0 20px;
	display:inline;
	width:322px;
}
#main #contentsArea #categoryIndexList .categoryIndexListBox{
	width:322px;
	padding-bottom:6px;
	background:url(../images/common/bg_tenPur.gif) bottom repeat-x;
    overflow: hidden;
}
#main #contentsArea #categoryIndexList .categoryIndexListBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #contentsArea #categoryIndexList .categoryIndexListBox {
    height: 1em;
    overflow: visible;
}
/**/
#main #contentsArea #categoryIndexList .categoryIndexListBox table td{
	vertical-align:top;
}
#main #contentsArea #categoryIndexList .categoryIndexListBox dl{
	width:185px;
	margin:2px 0 0 15px;
	padding:0;
}
#main #contentsArea #categoryIndexList .categoryIndexListBox dt{
	background:url(../images/common/arrow_orange03.gif) no-repeat;
	background-position:0% 0%;
	padding-left:20px;
	padding-top:0;
	font-size:15px;
}
#main #contentsArea #categoryIndexList .categoryIndexListBox dd{
	font-size:12px;
}

#main #contentsArea #categoryIndexList .categorySearchBox{
	width:652px;
	padding-bottom:6px;
	background:url(../images/common/bg_tenPur.gif) bottom repeat-x;
    overflow: hidden;
}
#main #contentsArea #categoryIndexList .categorySearchBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #contentsArea #categoryIndexList .categorySearchBox {
    height: 1em;
    overflow: visible;
}
/**/
#main #contentsArea #categoryIndexList .categorySearchBox table td{
	vertical-align:top;
}
/*#main #contentsArea #categoryIndexList .categorySearchBox dl{
	width:650px;
	margin:2px 0 0 15px;
	padding:0;
}
#main #contentsArea #categoryIndexList .categorySearchBox dt{
	background:url(../images/common/arrow_orange03.gif) no-repeat;
	background-position:0% 0%;
	padding-left:20px;
	padding-top:0;
	font-size:15px;
}
#main #contentsArea #categoryIndexList .categorySearchBox dd{
	font-size:13px;
}*/

 
 /* ----------------------------------------------------------- 
  [ contents　カテゴリ詳細ページ
 ----------------------------------------------------------- */

#main #contentsArea #aboutShop{
} 
#main #contentsArea #aboutShop .Lastupdate{
	text-align:right;
	font-size:10px;
	margin:16px 2px 5px auto;
	line-height:100%;
} 
#main #contentsArea #aboutShop #shopName{
	border:solid 1px #A15299;
	padding:2px;
	margin-bottom:8px;
    overflow: hidden;
}
#main #contentsArea #aboutShop h3{
	border-left: solid 5px #CCB3C9;
	line-height:1.5;
	font-size:14px;
	color:#000000;
	padding-left:14px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	
} 
#main #contentsArea #aboutShop .genle{
	padding:4px 7px;
	text-align:right;
} 
#main #contentsArea #aboutShop #detailL{
	clear:both;
	float:left;
	width:428px;
	margin:0 0 33px 12px;
} 
#main #contentsArea #aboutShop #detailL h4{
	color:#A15299;
	font-size:14px;
	line-height:140%;
	margin:20px 0 16px 0;
	padding:0;
} 
#main #contentsArea #aboutShop #detailL p{
	font-size:12px;
	line-height:150%;
}
#main #contentsArea #aboutShop #detailL ul{
	margin:24px auto 0 0;
	/* myojo add */
	list-style-type: none
}
#main #contentsArea #aboutShop #detailL li{
	font-size:10px;
	line-height:156%;
}
#main #contentsArea #aboutShop #detailL #shopdata{
	margin:16px 0 0 0;
	padding:7px;
	background:#F4F4F4;
    overflow: hidden;
}
#main #contentsArea #aboutShop #detailL #shopdata:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main #contentsArea #aboutShop #detailL #shopdata {
    height: 1em;
    overflow: visible;
}
/**/
#main #contentsArea #aboutShop #detailL #shopdata table{
	margin:13px 0 7px 9px;
}
#main #contentsArea #aboutShop #detailL #shopdata table td{
	vertical-align:top;
}
#main #contentsArea #aboutShop #detailL #shopdata dl{
	width:265px;
	overflow: hidden;
}

#main #contentsArea #aboutShop #detailL #shopdata dl dt {
	clear:both;
	float: left;
	padding: 1px 0;
}

#main #contentsArea #aboutShop #detailL #shopdata dl dd {
	padding: 1px 0 1px 24px;
}

#main #contentsArea #aboutShop #detailR{
	float:right;
	width:200px;
	margin:0 0 0 auto;
	text-align:left;
	font-size:10px;
} 
#main #contentsArea #aboutShop #detailR .osusume{
	display:block;
	width:180px;
	height:40px;
	text-align:right;
	margin:0 2px 13px auto;
}
#main #contentsArea #aboutShop #detailR img{
	margin:0 0 9px 0;
}
#main #contentsArea #aboutShop #detailR p{
	margin:0 3px 17px 3px;
	font-size:10px;
}
#main #contentsArea #sprecialPromotion{
	clear:both;
	margin:0 0 25px 0;
	font-size:12px;
	line-height:150%;
}
#main #contentsArea #sprecialPromotion h4 img{
	margin:0 0 5px 0;
	padding:0;
} 
#main #contentsArea #sprecialPromotion h5{
	font-size:14px;
	padding:0;
	margin:3px auto 13px 17px;
} 
#main #contentsArea #sprecialPromotion table{
	margin:0 0 0 17px;
} 
#main #contentsArea #sprecialPromotion table td{
	font-size:12px;
	line-height:150%;
	vertical-align:top;
} 	
#main #contentsArea #sprecialPromotion .photo{
	padding:0 0 0 25px;
	text-align:right;
	font-size:10px;
}
#main #contentsArea #voice{
	clear:both;
	margin:0 0 5px 0;
	font-size:12px;
	line-height:150%;
} 
#main #contentsArea #voice h4 img{
	margin:0 0 13px 0;
	padding:0;
} 
#main #contentsArea #voice table{
	margin:0 0 0 17px;
} 
#main #contentsArea #voice table td{
	font-size:12px;
	line-height:150%;
	vertical-align:top;
}
#main #contentsArea #voice .photo{
	padding:0 22px 0 0;
	font-size:10px;
} 
#main #contentsArea #voice h5{
	font-size:14px;
	padding:0;
	margin:3px auto 13px 0;
} 

/* SNSボタン */
ul.social_buttons{
	float:right;
	list-style-type: none;  
}
ul.social_buttons li{
	float:right;
}
/*ツイッターボタン*/
iframe.twitter-share-button {
    width: 105px!important;
}