@charset "utf-8";

/*　送料につぁE��を非表示　090731追加�E�今亁E/
.FS2_Config_Postage{display:none;}

/*お試し店�Eのヘッダを非表示*/
.FS2_trial{  
  display:none;
}

/*プレビューモード�Eヘッダを非表示*/
.FS2_preview{  
  display:none;
}


/* ---IE7対応clearfix--- */

.clearfix:after {
    
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {  
  height: 1%;
}
.clearfix {  
  display: block;
}
/* End hide from IE-mac */


/* ------------------------------
TAG
------------------------------ */
* {
    
	margin: 0;
	padding: 0;
}

body  {
    
	color: #333;
	background-color: #ffffff;
	background-image : url(wrapperBg.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	font-family: "メイリオ", Meiryo, "�E��E� �E�ゴシチE��", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

/* IE7でpadding持E��E*/
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding持E��E*/
*html body {
padding-left: 1px;
}

h1,h2,h3,h4,h5,h6 {
    
	font-weight: normal;
	font-size: 1.0em;
}


td {
    
	text-align:left;
	font-size: 12px;
}

img {
    
	vertical-align: bottom;
	border: 0;
}


li {
    
	list-style-type: none;
}

/* ------------------------------
aTAG
------------------------------ */
td.layout_content a {
    
	color: #0066cc;
	text-decoration: none;
}

td.layout_content a:hover {
    
	color: #f90;
	text-decoration: underline;
}

#footer a {
    
	color: #0066cc;
	text-decoration: none;
}

#footer a:hover {
    
	color: #3399FF;
	text-decoration: underline;
}


/* ------------------------------
clear
------------------------------ */
.clear {
    
	clear: both;
}
br.clear {  
  height:0px; 
}

/*-----------------------------
Base
------------------------------ */
#wrapper {
    
	margin: 0 auto;
}

#header {
    
	width: 858px;
	background-image : url(headerBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 92px;
	position: relative;
}

#header h1 {
    
	position:absolute;
	left: 10px;
	top: 0px;
	color: #0d96e5;
	text-align: left;
	font-size: 12px;
	width: 500px;
	z-index: 10;
}

#header #headerLink {
    
	position:absolute;
	left: 5px;
	top: 6px;
	color: #9B4612;
	text-align: left;
	font-size: 12px;
	width: 99px;
	z-index: 10;
	text-decoration: none;
}

#headerLogo {
    
	position: absolute;
	top: 13px;
	
}

#headerBtn {
    
	position: absolute;
	left: 548px;
	top: 15px;
}

#headerBtn a{
    
	display:block;
	margin-bottom:2px;
	
}


#headerPayment {
    
	position:absolute;
	left: 689px;
	top: 10px;
	
}

#headerFreedial {
    
	position:absolute
	;
}

#headerFreedial {
    
	position:absolute;
	left: 341px;
	top: 23px;
	
}

#headerBtnCart {
    
	position:absolute;
	left: 689px;
	top: 50px;
	
}


#categoryBtn {
    
	margin-bottom: 10px;
	margin-left: 20px;
	text-aling:left;
}

#categoryBtn p{
    
	margin-bottom: 5px;
}

.layout_menu {  
  background:none;
}

#categoryBtn {
    
	margin-bottom: 10px;
	margin-left: 20px;
	text-aling:left;
	width: 180px;
}

#categoryBtn p{
    
	margin-bottom: 5px;
}


#nav {
    
	float: left;
	width: 180px;
}


.leftNav {
    
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 0px;
	width: 180px;
	background-image : url(leftNavBg.gif);
	background-repeat: repeat;
	background-position: left top;
}

.leftNav li {
    
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-size: 13px;
}

.leftNav li.leftNavFirst {
    
	background-image : url(leftNavHead.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}

.leftNav li.leftNavLast {
    
	background-image : url(leftNavBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

.leftNav li.leftNavTitle {
    
	padding:0px;
	margin:0px;
}

.leftNav li a{
    
	background-image : url(leftNavArrow1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.leftNav li a:hover{
    
	text-decoration: underline;
}

#icon2 li a{
    
	background-image : url(leftNavArrow2.gif);
}

#icon3 li a{
    
	background-image : url(leftNavArrow3.gif);
}

#icon4 li a{
    
	background-image : url(leftNavArrow4.gif);
}

.leftNav img {
	}

.leftNav li.leftNavTitle a{
    
	padding:0px;
	margin:0px;
	border-bottom-style: none;
}

#footerBtn{
    
	clear:both;
	padding-top: 30px;
	
}


#footer {
    
	clear: both;
	margin: 0 auto;
}

#footer ul{
    
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}

#footer ul li{
    
	margin: 0;
	display: inline;
	padding-right: 5px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}

#footer ul li.first{
    
	margin: 0;
	border-left-style: none;
	padding: 0px;
}

#copyright {
    
	padding: 0;
	text-align: center;
	font-size: 0.9em;
}

#produced {}

.pagetop {
    
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

/* ------------------------------
element
------------------------------ */
.m-b5 {  
  margin-bottom:5px!important;
}
.m-b10{  
  margin-bottom:10px!important;
}
.m-b15{  
  margin-bottom:15px!important;
}
.m-b20{  
  margin-bottom:20px!important;
}
.m-b25{  
  margin-bottom:25px!important;
}
.m-b30{  
  margin-bottom:30px!important;
}
.m-b40{  
  margin-bottom:40px!important;
}

.f-l {  
  float:left!important;
}
.f-r {  
  float:right!important;
}
.ta-r{  
  text-align:right!important;
}
.ta-c{  
  text-align:center!important;
}

.tc-orange{  
  color:#FF6600;
}
.tc-red {  
  color:#FF0000;
}

.clear {  
  clear:both;
}


/* ------------------------------
既存設定�E変更
------------------------------ */
p.pan{  
  text-align:left; margin-right:10px;
}
.layout_table {  
  margin-top:10px;
}
.system_content {  
  width:645px;
}
.itemCenter p {  
  padding:5px; background-color:#EFEFEF;
}
p.FS2_itemPrice_text {
    
	margin-top:10px;
}
.itemCenter p {  
  text-align:left;
}


@charset "utf-8";

/* ------------------------------
バナーリスチE
------------------------------ */

ul.bnr {
    
 margin-bottom:30px;
 
}

ul.bnr li.col2{
    
	width:315px;
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
 
}

ul.bnr li.col2r{
    
 width:315px;
 float:left;
 margin: 0px 0px 10px 0px;
 
}

ul.bnr li.col3{
    
 width:206px;
 float:left;
 margin: 0px 10px 10px 0px;
 
}

ul.bnr li.col3r{
    
 width:206px;
 float:left;
 margin: 0px 0px 10px 0px;
 
}

ul.bnr li.col4{
    
 width:152px;
 float:left;
 margin: 0px 10px 10px 0px;
 
}

ul.bnr li.col4r{
    
 width:152px;
 float:left;
 margin: 0px 0px 5px 0px;
 
}


/* ------------------------------
ランキング
------------------------------ */

ul.ranking2 {
    
	margin-bottom:20px;
 
}

ul.ranking2 li{
    
	width:120px;
	padding:0px 4px 0px 4px;
	text-align:left;
	float:left
 ;
}

ul.ranking2 li div{
    
	margin:0px 0px 5px 0px;
	
}


/* ------------------------------
チE��プレート以外�Eペ�Eジ
------------------------------ */

#container{
    
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 11px;
	margin-bottom: 0px;
}

#mainWrap {
    
	float: right;
	width: 660px;
	text-align: left;
}

#main {
    
	width: 640px;
	margin-right: 20px;
}

#main p {
    
	padding:0 10px;
	
}

#content #nav {
    
 padding-left:1px;
 
}

/* ------------------------------
バナー
------------------------------ */

.bnr1{
    
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-right: 2px;
}
.bnr1 a{
    
	margin-right: 6px;
	display: block;
	float: left;
}


/* ------------------------------
バナー挨拶状など
------------------------------ */

.bnr2{
    
	background-image : url(bnr2bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 20px;
}

.bnr2 .boxpd{
    
	padding-left: 7px;
	background-image : url(bnr2con.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 2px;
}

.bnr2 .box{
    
	background-color: #FFFFFF;
	border: 1px solid #A4E3F4;
	width: 203px;
	position: relative;
	height: 85px;
	float: left;
	margin-right: 5px;
}

.bnr2 .boxImg{
    
	height: 75px;
	width: 75px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.bnr2 .boxTitle{
    
	position: absolute;
	left: 82px;
	top: 3px;
}


#main .bnr2 div p{
    
	float: right;
	width: 113px;
	text-align: left;
	position: absolute;
	left: 87px;
	top: 28px;
	padding:0px;
	font-size: 12px;
}

/* ------------------------------
バナー イベントから選ぶ
------------------------------ */


.bnr5{
    
	background-image : url(bnr5bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
	padding: 0px 0px 4px;
	width: 640px;
}

.bnr5 .boxpd{
    
	padding-left: 7px;
	background-image : url(bnr5con.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 2px;
}

.bnr5 .box{
    
	background-color: #FFFFFF;
	border: 1px solid #F7A6D0;
	width: 203px;
	position: relative;
	height: 85px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.bnr5 .boxImg{
    
	height: 75px;
	width: 75px;
	position: absolute;
	left: 5px;
	top: 5px;
}

#main .bnr5 div p,#FS2_body_Goods .bnr5 div p{
    
	float: right;
	width: 113px;
	text-align: left;
	position: absolute;
	left: 87px;
	top: 8px;
	padding:0px;
	font-size: 12px;
}

/* ------------------------------
カタログギフトご予算別
------------------------------ */

.bnr6{
    
	background-image : url(bnr6bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 7px;
	margin-bottom: 20px;
}

.bnr6 .boxpd{
    
	padding-left: 8px;
	background-image : url(bnr6con.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.bnr6 .box{
    
	position: relative;
	float: left;
	margin-right: 6px;
	height: 70px;
	width: 120px;
}

/* ------------------------------
subペ�Eジ
------------------------------ */

#main .p1,.system_content .p1{
    
	background-color: #FFFCF0;
	border: 1px solid #FCE096;
	padding: 10px;
	font-size: 12px;
	line-height: 160%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#main .p2,.system_content .p2{
    
	font-size: 14px;
	line-height: 160%;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	margin-bottom: 13px;
}

#main h2 {
    
	font-size: 16px;
	margin-bottom: 15px;
	background : url(h2bg.gif) no-repeat;
	line-height: 16px;
	padding: 10px 5px 16px 10px;
	color: #0d96e5;
}

#main h3 {
    
	margin-bottom: 10px;
	font-size: 15px;
	padding-left: 10px;
	background : url(h3bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	color: #fd6900;
}

#main h2.kouden {
    
	background : url(h2bgkouden.gif) no-repeat;
	color: #333333;
}

#main h3.kouden {
    
	background : url(h3bgkouden.jpg) no-repeat center bottom;
}


table.text-left{
    
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

table.text-left td{
    
	vertical-align: top;
}
table.text-left td p{
    
	margin-bottom:13px;
}

table.text-right{
    
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}

table.text-right td{
    
	vertical-align: top;
}
#main table.text-right td p{
    
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.goodsContent{
    
	padding-left:10px;
	padding-right: 10px;
}

.goodsBox {
    
	width: 300px;
	margin-bottom: 30px;
}

#main .goodsBox h2 {
    
	background: #FFFFFF;
	border-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
}

.goodsBox .goodsImg {
    
	margin-left: 10px;
	margin-bottom: 5px;
}

.goodsBox p {
    
	margin-bottom: 10px;
	font-size: 14px;
}

.goodsBox .goodsBtn {
    
	text-align: center;
}

/* ------------------------------
香�E返し
------------------------------ */
h2.imgTitle{  
  padding:0px!important; background-image:none!important;
}
.boxL{
    
	width:310px;
	float: left;
	margin-bottom: 20px;
}
.boxR{
    
	width:310px;
	float:right;
	margin-bottom: 20px;
}
ul.check{
    
	margin: 0px;
	padding: 0px;
}
ul.check li{
    
	background : url(check.jpg) no-repeat left top;
	margin: 0px 20px 6px 0px;
	padding: 0px 0px 0px 25px;
	float: left;
}
.koudenList {
    
	text-align: center;
	margin-bottom: 30px;
}
.koudenList li{
    
	display:inline;
	float: left;
}
ul.ranking li{
    
	text-indent: -33px;
	margin-left: 33px;
	margin-bottom: 3px;
}

/* ------------------------------
common
------------------------------ */

/*マ�Eジン
----------------- */
.mb5{  
  margin-bottom:5px!important;
}
.mb10{  
  margin-bottom:10px!important;
}
.mb15{  
  margin-bottom:15px!important;
}
.mb20{  
  margin-bottom:20px!important;
}
.mb30{  
  margin-bottom:30px!important;
}
.mb40{  
  margin-bottom:40px!important;
}
.mAuto{  
  margin:auto!important;
}
.margin0{  
  margin:0px!important;
}

/*パディング
----------------- */
.pdLR10{  
  padding-left:10px; padding-right:10px;
}
.pdLR20{  
  padding-left:20px; padding-right:20px;
}

/*位置調整
----------------- */
.fL{  
  float:left; display:block; !important;
}
.fR{  
  float:right; display:block; !important;
}
.taL{  
  text-align:left!important;
}
.taR{  
  text-align:right!important;
}
.taC{  
  text-align:center!important;
}
.vaT {  
  vertical-align:top!important;
}
.vaM {  
  vertical-align:middle!important;
}
.vaB {  
  vertical-align:bottom!important;
}
img.fL1{  
  display:block; float:left; margin-right:10px;
}
img.fL2{  
  display:block; float:left; margin-right:20px;
}
img.fR1{  
  display:block; float:right; margin-left:10px;
}
img.fR2{  
  display:block; float:right; margin-left:20px;
}