@charset "euc-jp";
/* CSS Document */
/*--------------------------------------------------------------------------------------------------------
	default
--------------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
.z_clear {content: ".";font-size: 0.1em;line-height: 0;display: block;height: 0.1px;visibility: hidden;clear: both;}

/*--------------------------------------------------------------------------------------------------------
	Base
--------------------------------------------------------------------------------------------------------*/
html {
/*	background: url(../img/bg_kaetsu.gif) repeat-x;*/
}
body {
	color: #404040;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
	font-size: 80%;
}
p {
	line-height: 160%;
}
p strong {
	color: #777777;
}
ul li {
	line-height: 160%;
}

/*--------------------------------------------------------------------------------------------------------
	Link
--------------------------------------------------------------------------------------------------------*/
a:link    {color: #07F;text-decoration:none;}
a:visited {color: #07F;text-decoration:none;}
a:hover,
a.hover  {
	color: #07F;
	text-decoration:underline;
}
a:active  {color: #07F;text-decoration:none;}
.area-link:hover img,
a:hover img,
a.hover img {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: background 0.2s ease;
	   -moz-transition: background 0.2s ease;
	     -o-transition: background 0.2s ease;
	        transition: background 0.2s ease;
}

/*--------------------------------------------------------------------------------------------------------
	wrapper
--------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
h1 {
	height: 25px;
	text-align: right;
	line-height: 25px;
	font-weight: normal;
}
h1 a:link {color: #404040;text-decoration: none;}
h1 a:visited {color: #404040;text-decoration: none;}
h1 a:hover {color: #404040;text-decoration: none;}
h1 a:active {color: #404040;text-decoration: none;}


/*--------------------------------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------------------------------*/
#header_wrap {
	position: relative;
	width: 950px;
	height: 700px;
	margin: 0px auto 20px;
	text-align: left;
}
#header {
	position: relative;
	width: 950px;
	height: 100px;
}
/* ロゴ */
#header #header_left {
	position: absolute;
	top:30px;
	left:25px;
	width: 530px;
	height: 100px;
	float: left;
}
/* ログイン */
#header #header_right {
	width: 420px;
	height: 100px;
	float: right;
}
/*

キャバクラにユーザーログイン機能ができたらこのCSSを使う。
そのときニックネーム文字制限は6文字
htmlソースは風俗ドメイン参照

 #header #header_right ul {
	padding-top: 12px;
	text-align: right;
}
#header #header_right ul li {
	display: inline;
}
#header #header_right ul .login {
	margin: 0px 10px;
	padding: 0px 10px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
#header #header_right ul span {
	font-weight: bold;
} */
/* Google検索 */
#header #header_right .google_search {
	padding: 33px 0px 0px 40px;
}
#header #header_right .google_txt {
	width: 293px;
	height: 30px;
	background: url(../img/bg_google_input.gif) no-repeat;
	float: left;
}
#header #header_right .google_txt input {
	width: 269px;
	height: 15px;
	margin: 5px 0px 0px 9px;
	padding: 1px 0px 2px 5px;
	border: 0px;
	border-collapse: 0px;
	line-height: 15px;
	color: #969696;
}
#header #header_right .google_button {
	width: 87px;
	height: 30px;
	float: left;
}

/*--------------------------------------------------------------------------------------------------------
	GLOBAL navi
--------------------------------------------------------------------------------------------------------*/
#navi {
	width: 950px;
	height: 50px;
	background: url(../img/menu_back2.gif) repeat-x;
	clear: both;
}
#navi ul {
	padding-left: 10px;
	list-style: none;
}
#navi li {
	display: inline;
	float: left;
}
#navi a {
	background: url(../img/menu_right2.gif) no-repeat right top;
	display: block;
	float: left;
	text-decoration: none;
}
#navi a span {
	padding: 0 17px;
	background: url(../img/menu_left2.gif) no-repeat left top;
	display: block;
	line-height: 50px;
	font-size:14px;
	font-weight: bold;
	color:#555;
}
#navi a:hover,#navi li.item_active {
	background: url(../img/menu_right2.gif) no-repeat right bottom;
	display: block;
	float: left;
	text-decoration: none;
}
#navi a:hover span,#navi li.item_active span {
	padding: 0 17px;
	background: url(../img/menu_left2.gif) no-repeat left bottom;
	display: block;
	line-height: 50px;
	font-size:14px;
	font-weight: bold;
	color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------
	共通 class
--------------------------------------------------------------------------------------------------------*/
/* 左詰め */
.left_layout {text-align: left;}
/* 中央 */
.center_layout {text-align: center;}
/* 右詰め */
.right_layout {text-align: right;}
/* ボーダー消去 */
.no_border {border: 0px;}
/* 日付 */
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* 横幅
 class="w_数値"で設定。100から590まで */
.w_10 {width:10;}.w_20 {width:20;}.w_30 {width:30;}.w_40 {width:40;}.w_50 {width:50;}.w_60 {width:60;}.w_70 {width:70;}.w_80 {width:80;}.w_90 {width:90;}
.w_100 {width:100;}.w_110 {width:110;}.w_120 {width:120;}.w_130 {width:130;}.w_140 {width:140;}.w_150 {width:150;}.w_160 {width:160;}.w_170 {width:170;}.w_180 {width:180;}.w_190 {width:190;}
.w_200 {width:200;}.w_210 {width:210;}.w_220 {width:220;}.w_230 {width:230;}.w_240 {width:240;}.w_250 {width:250;}.w_260 {width:260;}.w_270 {width:270;}.w_280 {width:280;}.w_290 {width:290;}
.w_300 {width:300;}.w_310 {width:310;}.w_320 {width:320;}.w_330 {width:330;}.w_340 {width:340;}.w_350 {width:350;}.w_360 {width:360;}.w_370 {width:370;}.w_380 {width:380;}.w_390 {width:390;}
.w_400 {width:400;}.w_410 {width:410;}.w_420 {width:420;}.w_430 {width:430;}.w_440 {width:440;}.w_450 {width:450;}.w_460 {width:460;}.w_470 {width:470;}.w_480 {width:480;}.w_490 {width:490;}
.w_500 {width:500;}.w_510 {width:510;}.w_520 {width:520;}.w_530 {width:530;}.w_540 {width:540;}.w_550 {width:550;}.w_560 {width:560;}.w_570 {width:570;}.w_580 {width:580;}.w_590 {width:590;}

/* 一覧はこちら */
.to_list {
	/* clear: both; */
	text-align: right;
}
.to_list a {
	padding-left: 20px;
	background: url(../img/icn_to_list.gif) no-repeat;
}

/* サムネイルhoverでborder */
a .nnn_thumb {
	border: 5px solid #CDCDCD;
}
a:hover .nnn_thumb {
	border: 5px solid #A0D2EC;
}

/* h4のタイトル */
.title_h4 {
	height: 30px;
	margin-bottom: 10px;
	border-right: 5px solid #AE338A;
	border-left: 5px solid #AE338A;
	background: url(../img/ttl_h4.gif) repeat-x;
	font-size: 110%;
}
.title_h4 span {
	padding: 7px 0px 0px 10px;
	display: block;
}

/* ページング */
.paging {
	padding: 20px 0px;
	text-align: center;
	clear: both;
}
.paging p {
	font-size: 110%;
	font-weight: bold;
}
.paging p span {
	margin: 0px 0px;
}
.paging p a {
	padding: 5px 6px 5px 8px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #000;
	background: url(../img/bg_paging.gif) repeat-x top;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
.paging p a:hover , .paging p .view {
	padding: 5px 6px 5px 8px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
	background: url(../img/bg_paging.gif) repeat-x bottom;
	color: #FFFFFF;
}

/* パンクズ */
.pan_link {
	margin: 20px 0px 0px 0px;
	height: 34px;
	border: 1px solid #dedede;
	border-bottom: 2px solid #CCC;
}
.pan_link li {
	padding-left: 10px;
	float: left;
	line-height: 34px;
	color: #777;
}
.pan_link li a {
	padding: 0px 15px 0px 0px;
	background: url(../img/bg-breadcrumb.gif) no-repeat right center;
	display: block;
}
.pan_link li a:link,
.pan_link li a:visited {
	text-decoration: none;
	color: #777;
}
.pan_link li a:hover,
.pan_link li a:focus {
	color: #bb3377;
}

/* インクルードで全ページに表示するヘッダーバナー。 */
#all_header_banner {
	margin-bottom: 20px;
}

/* インクルードで全ページに表示するフッターバナー。 */
#all_footer_banner {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------------------------------------------------
	main
--------------------------------------------------------------------------------------------------------*/
#main {
	width: 950px;
}

/*--------------------------------------------------------------------------------------------------------
	left_column3 3カラム用
--------------------------------------------------------------------------------------------------------*/
#left_column3 {
	width: 180px;
 	padding-right: 20px;
	float: left;
}
/* [TOP3カラム] 左カラムのタイトル */
#left_column3 .ttl_left_3column {
	width: 180px;
	background: url(../img/ttl_left_3column.gif) no-repeat;
	text-align: justify;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
}
#left_column3 .ttl_left_3column span {
	padding: 2px 0px 0px 20px;
	display: block;
}
/* [TOP3カラム] 左カラムのコンテンツを囲うBOX */
#left_column3 .box_left_3column {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999;
	border-top: 0px;
	background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------
	left_column2 2カラム用
--------------------------------------------------------------------------------------------------------*/
#left_column2 {
	width: 700px;
 	padding-right: 20px;
	float: left;
}
/* [TOP3カラム] 左カラムのタイトル */
#left_column2 .ttl_left_2column {
	width: 700px;
	background: url(../img/ttl_left_2column.gif) no-repeat;
	text-align: justify;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
}
#left_column2 .ttl_left_2column span {
	padding: 2px 0px 0px 20px;
	display: block;
}
/* [TOP3カラム] 左カラムのコンテンツを囲うBOX */
#left_column2 .box_left_2column {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999;
	border-top: 0px;
	background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------
	center_column3 3カラム用
--------------------------------------------------------------------------------------------------------*/
#center_column3 {
	width: 500px;
	float: left;
}

/* [TOP3カラム] 中カラムのタイトル */
#center_column3 .ttl_center_3column {
	width: 500px;
	background: url(../img/ttl_center_3column.gif) no-repeat;
	text-align: justify;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
}
#center_column3 .ttl_center_3column span {
	padding: 2px 0px 0px 20px;
	display: block;
}

/* [TOP3カラム] 中カラムのコンテンツを囲うBOX */
#center_column3 .box_center_3column {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999;
	border-top: 0px;
	background-color: #FFFFFF;
}


/*--------------------------------------------------------------------------------------------------------
	right_column
--------------------------------------------------------------------------------------------------------*/
#right_column {
	width: 230px;
	float: right;
}
/* [TOP3カラム] 右カラムのタイトル */
#right_column .ttl_right_3column {
	width: 230px;
	background: url(../img/ttl_right_3column.gif) no-repeat;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
}
#right_column .ttl_right_3column span {
	padding: 2px 0px 0px 20px;
	display: block;
}
/* [TOP3カラム] 右カラムのコンテンツを囲うBOX */
#right_column .box_right_3column {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #999;
	border-top: 0px;
	background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------
	one_column
--------------------------------------------------------------------------------------------------------*/
#one_column {
	width: 950px;
}
/* [TOP3カラム] 左カラムのタイトル */
#one_column .ttl_one_column {
	width: 950px;
	background: url(../img/ttl_center_column.gif) no-repeat;
	text-align: justify;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
}
#one_column .ttl_one_column span {
	padding: 2px 0px 0px 20px;
	display: block;
}
/* [TOP3カラム] 左カラムのコンテンツを囲うBOX */
#one_column .box_one_column {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #888;
	border-top: 0px;
	background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------
	右カラム 共通コンテンツ
--------------------------------------------------------------------------------------------------------*/
/* 広告 バナーサイズは 250*150
----------------------------------------------------*/
#advertisement {
	padding-bottom: 20px;
	text-align: center;
}

/* 注目写メ！
----------------------------------------------------*/
#attention_syame {
}
#attention_syame ul .attention_syame_photo {
	margin-bottom: 10px;
}
#attention_syame .attention_syame_left {
	width: 85px;
	float: left;
}
#attention_syame .attention_syame_right {
	width: 123px;
	float: left;
	line-height: 110%;
}
#attention_syame p {
	margin-bottom: 5px;
	clear: both;
}

/* 注目写メ！
----------------------------------------------------*/
#pickup p {
	padding-bottom: 10px;
}
#pickup .last {
	padding-bottom: 0px;
}

/* 新着店舗
----------------------------------------------------*/
#new_shop {
	padding-bottom: 10px;
}
#new_shop a {
	padding-right: 5px;
}
#new_shop .second_entry_title {
	padding-top: 15px;
}
#new_shop .second_entry_comment {
	padding-bottom: 15px;
}

/* 古町案内所
----------------------------------------------------*/
.annai a img {
	margin-bottom: 10px;
}
.annai span {
	display: block;
	color: #990000;
}
.annai .annai_link {
	margin-top: 10px;
	display: block;
	text-align: right;
}




/*--------------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------------*/
#footer {
	height: 120px;
	padding-top: 5px;
	background: url(../img/bg_footer.gif) repeat-x top;
	clear: both;
}
#footer #footer_contents {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}
#footer #footer_contents p {
	text-align: right;
	line-height: 20px;
}
#footer #footer_contents p a {
	padding-left: 20px;
	background: url(../img/icn_page_top.gif) no-repeat;
}

#footer #footer_contents ul {
	padding: 30px 0px 0px 0px;
}
#footer #footer_contents ul li {
	padding: 0px 7px 0px 10px;
	border-left: 1px solid #666666;
	display: inline;
}
#footer #footer_contents ul .copy {
	padding: 0px;
	border: 0px;
}
#footer #footer_contents ul li a {
	color: #666666;
}
#footer #footer_contents ul li a:hover {
	color: #bb3377;
}