@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(link/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(link/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(link/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(link/leftNavHead.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}

.leftNav li.leftNavLast {
	background-image : url(link/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(link/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(link/leftNavArrow2.gif);
}

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

#icon4 li a{
	background-image : url(link/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(link/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(link/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(link/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(link/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(link/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(link/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: 20px;
	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;}