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


@import url('../css/font.css');
@import url('../css/style.css');

	/* ------========================================
	   		  * 01. 初期設定 - 基本設定 -
	========================================----- */
	
		* {
			margin: 0;
			padding: 0;
		}
		
		body {
			font-size: 0.8em;
			text-align: center;
		}
		
		ul {
			list-style: none;
		}
		
		li {
			list-style-type: none;
		}
		
		h1 {
			text-indent: -9999px;
		}
		
		h1 a {
			background: url(../img/logo.jpg) no-repeat;
			display: block;
			/*height: 50px;*/
			height: 42px;
			left: 0px;
			position: absolute;
			top: 30px;
			/*width: 91px;*/
			width: 164px;
		}
		
		img {
			border: 0px;
		}
		
		table {
			text-align: left;
			font-size: 1.0em;
		}
		
		th {
			font-weight: normal;
			text-align: left;
		}
		
		address {
			clear: both;
			color: #666666;
			text-align: center;
		}
		
	/* -----========================================
	   		  * 01-06 初期設定 - リンク -
	========================================----- */
	
		a {
			text-decoration: none;
			color:#666666;
		}
		
		a:hover {
			color: #FF9900;
		}
		
	/* -----========================================
	   		  * 01-06 初期設定 - Clearfix -
	========================================----- */

		.clearfix:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
		}

		.clear {
			display: inline-block;
		}
	
	
	/* -----========================================
	   		  * 02-03. スペース設定 - space -
	========================================----- */
	
		.space10 {
			padding-left: 10px;
		}
		
		.space {
			padding: 10px;
		}
	
	/* -----========================================
	     	 * 02. 領域設定 - ブロック -
	========================================----- */
		
		#head {
			/*background: url(../img/bg_head.gif) repeat-x;*/
			display: block;
			height: 90px;
		}
		
		#head_in {
			/*background: url(../img/bg_head_in.gif) no-repeat;*/
			margin: 0 auto;
			height: 90px;
			position: relative;
			width: 950px;
		}
		
		#head_in p {
			color: #ffffff;
			font-size: 0.8em;
			left: 710px;
			position: absolute;
			top: 3px;
		}
		
		#head_in p a {
			color: #ffffff;
			font-size: 0.9em;
		}
		
		#mainimg {
			/*height: 325px;*/
			height: 402px;
			height: 240px;
		}
		
		#wrap{
			width: 950px;
			margin: 0 auto;
		}
		
		#wrap_in {
			float: left;
			text-align: left;
		}
		
		#contents {
			width: 680px;
			float: left;
			text-align:left;
			padding-top: 15px;
			padding-right: 18px;
			_padding-right: 0px;
			position: relative;
		}
		
		#side {
			width: 250px;
			float: right;
			font-size: 0.9em;
			padding-top: 15px;
			text-align:left;
		}
		
		#foot {
			background: url(../img/bg_foot.gif) repeat-x;
			clear: both;
			display: block;
			height: 200px;
		}
		
		#foot_in {
			background: url(../img/bg_footin.gif) no-repeat;
			display: block;
			height: 200px;
			position: relative;
			margin: 0 auto;
			width: 950px;
		}
		
		#header,#nav,#wrap,#wrap_in,#contents,#side,#footer,#footer_inner{
			display: block;
		}
	
	/* -----========================================
	   		  * 02-03. 領域設定 - hnavi -
	========================================----- */
	
		#hnavi {
			float: right;
			clear: both;
		}
		
		#hnavi p {
			display: block;
			margin: 15px;
		}
		
	/* -----========================================
	   		  * 02-03. 領域設定 - gnavi -
	========================================----- */
		
		
		#b_gnavi {
			background: url(../img/bg_nav.gif) repeat-x;
			overflow : hidden;
			display: block;
			height: 60px;
		}
	
		
		#bsearch1 {
			/*background: url(../img/bbsearch.jpg) no-repeat;*/
			width: 680px;
			height: 70px;
			display: block;
			position: relative;
			margin-top: 5px;
			border: 1px #999999 solid;
		}
		
		#btype1 {
			position: absolute;
			top: 36px;
			top: 20px;
			left: 25px;
		}
		
		#btype1 select {
			border: 1px #999999 solid;
		}
		
		#btype2 {
			position: absolute;
			top: 36px;
			top: 20px;
			left: 155px;
		}
		
		#btype2 select {
			border: 1px #999999 solid;
		}
		
		#btype3 {
			position: absolute;
			top: 37px;
			top: 20px;
			left: 290px;
		}
		
		#btype3 input {
			border: 1px #999999 solid;
		}
		
		#btype4 {
			position: absolute;
			top: 36px;
			left: 520px;
		}
		
		
		#gnavi {
			left: 250px;
			position: absolute;
			top: 40px;
		}
		
		#gnavi ul li {
			float: left;
			text-indent: -999em;
		}
		
		#gnavi ul li a {
			/*background: url(../img/gnavi.gif) no-repeat;*/
			display: block;
			height: 30px;
			width: 100px;
		}
		
		#gnavi ul li.nav01 a { background-position: 0px 0px; }
		#gnavi ul li.nav02 a { background-position: -100px 0px; }
		#gnavi ul li.nav03 a { background-position: -200px 0px; }
		#gnavi ul li.nav04 a { background-position: -300px 0px; }
		#gnavi ul li.nav05 a { background-position: -400px 0px; }
		#gnavi ul li.nav06 a { background-position: -500px 0px; }
		
		#gnavi ul li.nav01 a:hover { background-position: 0px -30px; }
		#gnavi ul li.nav02 a:hover { background-position: -100px -30px; }
		#gnavi ul li.nav03 a:hover { background-position: -200px -30px; }
		#gnavi ul li.nav04 a:hover { background-position: -300px -30px; }
		#gnavi ul li.nav05 a:hover { background-position: -400px -30px; }
		#gnavi ul li.nav06 a:hover { background-position: -500px -30px; }
		
		
	/* -----========================================
	     	 * 02. サイド枠 - side -
	========================================----- */
	
		#createuser {
			margin-bottom: 10px;
		}
		
		#hotelsearch {
			margin-bottom: 10px;
		}
		
		#jobsearch {
			margin-bottom: 10px;
		}
		
		#rss {
			text-indent: -9999px;
		}
		
		#rss a {
			background: url(../img/rss.png) no-repeat;
			width: 20px;
			height: 20px;
			position: absolute;
			left: 210px;
			top: 15px;
		}
		
		
	/* ------========================================
	   		  * 02. サイド設定 - ランキング -
	========================================----- */
	
		#ranking {
			background: url(../img/bg_ranking.gif) no-repeat;
			width: 250px;
			height: 260px;
			position: relative;
			margin-bottom: 15px;
			margin-top: 15px;
			clear: both;
		}
		
		.btn_list {
			text-indent: -999em;
		}
		
		.btn_list a {
			background: url(../img/btn_list.png) no-repeat;
			background-position: 0px 0px;
			display: block;
			left: 140px;
			height: 20px;
			position: absolute;
			top: 235px;
			width: 95px;
		}
		
		.btn_list a:hover {
			background-position: 0px -20px;
		}
		
		#ranking_inner {
			position: absolute;
			left: 15px;
			top: 45px;
		}
		
		.ranking {
			width: 210px;
			padding-left: 5px;
		}
	
		.ranking dt {
			font-size: 0.95em;
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px #cfcfcf solid;
		}
		
		.ranking dd {
			font-size: 0.95em;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		
		#topics {
			background: url(../img/bg_topics.gif) no-repeat;
			width: 250px;
			height: 260px;
			position: relative;
			margin-bottom: 15px;
			clear: both;
		}
		
		
		
		
		#topics_inner {
			position: absolute;
			left: 15px;
			top: 45px;
		}
		
		.topics {
			width: 210px;
			padding-left: 5px;
		}
	
		.topics dt {
			clear: left;
			float: left;
			font-size: 0.95em;
			width: 90px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		.topics dd {
			font-size: 0.95em;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		#ss {
			background: url(../img/bg_shopsearch.gif) no-repeat;
			width: 250px;
			height: 320px;
			position: relative;
			margin-bottom: 15px;
			margin-top: 15px;
		}
				
		.ss {
			border: 1px #999999 solid;
			width: 220px;
		}
		
		#ss_inner {
			position: absolute;
			top: 40px;
			left: 15px;
		}
		
		#nearshop {
			background: url(../img/bg_nearshop.gif) no-repeat;
			width: 250px;
			height: 260px;
			position: relative;
			margin-bottom: 15px;
			margin-top: 15px;
			clear: both;
			display: block;
		}
		
		
		#nearshop .list {
			text-indent: -9999px;
		}
		
		#nearshop .list a {
			background: url(../img/list_01.png) no-repeat;
			width: 50px;
			height: 20px;
			position: absolute;
			left: 170px;
			top: 170px;
		}
		
		#nearshop_inner {
			position: absolute;
			left: 15px;
			top: 45px;
		}
		
		.nearshop {
			width: 210px;
			padding-left: 5px;
		}
	
		.nearshop dt {
			float: left;
			width: 150px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px #cfcfcf solid;
		}
		
		.nearshop dd {
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px #cfcfcf solid;
		}
		
	
	
	/* -----========================================
	     	 * 02. メイン枠 - contents -
	========================================----- */
	
		#new {
			width: 680px;
			margin: 0 auto;
			position: relative;
			padding-bottom: 5px;
		}
		
		#new .list1 {
			text-indent: -9999px;
		}
		
		#new .list1 a {
			background: url(../img/list.png) no-repeat;
			width: 50px;
			height: 20px;
			position: absolute;
			left: 600px;
			top: 12px;
		}
		
		#searchbox {
			width: 300px;
		}
		
	
	/* -----========================================
	   		  * 02-03. 領域設定 - footer -
	========================================----- */
		
		/* -----========================================
	   * 04　フッターメニュー
	========================================----- */
	
		#foot_logo {
			text-indent: -999em;
		}
		
		#foot_logo a {
			background: url(../img/logo.png) no-repeat;
			display: block;
			position: absolute;
			left: 10px;
			height: 43px;
			height: 42px;
			top: 70px;
			width: 93px;
			width: 164px;
		}
		
		#f_menu1 {
			position: absolute;
			right: 300px;
			top: 35px;
		}
		
		#f_menu1 ul li {
			text-align: left;
			padding-bottom: 3px;
			padding-top: 3px;
		}
		
		#f_menu1 ul li a {
			color: #29abe2;
			font-size: 0.9em;
		}
		
		#f_menu2 {
			position: absolute;
			right: 180px;
			top: 35px;
		}
		
		#f_menu2 ul li {
			text-align: left;
			padding-bottom: 3px;
			padding-top: 3px;
		}
		
		#f_menu2 ul li a {
			color: #29abe2;
			font-size: 0.9em;
		}
		
		#f_menu3 {
			position: absolute;
			right: 20px;
			top: 35px;
		}
		
		#f_menu3 ul li {
			text-align: left;
			padding-bottom: 3px;
			padding-top: 3px;
		}
		
		#f_menu3 ul li a {
			color: #29abe2;
			font-size: 0.9em;
		}

		
	/* -----========================================
	     	 * 03. 横幅 - width -
	========================================----- */

		
		.w5 {
			width: 50px;
		}
		
		.w8 {
			width: 80px;
		}
		
		.w10 {
			width: 100px;
		}
		
		.w15 {
			width: 150px;
		}
		
		.w20 {
			width: 200px;
		}
		
		.w25 {
			width: 250px;
		}
		
		.w30 {
			width: 300px;
		}
		
		.w35 {
			width: 350px;
		}
		
		.w38 {
			width: 385px;
		}
		
		.w40 {
			width: 400px;
		}
		
		.w45 {
			width: 450px;
		}
		
		.w65 {
			width: 650px;
		}
		
		.w68 {
			width: 680px;
		}
	
	/* -----========================================
	     	 * 03. 高さ - height -
	========================================----- */
	
		.h30 {
			height: 30px;
		}
		
		.h50 {
			height: 50px;
		}
		
		.h10 {
			height: 100px;
		}
	
	
	
	/* ------========================================
	   		  * 01. ビューティーページ - fasshon -
	========================================----- */
	
		.bgmain {
/*
			background: url(../img/bsmain.gif) no-repeat;*/
			position: relative;
			width: 680px;
			height: 45px;
			display: block;
			color: #211200;
			font-size: 15px;
			position: relative;
			/*background: #FF9900;*/
		}
	
		.bbmain {
/*
			background: url(../img/bsmain.gif) no-repeat;*/
			position: relative;
			width: 680px;
			height: 45px;
			display: block;
			color: #211200;
			font-size: 15px;
			position: relative;
		}
		
		.bbmain h2 {
			text-indent: -999em;
		}
		
		.bmain {
			position: relative;
			width: 600px;
			height: 45px;
			display: block;
			color: #211200;
			font-size: 15px;
			position: relative;
		}
		
		.bmain img {
			position: absolute;
			top: 7px;
			left: 520px;
		}
		
		#beauty li {
			background: url(../img/blist.gif) no-repeat 0% 0%;
			background-position : 0 5px;
			padding-left: 15px;
			width: 130px;
			line-height: normal;
			float: left;
			display: inline;
		}
		
		#beauty li a:hover {
			color: #8cc63f;
		}
		
		.side_b {
			background: url(../img/side_b.jpg) no-repeat 0% 0%;
			width: 248px;
			height: 35px;
			line-height: 35px;
			display: block;
			text-align: center;
			margin-bottom: 5px;
		}
		
		
		
		#btype {
			display: block;
			height: 150px;
			padding: 10px;
			border: 1px #cdcdcd solid;
		}
		
		#btype p {
			margin-bottom: 5px;
			border-bottom: 1px #cdcdcd dotted;
		}
		
		.shop {
			width: 650px;
			background: #dedede;
			padding: 10px;
			display: block;
			font-size: 16px;
			color: #211200;
			vertical-align: top;
		}
		
		#bshop {
			width: 680px;
			margin-top: 10px;
		}
		
		#b_shop {
			background: #ffffff;
		}
		
		#bshop table {
			width: 670px;
			margin-top: 5px;
			padding-bottom: 10px;
			border-bottom: 1px #cdcdcd solid;
			font-size: 1.0em;
		}
		
		#bshop table tr th {
			width: 250px;
		}
		
		#bshop table tr th a img {
			border: 3px #cdcdcd solid;
		}
		
		#bshop table tr th a:hover img {
			border: 3px #8cc63f solid;
		}
		
		#bshop table tr td.shopside {
			width: 420px;
			vertical-align: top;
			display: block;
			text-align: left;
		}
		
		.bshopname {
			padding: 3px;
			font-size: 1.2em;
		}
		
		.bshopname a {
			background: url(../img/b_mini.gif) no-repeat left center;
			display: block;
			padding-left: 30px;
			height: 21px;
			color: #311300;
		}
		
		.bshopname a:hover {
			color: #8cc63f;
		}
		
		.genre {
			font-size: 0.8em;
			padding-bottom: 5px;
			border-bottom: 1px #211200 dotted;
			margin-bottom: 5px;
		}
		
		
		#bshop ul {
			width: 400px;
		}
		
		#bshop ul li.detail {
			font-size: 0.9em;
		}

		
		#sort {
			width: 680px;
			clear:  both;
		}
		
		#bshop_top {
			background: url(../img/bg_shopn.jpg) repeat-x 0% 0%;
			width: 928px;
			height: 20px;
			display: block;
			padding-top: 16px;
			padding-left: 20px;
			padding-bottom: 16px;
			font-size: 1.3em;
			color: #333333;
			margin: 0;
			vertical-align: bottom;
			border: 1px #cdcdcd solid;
		}
		
		#bshop_head {
			margin: 0;
		}
		
		#bshop_head {
			width: 646px;
			height: 25px;
			padding-bottom: 5px;
			border-bottom: 1px #cdcdcd solid;
		}
		
		#bshop_head ul li {
			float: left;
			padding-right: 10px;
			font-size: 12px;
		}
	
		
		#bshop_nav {
			background: url(../img/bg_under.jpg) repeat-x;
			overflow : hidden;
			display: block;
			width: 646px;
			height: 41px;
			clear: both;
		}
		
		#bshop_nav li {
			float: left;
			display: inline;
			width: 129px;
			height: 40px;
			text-align: center;
			overflow: hidden;
			vertical-align: middle;
			display: block;
			line-height: 40px;
		}
		
		
		#bshop_nav li a {
			background: url(../img/bnavi.jpg) no-repeat;
			background-position: 0 0; 
			width: 129px;
			height: 40px;
			text-decoration : none;
			display: block;
		}
		
		#bshop_nav li a:hover{
			background: url(../img/bnavi.jpg) no-repeat;
			background-position: 0 -40px;
			width: 129px;
			height: 40px;
			color: #ffffff;
		}
		
		#bshop_nav li.active a {
			background: url(../img/bnavi.jpg) no-repeat;
			background-position: 0 -40px;
			width: 129px;
			height: 40px;
			color: #ffffff;
		}
			
		
		#bshop_contents {
			padding: 10px;
			border-left: 1px #cdcdcd solid;
			border-right: 1px #cdcdcd solid;
			
		}
	
		#gsearch1 {
			background: url(../img/bgsearch.jpg) no-repeat;
			width: 680px;
			height: 70px;
			display: block;
			position: relative;
			margin-top: 5px;
		}
		
		#gtype1 {
			position: absolute;
			top: 35px;
			left: 25px;
		}
		
		#gtype2 {
			position: absolute;
			top: 35px;
			left: 155px;
		}
		
		#gtype3 {
			position: absolute;
			top: 35px;
			left: 290px;
		}
		
		#gtype4 {
			position: absolute;
			top: 35px;
			left: 520px;
		}
		
		
		#shop_info {
			margin-top: 15px;
			width: 628px;
			background: #FFeeFF;
			border: 1px #CC33CC solid;
			padding: 10px;
		}
		
		#shop_info h3 {
			font-size: 1.3em;
			color: #CC66CC;
		}
		
		
		#b_shop .addmyshop {
			position: absolute;
			top: 41px;
			left: 430px;
		}