/*################# common ####################*/
body {
	margin				: 0;
	background			: url(../pleasure/images/bg.jpg) repeat-x;
	color					: #666666;
}
body a {
	color					: #3D7BA1;
}

body a:hover {
	color					: #FF8300;
}

img {
	vertical-align		: middle;
}

a img {
	border				: 0;
}

.blue {
	color					: #38aeff;
}

.cl {
	clear					: both;
}

.left {
	text-align			: left;
}

.center {
	text-align			: center;
}

.right {
	text-align			: right;
}

span.cl {
	display				: block;
	clear					: both;
	font-size			: 1px;
	margin				: 0;
}

.column3b span.heightFix {
	display				: block;
	height				: 200px;
}


.dotline {
	border-top			: 1px dotted #C8C8C8;
}

.image_left img {
	float					: left;
	padding				: 5px;
}

.image_right img {
	float					: right;
	padding				: 5px;
}

table.limit {
	width					: 330px;
	background			: #ff8011;
	font-size			: 12px;
}

.limit td {
	background			: #FFF;
	padding				: 5px;
	text-align			: center;
}

.limit th {
	background			: #ff9900;
	padding				: 5px;
	text-align			: center;
	color					: #FFF;
}

/*################# layout ####################*/

#wrapper {
	width					: 800px;
	margin				: 0 auto;
	background			: #FFF;
	text-align			: center;
}

#pickup {
	clear					: both;
}

#main_contents {
	width					: 600px;
	float					: left;
	text-align			: center;
}


#side_contents {
	width					: 195px;
	float					: right;
	text-align			: center;
	padding-top			: 5px;
}

#footer {
	clear					: both;
}

#cate {
	margin-top			: 10px;
}


/*################# popup ####################*/
#pop_wrapper {
	width					: 620px;
	padding				: 0;
	margin				: 0 auto;
	background			: #FFF;
	text-align			: center;
}

#pop_wrapper p {
	font-size			: 85%;
	text-align			: left;
}

#pop_wrapper h1 {
	background			: url(../pleasure/oshirase/images/ti_bg.gif) repeat-y;
	font-size			: 100%;
	color					: #FFF;
	padding				: 10px;
	text-align			: left;
}

#pop_wrapper h2 {
	background			: url(../pleasure/guest/images/ti_bg.gif) no-repeat;
	width					: 560px;
	margin				: 10px auto;
	height				: 17px;
	font-size			: 100%;
	color					: #FFF;
	padding				: 13px;
	text-align			: left;
}

#pop_index {
	border				: 1px solid #ff8011;
	width					: 570px;
	margin				: 10px auto;
	padding				: 15px;
}

#guest {
	width					: 580px;
	margin				: 5px auto;
	padding				: 5px;
	border				: 1px solid #FFC574;
}

.letter {
	width					: 550px;
	background			: url(../pleasure/guest/images/letter_bg.gif) repeat-y;
	padding				: 15px;
	font-size			: 14px;
	line-height			: 21px;
}

.letter span {
	display				: block;
	width					: 550px;
	background			: url(../pleasure/guest/images/letter_ki.gif) no-repeat right;
	text-align			: left;

}

.letter span p {
	width					: 300px;
	padding				: 0;
	margin				: 15px;
	background			: url(../pleasure/guest/images/letter_line.gif) ;
}

table.half {
	width					: 260px;
	background			: #FFC162;
}



table.b_blue {
	margin-top			: 20px;
	width					: 450px;
	background			: #2191d0;
}

table.b_pink {
	margin-top			: 20px;
	width					: 450px;
	background			: #f00b4c;
}

.b_blue th ,.b_pink th {
	color					: #FFF;
	padding					: 15px;
}

.half th{
	color					: #FFF;
	padding				: 5px;
	background			: #fb9d09;
}


.half td {
	background				: #FFF;
	font-size				: 90%;
	padding					: 5px;
}


.b_blue td ,.b_pink td {
	background				: #FFF;
	font-size				: 90%;
	padding					: 15px;
}



/*################# detail ####################*/

/*================ header ======================*/

#header {
	background			: url(../pleasure/images/header_bg.jpg) repeat-x;
	height				: 49px;
	padding				: 0px 15px 0 0px;
}

#header h1 {
	width					: 400px;
	padding				: 0;
	margin				: 0;
	float					: left;
}

#header #sub_menu {
	width					: 380px;
	float					: right;
	padding				: 0px 0 0 0;
	text-align			: right;
}



/*================ main_contents ======================*/

.information .column3a {
	width					: 185px;
	float					: left;
	padding				: 5px 2px;
}

.column3a {
	width					: 195px;
	height:160px;
	float					: left;
	padding				: 5px 2px;
}

.column3a p {
	font-size			: 85%;
	text-align			: left;
	line-height			: 120%;
	margin				: 0;
	padding				: 5px;
}

.column3 {
	width					: 195px;
	float					: left;
	padding				: 5px 2px;
}

.column3 p {
	font-size			: 85%;
	text-align			: left;
	line-height			: 120%;
	margin				: 0;
	padding				: 5px;
}

.information .column3 .bdr {
	border-right		: 1px dashed #ff7518;
}

.information {
	margin				: 0 3px;
	border-left			: 1px solid #ff7518;
	border-right		: 1px solid #ff7518;
	border-bottom		: 1px solid #ff7518;
}

.information span.scroll {
	height				: 210px;
	overflow				: auto;
	display				: block;
	
}


a.detail {
	display				: block;
	text-align			: left;
	background			: url(../pleasure/images/ico_link.jpg) no-repeat 0 2px;
	margin				: 5px 0;
	padding				: 0 0 0 15px;
	font-size			: 85%;
	text-decoration	: none;
	color					: #666;
	width					: 7em;
	float					: right;
}

a:hover.detail {
	display				: block;
	text-align			: left;
	background			: url(../pleasure/images/ico_link_on.jpg) no-repeat 0 2px;
	margin				: 5px 0;
	padding				: 0 0 0 15px;
	font-size			: 85%;
	text-decoration	: none;
}


h2 {
	margin				: 0;
}

#main h2 {
	text-align			: center;
}

.ext {
	width					: 180px;
	margin-left			: 2px;
	padding				: 5px;
	height				: 350px;
	background			: url(../pleasure/images/bg_ext.jpg);
}

.ext a {
	display				: block;
	background			: #fff;
	padding				: 3px;
	font-size			: 80%;
	margin				: 3px 0;
	line-height			: 180%;
	text-decoration	: none;
	color					: #ff6f3f;
}

.ext a:hover {
	color					: #ff6f3f;
	background			: #fff5d2;
}

.dre {
	height				: 350px;
	width					: 180px;
	margin-left			: 2px;
	padding				: 5px;
	background			: url(../pleasure/images/bg_dre.jpg);
}

.dre a {
	display				: block;
	padding				: 3px;
	font-size			: 80%;
	margin				: 3px 0;
	line-height			: 180%;
	text-decoration	: none;
	background			: #fff;
	color					: #ff7db3;
}

.dre a:hover {
	color					: #ff7db3;
	background			: #ffeded;
}

.adv {
	width					: 180px;
	margin-left			: 2px;
	padding				: 5px;
	height				: 350px;
	background			: url(../pleasure/images/bg_adv.jpg);
}

.adv a {
	display				: block;
	padding				: 3px;
	font-size			: 80%;
	margin				: 3px 0;
	line-height			: 180%;
	text-decoration	: none;
	background			: #FFF;
	color					: #83b839;
}

.adv a:hover {
	color					: #83b839;
	background			: #e8f0d7;
}

/*================ side_contents ======================*/



.free {
	width					: 180px;
	margin-left			: 2px;
	padding				: 5px;
	background			: url(../pleasure/images/bg_free.jpg);
}

.free a {
	display				: block;
	padding				: 3px;
	font-size			: 80%;
	margin				: 3px 0;
	line-height			: 180%;
	text-decoration	: none;
	background			: #FFF;
	color					: #38aeff;
}

.free a:hover {
	color					: #38aeff;
	background			: #def0ff;
}

.osusume {
	width					: 180px;
	padding				: 5px;
	border-left			: 1px solid #ffd062;
	border-bottom		: 1px solid #ffd062;
	border-right		: 1px solid #ffd062;
}

.osusume p {
	font-size			: 85%;
	line-height			: 120%;
	text-align			: left;
	margin				: 0;
	padding				: 10px;
}

.pankuzu {
	font-size			: 75%;
	text-align			: left;
	margin				: 5px;
}

/*================ atr ======================*/

#atr_index {
	padding				: 15px;
	border				: 1px solid #FFC162;
	margin				: 0 10px;
}

.atr_navi {
	margin				: 10px 10px 0 10px;
	text-align			: left;
}

#atr_index table , table.plain {
	background			: #FFC162;
	width					: 100%;
}

#atr_index th , .plain th{
	padding				: 5px;
	background			: #FCA532;
	color					: #FFF;
	font-size			: 80%;
}

#atr_index td , .plain td {
	padding				: 5px;
	background			: #FFF;
	font-size			: 80%;
	line-height			: 120%;
}

#atr_index .column3b {
	width					: 240px;
	float					: left;
	padding-right		: 2px;
	font-size			: 85%;
}

.column3b span.bdr {
	display				: block;
	border				: 1px solid #FFC162;
	padding				: 10px;
}

.shoplink {
	width					: 730px;
	height:auto;
	margin				: 10px auto;
}

.shoplink:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .shoplink {
    height: 1em;
}

.shoplink {
    display: block;
}
/**/

/*================ pg ======================*/
.contents {
	width					: 575px;
	float					: right;
	text-align			: left;
	padding				: 15px 10px;
	margin-top			: 4px;
}

#excite .contents , #shop01 .contents {
	border				: 1px solid #ff8011;
}

#shop01 h3 {
	background			: url(../pleasure/food/images/shop01_bg.gif) repeat-y;
	padding				: 5px 10px;
	color					: #FFF;
	font-size			: 100%;
}

#excite h3 {
	background			: url(../pleasure/pg/images/ext_bg.gif) repeat-y;
	padding				: 5px 10px;
	color					: #FFF;
	font-size			: 100%;
}

#dream .contents {
	border				: 1px solid #ff70b0;
}
#dream h3 {
	background			: url(../pleasure/pg/images/dre_bg.gif) repeat-y;
	padding				: 5px 10px;
	color					: #FFF;
	font-size			: 100%;
}

#adventure .contents {
	border				: 1px solid #7aba39;
}
#adventure h3 {
	background			: url(../pleasure/pg/images/adv_bg.gif) repeat-y;
	padding				: 5px 10px;
	color					: #FFF;
	font-size			: 100%;
}


#f_free .contents {
	border				: 1px solid #2992ff;
}
#f_free h3 {
	background			: url(../pleasure/pg/images/free_bg.gif) repeat-y;
	padding				: 5px 10px;
	color					: #FFF;
	font-size			: 100%;
}

.left_menu {
	width					: 190px;
	float					: left;
	text-align			: center;
}

.shop_menu {
	background			: url(../pleasure/food/images/menu_bg.gif);
	padding				: 3px 0;
}

.ext_menu {
	background			: url(../pleasure/images/bg_ext.jpg);
	padding				: 3px 0;
}

.dre_menu {
	background			: url(../pleasure/images/bg_dre.jpg);
	padding				: 3px 0;
}

.adv_menu {
	background			: url(../pleasure/images/bg_adv.jpg);
	padding				: 3px 0;
}

.free_menu {
	background			: url(../pleasure/images/bg_free.jpg);
	padding				: 3px 0;
}

.contents p {
	font-size			: 85%;
	line-height			: 140%;
	margin				: 3px;
}

.contents .column2 {
	width					: 275px;
	float					: left;
	padding-right		: 10px;
	padding-top			: 10px;
	text-align			: center;
}

.contents .column2 p {
	text-align			: left;
	margin				: 5px 15px;
}

.atr_info {
	padding				: 10px;
}

#excite .atr_info {
	border				: 1px solid #ff8011;
}

#dream .atr_info {
	border				: 1px solid #ff70b0;
}

#adventure .atr_info {
	border				: 1px solid #7aba39;
}

#f_free .atr_info {
	border				: 1px solid #2992ff;
}

.atr_info .basic {
	width					: 200px;
	float					: left;
}

.atr_info dl {
	padding				: 5px;
	border				: 1px solid #666;
	font-size			: 80%;
	width					: 340px;
	float					: right;
}

.atr_info dt {
	width					: 6em;
	float					: left;
}

.atr_info dd {
	padding				: 0;
	text-indent			: 0;
	width					: 220px;
	float					: right;
}


/*================ footer ======================*/

#footer span {
	display				: block;
	padding-top			: 10px;
}

a.inq {
	display				: block;
	width					: 245px;
	float					: left;
	text-align			: center;
	padding				: 10px 10px;
	font-size			: 80%;
	text-decoration	: none;
	color					: #666;
}

a:hover.inq span {
	color					: #FFF;
	background			: #DDD;
}

.inq span {
	display				: block;
	border				: 1px solid #777;
	padding				: 5px 0;
}

.footlink  ,.copyright{
	font-size			: 12px;
	text-align			: center;
	border-top			: 1px solid #000;
	padding				: 5px 0;
	margin				: 5px 0;
}
