@charset "utf-8";

p,ol,ul {font-size: 12px}

ul{/*余白と本来あるマークを消します*/
margin:0;
padding:0;
list-style:none;
}
li{
font-size:12px;
margin:2px 0;
padding:0 0 0 20px;
}

form{/*余白を消します*/
margin:0;
padding:0;
}

dt{/*余白を消します*/
margin:0;
padding:0;
list-style:none;
margin:2px 0 0 20px;
}
dd{
font-size:12px;
margin:2px 0 0 40px;
padding:0 0 0 20px;
}

a {text-decoration : none;}
a:hover {color:red;}
a:visited{color :#FFFFFF;}
a:active{color :#FFFFFF;}
a:link{color :#FFFFFF;}

body{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #FFFFFF;
font-size: 12px;
background-color: #002200;
scrollbar-base-color:#cccccc;
scrollbar-arrow-color:#424200;
scrollbar-darkshadow-color:#204B23;
scrollbar-face-color:#163418;
scrollbar-highlight-color:#204B23;
scrollbar-shadow-color:#FFEECC;
}

/* ページ履歴(リンクあり) */
a.rireki_link{
font-weight: bold;
text-align:center;
text-decoration: underline;
padding-top:2px;
padding-bottom:1px;
float: left
}
a.rireki_link:hover{
color: #FFFF00;
}

/* ページ履歴アクセント */
.accent{
width: 40px;
font-weight: bold;
text-align:center;
text-decoration: none;
padding-top:2px;
padding-bottom:1px;
float: left
}

/* ページ履歴(リンクなし) */
.rireki{
font-weight: bold;
text-align:center;
text-decoration: none;
padding-top:2px;
padding-bottom:1px;
float: left
}

/*TOPリンク 背景背景色入れ替え*/
a.toplink-bc{
text-align:center;
border-right: 1px solid #FF3300;
border-bottom: 1px solid #FF3300;
border-left: 1px solid #FF9966;
border-top: 1px solid #FF9966;
background-color: #FF6600;
width :131px;
font-weight: bold;
padding-top:1px;
padding-bottom:1px;
float: left;
} 
a.toplink-bc:hover{
border-right: 1px solid #001100;
border-bottom: 1px solid #001100;
border-left: 1px solid #005500;
border-top: 1px solid #005500;
background-color: #003300;
color: #FFFF00;
}

/* ボックス上 */
.header{
width :800px;
margin-top:3px;
clear:both;
}

/*ボックス中*/
.main{
width :800px;
margin-top:2px;
float: left;
clear:both;
}

/*ボックス中左*/
.m-left{
clear:both;
width :535px;
float: left;
}

/*ボックス中右*/
.m-right{
background-color: #001100;
width :260px;
float: right;
}

/*右ボックスボトムスペース*/
.rightbottom{
margin-top: 15px;
}

/*ボックス下*/
/* .footer{
clear:both;
width :800px;
margin-top:15px;
color: #424200;
font-size: 10px;
text-align: center;
} /*

/* ボックス下(フレームあり用) */
.footer{
width :1024px;
color: #FFFFFF;
font-size: 10px;
text-align: right;
padding-top: 15px;
float: left;
}

/* ボックス下(フレームなし用) */
.footer2{
clear:both;
width :800px;
color: #FFFFFF;
font-size: 10px;
padding-top: 15px;
float: left;
}

/* ボックス上 */
.zh-line{
width :800px;
clear:both;
}

/* タブボックス用のスタイル */
/* ▼表示領域全体 */
div.tabbox {
margin: 0px;
padding: 0px;
width: 282px; /* 全体の横幅 */
}
/* ▼タブ部分 */
div.tabbox ul.tabs {
margin:  0px; /* 外側の余白を消す */
padding: 0px; /* 内側の余白を消す */
}
div.tabbox ul.tabs li {
margin: 0px;  /* 各項目周囲の余白をなくす */
padding: 0px; /* 各項目内側の余白をなくす */
list-style-type: none; /* 先頭記号を消す */
float: left;  /* リスト項目を横方向に並べる */
width: 141px; /* タブのデフォルトの横幅 */
/* 左上の角丸 */
background-image: url("img/kmtableft.gif");
background-repeat: no-repeat;
background-position: left top;
}
div.tabbox ul.tabs a {
display: block;  /* ブロックレベルに */
padding: 3px 0px;      /* 内側の余白 */
height: 12px;          /* タブの高さ */
text-align: center;    /* 中央寄せ */
text-decoration: none; /* 下線を消す */
/* 右上の角丸 */
background-image: url("img/kmtabright.gif");
background-repeat: no-repeat;
background-position: right top;
}
/* ▼タブ個別の色・装飾 */
div.tabbox ul.tabs li.tab1 {
background-image: url("img/kmtabback.gif"); /* タブ１の色(青) */
}
div.tabbox ul.tabs li.tab2 {
background-image: url("img/kmtabback.gif"); /* タブ２の色(黄) */
}
div.tabbox ul.tabs a:link,
div.tabbox ul.tabs a:visited {
color: white; /* タブの文字色(白) */
}
div.tabbox ul.tabs a:hover {
/* タブにマウスを載せた際の装飾 */
color: yellow;              /* 黄色 */
text-decoration: underline; /* 下線 */
}

/* ▼タブに対応するボックス領域 */
div.tabbox div.tab {
height: 290px;  /* ボックスの横幅 */
overflow: auto; /* スクロールバー自動表示 */
clear: left;    /* 回り込み解除(必須) */
padding: 3px 0 0 3px;
}
div.tabbox div#tab1 {
/* タブ１の中身(枠線と背景色) */
border-left: 1px solid #424200; 
border-bottom: 1px solid #424200;
border-right: 1px solid #424200;
background-color: #002200;
}
div.tabbox div#tab2 {
/* タブ２の中身(枠線と背景色) */
border-left: 1px solid #424200; 
border-bottom: 1px solid #424200;
border-right: 1px solid #424200;
background-color: #002200;
}


/* ▼ボックス内部の装飾(今回のテクニックとは無関係) */
div.tabbox div.tab p { margin: 0.5em; }
div.tabbox div.tab p.tabhead {
font-weight: bold; border-bottom: 3px double gray;
}
-->


/* オンマウスでドロップダウンリスト（新） */

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.ddlmain{
font-size:14px;
margin: 10px 0 0 40px;
width: 200px;
}
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。
=========================================================================*/
ul.ddlmain{text-align:center;/*メインメニューの文字揃え*/}
ol.ddlsub{text-align:left;/*サブメニューの文字揃え*/}
ul.ddlsub-2{text-align:left;/*サブメニューの文字揃え*/}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
/*ul.ddlmain{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.ddlmain a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
.ddlmain{background-color:#002200;/*サブメニューの位置をずらした場合指定必須*/}
.ddlmain li{background-color:#424200;}
/*メインメニューのオンマウス時*/
.ddlmain a:hover{background-color:#996600;}
/*サブメニューへ移動したときの色（ddlmain a:hoverと同じ値推奨）*/
.ddlmain li.ddlon{background-color:#996600;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.ddlsub{background-color:#996600;}
.ddlsub li{background-color:#996600;}
/*サブメニューのオンマウス時*/
.ddlsub a:hover{background-color:#FF6600;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.ddlsub li.ddlon2{background-color:#FF6600;}

/*サブメニュー2の背景色*/
.ddlsub-2{background-color:#FF6600;}
.ddlsub-2 li{background-color:#FF6600;}
/*サブメニュー2のオンマウス時*/
.ddlsub-2 a:hover{background-color:#001100;}

/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/

/*：メインメニューの文字色*/
.ddlmain a:link{color:#FFFFFF}
.ddlmain a:visited{color:#FFFFFF;}
.ddlmain a:hover{color:#FFFF00;}

/*：サブメニューの文字色*/
.ddlsub a:link{color:#FFFFFF}
.ddlsub a:visited{color:#FFFFFF;}
.ddlsub a:hover{color:#FFFF00;}

/*：サブメニュー２の文字色*/
.ddlsub-2 a:link{color:#FFFFFF}
.ddlsub-2 a:visited{color:#FFFFFF;}
.ddlsub-2 a:hover{color:#FFFF00;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。
なお、
ul.ddlmain{width:1%;}
ol.ddlsub{
    left:100%;
    top:-20px;
    width:120px;
}
.main li.ddlon{
    height:19px;
    width:120px;
}
の用にいじると縦型メニューになります。ただしborderの微調整が必要になります。

=========================================================================*/

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.ddlmain{width:1%;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.ddlmain li.ddloff{
height:19px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
width:180px;/*文字数に合わせて調整*/
}
.ddlmain li.ddlon{
width:180px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.ddlmain a{padding:3px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.ddlmain li.ddloff{
border:1px solid #993300;
}
/*展開時・メインメニューの枠線*/
.ddlmain li.ddlon{
border:1px solid #993300;
border-bottom:0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.ddlmain a{
border-bottom:1px solid #993300;
}

/*---------------サブメニュー幅の設定--------------------*/
ol.ddlsub{
left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
width:180px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.ddlsub li.ddloff2{
width:180px;/*ol.subと同じ値を推奨*/
height:18px;/*変更可能・削除するとギミックが変わる*/
}
ol.ddlsub li.ddlon2{
width:180px;/*ol.subと同じ値を推奨*/
height:18px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.ddlsub{
/*border:1px solid #993300;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.ddlsub li.ddloff2,.sub li.ddlon2{
border-bottom:1px solid #993300;
width:120px;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.ddlsub a{
padding:2px 5px;/*あまり大きな値にしない*/
width:110px;/*削除不可*/
height:14px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

/*========================================================================
2段階目のサブメニューを利用しない場合サブメニュー2に関する設定は不要
=========================================================================*/
/*---------------サブメニュー２幅の設定--------------------*/
ul.ddlsub-2{
left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
top:-20px;/*ブラウザーで見ながら微調整*/
width:120px;/*値の変更可能*/
}
/*---------------サブメニュー２枠線の設定--------------------*/
ul.ddlsub-2{
border:1px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
border-bottom:0px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
}
.ddlsub-2 a{
border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}
/*---------------サブメニュー２余白の設定--------------------*/
.ddlsub-2 a{
padding:3px 5px;/*あまり大きな値にしない*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#ddlmenu{
top:0px;
left:0px;
width:100%;
position:absolute;
z-index:100;
text-align: left;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#ddlmenu{} /* 全体を囲むボックス */

ul.ddlmain{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.ddlmain li.ddloff{} /* メインメニューアイテム通常時 */
ul.ddlmain li.ddlon{} /* メインメニューアイテム展開時 */
li.ddloff a,li.ddlon a{} /* メインメニュー用リンク */

ol.ddlsub{} /* サブメニュー */
ol.ddlsub li.ddloff2{} /* サブメニューアイテム通常時 */
ol.ddlsub li.ddlon2{} /* サブメニューアイテム展開時 */
li.ddloff2 a,li.ddlon2 a{} /* サブメニュー用リンク */

ul.ddlsub-2{} /* サブメニュー2 */
ul.ddlsub-2 li{} /* サブメニュー2アイテム */
ul.ddlsub-2 li a{} /* サブメニュー2用リンク */

/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.ddlmain *{margin:0px;padding:0px;list-style:none;display:block;}
ul.ddlmain{position:relative;}
ul.ddlmain li.ddloff{position:relative;float:left;overflow:hidden;}
ul.ddlmain li.ddlon{float:left;overflow:hidden;}
ul.ddlmain>li.ddlon{overflow:visible;/*×*/}
ol.ddlsub{position:relative;}
ol.ddlsub li.ddloff2{position:relative;overflow:hidden;}
ol.ddlsub li.ddlon2{overflow:hidden;}
ol.ddlsub>li.ddlon2{overflow:visible;}
ul.ddlsub-2{position:relative;}


/* ドロップダウンリスト後の改行調整 */
.clear{
clear: left;
}

/* 厳選リンク小見出し */
.g_link{
margin-top: 10px;
}

/*厳選リンク文字色入れ替え*/
a.gl_cc:hover{color: #FF6600;}

/* 厳選リンク小見出し */
.komidasi{
color: #FFFF00;
font-weight: bold;

padding:4px 0 0 20px;
background:url("./img/list-m.gif") no-repeat;
}

/* 厳選リンクリスト */
.link_l{
font-weight: normal;
padding:3px 0 0 20px;
background:url("./img/list-m2.gif") no-repeat;
}


.treebox{
margin: 15px 0 0 20px;
 text-decoration:none;
}

.tree { line-height:normal;margin: 0 0 0 5px;}
.tree a { color:#FFF; text-decoration:none; }
.tree a:hover { color:#FF0000; text-decoration:underline; }
a.toggle { color:#000; text-decoration:none; line-height:normal;}
a.toggle:link, a.toggle:visited, a.toggle:hover { color:#FFFFFF; text-decoration:none; }

.treelist1{
color: #FFFF00;
font-weight: bold;
padding:4px 0 0 20px;
background:url("./img/list-m.gif") no-repeat;
}

.treelist2{
font-weight: normal;
padding:0 0 0 10px;
line-height: 14pt;
}

.treelist3{
font-weight: normal;
padding:4px 0 0 20px;
background:url("./img/list-m.gif") no-repeat;
line-height: 14pt;
}

.treelist_m{
margin: 0 0 0 12px;
}

/*一押しサイト背景大枠*/
.ichiosi-owaku{
margin-top:5px;
background-image: URL(http://www.za-hitonotsuma.com/img/ichiosibk.jpg);
border-top: 2px solid #005500;
border-left: 2px solid #005500;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
width :250px;
height :105px;
text-align :center;
margin-left: 4px;
}

/*一押しサイト背景内枠*/
a.ichiosi-bc{
background-color: #002200;
margin:5px;
border-top: 2px solid #003300;
border-left: 2px solid #003300;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
text-align:left;
text-decoration : none;
width :234px;
height :90px;
float: left;
}
a:hover.ichiosi-bc{
background-color: #003300;
border-top: 2px solid #004400;
border-left: 2px solid #004400;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
color: #FF6600;
}

/*一押しサイトタイトル*/
.ichiosi-t{
font-weight:bold;
color: #FFFF00;
margin: 3px 0 2px 5px;
}

/*一押しサイトイメージ*/
.ichiosi-img{
float: left;
margin: 0 0 0 3px;
}

/*一押しサイトコメント*/
.ichiosi-c{
font-size: 10px;
}

a.inc-bc{
border-style:solid ;
border-width:1px; 
border-color:#002200;
background:#002200;
color:#FFFF00;
width :200px;
}
a:hover.inc-bc{
background-color: #003300;
}

.tp_index1 {
color: #FFFFFF; /* 文字の色 */
padding-left: 5px; /* 左の余白 */
border-width: 0px 0px 2px 10px; /* 枠の幅 */
border-style: solid; /* 枠の種類 */
border-color: #413586; /* 枠の色 */
line-height: 108%; /* 行の高さ */
font-weight: bold;
margin: 2px 0 0 3px;
width: 240px;
}

.tp_index2 {
color: #FFFFFF; /* 文字の色 */
padding-left: 5px; /* 左の余白 */
border-width: 0px 0px 2px 10px; /* 枠の幅 */
border-style: solid; /* 枠の種類 */
border-color: #413586; /* 枠の色 */
line-height: 108%; /* 行の高さ */
font-weight: bold;
margin: 20px 0 0 3px;
width: 240px;
}

/*詳細案内用BOX*/
.si_box{
width: 180px;
text-align:center;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
}

/*詳細案内 背景背景色入れ替え*/
a.sinfo{
text-align:center;
border: 1px solid #993300;
background-color: #424200;
width :180px;
padding-top:3px;
padding-bottom:2px;
float: left;
} 
a.sinfo:hover{
background-color: #996600;
color: #FFFF00;
}

/* 人妻店を探す（見出し1行目） */
/*.navi_midashi{
width :258px;
color:#FFFFFF;
margin-top: 20px;
background: #413586;
}
.navi_m_r{
background: #001100;
}
.navi_m_r1{
background:#413586;margin: 0 4px;height:1px;overflow: hidden;
}
.navi_m_r2{
background:#413586;margin: 0 2px;height:1px;overflow: hidden;
}
.navi_m_r3{
background:#413586;margin: 0 1px;height:2px;overflow: hidden;
}
.hk-midasi{
font-weight: bold;
margin-top: 5px 0px 5px 0px;
text-align: center;
}

/*  ザ・人の妻枠  */
.zh-waku{
text-align:center;
width :254px;
height: 310px;
background-image:URL(http://www.za-hitonotsuma.com/img/zu4.jpg);
background-repeat:no-repeat;
border: 1px solid #424200;
float: left;
margin-top: 3px;
clear: both;
}

a.zh-bc{
display: block;
width :254px;
text-align:center;
height: 282px;
float: left;
text-decoration : none;
padding-top: 11px;
} 
a.zh-bc:hover{
color: #00FF00;
}

.finding-d162{
margin-left: auto;
margin-right: auto;
text-align:center;
background-color: #999900;
text-decoration : none;
border-top: 2px solid #CCCC00;
border-left: 2px solid #CCCC00;
border-right: 2px solid #996600;
border-bottom: 2px solid #996600;
color: #FFFFFF;
font-weight: bold;
width :162px;
height :13px;
display: block;
}

.finding-hh162{
margin-left: auto;
margin-right: auto;
text-align:center;
background-color: #993300;
text-decoration : none;
border-top: 2px solid #996600;
border-left: 2px solid #996600;
border-right: 2px solid #663300;
border-bottom: 2px solid #663300;
color: #FFFFFF;
font-weight: bold;
width :162px;
height :13px;
display: block;
}

.finding-h162{
margin-left: auto;
margin-right: auto;
text-align:center;
background-color: #002b55;
text-decoration : none;
border-top: 2px solid #00468C;
border-left: 2px solid #00468C;
border-right: 2px solid #002142;
border-bottom: 2px solid #002142;
color: #FFFFFF;
font-weight: bold;
width :162px;
height :13px;
display: block;
}

.finding-i162{
margin-left: auto;
margin-right: auto;
text-align:center;
background-color: #990000;
text-decoration : none;
border-top: 2px solid #B70000;
border-left: 2px solid #B70000;
border-right: 2px solid #5B0000;
border-bottom: 2px solid #5B0000;
color: #FFFFFF;
font-weight: bold;
width :162px;
height :13px;
display: block;
}

.finding-s162{
margin-left: auto;
margin-right: auto;
text-align:center;
background-color: #009900;
text-decoration : none;
border-top: 2px solid #3CB53C;
border-left: 2px solid #3CB53C;
border-right: 2px solid #267326;
border-bottom: 2px solid #267326;
color: #FFFFFF;
font-weight: bold;
width :162px;
height :13px;
display: block;
}

/*  人妻写真館入口  */
a.hphotojump{
padding:4px 0 0 18px;
background:url("./img/list-m.gif") no-repeat;
float: right;
}
a.hphotojump:hover{
color: #FFFF00;
}

/*  ザ・人の妻枠更新情報及び新着店舗情報の外枠  */
.upnew-waku{
width :284px;
float: left;
margin: 3px 0px 0px 2px;
}

/*  更新情報見出し  */
.up-midashi {
width :278px;
text-decoration : none;
text-align:center;
background-image: URL(img/midashi_back.jpg);
font-size: 14px;
font-weight: bold;
margin-left: 2px;
}

/*  更新情報＆新着店舗情報の外枠  */
.update {
width :278px;
border: 1px solid #424200;
margin: 2px;
}

/*  更新情報＆新着店舗情報の内枠  */
.update_in{margin: 5px 0px 0px 5px;}

/*  更新情報＆新着店舗情報の大外ボックス  */
.upnew_bb{
line-height: 12pt;
}

/*  超おすすめ枠の外枠  */
.pick-waku{
width :254px;
height: 310px;
background-image:URL(http://www.za-hitonotsuma.com/img/zu4.jpg);
background-repeat:no-repeat;
border: 1px solid #424200;
float: left;
margin: 3px 0px 0px 0px;
text-align:center;
}

/*  超おすすめ枠タイトル  */
.pick-title{
width :254px;
text-align:center;
margin-top: 11px;
float: left;
}

/*  超おすすめ女性紹介枠  */
a.pick-bc{
margin-top: 6px;
margin-left: 10px;
text-decoration : none;
width :244px;
float: left;
text-align: left;
} 
a:hover.pick-bc{
text-decoration : none;
color: #00FF00;
}

/*  超おすすめ枠のバナー  */
.pick-bana{
margin-top: 23px;
margin-left: 3px
}

/*見出し 背景色紫・太字・中央揃え・幅260背景*/
.midasi-p260{
text-align:center;
background-color: #413586;
text-decoration : none;
border-top: 2px solid #6666CC;
border-left: 2px solid #6666CC;
border-right: 2px solid #330066;
border-bottom: 2px solid #330066;
font-weight: bold;
width :256px;
padding-top:1px;
padding-bottom:1px;
clear: both;
color: #FFFFFF;
font-size: 12px;
}

/*見出し背景GOLD・文字白・中央揃え・幅260背景*パディングなし*/
.midasi-go260{
text-align:center;
text-decoration : none;
background-color: #996600;
border-top: 2px solid #B77B00;
border-left: 2px solid #B77B00;
border-right: 2px solid #573A00;
border-bottom: 2px solid #573A00;
width :256px;
padding-top:1px;
padding-bottom:1px;
clear: both;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

/*地方見出し 背景グリーン・太字（黄色）・中央揃え・幅260*/
.chihou{
text-align:center;
background-color: #003300;
text-decoration : none;
border-top: 2px solid #005500;
border-left: 2px solid #005500;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
color: #FFFF00;
font-weight: bold;
width :256px;
padding-top:1px;
padding-bottom:1px;
margin-top:3px;
clear: both;
}

/*ページ見出し背景グリーン柄・文字白・中央揃え・幅530背景*/
.midasi-gg530{
clear: both;
text-align:center;
background-image: URL(img/midashi_back-green.jpg);
text-decoration : none;
border-top: 2px solid #005500;
border-left: 2px solid #005500;
border-right: 2px solid #001500;
border-bottom: 2px solid #001500;
color: #FFFFFF;
font-weight: bold;
width :530px;
padding-top:1px;
padding-bottom:1px;
float: left;
}

.store-line{
clear: both;
width :535px;
float: left;
margin-top: 4px;
}

.y-photo {
float: left;
margin-right: 3px;
}

/*優良店 背景背景色入れ替え*/
.y-bc{
color: #FFFFFF;
background-color: #002200;
text-decoration : none;
border-top: 2px solid #003300;
border-left: 2px solid #003300;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
width :263px;
padding-top:1px;
padding-bottom:2px;
float: left;
} 
a.y-bc:hover{
background-color: #003300;
border-top: 2px solid #004400;
border-left: 2px solid #004400;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
color: #FF6600;
}

/*リンク1ライン*/
.link-line{
clear: both;
width :530px;
float: left;
}

/*フォント太字*/
.f-bold {
font-weight:bold;
}

/*かな(東京地区)*/
.kana{
text-align:center;
background-color: #003300;
border-top: 1px solid #004400;
border-left: 1px solid #004400;
border-right: 1px solid #001100;
border-bottom: 1px solid #001100;
width :63px;
padding-top:2px;
padding-bottom:1px;
font-weight: bold;
float: left;
color: #FFFFFF;
}

/*県1ライン*/
.ken-line{
clear: both;
}

/*県*/
.ken{
width: 63px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align:center;
text-decoration: none;
background-color: #999900;
border-top: 1px solid #CCCC00;
border-left: 1px solid #CCCC00;
border-right: 1px solid #996600;
border-bottom: 1px solid #996600;
padding-top:2px;
padding-bottom:1px;
float: left
}
a.ken:hover{
background-color: #003300;
border-top: 1px solid #005500;
border-left: 1px solid #005500;
border-right: 1px solid #001100;
border-bottom: 1px solid #001100;
color: #FFFF00;
}

/*ダミーボックス(float)*/
.dammy-f{
text-align:center;
background-color: #002200;
border: 1px solid #002200;
width :63px;
float: left;
}

/*(東京)*/
.tokyo{
color: #FFFFFF;
width :256px;
text-align:center;
background-color: #999900;
border-top: 1px solid #CCCC00;
border-left: 1px solid #CCCC00;
border-right: 1px solid #996600;
border-bottom: 1px solid #996600;
padding-top:1px;
padding-bottom:1px;
font-weight: bold;
}

/*定番リンク 背景背景色入れ替え*/
a.t-link{
color: #FFFFFF;
background-color: #002200;
text-decoration : none;
border-top: 2px solid #003300;
border-left: 2px solid #003300;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
width :256px;
padding-top:1px;
padding-bottom:2px;
float: left;
} 
a.t-link:hover{
color: #FF6600;
background-color: #003300;
border-top: 2px solid #005500;
border-left: 2px solid #005500;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
}
a.t-link:visited{
color: #FFFFFF;
}
a.t-link:active{
color: #FFFFFF;
}

/*おすすめリンク ボックス*/
.link{
width :260px;
clear: both;
height: 70px;
}

/*掲載店舗募集中背景グリーン・文字白・中央揃え・幅530*/
a.bosyuu{
clear: both;
color: #FFFFFF;
text-align:center;
background-color: #002200;
text-decoration : none;
border-top: 2px solid #003300;
border-left: 2px solid #003300;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
width :526px;
padding-top:1px;
padding-bottom:1px;
font-weight: bold;
float: left;
} 
a.bosyuu:hover{
background-color: #004400;
border-top: 2px solid #006600;
border-left: 2px solid #006600;
border-right: 2px solid #001100;
border-bottom: 2px solid #001100;
color: #FFFF00;
}

/*ページバックライン*/
.back-line{
width : 526px;
clear: both;
margin-top: 5px;
}

/*ボタン 背景背景色入れ替え*/
.pageback{
clear: both;
color: #FFFFFF;
text-align:center;
text-decoration : none;
width :150px;
padding-top:1px;
padding-bottom:1px;
font-weight: bold;
float: right;
margin-top: 5px;
} 
a.pageback:hover{
color: #FFFF00;
}

/* ページ下メニューボックス */
.punder-menubox {
clear:both;
width :800px;
margin :15px 0 3px 0;
border: 1px solid #424200;
padding: 10px 0 10px 0;
}

/* ページ下メニューボタン */
#pumenu-list {
text-align:center;
}

ul#pumenu-list li{
display:inline;
color: #CCCCCC;
}

.img-float {
float: left;
margin-left: 0px;
}

.f-bold10 {
font-size: 10px;
font-weight:bold;
}

/*フォントsize10ピクセル*/
.fs10 {
font-size: 10px;
}

/*フォント10ピクセル黄色太字*/
.fc-ybold10 {
font-size: 10px;
font-weight:bold;
color: #FFFF00;
}

/*フォント12ピクセル黄色太字*/
.fc-ybold {
font-size: 12px;
font-weight:bold;
color: #FFFF00;
}

/*フォント12ピクセルオレンジ*/
.fc-orenge {
color: #FF6600;
}

/*フォント12ピクセル赤*/
.fc-red {
color: #FF0000;
}

/*フォント12ピクセル赤*/
.fc-fuji {
color: #413586;
}

.fc-delibold{
color: #999900;
font-weight: bold;
}

.fc-delibold10{
font-size: 10px;
color: #999900;
font-weight: bold;
}

.fc-hotehelbold {
color: #993300;
font-weight: bold;
}

.fc-hotehelbold10 {
font-size: 10px;
color: #993300;
font-weight: bold;
}

.fc-healthbold {
color: #0066FF;
font-weight: bold;
}

.fc-healthbold10 {
font-size: 10px;
color: #0066FF;
font-weight: bold;
}

.fc-imekurabold {
color: #990000;
font-weight: bold;
}

.fc-imekurabold10 {
font-size: 10px;
color: #990000;
font-weight: bold;
}

.fc-soapbold {
color: #009900;
font-weight: bold;
}

.fc-soapbold10 {
font-size: 10px;
color: #009900;
font-weight: bold;
}

a.bc3{ 
text-decoration : none;
width :100%;
} 
a:hover.bc3{
background-color: #002200;
color: #00FF00;
width :100%;
} 

a.bc4{
text-decoration : none;
width :100%;

} 
a:hover.bc4{
background-color: #FF0000;
color: #FFFFFF;
width :100%;
}