/************************************************
COMMON DEFINITIONS
*************************************************/
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #FFFFFF;
font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}


h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

ul, li {
margin: 0;
padding: 0;
list-style: none;
}

a, a:link, a:active, a:visited {
color: #9B9081;
text-decoration: none;
}

a:hover {
color: #9B9081;
text-decoration: underline;
}

hr, .nodisp {
display: none;
}

a img {
border: none;
}

.pointer {
cursor: pointer;
}

/************************************************
CONTAINERS
*************************************************/
#header {
display: block;
width: 893px;
height: 96px;
border-top: 6px solid #E7E2DC;
margin: 0 auto;
position: relative;
text-align: left;

font-size: 70%!important;
font-size: 65%;
color: #777777;
}


#main_wrap {
display: table;
width: 100%;
background-color: #F7F5ED;
}

#main {
display: table;
width: 893px;
margin: 10px auto 2px auto;
text-align: left;
background: transparent url(../img/bg.gif) repeat-y top left;
}

#left {
display: block;
width: 180px;
float: left;
margin-right: 2px;

font-size: 70%!important;
font-size: 65%;
color: #777777;

background-color: #F7F5ED;
}

#centermap {
display: block;
width: 570px;
float: left;
margin-right: 2px;

font-size: 80%!important;
font-size: 75%;
color: #777777;

overflow: hidden;

/*FOR MAP PAGE*/
text-align: left;
}

#center {
display: block;
width: 559px;
float: left;
margin-right: 2px;

font-size: 80%!important;
font-size: 75%;
color: #777777;

overflow: hidden;

/*FOR MAP PAGE*/
text-align: left;
}

#right {
display: block;
width: 150px;
float: left;

font-size: 70%!important;
font-size: 65%;
color: #777777;

background-color: #F7F5ED;
overflow: hidden;
}

#footer {
display: block;
width: 893px;
height: 80px;
margin: 0 auto;
clear: both;
position: relative;
text-align: left;

font-size: 70%!important;
font-size: 65%;
color: #777777;
}


/************************************************
HEADER
*************************************************/
#header h1 {
position: absolute;
top: 28px;
left: 20px;
}


#header h1 a {
display: block;
width: 131px;
height: 38px;
background: #FFFFFF url(../img/logo.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;
}

#header #phone_number {
position: absolute;
top: 10px;
right: 0px;

display: block;
width: 288px;
height: 17px;
background: #FFFFFF url(../img/phone_number.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;
}

#header #font_size {
position: absolute;
bottom: 10px;
right: 0px;

display: block;
}

#font_size span {
display: block;
float: left;
margin-bottom: -1em;
}
#font_size .font_size_s,
#font_size .font_size_m,
#font_size .font_size_l {
display: block;
width: 17px;
height: 17px;
margin-right: 5px;
text-decoration: none;
text-indent: -9999px;
float: left;
}

#font_size .font_size_s {
background: #FFFFFF url(../img/font_size_s.gif) no-repeat top left;
}

#font_size .font_size_m {
background: #FFFFFF url(../img/font_size_m.gif) no-repeat top left;
}

#font_size .font_size_l {
background: #FFFFFF url(../img/font_size_l.gif) no-repeat top left;
}


/************************************************
LEFT NAVIGATION
*************************************************/
#left ul {
display: block;
width: 180px;
}
#left li {
margin-bottom: 1px;
}

#left li.title {
display: block;
width: 155px;
padding: 5px 5px 5px 20px;
font-weight: bold;
background: #E7E2DC url(../img/list_icon_line.gif) no-repeat 8px 0.8em;
}
#left li a.title {
display: block;
width: 155px;
padding: 5px 5px 5px 20px;
font-weight: bold;
background: #E7E2DC url(../img/list_icon_line.gif) no-repeat 8px 0.8em;
}

#left ul li ul {
margin-bottom: 0px!important;
margin-bottom: -1px;
}

#left ul li ul li {
display: block;
width: 180px;
background-color: #E7E2DC;
}

#left li a,
#left li.nolink {
display: block;
width: 155px;
padding: 5px 5px 5px 20px;
background-color: #E7E2DC;
color: #777777;
text-decoration: none;
}
#left li a:hover {
background-color: #EEEBE6;
color: #555555;
text-decoration: none;
}
#left li a:hover img {
}



.banner_block {
display: block;
margin: 0px 0px 2px 0px;
}
.banner_block img {
border: 2px solid #E7E2DC;
}


/************************************************
RIGHT NAVIGATION
*************************************************/
#book_block,
#profile_block {
display: block;
width: 140px;
background-color: #E7E2DC;
margin-bottom: 2px;

padding: 5px;
line-height: 150%;
}

#book_block p {
margin: 0px auto;
}
#profile_block p {
margin: 0.5em auto;
}

#book_block .book_img,
#profile_block .profile_img {
margin-bottom: 5px;
text-align: center;
}
#profile_block .profile_img img {
border: 4px solid #FFFFFF;
}

#profile_block h3 {
display: block;
width: 135px;
height: 26px;
background: #E7E2DC url(../img/title_shinya_profile.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;

margin-bottom: 5px;

/*FOR IE*/
font-size: 100%;
line-height: 100%;
}



.link_icon {
text-decoration: none;
background: transparent url(../img/list_icon_arrow.gif) no-repeat 0em 0.3em;
padding-left: 13px;
}


/************************************************
CENTER - TOP PAGE
*************************************************/
#flash_block h2,
#news_block h2,
#first_block h2,
#detoxication_block h2,
#features_block h2,
#categories_block h2,
#special_block h2 {
display: block;
width: 559px;
height: 23px!important;
margin-bottom: 1px;
background-color: #FFFFFF;

text-decoration: none;
text-indent: -9999px;

/*FOR IE*/
font-size: 100%;
line-height: 100%;
}

#flash_block,
#news_block,
#first_block
#detoxication_block
#special_block,
#ad_block01 {
display: table;
width: 559px;
margin-bottom: 2px;
font-size: 85%!important;
font-size: 88%;
}

#features_block,
#categories_block {
display: table;
width: 559px;
font-size: 85%!important;
font-size: 88%;

}


#flash_block h2 {
background: #FFFFFF url(../../img/title_aboutcafecolon.gif) no-repeat 10px 7px;
}
#news_block h2 {
background: #FFFFFF url(../../img/title_news.gif) no-repeat 10px 7px;
}
#first_block h2 {
background: #FFFFFF url(../../img/title_first.gif) no-repeat 10px 7px;
}
#detoxication_block h2 {
background: #FFFFFF url(../../img/title_detoxication.gif) no-repeat 10px 7px;
}
#features_block h2 {
background: #FFFFFF url(../../img/title_features.gif) no-repeat 10px 7px;
}
#categories_block h2 {
background: #FFFFFF url(../../img/title_yourhealth.gif) no-repeat 10px 7px;
}


/*NEWS*/
#news_block ul {
}
#news_block li {
display: block;
background-color: #E7E2DC;
}

#news_block li.news_title {
width: 559px;
margin-bottom: 1px;
}
#news_block li.news_title a {
display: block;
width: 539px;
padding: 3px 10px;
background-color: #E7E2DC;
color: #777777;
text-decoration: none;
}
#news_block li.news_title a:hover {
background-color: #EEEBE6;
color: #555555;
text-decoration: none;
}
#news_block li span.date {
font-size: 10px!important;
font-size: 85%;
color: #999999;
margin-right: 15px;
}
#news_block li.news_title a:hover span.date {
color: #777777;
}

#news_block li.other_news {
width: 539px;
padding: 3px 10px;
text-align: right;
}
#news_block li.other_news a {
padding-right: 10px;
background: transparent url(../img/icon_next.gif) no-repeat right 0.2em;
color: #777777;
text-decoration: none;
}
#news_block li.other_news a:hover {
color: #777777;
text-decoration: underline;
}

#news_block .feed {
float: right;
margin-top: -20px;
margin-right: 5px;
}

/*FIRST*/
#first_block li {
display: block;
background-color: #E7E2DC;
}

#first_block li.news_title {
width: 559px;
margin-bottom: 1px;
}
#first_block li.news_title a {
display: block;
width: 539px;
padding: 3px 10px;
background-color: #E7E2DC;
color: #777777;
text-decoration: none;
}
#first_block li.news_title a:hover {
background-color: #EEEBE6;
color: #555555;
text-decoration: none;
}
#first_block li span.date {
font-size: 10px!important;
font-size: 85%;
color: #999999;
margin-right: 15px;
}
#first_block li.news_title a:hover span.date {
color: #777777;
}

#first_block li.other_news {
width: 539px;
padding: 3px 10px;
text-align: right;
}
#first_block li.other_news a:hover {
color: #777777;
text-decoration: underline;
}

/*detoxication*/
#detoxication_block li {
display: block;
background-color: #E7E2DC;
}

#detoxication_block li.news_title {
width: 559px;
margin-bottom: 1px;
}
#detoxication_block li.news_title a {
display: block;
width: 539px;
padding: 3px 10px;
background-color: #E7E2DC;
color: #777777;
text-decoration: none;
}
#detoxication_block li.news_title a:hover {
background-color: #EEEBE6;
color: #555555;
text-decoration: none;
}
#detoxication_block li span.date {
font-size: 10px!important;
font-size: 85%;
color: #999999;
margin-right: 15px;
}
#detoxication_block li.news_title a:hover span.date {
color: #777777;
}

#detoxication_block li.other_news {
width: 539px;
padding: 3px 10px;
text-align: right;
}
#detoxication_block li.other_news a:hover {
color: #777777;
text-decoration: underline;
}

/*FEATURES*/
#features_block .inner_block01 {
display: block;
width: 279px;
height: auto!important;
height: 230px;
min-height: 230px;
background-color: #E7E2DC;
float: left;
}
#features_block .inner_block02 {
display: block;
width: 279px;
height: auto!important;
height: 230px;
min-height: 230px;
background-color: #E7E2DC;
float: right;
}

#features_block .display_table {
display: table;
width: 559px;
background: url(../img/bg_features.gif) repeat-y bottom left;
margin-bottom: 2px;
}

#features_block img {
margin: 2px;
}
#features_block span {
color: #9B9081;
font-size: 10px!important;
font-size: 85%;
font-weight: bold;
display: block;
margin: 5px 10px;
}
#features_block h3 {
font-size: 12px!important;
font-size: 110%;
display: block;
margin: 5px 10px;
color: #777777;
}
#features_block p {
line-height: 150%;
display: block;
margin: 5px 10px;
color: #999999;
}

/*CATEGORIES*/
#categories_block .inner_block01,
#categories_block .inner_block02,
#categories_block .inner_block04,
#categories_block .inner_block05 {
display: block;
width: 185px;
height: auto!important;
height: 100px;
min-height: 100px;
background-color: #E7E2DC;
margin-right: 2px;
float: left;
}
#categories_block .inner_block03,
#categories_block .inner_block06 {
display: block;
width: 185px;
height: auto!important;
height: 100px;
min-height: 100px;
background-color: #E7E2DC;
float: left;
}

#categories_block .inner_block01,
#categories_block .inner_block02,
#categories_block .inner_block03 {
margin-bottom: 0px;
}

#categories_block .display_table {
display: table;
width: 559px;
clear: left;
background: url(../img/bg_categories.gif) repeat-y bottom left;
margin-bottom: 2px;
}


#categories_block img {
margin: 2px;
}
#categories_block span {
color: #9B9081;
font-size: 10px!important;
font-size: 85%;
font-weight: bold;
display: block;
margin: 4px;
}
#categories_block h3 {
font-size: 12px!important;
font-size: 110%;
display: block;
margin: 4px;
color: #777777;
}
#categories_block p {
line-height: 150%;
display: block;
margin: 4px;
color: #999999;
}

/*CATEGORIES + FEATURES LINKS*/
#features_block a {
display: block;
height: auto!important;
height: 230px;
min-height: 230px;
text-decoration: none;
}
#categories_block a {
display: block;
height: auto!important;
height: 100px;
min-height: 100px;
text-decoration: none;
}
#features_block a:hover,
#categories_block a:hover {
background-color: #EEEBE6;
}
#features_block a:hover p,
#categories_block a:hover p {
color: #777777;
}
#features_block a:hover span,
#categories_block a:hover span {
color: #999999;
}
#features_block a:hover h3,
#categories_block a:hover h3 {
color: #555555;
}

/*CATEGORIES + FEATURES LINKS*/
.forentries#categories_block {
margin: 0px -2px 0px 0px;
width: 561px;
}
.forentries#categories_block .inner_block01 {
display: block;
width: 185px;
height: auto!important;
height: 100px;
min-height: 100px;
background-color: #E7E2DC;
margin: 0px 2px 2px 0px;
float: left;
}

/*SPECIAL*/
#special_block .inner_block01 {
display: block;
width: 279px;
margin: 0px;
float: left;
}
#special_block .inner_block02 {
display: block;
width: 279px;
margin: 0px;
float: right;
}
#special_block .inner_block01 img,
#special_block .inner_block02 img {
border: 2px solid #E7E2DC;
}




/************************************************
CENTER - CONTENT PAGE
*************************************************/
#content_block {
display: table;
width: 559px;
/*min-height: 400px;*/
margin-bottom: 2px;
padding-bottom: 20px;
background-color: #FFFFFF;
}

/*TEXT SETS*/
#title_block {
display: block;
margin: 20px;
line-height: 150%;
letter-spacing: 0.01em;
}
#title_block h2 {
font-size: 17px!important;
font-size: 150%;
font-weight: bold;
}
#title_block span {
font-size: 11px!important;
font-size: 85%;
}
#title_block span.title_small {
color: #B9B49B;
font-size: 11px!important;
font-size: 85%;
letter-spacing: 0em;
}


.text_set {
line-height: 175%;
letter-spacing: 0.01em;
margin: 20px;
clear: both;
}


/*ENTRY SET - WITH BORDER ON THE LEFT*/
.entry_set {
display: table;
width: 484px;
margin: 0px 20px 20px 20px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: 5px solid #E7E2DC;
line-height: 150%;
/*letter-spacing: 0.01em;*/
}
.entry_set h3 {
font-size: inherit!important;
font-size: 120%;

letter-spacing: 0em;
margin-bottom: 0em;
}
.entry_set .title_small {
color: #B9B49B;
font-size: 11px!important;
font-size: 85%;
letter-spacing: 0em;
}
.entry_set p {
/*font-size: 90%;*/
}

.btn_readmore {
display: block;
width: 90px;
height: 21px;
background: transparent url(../img/btn_readmore.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;
}


/*ENTRY SET - WITHOUT BORDER ON THE LEFT*/
.entry_set_2 {
display: table;
width: 489px;
margin: 0px 20px 20px 20px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: none;
line-height: 150%;
/*letter-spacing: 0.01em;*/
}
.entry_set_2 h3 {
font-size: inherit!important;
font-size: 120%;

letter-spacing: 0em;
margin-bottom: 0em;
}
.entry_set_2 .title_small {
color: #B9B49B;
font-size: 11px!important;
font-size: 85%;
letter-spacing: 0em;
}
.entry_set_2 p {
/*font-size: 90%;*/
}


.entry_set a, .entry_set a:link, .entry_set a:active, .entry_set a:visited,
.entry_set_2 a, .entry_set_2 a:link, .entry_set_2 a:active, .entry_set_2 a:visited,
.entry_set_3 a, .entry_set_3 a:link, .entry_set_3 a:active, .entry_set_3 a:visited {
color: #9B9081;
text-decoration: underline;
}

.entry_set a:hover,
.entry_set_2 a:hover,
.entry_set_3 a:hover {
color: #9B9081;
text-decoration: none;
}


/*OTHER*/
#content_block ul {
margin: 0px;
padding: 0px;
}
#content_block li {
background: transparent url(../img/list_icon_arrow.gif) no-repeat 0em 0.5em;
padding-left: 16px;
}


.font_small {
font-size: 11px!important;
font-size: 90%;
}

.font_red,
.error_text {
color: #CC3300;
}

.display_table {
display: table;
}

.bdr {
border: 4px solid #E7E2DC;
}
.bdr2 {
border: 4px solid #E7E2DC;
}

img.float_left {
float: left;
margin: 0px 15px 15px 0px;
border: 4px solid #E7E2DC;
}

img.float_right {
float: right;
margin: 0px 0px 15px 15px;
border: 4px solid #E7E2DC;
}


/************************************************
CENTER - 6 PLUS PAGE
*************************************************/
.entry_set_2 .display_table {
display: table;
width: 100%;
}


/************************************************
CENTER - 6 PLUS PAGE
*************************************************/
h3.coffee,
h3.deepsea,
h3.salt,
h3.lacticacid,
h3.oligo,
h3.emx {
display: block;
width: 190px;
height: 38px;
text-decoration: none;
text-indent: -9999px;
margin-left: 123px;
background-color: transparent;
}

h3.coffee {background: url(../../6plus/img/title_coffee.gif) no-repeat top left;}
h3.deepsea {background: url(../../6plus/img/title_deepsea.gif) no-repeat top left;}
h3.salt {background: url(../../6plus/img/title_salt.gif) no-repeat top left;}
h3.lacticacid {background: url(../../6plus/img/title_lacticacid.gif) no-repeat top left;}
h3.oligo {background: url(../../6plus/img/title_oligo.gif) no-repeat top left;}
h3.emx {background: url(../../6plus/img/title_emx.gif) no-repeat top left;}


h3.shinya_kaisetsu {
display: block;
width: 261px;
height: 58px;
text-decoration: none;
text-indent: -9999px;
background: #F9F8F2 url(../../6plus/img/title_shinya.gif) no-repeat top left;
}

/*ECUADOR ORGANIC COFFEE FARM*/
h3.title_ecuador01,
h3.title_ecuador02,
h3.title_ecuador03,
h3.title_ecuador04,
h3.title_ecuador05 {
display: block;
width: 168px;
height: 15px;
text-decoration: none;
text-indent: -9999px;
background-color: transparent;
}

h3.title_ecuador01 {background: url(../../6plus/img/title_ecuador01.gif) no-repeat top left;}
h3.title_ecuador02 {background: url(../../6plus/img/title_ecuador02.gif) no-repeat top left;}
h3.title_ecuador03 {background: url(../../6plus/img/title_ecuador03.gif) no-repeat top left;}
h3.title_ecuador04 {background: url(../../6plus/img/title_ecuador04.gif) no-repeat top left;}
h3.title_ecuador05 {background: url(../../6plus/img/title_ecuador05.gif) no-repeat top left;}

#ecuador img.float_left {
float: left;
margin: 0px 0px 15px 0px;
border: 4px solid #E7E2DC;
}

#ecuador img.float_right {
float: right;
margin: 0px 0px 15px 0px;
border: 4px solid #E7E2DC;
}



/************************************************
CENTER - HOW TO USE
*************************************************/
h3.title03,
h3.title04,
h3.title05,
h3.title06 {
display: block;
width: 195px;
height: 38px;
text-decoration: none;
text-indent: -9999px;
margin-left: 178px;
background-color: transparent;
}
h3.title01,
h3.title02 {
display: block;
width: 195px;
height: 38px;
text-decoration: none;
text-indent: -9999px;
background-color: transparent;
}

h3.title01 {background: url(../../howtouse/img/title_howto01.gif) no-repeat top left;}
h3.title02 {background: url(../../howtouse/img/title_howto02.gif) no-repeat top left;}
h3.title03 {background: url(../../howtouse/img/title_howto03.gif) no-repeat top left;}
h3.title04 {background: url(../../howtouse/img/title_howto04.gif) no-repeat top left;}
h3.title05 {background: url(../../howtouse/img/title_howto05.gif) no-repeat top left;}
h3.title06 {background: url(../../howtouse/img/title_howto06.gif) no-repeat top left;}


/************************************************
CENTER - LADIES Q&A
*************************************************/
.ladies_question_icon {
display: block;
background: transparent url(../img/icon_q.gif) no-repeat top left;
padding-left: 29px;
}
.ladies_answer_icon {
display: block;
background: transparent url(../img/icon_a.gif) no-repeat top left;
padding-left: 29px;
}
.ladies_question_icon h3 {
margin-bottom: 0em;
}



/************************************************
CENTER - FAQ
*************************************************/
#content_block ul.list_faq {
margin: 0px 0px 20px 0px;
}
#content_block h3.title_faq {
font-size: inherit!important;
font-size: 100%;
margin: 0px;
}
#content_block ul.list_faq li h4 {
font-size: inherit!important;
font-size: 100%;
font-weight: normal;
}
#content_block .hiddenblock {
}
#content_block .hiddenblock p {
line-height: 150%;
margin: 0.5em 0px 2em 0px;
}
#content_block .hiddenblock .font_small {
}

#content_block ul.list_faq li:hover {
background: transparent url(../img/list_icon_arrow.gif) no-repeat 1px 0.5em;
padding-left: 16px;
color: #999999;
}


.entry_set_3 {
display: table;
/*width: 100%!important;*/
width: 481px;
margin: 0px 20px 20px 20px;
padding: 15px!important;
padding: 15px;
background-color: #FCFCFC;
border: 4px solid #E7E2DC;
line-height: 150%;
}

h3.text_onlineshop {
display: block;
width: 290px;
height: 14px;
background: transparent url(../../faq/img/text_onlineshop.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}

h3.text_contact {
display: block;
width: 130px;
height: 14px;
background: transparent url(../../faq/img/text_contact.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}

h3.text_houjincontact {
display: block;
width: 125px;
height: 14px;
background: transparent url(../../houjin/img/text_houjincontact.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;
}


/************************************************
CENTER - PUBLICATION
*************************************************/
.publication_thumb {
display: block;
width: 115px;
height: 160px;
float: left;
margin-right: 15px;
}


/************************************************
CENTER - SHOPLIST
*************************************************/
.shoplist_pagetop {
display: block;
width: 509px;
height: 9px;
margin: 0px 0px 40px 0px!important;
margin: 0px 0px 20px 0px;
}

.shoplist_pagetop a {
display: block;
width: 61px;
height: 9px;
background: #FFFFFF url(../img/pagetop.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;
float: right;
}


table#shoplist {
width: 519px;
border: none;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
margin: 0px 0px 5px 0px;
font-size: 11px!important;
font-size: 85%;
color: #777777;
line-height: 150%;
}

table#shoplist tr {
}

table#shoplist td.shopname {
width: 159px;
background-color: #F3F0ED;
padding: 10px;
vertical-align: top;
border-right: 1px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}
table#shoplist td.location {
width: 268px;
background-color: #F9F8F2;
padding: 10px 5px;
vertical-align: top;
border-right: 1px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;

}
table#shoplist td.phone_number {
width: 90px;
background-color: #F9F8F2;
padding: 10px 5px;
vertical-align: top;
border-bottom: 3px solid #FFFFFF;

}
table#shoplist td.location p,
table#shoplist td.phone_number p {
margin: 0px;
padding: 0px;
}

/************************************************
CENTER - COMPANY
*************************************************/
div.table_row  {
}

div.table_row dl {
display: table;
/*width: 100%!important;*/
width: 484px;
margin: 0px 20px 5px 20px;
padding: 10px 15px;
background-color: #F3F0ED;
border-left: 5px solid #E7E2DC;
line-height: 150%;
}

div.table_row dl dt {
width: 120px;
font-weight: bold;
float: left;
}
div.table_row dl dd {
float: left;
}

.btn_map {
margin-top: 5px;
}


/************************************************
CENTER - MEMBER
*************************************************/
body#popup {
padding: 8px;
background: #E7E2DC url(../img/bg_popup.gif) repeat top left;
text-align: left;
}

body#popup #content_block {
display: table;
width: 480px;
height: 554px;
margin: 0px;
padding: 30px 0px 0px 0px;
background-color: #FFFFFF;
float: none;

font-size: 80%!important;
font-size: 70%;

color: #777777;
}



/*margin=30px*/
body#popup #content_block .text_set {
margin: 30px;
}
body#popup #title_block {
display: block;
position: relative;
margin: 0px 30px 30px 30px;
}


body#popup #title_block h1 {
display: block;
height: 41px;
text-decoration: none;
text-indent: -9999px;

/*FOR IE*/
line-height: 100%;
}
body#popup #title_block h1.title_subscribe {
width: 195px;
background: #FFFFFF url(../../newsletter/img/title_subscribe.gif) no-repeat top left;
}
body#popup #title_block h1.title_unsubscribe {
width: 205px;
background: #FFFFFF url(../../newsletter/img/title_unsubscribe.gif) no-repeat top left;
}
body#popup #title_block h1.title_tellyourfriends {
width: 152px;
background: #FFFFFF url(../../tellyourfriends/img/title_tellyourfriends.gif) no-repeat top left;
}
body#popup #title_block h1.title_presententry {
width: 169px;
background: #FFFFFF url(../../present/img/title_presententry.gif) no-repeat top left;
}


body#popup #title_block h2 {
display: block;
width: 122px;
height: 31px;
background: #FFFFFF url(../../member/img/logo_colonclub.gif) no-repeat top left;
text-decoration: none;
text-indent: -9999px;

position: absolute;
top: 0px;
right: 0px;

line-height: 100%;
}

/*margin=30px, different color*/
body#popup .form_set {
margin: 0px 30px 10px 30px;
}
body#popup .form_set div {
display: table;
width: 385px;
margin: 0px 0px 5px 0px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: 5px solid #E7E2DC;
line-height: 150%;
}


body#popup .form_set div label {
display: block;
width: 140px;
float: left;
}

body#popup .form_set p.form_btn {
margin-left: 160px;
}

body#popup .input_field,
body#popup textarea {
font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
color: #888888;
line-height: 150%;
border: 1px solid #E7E2DC;
background-color: #FFFFFF;
margin: 0px;
}
body#popup .input_field {
font-size: 12px!important;
font-size: 90%;
padding: 2px;
margin-right: 10px;
}
body#popup textarea {
font-size: 12px!important;
font-size: 90%;
width: 239px!important;
width: 235px;
height: 80px;
padding: 0px 2px;
}


body#popup span.input_text {
display: block;
width: 244px;
float: right;
}

body#popup span.input_text_message {
display: block;
width: 244px;
height: 100px;
overflow: scroll;
float: right;
}


body#popup .form_set p.error_text {
margin: 0px 0px 0px 140px;
}

body#popup h3.tellyourfriends {
margin-bottom: 0.5em;
font-size: inherit!important;
font-size: 100%;
}


body#popup div.table_row dl {
display: table;
width: 385px;
margin: 0px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: 5px solid #E7E2DC;
line-height: 150%;
letter-spacing: 0.01em;
}


body#popup div.table_row dl dt {
margin-top: 0.2em;
font-weight: normal;
float: left;
}
body#popup div.table_row dl dd {
float: right;
}


body#popup .form_set_2 div {
display: table;
width: 385px;
margin: 0px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: 5px solid #E7E2DC;
line-height: 150%;
letter-spacing: 0.01em;
}
body#popup .form_set_2 span {
margin-top: 0.2em;
float: left;
}
body#popup .form_set_2 input.btn_register {
float: right;
}

/************************************************
CENTER - CONTACT
*************************************************/
.form_set {
margin: 0px 20px 10px 20px;
}
.form_set div {
display: table;
/*width: 100%!important;*/
width: 484px;
/*width: 519px;*/
margin: 0px 0px 5px 0px;
padding: 10px 15px;
background-color: #F9F8F2;
border-left: 5px solid #E7E2DC;
line-height: 150%;
letter-spacing: 0.01em;
}

.form_set div label {
display: block;
width: 100px;
float: left;
}

.form_set p.form_btn {
margin-left: 120px;
}

.input_field, textarea {
font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
color: #888888;
line-height: 150%;
letter-spacing: 0.01em;
border: 1px solid #E7E2DC;
background-color: #FFFFFF;
margin: 0px;
}
.input_field {
font-size: 12px!important;
font-size: 90%;
padding: 2px;
margin-right: 10px;
}
textarea {
font-size: 12px!important;
font-size: 90%;
width: 373px;
height: 150px;
padding: 0px 2px;
}

span.input_text {
display: block;
width: 375px;
float: right;
}

.form_set p.error_text {
margin: 0px 0px 0px 100px;
}

.btn_submit {
float: left;
margin-right: 5px;
}
.btn_back {
margin-right: 5px;
}

/************************************************
CENTER - FOOTER NAVIGATION
*************************************************/
#hnavi_block {
margin: 10px 20px;
font-size: inherit!important;
font-size: 100%;
}

#hnavi_block a.arrow {
padding-left: 12px;
background: transparent url(../img/partition_arrow.gif) no-repeat 0em 0.2em;
margin-left: 3px;
}



#fnavi_block {
display: block;
margin: 20px;
padding-top: 10px;
border-top: 1px solid #ECF4F4;
font-size: inherit!important;
font-size: 100%;
text-align: right;
}

#fnavi_block a.prev {
padding-left: 10px;
background: transparent url(../img/icon_prev.gif) no-repeat 0em 0.4em;
margin-right: 5px;
}

#fnavi_block a.next {
padding-right: 10px;
background: transparent url(../img/icon_next.gif) no-repeat right 0.4em;
margin-left: 5px;
}

/*PAGE TOP*/
#pagetop {
display: block;
width: 559px;
height: 29px;
background-color: #FFFFFF;
margin: 0px;
position: relative;
}
#pagetop a {
display: block;
width: 61px;
height: 9px;
background: #FFFFFF url(../img/pagetop.gif) no-repeat top left;

text-decoration: none;
text-indent: -9999px;
position: absolute;
top: 10px;
right: 10px;
}



/************************************************
FOOTER
*************************************************/
#footer a {
color: #777777;
}
#footer ul#fnavi {
position: absolute;
top: 10px;
left: 0px;
}
#footer ul#fnavi li {
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #B9B49B;
}
#footer ul#fnavi li.last {
border-right: none;
}