@charset "utf-8";
/* CSS Document */
/*お試し店舗のヘッダを非表示*/
.FS2_trial{
display:none;
}
/*プレビューモードのヘッダを非表示*/
.FS2_preview{
display:none;
}

/*
#############################################################################################
#############################################################################################


	base


#############################################################################################
#############################################################################################
*/


/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/

body {
	text-align:center;/* box centering */
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
	margin: 0px 0px 0px;
	padding: 0px;
	background: url(/shop/item/fresco/design/img01/body_bg.gif) repeat-x;
	color: #555;
	font-size: 12px;
}
* html body {
	font-size: 75%;
}
*:first-child+html body {
	font-size: 75%;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.5em;/* base line height */
	text-align: left;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
}

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	font-size:12px;
	color:#444;
	font-family:sans-serif;
}



/*
===== 3: link setting ===========================
*/
a:link,
a:visited{
	color: #e14737;
}

a:hover,
a:active{
	color: #F18E01;
}

/*
#############################################################################################
#############################################################################################


	layout（共通部分：画像URLをルートに変更 url(/shop/item/fresco/design/img01/）


#############################################################################################
#############################################################################################
*/

#wrap {
	margin: 0px auto 12px;
	padding: 0px;
	width: 860px;
	text-align: left;
	background: url(/shop/item/fresco/design/img01/side_bg.gif) repeat-y left top;
}
#contents {
	position: relative;
	float: right;
	width: 610px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: inline;
}

/*
===== #head ====================================================
*/

#head {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 860px;
	height: 169px;
	text-align: left;
	background: #FFF url(/shop/item/fresco/design/img01/body_bg.gif) repeat-x left top;
	border-bottom: solid 12px #FFF;
}
#head .logo {
	position: absolute;
	top: 27px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background: none;
}
#head p#summary {
	position: absolute;
	top: 3px;
	left: 11px;
	width: 640px;
	margin: 0px;
	padding: 0px;
	font-size: 83%;
	line-height: 1.25em;
}
#head p#inquiry {
	position: absolute;
	top: 0px;
	left: 561px;
	margin: 0px;
	padding: 0px;
}

/* gnavi --------------------------- */
#head #gnavi {
	position: absolute;
	width: 860px;
	height: 79px;
	top: 90px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	background: url(/shop/item/fresco/design/img01/hnavi_bg.gif) no-repeat left bottom;
}
#head #gnavi li {
	float: left;
}

/* hnavi --------------------------- */
#head #hnavi {
	position: absolute;
	width: 347px;
	top: 148px;
	left: 513px;
}
#head #hnavi li {
	float: left;
}
#head #hnavi li img {
	vertical-align: super;
}

/* counter --------------------------- */
#head #counter {
	position:absolute;
	left: 29px;
	top: 149px;
}

/* skip --------------------------- */
ul#skip {
	position:absolute;
	overflow:hidden;
	height:0;
	width:0;
}


/*
===== #foot ====================================================
*/

#foot {
	margin: 0px 0px;
	padding: 0px 0px 20px;
	clear: both;
	width: 100%;
	background: #f0f0f0 url(/shop/item/fresco/design/img01/page_bg.gif) repeat-y left top;
	text-align: left;
}
#foot .inner {
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
	width: 860px;
	position: relative;
}
#foot p#copyright {
  margin: -16px 0px 0px;
	padding: 24px 0px 0px; 
	background: url(/shop/item/fresco/design/img01/side_btm.gif) no-repeat left top;
	position: absolute;
	z-index: 10;
}

/* fnavi --------------------------- */
#foot ul#fnavi {
	position: absolute;
	left: 446px;
	top: 12px;
	z-index: 20;
}
#foot ul#fnavi li {
	float: left;
}

/* footLink --------------------------- */
#footLink ul {
	font-size: 83%;
	margin: 0px 8px 7px;
	background:	url(/shop/item/fresco/design/img01/linkpartition.gif) no-repeat 0px 4px;
	text-align: left;
	line-height: 1.75em;
	position: relative;
	border-top: solid 40px #F0F0F0;
}
#footLink ul li {
	display: inline;
	padding: 0px 6px 0px 4px;
	background:	url(/shop/item/fresco/design/img01/linkpartition.gif) no-repeat right center;
	zoom: 1;
}
#footLink ul li a:link,
#footLink ul li a:visited {
	color: #777;
}
#footLink ul li a:hover,
#footLink ul li a:active {
	color: #F18E01;
}

/* address --------------------------- */
#foot address {
	margin: 0px 5px;
	padding: 8px 0px 0px;
	background: url(/shop/item/fresco/design/img01/dotline01.gif) repeat-x left top;
	font-style: normal;
	color: #555;
}
#foot address a {
  color: #555;
}

/*
===== #side ====================================================
*/

/* sholderBtn --------------------------- */
#btnOrder {
	background: #FFF;
	padding: 0px 0px 8px;
}

#sholderBtn {
	background: #FFF;
	padding: 0px 0px 3px;
}
#sholderBtn li {
	background: #FFF;
	margin: 0px 15px 5px;
}

/* serviceList --------------------------- */
#serviceList {
	background: #FFF;
	padding: 0px 15px 10px;
	width: 205px;
}
#serviceList dt {
	background: #169eca;
	padding: 7px 10px 6px 12px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.33;
}
#serviceList dd {
	border: solid 1px #999;
	border-width: 0px 1px 0px;
	background: #FFF;
	padding: 0px 0px 3px;
	line-height: 1.25;
}
#serviceList dd.end {
	border-width: 0px 1px 1px;
}
#serviceList dd ul {
	margin: -1px 0px 0px;
}
#serviceList dd li {
	background: url(/shop/item/fresco/design/img01/dotline01.gif) repeat-x left bottom;
	line-height: 1.25em;
	margin: 0px 6px 0px;
	padding: 0px;
}
#serviceList dd li.end {
	background: none;
}

#serviceList dd li a {
	display: block;
	background: url(/shop/item/fresco/design/img01/arrow07.gif) no-repeat 2px 11px;
	padding: 8px 0px 7px 13px;
	text-decoration: none;
	zoom: 1;
}
#serviceList dd li a:link,
#serviceList dd li a:visited {
	color: #333;
}
#serviceList dd li a:hover,
#serviceList dd li a:active {
	color: #F18E01;
}

#side {
	float: left;
	width: 235px;
	margin: 0px;
	padding: 15px 0px 6px;
	display: inline;
	background: url(/shop/item/fresco/design/img01/side_head.gif) no-repeat left top;
}
#side .inner {
	margin: 0px 10px;
	padding: 0px 5px 1px;
	background: #FFF url(/shop/item/fresco/design/img01/side_inner_btm.gif) no-repeat left bottom;
}

#calTitle {
	margin: 5px 5px 0px;
	padding: 10px 0px 0px;
	font-size: 92%;
	font-weight: bold;
	border-top: dashed 1px #999;
}

/* sideBox --------------------------- */
.sideBox {
	width: 205px;
	padding: 5px 0px 0px;
}
.sideBox dt {
	background: url(/shop/item/fresco/design/img01/sideinfo_title.gif) no-repeat center top;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 6px 5px 10px;
	line-height: 1.3;
}
.sideBox dd {
	padding: 0px 12px 10px;
	font-size: 92%;
	line-height: 1.33;
}


/* menuBtn --------------------------- */
#side #menuBtn {
	margin: 0px 0px 8px;
}

/* sideBan --------------------------- */
#side #sideBan {
	padding: 0px 0px 0px;
}
#side #sideBan li {
	margin: 0px 0px 8px;
}

/* menuSub --------------------------- */
#menuSub {
	background: url(/shop/item/fresco/design/img01/sideBox_bg.gif) no-repeat left top;
	padding: 3px 0px 0px;
	margin: 0px 0px 8px;
}
#menuSub ul {
	background: url(/shop/item/fresco/design/img01/sideBox_btm.gif) no-repeat left bottom;
}
#menuSub ul li {
	background: url(/shop/item/fresco/design/img01/dotline01.gif) repeat-x left bottom;
	line-height: 1.25em;
	margin: 0px 4px 0px;
	font-size: 92%;
}
#menuSub ul li a {
	display: block;
	background: url(/shop/item/fresco/design/img01/arrow01.gif) no-repeat 6px 7px;
	padding: 7px 0px 6px 27px; 
	text-decoration: none;
}
#menuSub ul li.end {
	background: none;
}

#menuSub ul li a:link,
#menuSub ul li a:visited {
	color: #555;
}
#menuSub ul li a:hover,
#menuSub ul li a:active {
	color: #F18E01;
}


/* sideMenu --------------------------- */
dl.sideMenu {
	width: 205px;
	padding: 0px 0px 0px 0px;
}
dl.sideMenu dt {
	position: relative;
	z-index: 10;
}
dl.sideMenu dd {
	margin: 0px 0px 8px;
	background: url(/shop/item/fresco/design/img01/sideBox_bg2.gif) repeat-y left top;
}
dl.sideMenu dd ul {
	margin: -1px 0px 0px;
	padding: 0px 0px 4px;
	background: url(/shop/item/fresco/design/img01/sideBox_btm.gif) no-repeat left bottom;
}
dl.sideMenu dd ul li {
	background: url(/shop/item/fresco/design/img01/dotline01.gif) repeat-x left top;
	line-height: 1.25em;
	margin: 0px 3px 0px;
	padding: 3px 0px 2px;
	font-size: 12px;
}
dl.sideMenu dd ul li a {
	display: block;
	background: url(/shop/item/fresco/design/img01/arrow04.gif) no-repeat 5px 9px;
	padding: 6px 0px 6px 23px;
}
/* futon ---- */
#futon dl.sideMenu dd ul li a {
	background: url(/shop/item/fresco/design/img01/arrow05.gif) no-repeat 5px 9px;
}
/* company ---- */
#company dl.sideMenu dd ul li a {
	background: url(/shop/item/fresco/design/img01/arrow06.gif) no-repeat 5px 9px;
}

/* Hides from IE-mac \*/
#side a { height: 1%; }
/* End hide from IE-mac */

dl.sideMenu dd ul li a:link,
dl.sideMenu dd ul li a:visited { color: #555;}
dl.sideMenu dd ul li a:hover,
dl.sideMenu dd ul li a:active { color: #F18E01;}


/* current -------------------------- */
dl.sideMenu dd ul li a.current {
	background: #d4fcff url(/shop/item/fresco/design/img01/arrow04.gif) no-repeat 4px 9px;
	color: #4d5548;
	text-decoration: none;
}
/* futon ---- */
#futon dl.sideMenu dd ul li a.current {
	background: #fffdce url(/shop/item/fresco/design/img01/arrow05.gif) no-repeat 5px 9px;
	color: #555348;
}
/* company ---- */
#company dl.sideMenu dd ul li a.current {
	background: #e1fadc url(/shop/item/fresco/design/img01/arrow06.gif) no-repeat 5px 9px;
	color: #4d5548;
}


/*
===== #Others ====================================================
*/

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/*  Fx dotOff */
.pagetop a,
#gnavi ul li a {
	overflow: hidden;
}
/*  /Fx dotOff */


/*
===== subTitle-off ================================================
*/
#head dl dt,
#foot dl dt {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

/*
===== ClearFix ====================================================
*/
#wrap:after,
#contents:after,
#footLink ul:after,
#foot address:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#wrap,
#contents,
#footLink ul,
#foot address {
  display: inline-table;
  min-height: 1%;
}
/* Hides from IE-mac \*/
* html #wrap,
* html #contents,
* html #footLink ul,
* html #foot address { height: 1%; }
#wrap,
#contents,
#footLink ul,
#foot address { display: block; }
/* End hide from IE-mac */


/*
#############################################################################################
#############################################################################################


	layout（fs用追加部分）


#############################################################################################
#############################################################################################
*/
body.FS2_body_Common_Closed {
	background: none;
}

.layout_body {
	width: 100%;
	text-align: center;
}
.layout_table {
	width: 860px;
	margin: 0px auto 12px;
}
td.layout_menu { 
	width: 250px;
	background: url(/shop/item/fresco/design/img01/side_bg.gif) repeat-y left top;
	text-align: left;
}
td.layout_content {
	padding: 102px 0px 0px;
	background: url(/shop/item/fresco/design/img01/key_order.gif) no-repeat left top;
	text-align: left;
}
h2.pageTitle {
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 31px 36px; /* 下20px */
	background: url(/shop/item/fresco/design/img01/h2_shopping.gif) no-repeat left top;
	font-size: 150%;
	line-height: 1.25em;
	font-weight: bold;
	color: #FFF;
	border: none;
}
h3.CrossHead {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 18px 19px;
	background: url(/shop/item/fresco/design/img01/h3.gif) no-repeat left top;
	line-height: 1.25em;
	font-size: 117%;
	color: #333;
	clear: both;
	font-weight: bold;
	border: none;
}


/* login ---------------- */
.utility {
	position: relative;
}
ul.login {
	width: 610px;
	font-size: 92%;
	padding: 0px 0 3px;
	text-align: right;
}
.FS2_welcome_area {
	border-bottom: none;
}

/* system_content ---------------- */
.system_content {
	width: 590px;
	margin: 0px 10px;
}
.system_content p {
	margin: 0px 10px 0px;
}

/* pan ---------------- */
.pan {
	font-size:92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 7px 6px;
	background: none;
	position: relative;
}
.system_content .pan {
	margin: 0px 0px 0px 0px;
}
.system_content .pan a:link,
.system_content .pan a:visited {
	color: #555;
}
.system_content .pan a:hover,
.system_content .pan a:active {
	color: #F18E01;
}

/* side ---------------- */
#side {
	float: none;
	display: block;
}

/* frameArea ---------------- */
.frameArea {
	margin: 0px 10px 15px;
}

/* mypageList -------------------- */
.FS2_mypagetop_list h3 {
	background:  url(/shop/item/fresco/design/img01/arrow01.gif) no-repeat left 1px;
	padding: 0px 0px 5px 17px;
}
.FS2_mypagetop_list h3 a:link,
.FS2_mypagetop_list h3 a:visited {
	color: #333;
}
.FS2_mypagetop_list h3 a:hover,
.FS2_mypagetop_list h3 a:active {
	color: #F18E01;
}

.FS2_mypagetop_list div {
	margin: 0px 0px 15px 10px;
}
.FS2_mypagetop_list p {
	margin: 0px 0px 0px 17px;
}

.calmemo {
	font-size: 83%;
	margin: 0px 5px 10px 7px;
}

/*
===== itemPage ====================================================
*/
/* 商品画像および商品説明部分 ---------------- */
h1.itemTitle2,
td.layout_content h1.itemTitle {
	color: #1e5cb6;
	font-size: 133%;
}

.FS2_itemPrice_area,
.FS2_itemPrice_text,
.FS2_point {
	margin: 0px;
	padding: 0px;
}
.FS2_itemPrice_area span.itemPrice {
	color: #e5312a;
	font-size: 150%;
}
.FS2_point {
	text-align: right;
	border-bottom: none;
	font-size: 100%;
}
td.FS2_itemlayout_td_Right {
	padding-left: 10px;
}
.FS2_MailRecommendButton_area {
	margin-bottom:10px;
}

.FS2_itemlayout_td_Right .userTable_01 {
	display: none;
}	
.FS2_itemlayout_td_Right .FS2_ReviewTextLink_area {
	display: none;
}

.FS2_thumbnail_container {
	padding: 0px 0px 12px;
}

/* 商品画像および商品説明部分（グループ） ---------------- */
.groupeBox {
}
.groupeImage img {
  float: left;
	margin: 0px 20px 0px 0px;
	padding-bottom: 10px;
	display: inline;
}
.groupeBox h1.itemTitle {
	color: #1e5cb6;
	font-size: 133%;
	margin: 0px 0px 5px;
}
.system_content .groupeBox p {
  margin: 0px 0px 5px;
}


/* FS2_GroupLayout -------------------- */
.FS2_sort_menu_bg {
	display: none;
}
.FS2_GroupLayout,
.groupLayout {
	margin-bottom: 0px;
}
.FS2_GroupLayout .pager {
	display: none;
}
.alignItem_02 .gl_Item {
	width:45.5%;
	margin-right:3%;
	margin-bottom: 0px;
}
h2.itemTitle {
	color: #333;
	font-size: 117%;
	margin: 0px 0px 5px;
}
/* 商品説明の上下フリースペース ---------------- */
.FS2_lower_comment {
	padding-top: 15px;
}
.user_inner_content {
	margin-bottom: 0px;
	color: #333;
}
.system_content .FS2_itemlayout_td_Right p {
	margin: 0px 0px;
}

.user_content h2,
.user_inner_content h2 {
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 31px 36px;
	background: url(/shop/item/fresco/design/img01/h2_shopping.gif) no-repeat left top;
	font-size: 150%;
	line-height: 1.25em;
	font-weight: bold;
	color: #FFF;
}
.FS2_lower_comment h3 {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 31px 36px;
	background: url(/shop/item/fresco/design/img01/h3_itempage.gif) no-repeat left top;
	font-size: 150%;
	line-height: 1.25em;
	font-weight: bold;
	color: #222;
}
.FS2_lower_comment h4 {
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 18px 19px;
	background: url(/shop/item/fresco/design/img01/h3.gif) no-repeat left top;
	line-height: 1.25em;
	font-size: 117%;
	color: #333;
}


/* section ---------------- */
.FS2_lower_comment .section {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

/* pict ---------------- */
.FS2_lower_comment p {
	font-size: 117%;
	line-height: 1.57em;
	margin: 0px 12px;
	padding-bottom: 16px;
	color: #333;
}
 .pictL {
	float: left;
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 12px;
}
.FS2_lower_comment .pictR {
	float: right;
	display: inline;
	margin: 0px 10px 0px 20px;
	padding: 0px 0px 12px;
}

/* link ---------------- */
FS2_lower_comment .link a {
	background:  url(/shop/item/fresco/design/img01/arrow02.gif) no-repeat left 1px;
	padding: 0px 0px 2px 17px;
}
span.link a {
	background:  url(/shop/item/fresco/design/img01/arrow02.gif) no-repeat 3px 1px;
	padding: 0px 0px 2px 20px;
}

.link {
	margin: 0px 5px 0px 12px;
}
.link a{
	background:  url(/shop/item/fresco/design/img01/arrow02.gif) no-repeat left 1px;
	padding: 0px 0px 2px 17px;
}

/* List ---------------- */
.shopBan {
	margin: 0px -10px 15px 0px;
	width: 600px;
	position: relative;
}
.shopBan li {
	margin: 0px 8px 0px 0px;
	width: 291px;
	float: left;
	display: inline;
}

/* courseList ---------------- */
#courseList {
	width: 600px;
	margin: 5px -10px 0px 0px;
}
#courseList ul {
	width: 300px;
	float: left;
}
#courseList ul li {
	margin: 0px 0px 3px 3px;
}
#courseList ul li a {
	background:  url(/shop/item/fresco/design/img01/arrow02.gif) no-repeat left 1px;
	padding: 0px 0px 2px 17px;
}

/* shopFlow ---------------- */
ol.shopFlow {
	margin: 0px 0px 30px;
}

/* kitList ---------------- */
ol.kitList {
	margin: 0px 10px 10px;
	font-size: 117%;
	list-style-type: decimal;
	padding-left: 27px;
}

/* afterList ---------------- */
ol.afterList {
	margin: 0px 10px 15px;
	font-size: 117%;
	list-style-type: decimal;
	padding-left: 27px;
	font-weight: bold;
}
ol.afterList li {
	margin: 0px 0px 10px;
	color: #333;
}
ol.afterList li p {
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 100%;
	font-weight: normal;
}

/*
===== #gift ====================================================
*/
.giftOrder {
	float: right;
	width: 185px;
	margin: 0px 0px 0px 20px;
	display: inline;
}

#giftStaff {
	background: url(/img/gift/gift_staff.jpg) left top no-repeat;
	padding: 282px 0px 0px 287px;
	min-height: 220px;
	_height: 220px;
}
.btnC {
	text-align: center;
	margin: 0px 0px 20px;
}
.btnC form {
	text-align: center;
}


/* Text ---------------- */
.s { font-size: 0.83em; }
.m { font-size: 1.0em; }
.l { font-size: 1.17em; }
.ll { font-size: 1.33em; }
.xl { font-size: 1.50em; }

.b { font-weight: bold; }
.n { font-weight: normal; }
.i { font-style: italic; }
.red { color: #CF3A3A; }

.txtL { text-align: left;}
.txtR { text-align: right;}

.check {
	background: #ffeeee;
	color: #443e3e;
	font-weight: bold;
}
.em {
	font-weight: bold;
	color: #D15D00;
}
.spa {
	letter-spacing: -1px;
}
.telnum {
	font-size: 150%;
	color: #333;
	font-weight: bold;
}

/*
===== ClearFix ====================================================
*/
.section:after,
.shopBan:after,
.groupeBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.section,
.shopBan,
.groupeBox {
  display: inline-table;
  min-height: 1%;
}
/* Hides from IE-mac \*/
* html .section,
* html .shopBan,
* html .groupeBox { height: 1%; }
.section,
.shopBan,
.groupeBox { display: block; }
/* End hide from IE-mac */