﻿@charset "utf-8";
/* CSS Document */
/*
==========================TOC(Table Of Contents)==========================
Style Name Last Up 07 05 2009 Rina Saida
1:browser default style reset / body style / hr FIR / skip nav / link style / abbr acronym style
2:framework style
3:all header style
4:all mainnavigation style
5:all maincontent style
6:all subcontent style
7:all footer style
==========================================================================
*/

* {
	line-height: 1;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
a:link {
	color: #654A32;
}
a:hover {
	text-decoration:none;
	color: #5c0040;
}
a:visited {
	color: #5c0040;
}
img {
	border:none;
}
#main h2
{
	margin:8px 0 8px 0;
	line-height:1.2;
	padding:8px 8px 5px 8px;
	color: #7d0078;
	font-weight: bold;
	font-size: 100%;
	background-image: url(common/bg_h2_02.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
	border-top:1px solid #ECD4DF;
	border-left:1px solid #ECD4DF;
	border-right:1px solid #DAB5CD;
	border-bottom:1px solid #DAB5CD;
}
#main h2 span
{
	margin-left:16px;
	font-size: 80%;
}
/* For IE6
----------------------------------------------------------------------------------------------------*/
body {
	color: #654A32;
	font-family: sans-serif, Arial, Helvetica ;
	text-align: center;
}
body div {
	margin: 0 auto;
	text-align: left;
}
/* 共通ヘッダー関連操作
----------------------------------------------------------------------------------------------------*/
#header {
	background-repeat: repeat-x;
	background-image: url(common/bg_header_repeat.gif);
}
#header .waku {
	width: 960px;
}
#header .in {
	height: 115px;
	clear: left;
	/*background-image: url(common/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left;*/
}
#header h1 {
	height: 115px;
	width: 227px;
 	float: left;
}
#header .lady {
	float: left;
}
/* 共通ヘッダーログイン関連操作
----------------------------------------------------------------------------------------------------*/
#header .login {
	height: 45px;
	width: 251px;
	margin: 0px 0px 0px 700px;
	padding: 45px 0px 0px 0px;
	font-size: 9pt;
	background-image: url(common/bg_waku_login.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header .login .left {
  float: left;
  width: 165px;
  padding: 25px 0px 0px 0px;
}
#header .login .left a {
  margin: 0px 0px 0px 15px;
}
#header .login .right {
  float: left;
  width: 85px;
  height: 45px;
}
#header .login .right a {
	height: 28px;
	width: 76px;
	display: block;
	margin: 9px 0px 0px 0px;
	background-image: url(common/btn_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1pt;
	text-indent: -1000px;
	overflow: hidden;
}
#header .login .right a:hover {
	background-image: url(common/btn_login_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* 共通ヘッダーログアウト関連操作
----------------------------------------------------------------------------------------------------*/
#header .logout {
	height: 45px;
	width: 251px;
	margin: 0px 0px 0px 700px;
	padding: 45px 0px 0px 0px;
	font-size: 9pt;
	/*background-image: url(common/bg_waku_login.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}
#header .logout ul {
}
#header .logout li {
	float:left;
}
#header .logout a.mypage {
	height: 28px;
	width: 76px;
	display: block;
	margin: 9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(common/btn_mypage.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-1000;
	font-size:1pt;
	overflow:hidden;
}
#header .logout a.mypage:hover {
	background-image: url(common/btn_mypage_on.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#header .logout a.logout {
	height: 28px;
	width: 76px;
	display: block;
	margin: 9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(common/btn_logout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-1000;
	font-size:1pt;
	overflow:hidden;
}
#header .logout a.logout:hover {
	background-image: url(common/btn_logout_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* 共通ヘッダーナビゲーション関連操作
----------------------------------------------------------------------------------------------------*/
#header ul.nav {
	height: 25px;
	clear: left;
}
#header li {
	list-style-type: none;
	float: left;
	width: 100px;
	height: 25px;
	font-size: 1px;
}
#header li.sbtn {
	list-style-type: none;
	float: left;
	width: 60px;
	height: 25px;
	font-size: 1px;
}
#header li a {
	list-style-type: none;
	float: left;
	width: 100px;
	height: 25px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -10000px;
}
#header li.sbtn a {
	list-style-type: none;
	float: left;
	width: 60px;
	height: 25px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -10000px;
}
#header li.nav_none a  {
	background-image: url(common/btn_menu_00_none.gif);
}
#header li.nav_top a  {
	background-image: url(common/btn_menu_01_top.gif);
}
#header li.nav_top a:hover {
	background-image: url(common/btn_menu_01_top_hover.gif);
}
#header li.nav_top a:active {
	background-image: url(common/btn_menu_01_top_active.gif);
}
#header li.nav_food a  {
	background-image: url(common/btn_menu_02_food.gif);
}
#header li.nav_food a:hover {
	background-image: url(common/btn_menu_02_food_hover.gif);
}
#header li.nav_food a:active {
	background-image: url(common/btn_menu_02_food_active.gif);
}
#header li.nav_beauty a {
	background-image: url(common/btn_menu_03_beauty.gif);
}
#header li.nav_beauty a:hover {
	background-image: url(common/btn_menu_03_beauty_hover.gif);
}
#header li.nav_beauty a:active {
	background-image: url(common/btn_menu_03_beauty_active.gif);
}
/*#header li.nav_shopping a {
	background-image: url(common/btn_menu_04_shopping.gif);
}
#header li.nav_shopping a:hover {
	background-image: url(common/btn_menu_04_shopping_hover.gif);
}
#header li.nav_shopping a:active {
	background-image: url(common/btn_menu_04_shopping_active.gif);
}*/
#header li.nav_bklife a {
	background-image: url(common/btn_menu_05_bklife.gif);
}
#header li.nav_bklife a:hover {
	background-image: url(common/btn_menu_05_bklife_hover.gif);
}
#header li.nav_bklife a:active {
	background-image: url(common/btn_menu_05_bklife_active.gif);
}
#header li.nav_coupon a {
	background-image: url(common/btn_menu_06_coupon.gif);
}
#header li.nav_coupon a:hover {
	background-image: url(common/btn_menu_06_coupon_hover.gif);
}
#header li.nav_coupon a:active {
	background-image: url(common/btn_menu_06_coupon_active.gif);
}
#header li.nav_backno a {
	background-image: url(common/btn_menu_07_backnum.gif);
}
#header li.nav_backno a:hover {
	background-image: url(common/btn_menu_07_backnum_hover.gif);
}
#header li.nav_backno a:active {
	background-image: url(common/btn_menu_07_backnum_active.gif);
}
#header li.nav_map a {
	background-image: url(common/btn_menu_08_map.gif);
}
#header li.nav_map a:hover {
	background-image: url(common/btn_menu_08_map_hover.gif);
}
#header li.nav_map a:active {
	background-image: url(common/btn_menu_08_map_active.gif);
}
#header li.nav_lifeinfo a {
	background-image: url(common/btn_menu_09_lifeinfo.gif);
}
#header li.nav_lifeinfo a:hover {
	background-image: url(common/btn_menu_09_lifeinfo_hover.gif);
}
#header li.nav_lifeinfo a:active {
	background-image: url(common/btn_menu_09_lifeinfo_active.gif);
}
#header li.nav_petitlog a {
	background-image: url(common/btn_menu_10_petitlog.gif);
}
#header li.nav_petitlog a:hover {
	background-image: url(common/btn_menu_10_petitlog_hover.gif);
}
#header li.nav_petitlog a:active {
	background-image: url(common/btn_menu_10_petitlog_active.gif);
}
#header li.nav_faq a {
	background-image: url(common/btn_menu_99_faq.gif);
}
#header li.nav_faq a:hover {
	background-image: url(common/btn_menu_99_faq_hover.gif);
}
#header li.nav_faq a:active {
	background-image: url(common/btn_menu_99_faq_active.gif);
}
/* 共通サブカテゴリ関連操作
----------------------------------------------------------------------------------------------------*/
ul#s_nav {
	height: 24px;
	width: 960px;
	clear: left;
	margin: 5px 0px 0px 0px;
	background-color: #FFE3E6;
}
ul#s_nav li {
	list-style-type: none;
	float: left;
	line-height: 1.5;
	height: 21px;
	padding: 3px 20px 0px 20px;
	color: #A81C63;
	font-size: 85%;
}
ul#s_nav li.nav_sub {
	background-image: url(common/bar_snav_separate.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
ul#s_nav li a {
	color: #A81C63;
}
/* 共通main関連操作
----------------------------------------------------------------------------------------------------*/
#main {
	width: 960px;
}
/* パンクズ関連操作
----------------------------------------------------------------------------------------------------*/
#bread {
	height: 20px;
	padding: 10px 0px 0px 0px;
	font-size: 85%;
}
/* 気になるお店関連操作
----------------------------------------------------------------------------------------------------*/
#kininaru_shop {
	padding: 16px 0px 0px 0px;
}
#kininaru_shop h3 {
	height: 26px;
}
#kininaru_shop ul {
	padding: 10px;
	background-image: url(common/bg_waku_body_750.gif);
	background-repeat: repeat-y;
}
#kininaru_shop li.search_list {
	list-style: none;
	/*height: 135px;*/
	width: 705px;
	overflow: visible;
	clear: left;
	padding: 15px 0px 25px 0px;
	background-image: url(common/bar_purple.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#kininaru_shop li.search_list .left2{
	height: 141px;
	width: 186px;
	float: left;
	/*vertical-align: middle;*/
	padding-top: 3px;
	margin: 0px 30px 0px 0px;
	text-align: center;
	background-image: url(common/bg_photo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#kininaru_shop li.search_list .right2{
	height: 141px;
	width: 465px;
	float: left;
}
#kininaru_shop li.search_list .right2 .dbname{
	height: 40px;
	font-size: 120%;
}
#kininaru_shop li.search_list .right2 .dbname a{
	display: block;
}
#kininaru_shop li.search_list .right2 .dbtitle{
	/*height: 25px;*/
	color: #AB30AD;
	font-size: 100%;
	line-height:1.2;
	padding-bottom: 5px;
}
#kininaru_shop li.search_list .right2 .dbtextbody{
	padding: 0px 0px 10px 0px;
	font-size: 85%;
}
#kininaru_shop li.search_list .right2 .bt_detail{
	height: 25px;
	width: 120px;
	padding: 0px 0px 0px 345px;
	text-align: right;
}
#kininaru_shop li.search_list .right2 .bt_detail a{
	display: block;
	height: 25px;
	width: 100px;
	background-repeat: no-repeat;
	background-image: url(common/btn_omiseshosai.gif);
	text-indent:-1000px;
	overflow:hidden;
	font-size:1pt;
}
#kininaru_shop li.search_list .right2 .bt_detail a:hover {
	background-image: url(common/btn_omiseshosai_on.gif);
}
#kininaru_shop li.search_list_bm  {
	list-style: none;
	height: 2px;
	width: 705px;
	clear: left;
	font-size: 1pt;
	background-image: url(common/bar_purple.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow:hidden;
	text-indent:-1000px;
}
#kininaru_shop .bm {
	height: 10px;
	font-size: 1pt;
	background-image: url(common/bg_waku_foot_750.gif);
	background-repeat: no-repeat;
	padding-bottom: 40px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:1pt;
}
/* 共通右カラム検索関連操作
----------------------------------------------------------------------------------------------------*/
#searchbox h3 {
	height: 35px;
}
#searchbox .hd {
	background-image: url(common/bg_omisenokensaku_head.gif);
}
#searchbox .md {
	background-repeat: repeat-y;
	background-image: url(common/bg_omisenokensaku_body.gif);
}
#searchbox .btn_search {
	height: 30px;
	width: 60px;
	margin-left: 50px;
}
#searchbox .btn_search a {
	display: block;
	height: 30px;
	width: 60px;
	background-image: url(common/btn_kensaku.gif);
	background-repeat: no-repeat;
}
#searchbox .btn_search a:hover {
	background-image: url(common/btn_kensaku_on.gif);
	background-repeat: no-repeat;
}
#searchbox .bm {
	height: 10px;
	font-size: 1pt;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(common/bg_omisenokensaku_foot.gif);
	text-indent:-1000px;
	overflow:hidden;
	font-size:1pt;
}
#selectbox {
	width: 180px;
	padding: 0px 0px 30px 0px;
}
#selectbox .hd {
	height: 5px;
	font-size: 1pt;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(common/bg_omisenokensaku2_head.gif);
	text-indent:-1000px;
	overflow:hidden;
	font-size:1pt;
}
#selectbox .md {
	padding: 5px;
	font-size: 85%;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url(common/bg_omisenokensaku2_body.gif);
}
#selectbox .bm {
	height: 5px;
	font-size: 1pt;
	background-position: bottom;
	background-image: url(common/bg_omisenokensaku2_foot.gif);
	text-indent:-1000px;
	overflow:hidden;
	font-size:1pt;
}
#category_selector{
	/*height:190px;*/
	font-size:85%;
}
#category_selector_of_area{
	width: 100%;
	margin-bottom: 10px;
}
#category_selector a {
	margin-right:5px;
	text-decoration: none;
	color: #5c0040;
}

#category_selector_items_of_area {
	margin-bottom: 10px;
}
#category_selector_items_of_area li {
	margin-left:4px;
	margin-bottom: 5px;
	list-style:none;
}
#category_selector_of_genre {
	width: 100%;
	margin-bottom: 10px;
}
#category_selector_items_of_genre{
	margin-bottom: 10px;
}
#category_selector_items_of_genre li{
	margin-bottom: 5px;
	margin-left:4px;
	list-style:none;
}
#select_hd {
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(common/title_eriatojanru.gif);
}
#search_area {
	width: 180px;
	padding: 0px 0px 20px 0px;
}
#search_area h3 {
	height: 15px;
	background-image: url(common/btn_eria.gif);
}
#search_area a {
	margin-right: 10px;
	line-height: 1.5;
}
#search_area .md {
	/*line-height: 1.5;*/
	padding: 15px 0px 0px 0px;
	font-size: 80%;
}
#search_genre {
	width: 180px;
	padding: 0px 0px 20px 0px;
}
#search_genre h3 {
	height: 15px;
	background-image: url(common/btn_janru.gif);
}
#search_genre a {
	margin-right: 10px;
	line-height: 1.5;
}
#search_genre .md {
	line-height: 1.5;
	padding: 15px 0px 0px 0px;
	font-size: 80%;
}
/* 共通フッター関連操作
----------------------------------------------------------------------------------------------------*/
#footer {
	margin-top:10px;
	height: 100px;
	clear: both;
	background-image: url(common/bg_footer_repeat.gif);
	background-repeat: repeat-x;
}
#footer .in {
	height: 95px;
	width: 720px;
	padding: 5px 120px 0px 120px;
	background-image: url(common/bg_footer.gif);
}
/* 共通フッターナビゲーション関連操作
----------------------------------------------------------------------------------------------------*/
#footer li {
	float: both;
	height: 20px;
	padding: 0px 5px 0px 0px;
}
#footer ul {
	height: 20px;
	width: 660px;
	clear: left;
	padding: 10px 0px 10px 30px;
}
#footer ul.nav li {
	list-style-type: none;
	font-size: 80%;
	float: left;
}
#footer ul.nav li.nav_top {
	width: 30px;
}
#footer ul.nav li.nav_food {
	width: 50px;
}
#footer ul.nav li.nav_beauty {
	width: 65px;
}
#footer ul.nav li.nav_shopping {
	width: 75px;
}
#footer ul.nav li.nav_bklife {
	width: 100px;
}
#footer ul.nav li.nav_coupon {
	width: 55px;
}
#footer ul.nav li.nav_backno {
	width: 95px;
}
#footer ul.nav li.nav_map {
	width: 50px;
}
#footer ul.f_link li {
	list-style-type: none;
}
#footer ul.f_link li.aboutus {
	width: 70px;
}
#footer ul.f_link li.copyright {
	width: 60px;
}
#footer ul.f_link li.privacy {
	width: 130px;
}
#footer ul.f_link li.inquiry {
	width: 80px;
}
#footer ul.f_link li.faq {
	width: 80px;
}
#footer ul.f_link li.ad {
	width: 70px;
}
/* 1カラムid_document関連操作
----------------------------------------------------------------------------------------------------*/
#document .login_btn {
	height: 27px;
	color: #DB1A78;
	font-size: 80%;
}
#document .login_btn .guide_login {
	display: block;
	line-height: 2.5;
	width: 180px;
	float: left;
	padding-left: 480px;
}
#document .login_btn a {
	display: block;
	height: 27px;
	width: 75px;
	overflow: hidden;
	font-size: 1pt;
	text-indent: -1000px;
	background-image: url(common/btn_login.gif);
	background-repeat: no-repeat;
}
#document .login_btn a:hover {
	display: block;
	height: 27px;
	width: 75px;
	background-image: url(common/btn_login_on.gif);
	background-repeat: no-repeat;
}
/* 共通リンク関連操作
----------------------------------------------------------------------------------------------------*/
.links ul {
	list-style: none;
	display: inline;
}
.links li {
	margin: 0 4px 0 4px;  
	display: inline;
}

.links a {
	margin: 0 4px 0 4px;
	padding-left: 16px;
	font-size: 80%;
	background-image: url(common/icon_footer_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.links2 ul {
	list-style: none;
	display: inline;
}
.links2 li {
	margin: 0 4px 0 4px;  
	display: inline;
}

.links2 a {
	margin: 0 4px 0 4px;
	padding-left: 16px;
	font-size: 80%;
	background-image: url(common/icon_footer_arrow_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.dot_border   {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #654a32;
	line-height: 1.7;
	display: inline;
}
/* マップ・クーポン印刷関連操作
----------------------------------------------------------------------------------------------------*/
@media print
{
#header {
	display:none;
        }
ul#s_nav {
	display:none;
        }
#bread {
	display:none;
}
#footer {
	display:none;
        }
}
/* 各種個別関連操作
----------------------------------------------------------------------------------------------------*/
.violet {
	color: #A36B8F;
}
.green {
	color: #656E32;
}
.red110b {
	font-size: 110%;
	font-weight: bold;
	color: #F00;
}
.up {
	background-image: url(common/icon_up_purple.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3;
	padding: 3px 0 0 13px;
}
.right_arrow {
	background-image: url(common/icon_right_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3;
	padding: 3px 0 0 13px;
}
.left_arrow {
	background-image: url(common/icon_left_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3;
	padding: 3px 0 0 13px;
}
.font90 {
	font-size: 90%;
}
.font80 {
	font-size: 80%;
}
.clear {
	clear: both;
}
.hilight {
	background-color: #FC6;
}
