/* ------------------------------------- 
 *	クルーページ
 * ------------------------------------- */

.crew {
	clear: both;
	padding-top: 0px;
        padding-left: 5px;
	margin-top: 10px;
	width: 700px;
	height:170px;
	background-color:  #FFFFFF;
	background-repeat: repeat-x;

}


.boxprof {
	height: 600px;
	width: 220px;
	line-height: 180%;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 20px;

}


.stylestmpprf {
color: #ffffff;
background-color: #a9a9a9;
padding: 2px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 50px;
margin-bottom: 20px;
margin-left: 0px;
line-height: 200%;
}





.topic {
	clear: both;
	padding-top: 30px;
        padding-left: 5px;
	margin-top: 15px;
	width: 700px;
	height:170px;
	background-color:  #F6F6F6;
	background-image: url(../../etc/line2_20130916090337.gif);
	background-repeat: repeat-x;

}

.topic2 {
	clear: both;
	padding-top: 30px;
        padding-left: 5px;
	margin-top: 15px;
	width: 700px;
	background-color:  #FFFFFF;
	background-image: url(../../etc/line2_20130916090337.gif);
	background-repeat: repeat-x;

}




.boxnew {
	height: 150px;
	width: 300px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	border-left-style: dotted;
	color: #000000;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #333333;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #333333;

}


.box700 {
	height: 150px;
	width: 650px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 20px;
        border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


.box700long {
	height: 250px;
	width: 650px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 20px;
        border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


.boxnew2 {
	height: 150px;
	width: 150px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-color: #666666;
}

.boxnew4 {
	height: 150px;
	width: 220px;
	line-height: 180%;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 10px;

}





.stylestmp3 {
color: #ffffff;
background-color: #80ff80;
padding: 0px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 3px;
line-height: 200%;
}


.stylestmp4 {
color: #ffffff;
background-color: #ff8080;
padding: 0px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 3px;
line-height: 200%;
}

/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}


body {
	font-family: Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 70%;
	line-height: 160%;
	color: #333333;
	margin: 0px;
	padding: 0px;
　　　　　 width: 100%;
　　　　　
		}


#header2 {
	color: #000000;
	text-align: left;
	background-color:  #F6F6F6;
	background-image: url(../../etc/fab13_207800.jpg);
	background-repeat: repeat    ;
	height: 160px;
        width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	}

li {
margin-left:0px;
list-style-type: none;
}


ul.menu_f1 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	width: 100%;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFF33;
	height: 30px;
	border-bottom-width: 3px;
	padding: 0px;
	vertical-align: middle;
	line-height: 10px;
	background-image: url(../../etc/fab8_20130819205208.jpg);
}


ul.menu_f1 li{
    float: left;
	display: block;

	
}




ul.menu_f1 li a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFF33;
	border-right-color: #FFFF33;
	border-bottom-color: #FFFF33;
	border-left-color: #FFFF33;
	border-bottom-width: 3px;
	height: 20px;
	width: 105px;
	font-size: 11px;
	color: #4a4a4a;
	text-decoration: none;
	background-color: #1A1A1A;
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../../etc/fab8_20130819205208.jpg);
	
}




ul.menu_f1 li a:hover , ul.menu_f01 li a.nowthis{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #99CCFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
	background-color: #666666;
	border-left-style: none;

	}



h1 {
	width: 100%;
	font-size: 70%;
        color: #CCCCCC;
	background-image: url(../../etc/fab7_20720014.gif);
	background-repeat: repeat-x;
	margin-right: 30px;
        text-align: right;
        text-decoration: none;
}

a:link {
	color: #339999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009966;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
}


.top {
	background-color: #000000;
	width: 100%;
	background-repeat: repeat;
	height: 540px;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	clear: both;
}




h4 {
	width: 900px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #bfbfbf;
	margin-top: 30px;
	height: 24px;
	margin-left: 0px;
	clear: both;
	float: none;
	padding-left: 5px;
}



p img {
	float: none;
	clear: both;
	margin: 3px;
          border: 0px;
}
.box {
	height: 400px;
	width: 202px;
	font-size: 11px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 20px;
}
.box2 {
	height: 150px;
	width: 185px;
	line-height: 150%;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	float: left;
	text-decoration: none;
	color: #CCCCCC;
	padding-right: 10px;
}

.boxfree {
	width: 680px;
	font-size: 18px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 20px;
}



.boxtitle {
	height: 140px;
	width: 185px;
	line-height: normal;
	float: left;
	text-decoration: none;
	color: #CCCCCC;
	clear: none;
}

.boxtitle2 {
	height: 100px;
	width: 185px;
	line-height: normal;
	float: right;
	text-decoration: none;
	color: #CCCCCC;
}


.box2 {
	height: 190px;
	width: 130px;
	line-height: 150%;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #F4F4F4;
	float: left;
	text-decoration: none;
	color: #CCCCCC;
        padding:  20px 15px 20px 10px;
}




.boxtenpo {
	padding-left: 15px;
	float: left;
	text-decoration: none;
	color: #CCCCCC;
	padding-right: 10px;
}




.footer {
	width: 100%;
        color: #bfbfbf;
	background-image: url(../../etc/fab7_20720014.gif);
	background-repeat: repeat-x;
	margin-right: 30px;
　　　　margin-top: 5px;
        text-align: right;
        text-decoration: none;
}



.stylestmp1 {
color: #ffffff;
background-color: #80ff80;
padding: 5px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 0px;
line-height: 400%;
}


.stylestmp2 {
color: #ffffff;
background-color: #ff8080;
padding: 5px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 0px;
line-height: 400%;
}


#center{
margin-left:auto;
margin-right:auto;
width:930px;
}

 


#undernavi a {
	color: #666666;
	text-decoration: none;
}
#undernavi  a:hover {
	color: #FFFF33;
	text-decoration: none;
	font-weight: normal;
	}



#page {
}


.contentsNavi {
	font-size: 10px;
	height: 300px;
	width: 100%;
	margin: 0px;
	padding: 0px;
background-color:  #F6F6F6;
	background-image: url(../../etc/line2_2148.gif);
	background-repeat: repeat-x;
	clear: both;
}

.underNavi {
	font-size: 10px;
	height: 320px;
	width: 100%;
	margin: 0px;
	padding:  20px 0px 20px 0px;
	background-image: url(../../etc/fablogo_cmsp_timestamp-20180308120051.png);
	background-repeat: repeat-x;
	clear: both;
}
.underpage {
	height: 300px;
	padding:  20px 10px 10px 20px;
	margin-bottom: 10px;
}

.pickupcontents {
	height: 150px;
	padding: 10px;
	margin-bottom: 10px;
}





/* ************************************************ 
 *	フリーページ用
 * ************************************************ */


.boxpark {
	padding-left: 10px;
        padding-top: 30px;
	font-size: 100%;
        float: left;
        height: 290px;
	width: 330px;
        text-decoration: none;
	color: #4a4a4a;
	padding-right: 10px;
        border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}



.boxitem {
	padding-left: 10px;
        padding-top: 30px;
	font-size: 100%;
        float: left;
        width: 330px;
        height: 290px;
	text-decoration: none;
	color: #4a4a4a;
	padding-right: 10px;
        border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}




.boxnew {
	height: 150px;
	width: 400px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	border-left-style: dotted;
	color: #000000;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #333333;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #333333;

}

.boxnew2 {
	height: 150px;
	width: 150px;
	line-height: 180%;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-color: #666666;
}

.boxnew3 {
	height: 150px;
	width: 150px;
	line-height: 180%;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	color: #000000;
	padding-right: 10px;

}






.stylestmp3 {
color: #ffffff;
background-color: #80ff80;
padding: 0px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
line-height: 200%;
}








.stylestmpbk {
color: #ffffff;
background-color: #000000;
padding: 5px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 2px;
margin-bottom: 10px;
margin-left: 0px;
line-height: 200%;
}



.stylestmp4 {
color: #ffffff;
background-color: #ff8080;
padding: 0px;
border: 1px solid #fcfcfc;
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
line-height: 200%;
}


/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}



/*ページタイトル部分*/
h2 {
	padding-right: 0px;
	padding-bottom: 3px;
	font-size: 16px;
	color: #000000;
	margin-top: 20px;
	height: 16px;
	margin-left: 0px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #999999;
}


h3 {
		margin-bottom: 5px;
}

#main h2 {
	margin-bottom: 5px;
}


#side h2 {
	margin-bottom: 10px;
}

/*商品詳細ページの詳細テキストレイアウト*/
#detail h3 {
	margin: 20px 0px;
	padding: 10px 0px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	font-weight: lighter;
	color: #333;
	line-height: 170%;
}

#detail h4 {
	margin: 20px 0px;
	font-size: 11px;
	line-height: 200%;
}

#detail .button {
	margin-top: 10px;
}

.footstamp {
	margin-top: 10px 0px;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#header {
}

/*　画面左側の幅　*/
#main {
	float: left;
	width: 700px;
        margin-top: 0px;
        padding-right: 20px;
        padding-left: 0px;
        margin-bottom: 30px;
　　　　padding: 0px;
        	
}	


/*　レイアウト調整　*/
#side {
	margin-top: 0px;
	margin-left: 720px;
　　　　width: 210px;
       	padding: 20px;
        background-color:  #F6F6F6;
          }

/*　画面右側メニューの幅　*/
.side_in {
	margin-top: 0px;
	margin-left: 0px;
	
}

#side2 {
	margin-top: 0px;
	margin-left: 720px;
　　　　width: 210px;
          }



/*　フッター　*/
#footer {
	clear: both;
	margin: 50px 0px;
}

/*送料無料*/
.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:left;
}





/*--------パンくず・--------*/
#pl{
	text-align: left;
	font-size: 1em;
	width: 695px;
	margin: 2px auto 0 auto;
        margin-bottom: 10px;
}
#crumbs{
	height:2em;
	border:1px solid #dedede;
	background-color: #F6F6F6;
	
}
#crumbs li{
float: left;
line-height: 2em;
padding-left: 0.75em;
}
#crumbs li a {
	display: block;
	padding-right: 15px;
	background-image: url(../../etc/crumbs_20130926182007.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}



/* ************************************************ 
 *	トップ
 * ************************************************ */



.box3 {
	height: 100px;
	width: 220px;
	line-height: 150%;
	float: center;
	text-decoration: none;
	color: #CCCCCC;
　　　　float: left;
        padding: 10px;
}




.contentsout {
      	padding: 10px;
        margin-top: 10px; 
　　　　width: 700px;
       	height:100px; 
        background-color:  #F6F6F6;
          }


.itemarea {
	margin: 0px 20px 20px 0px;
	width:120px;
	float:left;
}

.itemarea img {
	max-width: 100px;
          	border: 0px;

}

/*会員専用ページ*/
#btn_members_login,
#btn_members_logout {
	margin:0px 0px 15px;
}

#btn_members_signup span,
#btn_members_logout span {
	margin:0px 0px 3px;
	display:block;
	font-size:11px;
	line-height:1.1em;
}

/*会員専用価格 トップページ用*/
.regular_price_top {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_top {
	padding:0px;
}

.discount_rate_top {
	padding:2px 0px 0px;
	color:#ff0000;
}


/* ************************************************ 
 *	商品一覧・検索結果一覧の表示
 * ************************************************ */
.list {

}

.list th {
	padding: 5px 20px 10px 0px;
}

.list th img {
	max-width: 100px;
	max-height: 100px;
}

.list td {
	padding: 5px 5px 10px 0px;
}

.list_price {
	padding-bottom:5px;
}

.listimg-layout {
	display: block;
	width: 100px;
}

/*商品一覧：サブカテゴリーの表示*/
.subcategory {
	margin: 0px 20px 10px 0px;
	width:120px;
	float:left;
}

/*並べ替え条件指定*/
.sort {
	padding: 5px 0px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.pagenavi {
	padding: 10px 0px;
}

#group-list {
	border-top:1px dotted #768FBE;
	padding-top:5px;
	margin-top:10px;
}

.group-list-link {
	margin:5px 0px 0px;
}

/*会員専用価格 商品一覧用*/
.regular_price_all {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_all {
	padding:0px;
}

.discount_rate_all {
	padding:0px 0px 0px 5px;
	color:#ff0000;
}

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
.checkitem_list {
	width:100px;
	margin:0 10px 10px 0;
	float:left;
	}

.checkitem .ci_img {
	width:90px;
	margin-bottom:3px;
	}

.checkitem .name {
	font-size:11px;
	}

/* ************************************************ 
 *	商品詳細
 * ************************************************ */

.large {
	max-width: 100%;
}

.small {
	width:150px ;
	margin:0px 10px 0px 0px;
	float:left;
}

.small_tp {
	margin-top:10px;
}

/*会員専用価格 商品詳細用*/
.regular_price_detail {
	padding:0px 0px 2px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
}

.discount_rate_detail {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	margin: 0px 0px 20px 0px;
	}

#together .tog_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #768FBE;
	}

#together .together_list {
	margin:10px 3px 3px 3px;
	float:left;
	width: 130px;
	text-align:left;
	}

#together .together_list img {
	max-width: 100px;
	}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

#trackback {
	margin: 0px 0px 20px 0px;
}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #768FBE;
}

#trackback .tb_url {
	font-size: 11px;
	padding: 5px 10px 5px 10px;
}

#trackback .tb {
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px 10px 10px 10px;
}

#trackback .tb_title {
	font-weight: bold;
	padding: 0px 10px 10px 10px;
}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
}

/*table レイアウト　商品詳細の価格表*/
.table {
	background: #CCC;
}

.table th {
	font-weight: bolder;
	background: #EEE;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding: 3px;
	text-align: center;
	width: 120px;
}

.table td {
	background: #FFF;
	padding: 3px;
}

/* ************************************************ 
 *	商品検索ページ
 * ************************************************ */
/*会員専用価格 商品検索結果用*/
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_search {
	padding:0px;
}

.discount_rate_search {
	padding:0px 0px 0px 5px;
	color:#ff0000;
}

/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */

#Option {
	padding:0px 10px 10px 10px;
}

/* ------------------------------------- 
 *	オプション表の罫線の色
 * ------------------------------------- */
#Option .option_table {
	background-color:#CCC;
}

/* ------------------------------------- 
 *	オプション　項目背景の色 
 * ------------------------------------- */
#Option .option_cell1 {
	text-align:left;
	background-color:#EEE;
	padding: 5px;
	font-weight:bold;
	white-space:nowrap;
}

/* ------------------------------------- 
 *	オプション　価格背景の色
 * ------------------------------------- */
#Option .option_cell2 {
	text-align:left;
	background-color:#FFFFFF;
	padding: 5px;
}

.option_btn {
	margin-top:10px;
}

/*会員専用価格の表示 オプション用*/
.regular_price_stock {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_stock {
	padding:0px;
}

.discount_rate_stock {
	padding:2px 0px;
	color:#ff0000;
}

/* ------------------------------------- 
 *	特定商取引法
 * ------------------------------------- */
/*特定商取引表*/
.table_sk {
	background: #CCC;
}

.table_sk th {
	font-weight: bolder;
	background: #EEE;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding: 3px;
	text-align: center;
	width: 120px;
}

.table_sk td {
	background: #FFF;
	padding: 3px;
}

/*配送・支払方法*/
.terms {
	padding-top:10px;
	margin-bottom:20px;
	border-top: 1px dotted #CCC;
}

.payment_table{
	width:400px;
	margin:0px 0px 10px 0px;
}

.payment_img {
	width:30px;
	height:30px;
	margin:3px;
	float:left;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}