@charset "Shift_JIS";
/*----------------------------------------------------------------------
 *   brown.css
 *   テーマカラー「brown」CSS
 *
 *   last update : 2012.09.29
 *----------------------------------------------------------------------*/

/*:基本指定:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html {
	background:#f3efe9;
}
body {
	background:url(../../images2010/themas/brown/sp_body_back.gif) repeat-x center top;
}

a:link {
	color:#0f5aeb;
}
a:visited {
	color:#9632d2;
}
a:active {
	color:#ff418c;
}
a:hover {
	color:#ff418c;
	text-decoration:none;
}

/* ヘッダー
--------------------------------------------------------------------------*/
div.header_area div.header_right p {
	color:#fff;
}

/* レフトカラム
--------------------------------------------------------------------------*/
div.gnavi_area div.menublock{
	background:#fff url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat -230px bottom;
}
div.gnavi_area div.menublock h2{
	background: #ff6f1b url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat 0px -135px;
}

/***ショップリスト***/
div.gnavi_area div.shoplist{
	background:#fff url(../../images2010/themas/brown/shoplist_back.gif) no-repeat center bottom;
}
div.gnavi_area div.shoplist ul li a:hover{}
div.gnavi_area div.shoplist ul li span{}
div.gnavi_area div.shoplist ul li a em{
	color:#ad4900;
}
/*  クラーク  */
div.gnavi_area div.shoplist ul li.clark a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 0;
}
div.gnavi_area div.shoplist ul li.clark a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px 0px;
}
/*  マッティー  */
div.gnavi_area div.shoplist ul li.matty a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -40px;
}
div.gnavi_area div.shoplist ul li.matty a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -40px;
}
/*  ブーリー  */
div.gnavi_area div.shoplist ul li.bully a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -80px;
}
div.gnavi_area div.shoplist ul li.bully a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -80px;
}
/*  エムジョー  */
div.gnavi_area div.shoplist ul li.mjo a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -120px;
}
div.gnavi_area div.shoplist ul li.mjo a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -120px;
}
/*  メイド楽園  */
div.gnavi_area div.shoplist ul li.maid2 a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -160px;
}
div.gnavi_area div.shoplist ul li.maid2 a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -160px;
}
/*  仮面遊戯  */
div.gnavi_area div.shoplist ul li.kamen a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -200px;
}
div.gnavi_area div.shoplist ul li.kamen a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -200px;
}
/*  まりもクリニック  */
div.gnavi_area div.shoplist ul li.marimo2 a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -240px;
}
div.gnavi_area div.shoplist ul li.marimo2 a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -240px;
}
/*  ボーイング99  */
div.gnavi_area div.shoplist ul li.boing a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -280px;
}
div.gnavi_area div.shoplist ul li.boing a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -280px;
}
/*  マットDEいってミルク  */
div.gnavi_area div.shoplist ul li.matto a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -320px;
}
div.gnavi_area div.shoplist ul li.matto a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -320px;
}
/*  お嬢様協奏曲  */
div.gnavi_area div.shoplist ul li.ojou a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -360px;
}
div.gnavi_area div.shoplist ul li.ojou a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -360px;
}
/*  カプリ娘  */
div.gnavi_area div.shoplist ul li.caprico a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -400px;
}
div.gnavi_area div.shoplist ul li.caprico a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -400px;
}
/*  奥サマンサ  */
div.gnavi_area div.shoplist ul li.saman a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -440px;
}
div.gnavi_area div.shoplist ul li.saman a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -440px;
}
/*  ハレンチ女学園  */
div.gnavi_area div.shoplist ul li.harejo a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -480px;
}
div.gnavi_area div.shoplist ul li.harejo a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -480px;
}
/*  まりも  */
div.gnavi_area div.shoplist ul li.marimo a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -520px;
}
div.gnavi_area div.shoplist ul li.marimo a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -520px;
}
/*  若妻クリニック  */
div.gnavi_area div.shoplist ul li.clinic a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -560px;
}
div.gnavi_area div.shoplist ul li.clinic a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -560px;
}
/*  AneCon  */
div.gnavi_area div.shoplist ul li.anecon a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -600px;
}
div.gnavi_area div.shoplist ul li.anecon a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -600px;
}
/*  キュートクラブ  */
div.gnavi_area div.shoplist ul li.cute a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -360px;
}
div.gnavi_area div.shoplist ul li.cute a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -360px;
}
/*  ぷっちょぽっちょボーイング  */
div.gnavi_area div.shoplist ul li.pucho a{
	background: url(../../images2010/themas/brown/shoplist_icon.png) 0 -400px;
}
div.gnavi_area div.shoplist ul li.pucho a:hover{
	background: url(../../images2010/themas/brown/shoplist_icon.png) -215px -400px;
}


/***よくあるご質問・Q&A・お問い合わせ***/
div.gnavi_area div.naviblock ul li a:hover {
	background-color:#f8f3e1;
}



/***チクリ箱・メルマガ・モバイル版***/
div.gnavi_area div.inforblock h2{
	border-bottom:none;
}
div.gnavi_area div.inforblock h2.sp_barrierfree{
	background: #ffa0d7 url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat 0px -25px;
}
div.gnavi_area div.inforblock h2.sp_chikuri{
	background: #ffa0d7 url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat 0px -50px;
}
div.gnavi_area div.inforblock h2.sp_mailmaga{
	background: #ffa0d7 url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat 0px -75px;
}
div.gnavi_area div.inforblock h2.sp_qrcode{
	background: #ffa0d7 url(../../images2010/themas/brown/left_blocksprite.gif) no-repeat 0px -100px;
}

/* ライトカラム
--------------------------------------------------------------------------*/
div.side_area div.menublock{
	background:#fff url(../../images2010/themas/brown/right_back.gif) left bottom;
}
div.side_area div.menublock h2{
	color:#fff;
	background: url(../../images2010/themas/brown/right_blocksprite.gif) 0 0;
}

/***情報ナビ***/
/*  新着情報  */
div.side_area div.infonavi ul li.newsflash a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 0;
}
div.side_area div.infonavi ul li.newsflash a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px 0;
}
/*  新人情報  */
div.side_area div.infonavi ul li.newface a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -25px;
}
div.side_area div.infonavi ul li.newface a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -25px;
}
/*  出勤情報  */
div.side_area div.infonavi ul li.syukkin a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -50px;
}
div.side_area div.infonavi ul li.syukkin a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -50px;
}
/*  パトリオット検索  */
div.side_area div.infonavi ul li.patriot a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -75px;
}
div.side_area div.infonavi ul li.patriot a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -75px;
}
/*  割引情報  */
div.side_area div.infonavi ul li.discount a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -100px;
}
div.side_area div.infonavi ul li.discount a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -100px;
}
/*  イベント  */
div.side_area div.infonavi ul li.event a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -125px;
}
div.side_area div.infonavi ul li.event a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -125px;
}
/*  ホットニュース  */
div.side_area div.infonavi ul li.hotnews a{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) 0 -150px;
}
div.side_area div.infonavi ul li.hotnews a:hover{
	background: url(../../images2010/themas/brown/infonavi_icon.gif) -155px -150px;
}


/***コンテンツナビ***/
div.side_area div.naviblock ul li a:hover{
	background-color:#f8f3e1;
}

div.newps h2 a {
	color:#fff;
}

/***ご常連様***/
div.side_area div.vipnavi{
	margin-bottom:7px;
	background:#fff url(../../images2010/themas/brown/right_vipback.gif) left bottom;
}
div.side_area div.vipnavi h2{
	color:#000;
	background: url(../../images2010/themas/brown/right_blocksprite.gif) 0 -30px;
}
div.side_area div.vipnavi ul li a{
	background: url(../../images2010/themas/brown/vipnavi_icon.gif) no-repeat 0 0;
}
div.side_area div.vipnavi ul li a:hover{
	background: url(../../images2010/themas/brown/vipnavi_icon.gif) no-repeat -155px 0;
}


/* センターカラム
--------------------------------------------------------------------------*/
div.main_area h3{
	border-left:solid 5px #EB6100;
}

div.main_area div.newsblock div.newsmain div.newsimage h3 {
	background:#d3c946;
}

/* フッター
--------------------------------------------------------------------------*/
/***ページのTOPへ戻るリンク***/
p.pagetop {}
* html p.pagetop img {
}
p.pagetop a{
	background: url(../../images2010/themas/brown/pagetop_button.png) no-repeat 0 0;
}
p.pagetop a:hover{
	background: url(../../images2010/themas/brown/pagetop_button.png) no-repeat 0 -25px;
}

/***フッターリンク***/
div.footer_area{
	background: url(../../images2010/themas/brown/sp_footer_back.gif) repeat-x center top;
	border:none;
}

div.footer_area h4 {
	color:#f0f0be;
	background-color: #7d4f00;
}

div.footer_area div.sitebasic h4, div.footer_area div.sitecont h4 {
	background: url(../../images2010/themas/brown/sp_footer_h4back.gif) no-repeat 0 0;
}
div.footer_area div.harekeilink h4 {
	background: url(../../images2010/themas/brown/sp_footer_h4back.gif) no-repeat 0 -24px;
}

/***フッターテキスト***/
div.footer_area div.attention {}
div.footer_area div.attention p{
	color:#3f2200;
	border-bottom:dotted 1px #fff;
}
div.footer_area div.attention p a{
	color:#1d1000;
}