@charset "shift_jis";

.FS2_preview,
.FS2_body_text,
.noMeaning { display: none;}

/**
 * @version	2.0.1 - 21:05 2010/07/02
 * ============================================================== common
 * common styles
 * : form
 * ============================================================== module
 * structure
 * @Template Header Area
 * : logo
 * : globalNav
 * : searchItems
 * 
 * @Contents
 * : パンくず
 * : サブカテゴリ
 * : 並べかえメニュー
 * : Pager
 * : 3列表示
 * : 1列表示
 * : 商品詳細
 * : 検索結果
 * : mainImage
 * 
 * @Template Left Menu Area
 * : categories
 * : banners
 * : ranking
 * 
 * @Template Right Menu Area
 * : entryMailMagazine
 * 
 * @Template Footer Area
 * : shopping
 * : footerHead
 * : footerContent
 * : calender
 * : footerLinks
 * ============================================================== contents
 * archives
 * introduction
 * counselor
 * eSalon
 * news
 * campaign
 * mirralux
 * herbTea
 * nailContents, uniformContents
 * 
 * #form
 * : MyPageTop.html
 * : ShoppingCart.html
 * : Login.html
 * : PrivacyPolicy.html
 * MemberEntryEdit.html
 * PostageSettleList.html
 * 
 * home
 * : mainCampaign
 * : headContents
 * : news
 * : pickup
 * : cosmoContents
 * contact
 * ============================================================== common, js
 * clearfix
 * universal
 * ============================================================== print
 * print styles
 */

/******************************************************************** common styles
*/

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	text-align: center;
	background: #fff url(https://secure.future-s.com/~cosmoshop/img/common/bg.png) repeat-x;
	color: #000;
	cursor: auto;
	font: normal normal 12px/1.4 "Lucida Grande", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Arial, Helvetica, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	/* font: normal normal 12px/1.4 Arial, Helvetica, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; */
	word-spacing: 0.1em;
}
*:first-child + html body { font-size: 75%;} /* for IE 7 */
* html body               { font-size: 75%;} /* for IE 6 or sooner */

h1 {}
h2 {}
h3 { color: #00a0c6;}
h4, h5, h6 {}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a, a:link { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

em     { font-weight: bold; color: #666;}
strong { font-weight: bold; color: #e47;}
abbr, acronym { cursor: help;}
sup { vertical-align: super; font-size: 70%;}
sub { vertical-align: baseline; font-size: 70%;}
*:first-child + html sup { line-height: 1.5; font-size: 80%;} /* for IE 7 */
* html sup               { line-height: 1.5; font-size: 80%;} /* for IE 6 or sooner */

hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { border: none; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td { padding: 5px 10px; border-collapse: collapse; border: none; text-align: left;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: form
*/
fieldset { margin: 0; padding: 0; border: none;}
* html legend { margin: 0 0 10px;}
input,
textarea { padding: 1px; font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
select option { padding: 0 5px;}
input:focus,
select:focus,
textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}
#inputTypeHidden { padding: 0; height: 0;}
#transmissionFailure {}
/* added classes in formutil.js */
.typeText  {}
.typeRadio { border: none;}
.typeCheckbox {}
/* set width of inputs */
.level1 {}
.level2 {}
.level3 {}
.level4 {}
/* set styles of input type="button" */
.cBtn { cursor: pointer; width: auto; padding: 5px 10px; border: 3px solid #ddd; background: #ddd; color: #888;}
#cSubmit { margin: 0 20px 0 0; padding: 5px 15px; border: 3px solid #777; background: #333; color: #fff; font-weight: bold;}
/* for winIE6 Only \*/
* html .cBtn { padding: 3px 0 3px 2px;}
* html #cSubmit { padding: 3px 5px 3px 8px;}
/**/

/******************************************************************** structure
 * 960px : Container
 * 540px : Main Column	- .layout_content
 * 200px : Left Column	- .layout_menu
 * 200px : Right Column	- .layout_right
 */
.layout_body,
.layout_footer { width: 100%; text-align: center;}

div.FS2_body_text_area { position: absolute; top: 0; left: 0; width: 100%; padding: 0; background: transparent; text-align: left;}
div.FS2_body_text_area h1 { width: 960px; margin: 0 auto; padding: 3px 0 0; font-size: 10px; color: #665; text-shadow: 0 1px 1px rgba(255, 255, 255, .75);}

.layout_header,
.layout_table,
#footerHead,
#footerContent,
#footerLinks ul { clear: both; margin: 0 auto; width: 960px; text-align: left;}

.layout_header { padding: 21px 0 0; background: url(https://secure.future-s.com/~cosmoshop/img/common/header.jpg) no-repeat 0 21px;}

.layout_table { margin-top: 1.5em;}
.layout_content { width: 540px; padding: 0 10px;}
.layout_menu,
.layout_right   { width: 200px; padding: 0; background: transparent;}
.layout_footer  { background: url(https://secure.future-s.com/~cosmoshop/img/footer/bg.png) repeat-x 0 31px;}

#col-a {}
#col-b,
#col-c {}

/******************************************************************** @Template Header Area
*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: logo
*/
#logo { height: 74px; padding: 0;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: globalNav
*/
#globalNav { list-style: none; height: 40px; margin: 0; padding: 0;}
#globalNav li { display: inline;}
#globalNav a { float: left;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: searchItems
*/
#searchItems { position: relative;}
#searchItems h2,
#searchItems ol,
#searchItems li,
#searchRanking h3 { float: left;}
#searchItems ol { list-style: none; height: 40px; margin: 0; padding: 0;}
#searchItems li input { width: 140px; height: 17px; margin-top: 4px; border: 1px solid #5f2a17; background-color: #8e6847; color: #fff; vertical-align: top;}
*:first-child + html #searchItems li input { margin-top: 3px;}
* html #searchItems li input { margin-top: 3px;}
#searchItems #submitSearchItems { width: 90px; height: 29px; margin-top: -1px; border: none; background: transparent; vertical-align: top;}

#searchRanking { position: absolute; top: 1px; left: 50%; width: 500px; margin-left: -154px;}
#searchRanking h3 { padding: 5px 8px 0; color: #f60;}
#searchRanking a { display: block; padding: 5px 0 0 8px; color: #fafafa; text-decoration: none; font-weight: bold;}
#searchRanking a:hover { color: #fd0}

/******************************************************************** @Contents
*/
.utility { display: none;}
.system_content { margin: 0;}
.system_content p { margin: 0;}
.groupLayout { border: 1px solid #ccc; border-top: none; background: #fff;}
* html .FS2_GroupLayout { padding-bottom: 10px;}
.FS2_GroupLayout,
.FS2_GroupList { border: 1px solid #ccc; background: #fff;}
.FS2_GroupLayout .groupLayout,
.FS2_GroupList .groupLayout { border: none; background: transparent;}
.FS2_GroupList .groupLayout { border-top: 1px solid #ddd;}
.FS2_GroupList br { display: none; height: 0;}

/* 見出し */
.pageTitle,
.CrossHead,
.Definition { border: none; background: transparent; font-size: 16px; letter-spacing: 0; color: #654; text-align: left;}
.pageTitle { margin: 0 0 10px; padding: 30px 16px 20px; border: 1px solid #8cd; background: url(https://secure.future-s.com/~cosmoshop/img/common/page_title.png); font-size: 18px; font-weight: normal; line-height: 1.2; text-shadow: 0 1px 1px rgba(255, 255, 255, .95);}
.Definition { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 14px; color: #124;}

.section { clear: both; margin: 10px 0; padding: 12px 18px; border: 1px solid #cfcfcf; background: #fff;}

.error_content { border: 1px solid #f98;}

.system_content ul { list-style: none; margin: 10px 0; padding: 0;}
#col-a ul a { height: 1%; padding-left: 15px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow/red.png) no-repeat 0 50%; text-decoration: none;}
#col-a ul a:hover { background-image: url(https://secure.future-s.com/~cosmoshop/img/arrow/yellow.png);}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: パンくず
*/
.system_content p.pan { position: absolute; top: 168px; left: 50%; width: 960px; margin: 0 0 0 -480px; border: none; text-shadow: 0 1px 1px rgba(255, 255, 255, .75);}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: サブカテゴリ
*/
.FS2_body_Goods_GoodsGroupList_1 .FS2_GroupList { margin-top: 10px; margin-bottom: -30px; padding-top: 35px; border-top: none; background: #fff url(https://secure.future-s.com/~cosmoshop/img/common/subcategory_t.png) no-repeat 50% 0;}
.alignItem_02 { margin: 0 10px;}
.alignItem_02 #FS2_itemlayout_list_B .FS2_thumbnail_container { display: none;} /* ここの場合、グループ画像が登録されていても表示させない */
.alignItem_02 .gl_Item { display: inline; width: 250px; margin: 5px 0 0; border-bottom: 1px solid #ddd; text-align: left !important;}
.gl_Item h2 a { padding-left: 20px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow/blue.png) no-repeat 4px 50%; text-decoration: none; font-weight: normal; font-size: 12px;}
.itemTitle,
.itemGroup { font-size: 100%;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 並べかえメニュー
*/
div.FS2_sort_menu_bg { margin: 10px 0 0;}
ul#FS2_sort_menu { height: 35px; background: url(https://secure.future-s.com/~cosmoshop/img/common/sort_menu.png) no-repeat 100% 0;}
ul#FS2_sort_menu li { width: 143px; height: 35px; padding: 0; border: none; text-indent: -9999px;}
ul#FS2_sort_menu li a { display: block; width: 143px; height: 35px; background: url(https://secure.future-s.com/~cosmoshop/img/common/sort_menu.png) no-repeat;}
ul#FS2_sort_menu .FS2_sort_menu_title { width: 111px; background: url(https://secure.future-s.com/~cosmoshop/img/common/sort_menu_t.png) no-repeat;}
ul#FS2_sort_menu .FS2_sort_menu_sortPriceHighLink a { background-position: -143px 0;}
ul#FS2_sort_menu .FS2_sort_menu_sortNewLink a { background-position: -286px 0;}
ul#FS2_sort_menu li a:hover { background-position: -1000px;}
ul#FS2_sort_menu .FS2_sort_menu_sortPriceHighLink a:hover { background-position: -1143px 0;}
ul#FS2_sort_menu .FS2_sort_menu_sortNewLink a:hover { background-position: -1286px 0;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Pager
*/
p.pager { clear: both; display: block; margin: 0; padding: 5px 17px 4px; border: 1px solid #ddd; font-size: 10px; color: #666; background: #fff;}
p.pager { border: none;}
.pager img { vertical-align: middle;}
.FS2_pager_text { display: block; padding-bottom: 3px; font-size: 10px; color: #666;}
.FS2_pager_stay,
.pager a { display: block; float: left; width: 1em; height: 1.5em; margin-left: 1px; padding: 3px 7px; border: 1px solid #293040; background: #31394d; color: #fff; text-decoration: none; text-align: center;}
.pager a img { display: none;}
.FS2_pager_stay { margin-bottom: 10px; border-color: #aaa; background: #bbb;}
a.FS2_pager_link_last,
a.FS2_pager_link_next,
a.FS2_pager_link_prev,
a.FS2_pager_link_first { text-indent: -9999px; background: #31394d url(https://secure.future-s.com/~cosmoshop/img/common/pager_last.gif) no-repeat 50% 50%;}
a.FS2_pager_link_next { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/pager_next.gif);}
a.FS2_pager_link_prev { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/pager_prev.gif);}
a.FS2_pager_link_first { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/pager_first.gif);}
.pager a:hover { border-color: #666; background-color: #777;}
.FS2_GroupLayout br + p.pager { border-top: 1px solid #ccc;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 3列表示
*/
.alignItem_03 { padding: 7px 0 7px 7px;}
.alignItem_03 .gl_Item { width: 167px; margin: 0;}
.itemCenter { padding-top: 10px; border-top: 1px solid #ccc;}
.alignItem_03 .FS2_thumbnail_container { margin-right: 0;}
.alignItem_01 .FS2_thumbnail_container a,
.alignItem_03 .FS2_thumbnail_container a { display: block; margin: 6px auto;}
.alignItem_03 h2 a { padding: 0; background: transparent;}

.FS2_itemPrice_text,
.itemPrice { letter-spacing: 0;}
p.FS2_itemPrice_text { margin-top: 6px;}
.FS2_special_price,
.FS2_itemPrice_addition { font-size: 10px; color: #555;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 1列表示
*/
.alignItem_01 { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; background: #fff;}
.alignItem_01 .gl_Item { display: block; float: none; padding: 0 !important; width: 480px; margin: 0 auto;}
.alignItem_01 br { display: none; height: 0;}
.alignItem_01 h2 { margin-top: 12px;}
.alignItem_01 table { width: 100%;}
.alignItem_01 td { border-bottom: 1px dotted #ccc;}
.alignItem_01 td.FS2_itemlayout_td_Left { width: 120px; padding: 0 16px;}
.alignItem_01 .itemRight a img { display: none;}
.alignItem_01 .itemRight a { display: block; width: 114px; height: 35px; background: url(https://secure.future-s.com/~cosmoshop/img/common/more.png) no-repeat;}
.alignItem_01 .itemRight a:hover { background-position: -300px 0;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 商品詳細
*/
.FS2_body_Goods_GoodsDetail .gl_Item { margin: 10px 0 0; padding: 14px; border: 1px solid #ccc; background: #fff;}
.FS2_body_Goods_GoodsDetail .gl_Item td { padding: 4px 0;}
.FS2_body_Goods_GoodsDetail .FS2_thumbnail_container { margin-right: 15px;}
.FS2_body_Goods_GoodsDetail .itemTitle { width: 255px; margin: 10px 0 0; padding: 0; font-size: 18px; color: #012;}
* html .FS2_body_Goods_GoodsDetail .itemTitle { background-position: 0 3px;}

.FS2_itemlayout_td_Right .error_content { width: 233px;}

.FS2_body_Goods_GoodsDetail img.catch { float: right;}

.FS2_body_Goods_GoodsDetail .itemNumber { border-bottom: 1px solid #eee;}

.FS2_body_Goods_GoodsDetail .FS2_itemPrice_area { clear: both; padding: 14px 0 5px;}
.FS2_body_Goods_GoodsDetail .FS2_special_price {}
.FS2_body_Goods_GoodsDetail .itemPrice { font-size: 200%;}
.FS2_body_Goods_GoodsDetail .FS2_itemPrice_text .itemPrice { font-size: 150%;}

.FS2_body_Goods_GoodsDetail .FS2_special_members_price { margin: 6px 0; padding: 8px 0 6px background: #f9f2f2; font-size: 83%;}
.FS2_body_Goods_GoodsDetail .layout_content .FS2_members_login_link { font-size: 83%;}
/* ２色アソートの場合は、それぞれの... */
.FS2_inputSelection .level4 { width: 178px;}

.FS2_inputSelection_table nobr { display: block; white-space: normal;}

/* 送料無料 - カートに入れる */
.FS2_body_Goods_GoodsDetail .FS2_figure { margin: 6px 0 0; padding-top: 40px; background: url(https://secure.future-s.com/~cosmoshop/img/common/free_transport.png) no-repeat;}
/* for IE6 + 7 */
*:first-child+html .FS2_body_Goods_GoodsDetail .FS2_figure { padding-top: 48px;}
* html .FS2_body_Goods_GoodsDetail .FS2_figure { padding-top: 48px;}

td.FS2_figure_table_td_cart_btn { padding-right: 3px;}
td.FS2_figure_table_td_detail_btn { padding-right: 7px;}

.FS2_body_Goods_GoodsDetail .FS2_figure_table { width: 255px;}
.FS2_body_Goods_GoodsDetail  td.FS2_figure_table_td_figure { padding: 4px; text-align: center;}
.FS2_body_Goods_GoodsDetail .FS2_ItemComment { margin: 10px 0 0; padding: 25px 0 5px; border-top: 1px dashed #ccc;}

#FS2_Recommend_List .gl_Item { display: inline; width: 167px; margin: 0; border: none;}
#FS2_ReccomendGoods { border-top: 1px solid #ccc;}
#FS2_ReccomendGoods .FS2_thumbnail_container { margin: 0;}
#FS2_Recommend_List .FS2_itemPrice_text .itemPrice,
#FS2_Recommend_List .itemTitle { font-size: 12px;}
#FS2_Recommend_List .itemTitle { width: auto;}

* html #FS2_Recommend_itemlayout_B { padding: 5px 2px;}
.FS2_reccomendgoods_table td { text-align: center;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 検索結果
*/
/* .FS2_body_Goods_GoodsSearchList .system_content { background: #fff url(https://secure.future-s.com/~cosmoshop/img/common/frame.png) no-repeat 50% 0;}
.FS2_body_Goods_GoodsSearchList .system_content p[align=right] { display: none;} */
.FS2_body_Goods_GoodsSearchList .system_content br { display: none; height: 0;}
.FS2_body_Goods_GoodsSearchList .pager { margin: -1.5em 0 -1.1em;}
* html .FS2_body_Goods_GoodsSearchList .pager { margin: -1.5em 0 -2.6em;}
 
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: mainImage
*/
.FS2_body_Goods_salonopen .layout_content,
.salonopen .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/salonopen/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_consumption .layout_content,
.consumption .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/consumption/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_towel .layout_content,
.towel .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/towel/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_cosmetic .layout_content,
.cosmetic .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/cosmetic/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_wagon-matt .layout_content,
.wagon-matt .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/wagon-matt/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_bed .layout_content,
.bed .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/bed/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_goods .layout_content,
.goods .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/goods/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_eyelash .layout_content,
.eyelash .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/eyelash/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_softap .layout_content,
.softap .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/softap/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_make .layout_content,
.make .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/make/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_homecare .layout_content,
.homecare .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/homecare/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_supplement .layout_content,
.supplement .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/supplement/i0.jpg) no-repeat 50% 0;}
.FS2_body_Goods_mirralux .layout_content,
.mirralux .layout_content { padding-top: 120px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/mirralux_wide_alpha.jpg) no-repeat 50% 0;}
.FS2_body_Goods_bemax .layout_content,
.bemax .layout_content { padding-top: 90px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/bemax_wide_alpha.jpg) no-repeat 50% 0;}

/* キャンペーンページのメインイメージ */
.FS2_body_Goods_christmas  .layout_content { padding-top: 180px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/christmas_wide_alpha.png) no-repeat 50% 0;}
.FS2_body_Goods_outlet     .layout_content { padding-top: 180px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/outlet_wide_alpha.jpg) no-repeat 50% 0;}
.FS2_body_Goods_natubihada .layout_content { padding-top: 90px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/summer_b_alpha.jpg) no-repeat 50% 0;}
.FS2_body_Goods_matomegai  .layout_content { padding-top: 90px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/b_camp_wide1_alpha.jpg) no-repeat 50% 0;}
.FS2_body_Goods_medama_sep .layout_content { padding-top: 90px; background: url(https://secure.future-s.com/~cosmoshop/img/banners/monthly_b_alpha.jpg) no-repeat 50% 0;}

/******************************************************************** @Template Left Menu Area
*/
#col-b ul { list-style: none; margin: 0; padding: 0; line-height: 1.2;}
#col-b li { display: inline;}
#col-b ul a { display: block; text-decoration: none;}
#col-b ul a:hover {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: categories
*/
#categories { margin-bottom: 10px; background: url(https://secure.future-s.com/~cosmoshop/img/common/box_bg.png) 50% 100%;}
#categories ul { width: 180px; margin: 0 auto; padding: 0 5px 5px;}
#categories ul ul { display: none;}
#categories ul a { display: block; height: 1%; padding: 12px 22px 11px; border-bottom: 1px dotted #ccc; background: url(https://secure.future-s.com/~cosmoshop/img/common/c0.jpg) no-repeat 0 50%; text-decoration: none; outline-color: #ddd;}
ul #c1 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c1.jpg);}
ul #c2 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c2.jpg);}
ul #c3 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c3.jpg);}
ul #c4 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c4.jpg);}
ul #c5 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c5.jpg);}
ul #c6 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c6.jpg);}
ul #c7 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c7.jpg);}
ul #c8 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c8.jpg);}
ul #c9 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c9.jpg);}
ul #c10 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c10.jpg);}
ul #c11 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c11.jpg);}
ul #c12 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c12.jpg);}
ul #c13 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c13.jpg);}
ul #c14 a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/c14.jpg);}
#categories ul a:active { color: #620;}
#categories ul a:hover { background-position: -400px; color: #aaa;}
#categories ul ul a { position: relative; width: 165px; margin-left: -5px; padding: 5px 0 5px 15px; border-bottom: 1px solid #fff; background: #eeede7; font-size: 10px;}
* html #categories ul ul a { margin-left: 0;}
#categories ul ul a:hover { background-color: #733900; color: #eee;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: banners
*/
#banners a { display: block; margin-bottom: 6px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ranking
*/
#ranking { margin-top: 10px;}
#ranking h2 { padding: 9px 6px; border: 1px solid #ccc; border-bottom: none; vertical-align: middle; line-height: 1.0;}
*:first-child + html #ranking h2 { padding-top: 6px;}
              * html #ranking h2 { padding-top: 6px;}
#ranking ul { border-bottom: 1px solid #ccc;}
#ranking ul a { clear: both; display: block; height: 1%; padding: 10px 6px 5px; border: 1px solid #ccc; border-bottom: none; background: #fafafa; color: #666;}
#ranking ul .even a { background: #fff;}
#ranking ul a span { display: block; margin-top: 2px; color: #027abb; font-size: 10px;}
#ranking ul a img { float: left; margin-top: -5px; margin-right: 7px;}
#ranking ul a span img { margin:2px 0 0 0; padding:0;}
#ranking ul.archives a { padding: 5px; border-top: none; color: #0071bb; text-align: right;}
#ranking ul a:hover,
#ranking ul a:hover span,
#ranking ul.archives a:hover { background: #f2f2f2; color: #f80;}

/******************************************************************** @Template Right Menu Area
*/
#col-c div { width: 190px; margin-bottom: 10px; padding: 5px; background: #eeede7 url(https://secure.future-s.com/~cosmoshop/img/common/box_bg.png) 0 100%;}
#col-c h2 { position: relative; width: 200px; margin: -5px -5px 0;}
#col-c ul { list-style: none; margin: 0; padding: 0 5px 8px;}
#col-c ul a { display: block; height: 1%; padding: 5px 0 4px 22px; border-bottom: 1px dotted #ccc; background: url(https://secure.future-s.com/~cosmoshop/img/arrow/red.png) no-repeat 5px 50%; text-decoration: none;}
#col-c p { margin: 0 0 10px; padding: 0;}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: userUtil
*/
#userUtil,
#exUtilArea { font-size: 10px;}
div#userUtil { margin-bottom: 0;}
div#exUtilArea { padding-top: 0;}

#userUtil table,
#exUtilArea table { margin: 0;}
#exUtilArea p { margin: 0; padding: 0 9px 9px; line-height: 1.2;}
*:first-child + html #exUtilArea p { margin-top: 4px; font-size: 87.5%;}
* html #exUtilArea p { margin-top: 4px; font-size: 87.5%;}

#userUtil .viewCart { display: none;}

#userUtil ul a,
#exUtilArea ul a { display: block; margin: 0; padding: 0; border: none; text-decoration: none; background: transparent;}

td.FS2_welcome_area { background: transparent;}
td.FS2_welcome_area .welcome { display: block; width: 164px; margin: 0 1px; padding: 3px 6px; border: 1px solid #e3dbc8; background: #eeede7;}
* html td.FS2_welcome_area .welcome { width: 158px;}
*:first-child + html td.FS2_welcome_area .welcome { width: 158px;}
.FS2_login_area { padding: 0;}
#userUtil .login { width: 188px; margin: 0; padding: 0;}
#userUtil .login li { display: inline; margin: 0;}
#userUtil .FS2_icon_login a,
#userUtil .FS2_icon_logout a,
#userUtil .FS2_icon_mypage a { float: right; width: 91px; height: 26px; background: url(https://secure.future-s.com/~cosmoshop/img/common/user_bt.png) no-repeat; text-indent: -9999px; overflow: hidden;}
#userUtil .FS2_icon_logout a { background-image: url(https://secure.future-s.com/~cosmoshop/img/common/user_out_bt.png); margin-bottom: 5px;}
#userUtil .FS2_icon_mypage a { background-position: -93px;}
/*\*//*/
#userUtil .FS2_icon_login a,
#userUtil .FS2_icon_logout a,
#userUtil .FS2_icon_mypage a { overflow: visible;}
.login .FS2_icon_login a,
.login .FS2_icon_logout a,
.login .FS2_icon_mypage a:focus,
.login .FS2_icon_login a,
.login .FS2_icon_logout a,
.login .FS2_icon_mypage a:active { outline: 1px solid #333;}
/**/
#userUtil .FS2_icon_login a:hover,
#userUtil .FS2_icon_logout a:hover { background-position: -500px 0;}
#userUtil .FS2_icon_mypage a:hover { background-position: -593px 0;}

#userUtil .FS2_icon_password a { clear: both; padding: 5px 9px;}
.FS2_icon_password a:hover { color: #f80;}

/*\*//*/
#memberReg a { overflow: visible;}
#memberReg a:focus,
#memberReg a:active { outline: 1px solid #333;}
/**/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: entryMailMagazine
*/
#entryMailMagazine { margin: 6px 0 0; background: url(/shop/item/cosmoshop/design/img01/side_frame0.gif) no-repeat 0 100%;}
#entryMailMagazine fieldset { margin: 0;}
#entryMailMagazine fieldset p { margin-bottom: 5px; padding: 0 9px 1px;}
#entryMailMagazine label { display: block; margin: 4px 0 0; font-size: 83%;}
#entryMailMagazine label strong { font-weight: normal;}
#mmFirstName,
#mmLastName,
#mmEmail,
#mmEmailAgain { width: 78px; border: 1px inset #c7c4af;}
#mmEmail,
#mmEmailAgain { width: 168px;}

#entryMailMagazine p.register {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: usefulLinks
*/
#usefulLinks ul { padding: 0;}
#usefulLinks ul a { padding: 4px 0; background: transparent; text-align: center;}
#usefulLinks ul a img { width: 182px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: iRights
*/
#iRights li { display: block; height: 1%; padding: 7px 10px; border-bottom: 1px dotted #ccc; font-size: 10px; color: #666;}

/******************************************************************** @Template Footer Area
*/
.layout_footer ul { list-style: none;}
.layout_footer .pagetop { width: 960px; margin: 0 auto;}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: shopping
*/
#shopping { position: absolute; top: 21px; left: 50%; margin: 0; padding: 0; width: 480px;}
#shopping li { display: inline;}
#shopping a { display: block; float: right; height: 100%; text-decoration: none;}
li#sCatalog { display: block; width: 226px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: footerHead
*/
#footerHead { height: 75px;}
#footerHead h2 { float: left;}
#footerHead ul { float: right; width: 350px; margin: 5px 0 0;}
#footerHead li { display: inline; float: left; margin-left: 5px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: footerContent
*/
#footerContent {}
#footerContent address img { display: none;}
#shopIno { float: left; width: 600px; background: url(https://secure.future-s.com/~cosmoshop/img/footer/shop_info.png) no-repeat 348px 0;}
#attention { clear: both; margin: 13px 0; padding: 10px 4px 10px 14px; border: 3px solid #c7c4af; font-size: 10px; color: #777;}
#footerNotes { clear: both; margin: 0 0 13px;}
#footerNotes h3,
#footerNotes p { display: inline; margin: 0; padding: 0; font-weight: normal; color: #777;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: calender
*/
#calender { float: right; width: 356px;}
#calender table { float: left; border: 1px solid #dad9d0; border-collapse:collapse; margin: 3px 0 15px 18px; width: 160px;}
* html #calender table { display: inline;}

#calender table caption { padding: 4px 4px 0; border-top: 1px dotted #ccc; text-align: left; font-weight: bold; color: #654;}
#calender th { white-space: nowrap; background: #f1ebdd url(https://secure.future-s.com/~cosmoshop/img/calender/weekdays.png) 50% 50%; color: #642;}
#calender th,
#calender td { padding: 2px 0; border-collapse: collapse; border: 1px solid #afac98; border-left-color: #e0e0e0; border-right-color: #e0e0e0; text-align: center;}
#calender td { background: #fff;}
#calender td.holi { background: #fce url(https://secure.future-s.com/~cosmoshop/img/calender/holiday_bg.png); color: #fff;}

#calender ul { padding: 0 0 10px 13px;}
#calender ul strong { text-indent: -9999px; background: #fce url(https://secure.future-s.com/~cosmoshop/img/calender/holiday_bg.gif) repeat-x;}
#calender #attention li { display: block; padding-bottom: 4px; line-height: 1.2; font-size: 10px; color: #555;}

#newyears { margin: 0 3px 10px; padding: 10px 0 0 13px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; background: #faf3f2;}
#newyears h3 { text-indent: 0; height: auto; width: auto; background: transparent; color: #c00;}
#newyears p { font-weight: bold;}
#newyears ul { padding-left: 0;}
#calender #newyears li { display: block; padding-bottom: 4px; line-height: 1.2; font-size: 10px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: footerLinks
*/
#footerLinks { clear: both; padding: 16px 0; border-top: 1px solid #ccc; background: #eeede7;}

#footerLinks ul { padding: 3px 0; overflow: hidden;}
#footerLinks li { display: inline; height: 1%; margin-left: -1px; margin-bottom: 3px; padding: 0 3px 0 10px; border-left: 1px solid #999; line-height: 1.1;}
#footerLinks ul a { text-decoration: none; color: #027abb;}
#footerLinks ul a:hover { color: #f90;}

#copyright { padding: 14px 0; background: #630; color: #b69374; text-align: center;}

/******************************************************************** company
*/
#companyContents table { width: 502px; border: 1px solid #ddd; border-collapse: collapse; margin: 6px 0 4px;}
#companyContents caption { display: none;}
#companyContents th { white-space: normal; width: 88px; background: #fafaf8; color: #3a3a20;}
#companyContents th,
#companyContents td { padding: 5px 6px; border-collapse: collapse; border: 1px solid #aaa; text-align: left;}
#companyContents .accessmap td { padding: 0; width: 400px;} 
#companyContents table dl { line-height: 2.0;}
#companyContents table dt { float: left; clear: left; width: 8em;}
#companyContents table dd { padding-left: 8em;}

/******************************************************************** archives
*/
#archivesContents {}

/******************************************************************** introduction
*/
#introductionContents .section { padding: 5px 18px 18px;}
#introductionContents h3 { margin: 16px 0 8px; font-size: 18px;}
#introductionContents h4 { margin: 16px 0 8px; padding: 0 0 0 10px; background: url(http://www.cosmotf.com/img/arw0.gif) no-repeat 0 6px;}
#introductionContents p.dics { float: none; width: auto;}
#introductionContents div h5,
#introductionContents div p { float: right; width: 345px;}
#introductionContents div h5 { margin-top: 10px; clear: both; color: #5a8; font-size: 120%;}
#introductionContents .img { float: left; clear: left; width: 143px;}
#introductionContents .img img { padding: 4px; border: 1px solid #ccc;}
* html #introductionContents .img { height: 1%; border-bottom: 1px solid #ccc;}

#introductionContents .currentIntroductionPPT h5 { float: none; width: auto; color: #456;}

#currentIntroductions { padding-bottom: 20px;}
#currentIntroductions h3 { margin-bottom: 0;}
#currentIntroductions h4 { margin: 0 0 15px; padding: 14px 0 16px; border-bottom: 1px solid #ccc; background: transparent; font-size: 14px; font-weight: normal;}
#currentIntroductions ul { margin: 0;}
#currentIntroductions li { margin: 6px 0;}
#currentIntroductions a  { height: 1%; padding: 0 0 0 12px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow2/red.png) no-repeat 2px 50%; font-size: 14px;}
#introductionContents .ppt a { padding-left: 18px; background: url(https://secure.future-s.com/~cosmoshop/img/common/file_ppt.png) no-repeat 0 50%;}

#introductionContents .section p.clr { float: none; clear: both; width: auto; padding-top: 20px;}
#introductionContents .relContact { clear: both; padding: 10px; background: #f0f9f2; border: 1px solid #e0e9e2;}
#introductionContents .relContact h3 { margin: 0; padding: 12px 0 0 15px; background: none; font-size: 12px;}
#introductionContents .relContact p,
#introductionContents .relContact ul { float: none; padding: 0 0 0 15px; width: auto;}
#introductionContents .relContact ul li { margin-bottom: 4px;}

/******************************************************************** counselor
*/
ul.toc { margin: 3px 0 20px;}
.toc li { margin: 6px 0;}
.toc a { height: 1%; padding: 0 0 0 12px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow2/red.png) no-repeat 2px 50%;}
#counselorContents h3 { margin-top: 6px; padding-top: 13px; border-top: 1px solid #dedede; color: #f70;}

/******************************************************************** eSalon
*/
#eSalonContents { background: #fff url(http://www.cosmotf.com/img/e-salon/t0.gif) no-repeat 11px 2em;}
#eSalonContents h2 { padding: 6px; font-weight: normal; color: #666; text-align: right;}
#eSalonContents p { padding: 240px 14px 0;}
#eSalonContents ul { list-style: none; margin: 10px 13px; padding: 0;}
#eSalonContents li { float: left; margin: 4px 0; padding: 10px; width: 230px; height: 50px; border: 1px solid #ccc; text-align: center;}
#eSalonContents li#eSalon0 { float: none; width: auto; height: auto; text-align: left;}
#eSalonContents li#eSalon0 img { float: left; margin: 0 10px 0 0;}
#eSalonContents li.fR { float: right;}
#syoukai-net li { float: none; clear: both; width: auto; height: 100%; border: none;}

/******************************************************************** news
*/
#newsContents {}
dl.section dt { padding: 0 10px; color: #666;}
dl.section dd { margin: 4px 0 8px; padding: 0 10px 8px; border-bottom: 1px solid #d3d3d3;}
dl.section a { height: 1%; padding: 0 0 0 10px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow2/red.png) no-repeat 2px 50%; text-decoration: none;}

.article .date { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #ccc;}
.article .date dt,
.article .date dd { display: inline; padding-right: 12px; color: #888;}
.article .date dt {}

#BackToNewsArchives { list-style: none; margin: 16px; padding: 0;}

/******************************************************************** campaign
*/
#qlHead { font-size: 130%; color: #000; font-weight: normal; padding-left: 12px;}
#campaignContents #quicklink { list-style: none; text-align: left; padding: 10px; background: #F7F7F7; border: 1px solid #B2B2B2;}
#campaignContents #quicklink li { display: inline; text-align: left;}
#campaignContents #quicklink li a { padding: 3px 10px 3px 14px; background: url(http://www.cosmotf.com/img/arw4.gif) no-repeat 0 50%;}
#campaignContents #quicklink li a:hover { background-image: url(http://www.cosmotf.com/img/arw5.gif);}
#campaignContents h2 { clear: both;}
#campaignContents h3 { margin: 4px 0; color: #58391e;}
#campaignContents ul,
#extentionContents ul { clear: both; list-style: none; margin: 0; padding: 0; text-align: center;}
.campaignPickup { margin: 20px 0;}
#campaignPickup li,
.campaignPickup li { display: block; float: left; clear: both; margin: 0 0 10px; width: 265px; height: 100%;}
#campaignPickup li.fR,
.campaignPickup li.fR { float: right; clear: right;}
.campaignPickup li.aC { float: none; margin: 0 auto 10px;}
#campaignPickup a,
.campaignPickup a { display: block; width: 265px; height: 100%; text-decoration: none;}
#campaignPickup a strong,
.campaignPickup a strong { display: block; color: green; font-size: 110%; letter-spacing: 0;}
#campaignPickup a img,
.campaignPickup a img { display: block; margin: 0 auto; padding: 3px 0 5px;}
#campaignPickup a em,
.campaignPickup a em { color: #d10; font-size: 125%; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0;}
#campaignPickup a span,
.campaignPickup a span { font-size: 83%;}
#campaignPickup a:hover,
.campaignPickup a:hover,
#campaignPickup a:hover strong,
.campaignPickup a:hover strong,
#campaignPickup a:hover em,
.campaignPickup a:hover em { color: #fa0;}

#campaignPickup .desc,
.campaignPickup .desc { display: block; padding: 2px 5px 14px; text-align: left; color: #777;}

#campaignContents ul.fL,
#campaignContents .sizeSelectable { width: 322px; height: auto !important; height: 77px; min-height: 77px; margin: 0 0 40px; padding: 10px; border: 1px solid #ffec5f; background: #fffff5; text-align: left;}

* html #campaignContents ul.fL { margin-bottom: 10px;}
* html #campaignContents .sizeSelectable { margin-bottom: 10px;}

#campaignContents ul.fL a { color: #59c;}
#campaignContents ul.fL a:hover { color: #f80;}

#campaignContents .sizeSelectable { float: right; width: 170px; background: #ebd272; color: #58391e;}
#campaignContents .sizeSelectable h3 { margin: 0 0 4px; border-bottom: 1px solid #58391e;}
#campaignContents .sizeSelectable ul { text-align: left;}

#campaignContents div.clearfix { clear: both; margin: 10px 0; padding: 12px 18px; border: 1px solid #cfcfcf; background: #fff;}
#campaignContents div.clearfix p { position: relative; width: 538px; margin: 0 -18px;}
#campaignContents div.clearfix p.fL { position: static; width: auto; margin: 0;}

/******************************************************************** mirralux
*/
#mirraluxContents h2 { margin: 15px 0;}
#mirraluxContents .box3 { clear: both; margin: 15px 0;}
#mirraluxContents .fL { margin: 5px 15px 5px 0; padding: 3px; border: 1px solid #ccc;}

/******************************************************************** herbTea
*/
#herbContents h2.pageTitle { margin: 10px 0 0; padding: 20px 16px 16px; background: #fff;} 
#herbContents .hTeaG h3 { clear: both; padding: 20px 0 0;}
.hTeaG { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.hTeaG .red { color: #ba0000;}

.herbBoxContainer { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 3px solid #eee;}
.herbBox { text-align: center; width: 168px; margin-right: 16px; float: left;}
.adjHerbBox { margin-right: 0;}
.herbBox ul { margin: 0; padding: 0; list-style: none; font-weight: bold; color: #ba0000;}
.herbBox ul li { margin: 0 0 10px;}
.herbBox ul span { display: block;}

.hTeaG .hca { width: 510px; height: 72px; padding: 0; margin-top: 6px; margin-bottom: 16px; text-indent: -9999px;}
.hTeaG #hT01ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT01ca_s.gif) no-repeat;}
.hTeaG #hT02ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT02ca_s.gif) no-repeat;}
.hTeaG #hT03ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT03ca_s.gif) no-repeat;}
.hTeaG #hT04ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT04ca_s.gif) no-repeat;}
.hTeaG #hT05ca { background: url(/img/herb/hT05ca.gif) no-repeat; width: 510px;}
.hTeaG #hT06ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT06ca_s.gif) no-repeat; height: 52px;}
.hTeaG #hT07ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT07ca_s.gif) no-repeat; height: 72px;}
.hTeaG #hT08ca { background: url(https://secure.future-s.com/~cosmoshop/img/herb/hT08ca_s.gif) no-repeat; height: 55px;}
.hTeaG .fL img { margin-right: 15px;}
.hTeaG .fR img { margin-left: 15px;}
.hTeaG .color { font-weight: bold; margin-bottom: 0; line-height: 1.2; font-size: 108%; letter-spacing: 0;}
.hTeaG .green { color: #006200;}
.hTeaG .db { color: #603400;}
.hTeaG .dp { color: #af164b;}
.hTeaG #htT02 h3,
.hTeaG #htT03 h3 { margin-top: 16px;}




/******************************************************************** nailContents, uniformContents
*/
#nailContents h3,
#uniformContents h3 { margin: .25em 0 .5em; font-size: 16px; color: #766250;}
#nailContents #basic-table h3,
#uniformContents #basic-table h3 { margin: 0; font-size: 14px;}

/******************************************************************** #form
 * : MyPageTop.html
 * : ShoppingCart.html
 * : Login.html
 * : PrivacyPolicy.html
 * : ReturnedSpecialContract.html
 */
.system_content .FS2_memberOnly,
.MyPageTop .system_content,
.FS2_body_MyPage_MyPageTop .system_content,
.FS2_body_Cart_GuestLogin .system_content,
.FS2_body_Cart_ShoppingCart #form,
.FS2_body_Login_Login #form,
.FS2_body_Config_PrivacyPolicy #form,
.FS2_body_Config_ReturnedSpecialContract #form { clear: both; margin: 0 0 10px; padding: 12px 18px; border: 1px solid #cfcfcf; background: #fff;}
.MyPageTop .system_content .pageTitle,
.FS2_body_MyPage_MyPageTop .system_content .pageTitle,
.FS2_body_Cart_ShoppingCart #form .pageTitle,
.FS2_body_Login_Login #form .pageTitle,
.FS2_body_Config_PrivacyPolicy #form .pageTitle,
.FS2_body_Config_ReturnedSpecialContract #form .pageTitle { padding: 4px 0 10px; border: none; border-bottom: 1px solid #ccc; background: #fff;}

/******************************************************************** MyPageTop.html
*/
.FS2_mypagetop_list { margin: 10px 0;}
.FS2_mypage_top_table div { float: left; clear: none; padding: 1px; width: 232px; border: 1px solid #c7c4af;}
.FS2_mypage_top_table .FS2_mypage_container_AddressList,
.FS2_mypage_top_table .FS2_mypage_container_PointHistory,
.FS2_mypage_top_table .FS2_mypage_container_ReviewHistory { float: right;}

.FS2_mypage_top_table .CrossHead { border: none;}
.FS2_mypage_top_table h3 a,
.FS2_mypage_top_table .FS2_mypage_container_ReviewHistory h3 { display: block; padding: 4px 0 4px 26px; background: url(/shop/item/cosmoshop/design/img02/mypage_header.gif) no-repeat 1px 0; text-decoration: none; color: #655; letter-spacing: 0;}
.FS2_mypage_top_table h3 a:hover { background-position: -279px 0; color: #fff;}

.FS2_mypage_top_table p { padding: 0 0 6px 72px; min-height: 64px; height: auto !important; height: 64px;}
.FS2_mypage_top_table .FS2_mypage_container_LookOrderHistory p { background: url(/shop/item/cosmoshop/design/img02/mypage_i0.gif) no-repeat;}
.FS2_mypage_top_table .FS2_mypage_container_AddressList p { background: url(/shop/item/cosmoshop/design/img02/mypage_i1.gif) no-repeat;}
.FS2_mypage_top_table .FS2_mypage_container_PasswordEdit p { background: url(/shop/item/cosmoshop/design/img02/mypage_i2.gif) no-repeat;}
.FS2_mypage_top_table .FS2_mypage_container_PointHistory p { background: url(/shop/item/cosmoshop/design/img02/mypage_i3.gif) no-repeat;}
.FS2_mypage_top_table .FS2_mypage_container_EntryInfoEdit p { background: url(/shop/item/cosmoshop/design/img02/mypage_i4.gif) no-repeat;}
.FS2_mypage_top_table .FS2_mypage_container_ReviewHistory p { padding-left: 10px;}

/* ポイント履歴 */
.FS2_pagerTable_area .cartTable { width: 500px; font-size: 10px;}
.cartTable th,
.cartTable td { padding: 3px; white-space: normal;}

/* .orderFlow { margin: 0 auto 10px; padding: 10px 0; border: 1px solid #6bc8dd; background: #e5f7fb;} */

/******************************************************************** Login.html
*/
.FS2_login_layout_table td.FS2_login_layout_table_td_left { padding: 0;}
.FS2_login_layout_table td.FS2_login_layout_table_td_right { padding: 0 0 0 10px;}

/******************************************************************** MemberEntryEdit.html
*/
#memberEntryEditContents { clear: both; margin: 0 0 10px; padding: 24px 27px 16px; border: 1px solid #acd; background: #edfafd;}
#memberEntryEditContents h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.FS2_body_Member_MemberEntryEdit #form h2 { padding: 20px 16px 10px; border: none; border-bottom: 1px solid #ccc; background: transparent; font-weight: bold;}
.FS2_body_Member_MemberEntryEdit #form h2 + p { padding-left:16px;}

/******************************************************************** PostageSettleList.html
*/
.FS2_Config_Postage,
.FS2_Config_Settle { clear: both; margin: 0 0 10px; padding: 12px 18px; border: 1px solid #cfcfcf; background: #fff;}
.FS2_Config_Postage .pageTitle,
.FS2_Config_Settle .pageTitle { padding: 4px 0 10px; border: none; border-bottom: 1px solid #ccc; background: #fff;}
.FS2_Config_Postage .userTable_02,
.FS2_Config_Postage .userTable_02 td { text-align: center;}

.FS2_PostageSettleList_table td { padding: 0;}

/******************************************************************** home
*/
.home .layout_table { margin-top: 0;}
.home #col-a h2 { clear: both; padding: 9px 6px; border-bottom: 1px solid #ccc; background: #fff; color: #666; font-size: 10px; font-weight: normal; vertical-align: middle; line-height: 1.4;}
.home .section { padding: 0;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: mainCampaign
*/
#mainCampaign { margin-bottom: 10px;}
#mainCampaign h2 { border: 1px solid #36c6e9; background: #f1fbfd;}
*:first-child + html #mainCampaign h2 { padding-top: 6px; vertical-align: middle;}
* html               #mainCampaign h2 { padding-top: 6px; vertical-align: middle;}
#mainCampaign ul { list-style: none; margin: 0; padding: 0;}
#mainCampaign li { display: inline;}
#mainCampaign ul a { display: block; padding: 5px 0;}
#mainCampaign ul a:hover { background: transparent;}
#mainCampaign ul.column3 { position: relative; width: 549px; margin-left: -9px;}
#mainCampaign ul.column3 a { float: left; display: inline; margin-left: 9px;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: headContents
*/
.headContents { padding-right: 5px; border-bottom: 1px solid #ccc;}
#col-a .headContents h2 { float: left; border: none;}
.headContents ul { float: right; list-style: none; margin: 0; padding: 6px 0 0;}
*:first-child + html .headContents ul { padding-top: 7px;}
* html .headContents ul { padding-top: 7px;}
.headContents li { display: inline;}
#col-a .headContents ul a { display: block; padding: 4px 0; width: 9em; background: #00a0c6; text-decoration: none; color: #fff; text-align: center; font-size: 10px;}
#col-a .headContents ul a:hover { background: #08a; color: #eee;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: news
*/
#news dl { margin: 2px 0; padding: 0 6px;}
#news dt { display: inline; float: left; width: 84px; padding: 5px 5px 4px 21px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow2/orange.png) no-repeat 8px 50%;}
#news dd { padding: 5px 5px 4px 90px; border-bottom: 1px dotted #aaa;}
*:first-child + html #news dd { padding-left: 0;}
#news dd:last-child { border-bottom: none;}
#news dd a { text-decoration: none;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: pickup
*/
#pickup div { display: inline; float: left; width: 168px; min-height: 100px; height: auto !important; height: 100px; margin: 10px 0 0; padding: 89px 5px 0; border-left: 1px dotted #888; background: url(https://secure.future-s.com/~cosmoshop/img/home/p0.jpg) no-repeat 50% 0;}
div#p0,
div#p3 { clear: both; border: none;}
div#p1 { background-image: url(https://secure.future-s.com/~cosmoshop/img/home/p1.jpg);}
div#p2 { background-image: url(https://secure.future-s.com/~cosmoshop/img/home/p2.jpg);}
div#p3 { background-image: url(https://secure.future-s.com/~cosmoshop/img/home/p3.jpg);}
div#p4 { background-image: url(https://secure.future-s.com/~cosmoshop/img/home/p4.jpg);}
div#p5 { background-image: url(https://secure.future-s.com/~cosmoshop/img/home/p5.jpg);}
#pickup h3 a { display: block; padding: 2px; background: #c00; color: #fff; text-decoration: none; text-align: center; font-size: 10px;}
#pickup p { padding: 5px; line-height: 1.4;}
#p0 p,
#p3 p { font-size: 10px;}
#pickup ul { list-style: none; margin: 0; padding: 0; text-align: right; color: #0071bb;}

#pickup div.areaAnchorOver { background-color: #fafafa; color: #888;}
#pickup div.areaAnchorOver h3 a { background: #888;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: cosmoContents
*/
#cosmoContents { padding: 5px 5px 1px 1px; background: #eeede7;}
#cosmoContents .section { float: left; clear: none; width: 228px; margin: 0 0 5px 5px; padding: 1px 16px 6px;}
* html #cosmoContents .section { padding: 1px 15px;} /* IE 6 Double Margin */
#cosmoContents #cs0 { float: none; clear: both; width: 381px; padding-right: 130px; background: #fff url(https://secure.future-s.com/~cosmoshop/img/home/cs0_i.jpg) no-repeat 413px 13px;}
#cs1 { background: #fff url(https://secure.future-s.com/~cosmoshop/img/home/cs1_i.jpg) no-repeat 144px 45px;}
#cs2 { background: #fff url(https://secure.future-s.com/~cosmoshop/img/home/cs2_i.jpg) no-repeat 144px 45px;}
#cs1 p,
#cs2 p { padding-right: 110px; line-height: 1.4;}
#cosmoContents h2 { height: 19px; padding-left: 0;}
#cosmoContents p { padding-bottom: 0;}
#cosmoContents ul { list-style: none; margin: 8px 0; padding: 0;}
#cosmoContents ul a { padding: 0 0 0 8px; background: url(https://secure.future-s.com/~cosmoshop/img/arrow2/orange.png) no-repeat 0 50%;}
#cosmoContents ul a:hover { background-image: url(https://secure.future-s.com/~cosmoshop/img/arrow2/lightgray.png);}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: shoppingNotes
*/
#shoppingNotes div { width: 227px; margin: 16px 3px; padding: 0 0 0 18px;}
div#sn0 { float: right; width: 228px; padding: 0 23px; border-left: 1px dotted #666;}
#shoppingNotes p { padding-bottom: 0;}
#shoppingNotes ul { clear: both; margin: 5px 18px 18px; padding-bottom: 10px; text-align: center;}
#shoppingNotes li { display: inline;}

/******************************************************************** contact
*/
.contact_form #caution { text-align: center; list-style: none; border: 1px solid #d4c8b8; background: #fffcec; padding: 8px 20px 8px 10px; font-weight: bold; color: #cc0000; font-size: 135%; letter-spacing: 0.01em;}
.contact_form ul { list-style: none; margin: 0; padding: 0 0 16px 0;}
.contact_form th { padding: 0 0 0 20px; width: 116px; border-bottom: 1px solid #ccc; color: #555;}
.contact_form td { border-bottom: 1px solid #ccc;}
.contact_form h3 { padding: 9px 0 8px 18px; font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; background: url(http://www.cosmotf.com/img/arw2.gif) no-repeat -800px 9px; color: #567;}
.contact_form .textarea input { width: 240px;}
.contact_form .textarea textarea { width: 294px;}
.contact_form .attention { color: #c00;}
.contact_form #button { padding: 10px 0 0 143px;}
.contact_form #button input { padding: 2px 6px;}
.contact_form .check { padding: 5px;}
.contact_form .check p { margin: 0 0 3px; color: #620;}
.contact_form .attention { padding: 0 3px; font-size: 10px;}

.contact_form #campcord th,
.contact_form #campcord td { background: #ffe1f0;}

.contact_form #campcord th { color: #800000; padding: 6px 10px 6px 0; font-size: 14px;}


/******************************************************************** extentionContents
*/

#extentionContents a { text-decoration: none;}

#extentionContents .jewel { margin-bottom: 30px;}

#extentionContents div.campaignPickup { padding-left: 140px; text-align: center; margin-bottom: 30px;}

/* for IE7 */
*:first-child+html #extentionContents div.campaignPickup { padding: 0; margin: 0 auto 30px;}
/* for IE 6 or sooner */
* html #extentionContents div.campaignPickup { padding: 0; margin: 0 auto 30px;}

#extentionContents #suggestion { margin-bottom: 30px;}

#extentionContents #suggestion li {
	width: 175px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	float: left;
	text-align: center;
	padding-right: 5px;
}

#extentionContents #suggestion li.none { padding-right: 0;}

#extentionContents #suggestion span,
#extentionContents #suggestion img {
	display: block;
}

#extentionContents #suggestion strong { color: #008000;}

/* for IE7 */
*:first-child+html #extentionContents #suggestion img { padding: 0; margin: 0 auto 30px;}
/* for IE 6 or sooner */
* html #extentionContents div.campaignPickup { padding: 0; margin: 0 auto 30px;}

#extentionContents #suggestion img { padding-left: 22px;}
#extentionContents #suggestion img.commod { border: 1px solid #666666; padding: 0;}
#extentionContents #suggestion li.together img { padding: 0;}

/******************************************************************** kangenContents
*/

#kangenContents div#sec-kangen {
	margin-top: 10px;
	padding: 18px 0 0 18px;
	border: 1px solid #ccc;
	background: #fff;
}

#kangenContents div#sec-kangen div {
	width: 502px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 3px solid #eee;
}

#kangenContents div#sec-kangen div#adjKangen0 {
	border-bottom: none;
}

#kangenContents div#sec-kangen a {
	text-decoration: none;
}

/******************************************************************** phytoceaneContents
*/

#phytoceaneContents div#sec-phytoceane {
	margin-top: 10px;
	padding: 18px 0 0 18px;
	border: 1px solid #ccc;
	background: #fff;
}

#phytoceaneContents div#sec-phytoceane div {
	width: 502px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 3px solid #eee;
}

#phytoceaneContents div#sec-phytoceane div#adjPhytoceane1,
#phytoceaneContents div#sec-phytoceane div#adjPhytoceane2 {
	margin-bottom: 0;
}

#phytoceaneContents div#sec-phytoceane ul#adjPhytoceane0,
#phytoceaneContents div#sec-phytoceane ul#adjPhytoceane3 {
	padding-left: 80px;
}

#phytoceaneContents div#sec-phytoceane ul li {
	width: 167px;
	float: left;
}

#phytoceaneContents div#sec-phytoceane li a {
	text-decoration: none;
}


/******************************************************************** clearfix
*/
/******************** except IE */
.pager:after,
#pickup:after,
#cosmoContents:after,
.headContents:after,
#ranking ul a:after,
#footerContent:after,
#container:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE */
.pager,
#pickup,
#cosmoContents,
.headContents,
#ranking ul a,
#footerContent,
#container,
.clearfix { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html .pager,
* html #pickup,
* html #cosmoContents,
* html .headContents,
* html #ranking ul a,
* html #footerContent,
* html #container,
* html .clearfix { height: 1%;}
.pager,
#pickup,
#cosmoContents,
.headContents,
#ranking ul a,
#footerContent,
#footer,
#container,
.clearfix { display: block;}
/* End Holly Hack */

/******************************************************************** universal
*/
.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.pagetop { list-style: none; height: 21px; margin: 0; padding: 10px 0 0; text-align: right;}
.pagetop a { text-decoration: none;}

.attention { margin: 10px 0; padding: 10px; border: 1px solid #faa; background: #faf0f0; letter-spacing: 0;}
.caution { list-style: none; margin: 10px 0; padding: 10px; border: 1px solid #dacaaa; background: #fdfaf0; letter-spacing: 0;}
ul.caution { list-style: none; padding-bottom: 5px;}
.caution li { margin-bottom: 5px;}
.caution a { padding-right: .4em; padding-left: .4em;}

.areaAnchor {}
.areaAnchorOver { cursor: pointer;}
.even {}
.trEven { background: #f9f9f9;}

.ppt a { padding-left: 24px; background: url(https://secure.future-s.com/~cosmoshop/img/common/ppt.png) no-repeat 0 50%;}

/******************************************************************** print styles
*/
@media print {
	body { font: normal normal 12px/1.5 "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
	/*
	#col-a { width: 100%; float: none;}
	#col-b { display: none;} 
	*/
}

/* EOF */