@import url("sty_color.css");
@import url("sty_text.css");
@import url("/css/sty_menu_mypage.css");

* {
/*	color	 : black;
*/	font-size: 12px;
	margin : 0px;
	padding: 0px;
}
body {
	color  : black;
	font-family	: monospace;
	background-color: #fefefe;
	text-align :center;
	margin : 0px;
	padding: 0px;
}

a:link {
	color: #4169e1;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #dc143c;
/*	border-bottom: 1px dotted #dc143c;
*/	text-decoration: none;
}
a:active {
	color: cyan;
	text-decoration: none;
}

/*　タグ再定義
-------------------------------------------*/
p {
/*	margin		: 0px 0px 2em 0px;
*/	font-size	: 96%;
	font-family	: monospace;
	line-height	: 160%;
	color		: #333333;
}
p.qa {
	font-size	: 96%;
	font-family	: monospace;
	line-height	: 160%;
	color		: #333333;
	padding		: 0px 0px 25px 0px;
	margin		: 0px 0px 0px 0px;
}

strong {
	font-size	: 140%;
	font-weight : normal;
	font-family	: monospace;
	line-height	: 140%;
	color		: #ff1493;
}
img {
	border: 0px;
	margin: 0;
	padding: 0;
}
img.cut-left {
	float: left;
	border: 0px;
	padding: 0px 10px 10px 0px;
}
img.cut-right {
	float: right;
	border: 0px;
	padding: 0px 0px 10px 10px;
}

form, input, select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.spaceT1 { margin-top: 12px; }
.spaceB1 { margin-bottom: 12px; }

/*　コンテンツ全体のレイアウトスタイル
-------------------------------------------*/
#wrapper {
	width  : 1000px;
	margin: auto auto;
    text-align : left;
	background-color: #fefefe;
}

.topics {
	font-size    : 18px;
	font-weight  : bold;
	color        : #cc6600;
	border-left  : 6px solid #cc6600;
	padding-left : 10px;
	margin-bottom: 10px;
}


/*　ヘッダ　スタイル
-------------------------------------------*/
div#head {
	width: 1000px;
	height: 20px;
    text-align : center;
    vertical-align: bottom;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 0px;
	border-bottom: 5px solid black;
}

#head .startlabel-left {
	display: block;
	height: 20px;
    vertical-align: bottom;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	float: left;
}
#head .startlabel-right {
	display: block;
	height: 20px;
	margin:0px;
	padding: 0px 0px 0px 5px;
	float: right;
}
/* ログインしているメールアドレスの文字 */
#head .login-mail {
	font-size: 100%;
	font-weight: bold;
	color: #dc143c;
}
#head ul {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff8f0;
    border-top : 2px solid #ffcc00;
    border-bottom : 2px solid #ffcc00;
}
#head li {
	list-style-type: none;
	display: inline;
}

/*　メニュー　スタイル
-------------------------------------------*/
div#menu {
	width : 250px;
	float : left;
	margin-left: 20px;
	background-color: white;
}
#menu ol {
	margin: 0px;
	padding: 10px;
	padding-left: 35px;
    border : 1px solid #eebbbb;
}
#menu li {
	padding-right : 7px;
	padding-bottom : 2px;
}

#topmenu {
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 1000px;
}
#topmenu ul {
	height:30px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topmenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 30px;
	vertical-align: middle;
}


/*　パンくず　スタイル
-------------------------------------------*/
#sitenavi {
	height: 20px;
	width: 1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sitenavi span {
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
}
#sitenavi .bread {
	border-left: 1px solid #999999;
}

/*　メイン　レイアウトスタイル
-------------------------------------------*/
#contents {
	width: 1000px;
	height:1200px;
}
#contents #left-menu {
	float: left;
	width: 200px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
#contents #main {
	float: left;
	width: 600px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
}
#contents #right-menu {
	float: right;
	width: 150px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
/*　レフトメニュー　スタイル
-------------------------------------------*/
#contents #left-menu .lm-title {
	width: 200px;
	height: 30px;
	margin: 0px;
	padding: 7px 0px 0px 17px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	background-image: url("../images/bg_leftmenu_title.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contents #left-menu ul {
	padding: 5px 0px 20px 0px;
}
#contents #left-menu li {
	list-style-type: none;
	background-image: url("../images/bg_leftmenu_topics.gif");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 3px 0px 3px 15px;
}

#contents #left-menu .category_middle {
	background-image: url("../images/bg_leftmenu_topics.gif");
	background-repeat: no-repeat;
	background-position: 16px 1px;
	padding: 3px 0px 3px 30px;
}
#contents #left-menu .category_small {
	background-image: url("../images/bg_leftmenu_topics.gif");
	background-repeat: no-repeat;
	background-position: 32px 1px;
	padding: 3px 0px 3px 46px;
}

/*　定番ショップのスタイル　*/
#contents #left-menu #shoplist ul {
	padding: 5px 0px 5px 0px;
}
#contents #left-menu #shoplist li {
	list-style-type: none;
	padding: 3px 3px 12px 3px;
	margin: 5px 0px 5px 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#contents #left-menu #shoplist .standardshop-name {
	color: #9c0000;
	font-size: 10px;
	font-weight: bold;
}
#contents #left-menu #shoplist .standardshop-img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 0px;
}


/*　メイン　スタイル
-------------------------------------------*/
#contents #main h1, h2, h3 {
	width: 96%;
	height: 24px;
	font-size    : 18px;
	font-weight  : bold;
	color        : #963232;
/*	border-bottom: 2px dotted #963232;
*/	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url('../images/icon_h1.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#contents #main li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#contents #main ul.default li{
	list-style-type: disc;
	margin-left: 30px;
	margin-bottom: 2px;
}


#contents #main .data-none {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 0px;
	color: #310c10;
	background-color: #f5f5dc;
	text-align: center;
	width: 90%;
	border: 1px dotted #633000;
}

/*　メイン　クチコミ、メンバーのリスト　スタイル
-------------------------------------------*/
#contents #main .voice-tree, .topics-tree, .item-tree, .member-tree {
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}
#contents #main .voice-list, .member-list {
	width:100%;
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#contents #main .voice-list-mens {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	background-image: url("../images/icon_mens.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contents #main .voice-list-ladies {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	background-image: url("../images/icon_ladies.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contents #main .voice-list-other {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	background-image: url("../images/icon_other.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contents #main .item-list {
	display: block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px dotted #733c31;
}

/*　メイン　特集の見出し　スタイル
-------------------------------------------*/
#contents #main .doc-link {
	display: block;
	background-image: url("../images/icon_link2.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 13px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}
#contents #main .doc-topi {
	display: block;
	background-image: url("../images/icon_topics2.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 13px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}
#contents #main .doc-lucky {
	display: block;
	background-image: url("../images/icon_lucky.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 13px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}
#contents #main .doc-hatena {
	display: block;
	background-image: url("../images/icon_hatena.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 18px;
	padding: 13px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}

/*　メイン　ボックスレイアウト　スタイル
-------------------------------------------*/
#contents #main .h-box {
	font-size	: 96%;
	font-family	: monospace;
	line-height	: 160%;
	color		: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
/*　メイン　「もっと見る」や「続き」　スタイル
-------------------------------------------*/
#contents #main .more {
	float: right;
	display: block;
	background-image: url("../images/img_more_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 17px;
	margin: 10px 0px 10px 0px;
}
#contents #main .more-searchbox {
	float: right;
	display: block;
	background-image: url("../images/img_more_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 40px 0px 17px;
	margin: 0px 0px 0px 0px;
}


/*　メイン　メンバーサイト　スタイル
-------------------------------------------*/
#contents #main .member-list-mens {
	width:90%;
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	background-image: url("../images/img_membersex_mens.gif");
	background-repeat: no-repeat;
	background-position: 3px 14px;
	padding: 10px 0px 10px 50px;
	margin: 0px 0px 0px 0px;
}
#contents #main .member-list-ladies {
	width:90%;
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	background-image: url("../images/img_membersex_ladies.gif");
	background-repeat: no-repeat;
	background-position: 2px 14px;
	padding: 10px 0px 10px 50px;
	margin: 0px 0px 0px 0px;
}
#contents #main .member-list-other {
	width:90%;
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	background-image: url("../images/img_membersex_other.gif");
	background-repeat: no-repeat;
	background-position: 2px 14px;
	padding: 10px 0px 10px 50px;
	margin: 0px 0px 0px 0px;
}

/*　楽天検索結果　スタイル
-------------------------------------------*/
#contents #main #rakuten-left {
	float: left;
	width:20%;
	overflow: hidden;
}
#contents #main #rakuten-right {
	float: right;
	width:80%;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

#contents #main .shop-name {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
#contents #main .credit-ok {
	background-image: url("../images/icon_creditcard.gif");
	background-repeat: no-repeat;
	background-position: 0px -3px;
	color: #733c31;
/*	border-bottom: 1px dotted #733c31;
*/	padding: 0px 0px 5px 25px;
	margin: 2px 15px 0px 0px;
}
#contents #main .zaiko-ok {
	background-image: url("../images/icon_zaikook.gif");
	background-repeat: no-repeat;
	background-position: 0px -2px;
	color: #733c31;
/*	border-bottom: 1px dotted #733c31;
*/	padding: 0px 0px 5px 22px;
	margin: 2px 15px 0px 0px;
}
#contents #main .shop-mark {
	background-image: url("../images/icon_shop.gif");
	background-repeat: no-repeat;
	background-position: 0px -2px;
	color: #733c31;
/*	border-bottom: 1px dotted #733c31;
*/	padding: 0px 0px 5px 22px;
	margin: 2px 0px 0px 0px;
}
#contents #main .shop-item {
	background-image: url("../images/icon_shopitem.gif");
	background-repeat: no-repeat;
	background-position: 0px -2px;
	color: #733c31;
/*	border-bottom: 1px dotted #733c31;
*/	padding: 0px 0px 5px 22px;
	margin: 2px 0px 0px 0px;
}



/*　メイン　広告申込ページ　スタイル
-------------------------------------------*/
#contents #main #ad-details-top {
	width: 590px;
	height: 35px;
	background-image: url("../images/bg_tbl_ad_details_top.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#contents #main #ad-details-middle {
	width: 590px;
	background-image: url("../images/bg_tbl_ad_details_middle.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding: 5px 30px 5px 20px;
	margin: 0px 0px 0px 0px;
}
#contents #main #ad-details-middle #ad-image {
/*	width: 500px;
*/	padding: 0px 0px 0px 0px;
	margin: 0px auto 15px auto;
	text-align: center;
}
#contents #main #ad-details-middle #ad-keyword {
	width: 540px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 5px;
}
#contents #main #ad-details-middle #ad-text {
/*	width: 590px;
*/	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
#contents #main #ad-details-middle #ad-text pre {
	font-size: 13px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}
#contents #main #ad-details-middle #ad-action {
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: auto auto;
}


#contents #main #ad-details-bottom {
	width: 590px;
	height: 35px;
	background-image: url("../images/bg_tbl_ad_details_bottom.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


/*
#contents #main .newmember-sitename {
	display: block;
	padding: 8px 0px 0px 45px;
	margin: 0px 0px 0px 0px;
	color:#333333;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
#contents #main .newmember-sitetext {
	display: block;
	padding: 10px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	color:#333333;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
*/

/*　メイン　マイページ　お気に入りショップ
-------------------------------------------*/
#contents #main .favoriteshop-box {
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
#contents #main .favoriteshop-name {
	display: block;
	width: 100%;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 5px auto 5px auto;
}

/*　メイン　リンクスタイル
-------------------------------------------*/
#contents #main #link {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#contents #main #link ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contents #main #link li {
	list-style-type: none;
	vertical-align : middle;
	border-bottom : 1px dotted #666666;
	padding-top : 20px;
	padding-bottom : 7px;
}

/*　メイン　シンプルなリスト　スタイル
-------------------------------------------*/
#contents #main #simple-list-box {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
#contents #main #simple-list-box ul.num-list {
	margin: 0 0 0 1em;
	padding: 0;
/*	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px px;
*/
}
#contents #main #simple-list-box li {
/*	list-style-type: decimal;
	vertical-align : middle;
*/
	list-style-type: decimal;
	line-height	: 130%;
	border-bottom : 1px dotted #666666;
	padding :0px 0px 5px 0px;
	margin: 5px 0px 0px 25px;
}



/*　エラーメッセージ　スタイル
-------------------------------------------*/
#contents #main .error-msg {
	display: block;
	color: red;
	font-size: 140%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

/*　ページ　スタイル
-------------------------------------------*/
#contents #main #page {
	width:100%;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:auto auto;
	padding: 15px 0px 15px 0px;
}
#contents #main #page a {
	font-size:16px;
	font-weight:normal;
	padding: 0px 7px 0px 7px;
}


/*　カタログスタイル
-------------------------------------------*/
#catalog {
	width: 130px;
	font-size: 9px;
	background-color: white;
	margin: auto auto;
	padding: 5px 5px 5px 5px;
    text-align: center;
    overflow: hidden;
}
#catalog ul {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}
#catalog li {
	list-style-type: none;
	vertical-align : middle;
    text-align : left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}
/*
#catalog .shop-icon {
	list-style-type: none;
    text-align : left;
	background-image: url("../images/icon_shop.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 8px 0px 5px 20px;
	margin: 0px 0px 0px 20px;
}
#catalog .shop-text {
	list-style-type: none;
    text-align : left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}
*/

/*　フッター　スタイル
-------------------------------------------*/
#wrapper #footer {
	clear: both;
	width: 1000px;
    text-align: center;
	background-color: white;
	padding: 0px;
	margin: auto auto;
}

/*　定番ショップ　スタイル
-------------------------------------------*/
#pickup-shop {
	widht:100%;
	border:4px solid #cccccc;
}
#pickup-shop table {
	margin : auto auto;
	padding : 0px;
}
#pickup-shop td {
	padding : 5px 16px 5px 16px ;
}

/*　定番ショップ　スタイル
-------------------------------------------*/
#pickup-shop {
	widht:100%;
	border:4px solid #cccccc;
}
#pickup-shop table {
	margin : auto auto;
	padding : 0px;
}
#pickup-shop td {
	padding : 5px 16px 5px 16px ;
}


/*　特集記事　スタイル
-------------------------------------------*/
#contents #main #doclist-left {
	float: left;
/*
	width:40%;
*/
	overflow: hidden;
}
#contents #main #doclist-right {
	float: right;
/*
	width:58%;
*/
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
}
#contents #main #doclist-left img {
/*
	float: left;
*/
	margin-right: 20px;
	margin-bottom: 10px;
}
#main #doc img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}


div.areaTopAd {
	width: 100%;
	border-bottom: 1px dashed #ccc;
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 10px 0px;
}