/*------------------------------------------------------
  (c) 2007 System Integrator Corp. All rights reserved.
  フロント共通のスタイルを定義する。
--------------------------------------------------------*/

/*---------
  common
-----------*/
html {
  margin-top: 0;
  color : #000000!important;
}  
body {
  /*text-align: center; ooide*/
  color: #333333;
  font-family:sans-serif;
  margin-top: 0;
  -webkit-text-size-adjust: none /* 10.3.0 60045 追加 */
}
div {
  margin: 0 auto;
}
div.wrapper {
  text-align: left;
  width: 950px;
  margin: 0 auto;
  z-index:1;
}
div.buttonarea {
  text-align: right;
}
div.messageArea {
  color:#ff0000;
  margin :0.5em;
  padding:0.5em;
  font-size:80%;
  font-weight:normal;

  background-color:#ffeeee;
  border-style:double;
  border-width: 3px;
  border-color: #cccccc;
}
/* 10.1.4 K00171 追加 ここから */
div.returnPolicyArea {
  margin: 0.5em;
  padding: 0.5em;
  border-style: dashed;
  border-width: 1px;
  border-color: #cccccc;
  display: none;
}
/* 10.1.4 K00171 追加 ここまで */
/*---------
  image
-----------*/
img {
  border-width:0;
}

/*---------
  font
-----------*/
.necessary, .important, .price{
  color: #D26900;
  font-size: 80%;
  font-weight: bold;
}
.caution {
  font-size: 80%;
  /* ooide コメントの強化 STR【FP0019】 */
  /* color: blue; */
  color: red;
  /* ooide コメントの強化 END【FP0019】 */
}
.example {
  font-size: 80%;
  color: #0000FF;
}
.large {
  font-size: 100%;
}
.sub_large_bold {
  font-size: 90%;
  font-weight: bold;
}
.sub_large {
  font-size: 90%;
}
.normal {
  font-size: 80%;
}
.normal_strong {
  font-size: 100%;
  font-weight: bold;
}
.small {
  font-size: 60%;
}
.small_b {
  font-size: 70%;
  font-weight: bold;
}
.color {
  color: red;
  font-weight: bold;
}
.num_right {
  text-align:right;
}

.normal_right {
  font-size: 80%;
  text-align:right;
}

.normal_left {
  font-size: 80%;
  text-align:left;
}

.normal_center {
  font-size: 80%;
  text-align:center;
}

.caption {
  font-size: 80%;
  font-weight: bold;
}

.gift{
    font-size: 120%;
}
.gift_note{
    font-size: 100%;
    color: #FF0000;
}
/*---------
  table
-----------*/
table.top {
  height: 12px;
  background-color: #CBC5C1;
}
table.list {
  border-style: solid;
  border-width:  0px 1px 0px 1px;
  border-color: #cccccc;
}
table.tbl{
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #CCCCCC;
}
table.header {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
}
table.label_under {
  border-style: solid;
  border-width:  0px 2px 2px 1px;
  border-color: #999999;
  font-size: 80%;
  text-align: center;
}
table.tbl_align {
  margin-right : 10%;
  margin-left : 10%;
}
table.tbl_align_L {
  margin-right : 5%;
  margin-left : 5%;
}
table.tbl_align_C {
  margin: 0 auto;
}
table.sub_tbl{
  border-style: solid;
  border-width:  1px 1px 1px 1px;
  border-color: #999999;
  font-size: 80%;
}
td.text_align_C {
  text-align: center;
}
td.text_align_L {
  text-align: left;
}
td.text_align_R {
  text-align: right;
}
td.left_border {
  border-style: solid;
  border-width:  0px 0px 0px 1px;
  border-color: #cccccc;
}
td.right_border {
  border-style: solid;
  border-width:  0px 1px 0px 0px;
  border-color: #cccccc;
}
tr.column_headline, td.column_headline {
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #9AA0A9;
}
tr.line_headline, td.line_headline {
  background-color: #F4F4F4;
}
td.row1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
}
td.row2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
}
td.row_num_right1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
  text-align: right;
}
td.row_num_right2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
  text-align: right;
}

/*----
  hr
------*/
hr {
  color: #cccccc;
}
hr.under_label_L {
  color: #998787;
}

/* 10.3.0 70006 追加 ここから */
hr.under_label_L_review {
  color: #998787;
  background-color: #998787;
}
/* 10.3.0 70006 追加 ここまで */
/*---------
  footer
-----------*/
table.footer {
  text-align: center;
  font-size: 80%;
}

/*------------
  table_header
--------------*/
td.tblHeader_left {
  background-image: url('../image/table_header_left.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.tblHeader_center {
  background-image: url('../image/table_header_center.gif');
  background-repeat: repeat-x;
  font-size: 80%;
  font-weight: bold;
}
td.tblHeader_right {
  background-image: url('../image/table_header_right.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.label_1 {
  background-image: url('../image/label_1.gif');
  background-repeat: no-repeat;
  width: 48px;
  height: 24px;
}
td.label_2 {
  background-image: url('../image/label_2.gif');
  font-size: 80%;
  background-repeat: repeat-x;
  color: #FFFFFF;
  font-weight: bold;
  height: 24px;
}
td.label_3 {
  background-image: url('../image/label_3.gif');
  background-repeat: no-repeat;
  width: 48px;
  height: 24px;
}
td.label_2_1 {
  background-image: url('../image/label_2_1.gif');
  background-repeat: no-repeat;
}
td.label_2_2 {
  background-image: url('../image/label_2_2.gif');
  font-size: 90%;
  background-repeat: repeat-x;
  color: black;
  font-weight: bold;
}
td.label_2_3 {
  background-image: url('../image/label_2_3.gif');
  background-repeat: no-repeat;
}
td.navi_left_1 {
  background-image: url('../image/navi_left_1.gif');
  background-repeat: no-repeat;
}
td.navi_left_2 {
  background-image: url('../image/navi_left_2.gif');
  background-repeat: no-repeat;
}
td.navi_center {
  background-image: url('../image/navi_center.gif');
  font-size: 80%;
  background-repeat: repeat-x;
}
td.navi_right {
  background-image: url('../image/navi_right.gif');
  background-repeat: no-repeat;
}

/*------------
  table_footer
--------------*/
td.tblFooter_left {
  background-image: url('../image/table_footer_left.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.tblFooter_center {
  background-image: url('../image/table_footer_center.gif');
  background-repeat: repeat-x;
  font-size: 80%;
  font-weight: bold;
}
td.tblFooter_right {
  background-image: url('../image/table_footer_right.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}

/*-----------
  フォーム
-------------*/
.full_width {
  ime-mode: active;
}
.half_width {
  ime-mode: inactive;
}
.half_width_right {
  ime-mode: inactive;
  text-align: right;
}
.ime_disable {
  ime-mode: disabled;
}

/*-----------
  パンくずリスト
-------------*/
.topic_path {
  width: 100%;
  font-size: 80%;
  padding-bottom: 5px;
  border-bottom: 1px dotted;
}

/*-----------
  メッセージ表示用テーブル
-------------*/
tr.tbl_label, td.tbl_label {
  background-color: #cceeff;
  font-weight: bold;
  height: 29px;
}
tr.list_row, td.list_row {
  background-color: #e5f6ff;
}

/*-----------
  ログアウト
-------------*/
td.logout {
  padding: 15px;
  color: #998787;
  background-color: #FEF9F4;
  font-size: 90%;
  border: 2px solid #998787;
}

.logout span {
  font-size: 170%;
}

/*-----------
  お知らせ情報
-------------*/
.information {
  padding: 5px;
  font-size: 80%;
}

.information dl {
  margin: 0 5px 0 10px;
}

/*-----------
  カテゴリ(商品一覧向け)
-------------*/
.active {
  color: #808080;
  text-decoration: underline;
}

/*-----------
  カテゴリ(index向け)
-------------*/
.categoryLine {
  width: 100%;
  padding: 1px 0;
  background: #f4f4f4;
}

.categoryLine ul {
  margin: 0;
  margin-left: 4px;
  padding: 0;
  clear: both;
}

.categoryLine li {
  float: left;
  border: 1px solid #888888;
  margin: 2px 1px 1px 1px;
  width: 231px;
  list-style-type: none;
  background-color: #efedec;
  background-image: url('../image/category_back.gif');
  background-repeat: repeat-x;
  font-size: 7pt;
}

.categoryLine a{
  color: #000000;
  display: block;
  width: 224px;
  height: 15px;
  padding: 5px 0 0 7px;
  background: url('../image/category_mark.gif') no-repeat left;
  text-decoration: none;
}

.categoryLine a:hover {
  color: #666666;
}

.categoryLine a:active {
  color: #666666;
}

.categoryLine a:focus {
  color: #666666;
}

/*-----------
  widthが${system.frontPageWidth}でないテーブルのセンタリング対策
-------------*/
.small_table_width {
  text-align: center;
  width: 720px;
}

/*-----------
  エラーメッセージ用
-------------*/
.err {
  color: red;
  font-size: 60%;
  font-weight: bold;
}

/*----------
  パスワードポリシー
------------*/
.password {
   font-size: 60%;
   color: blue;
}

/*----------
  商品詳細
------------*/
h1.commodityName {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color : #000000!important;
  display: inline;
}

.skuImages {
  border: dashed 2px silver;
  padding: 10px;
  /*
  margin: 20px;
  */
  /* 10.3.0 X30006 追加  ここから */
  /* 10.3.1 10560 修正 ここから */
  /* height: auto; */
  height: 100%;
  /* 10.3.1 10560 修正 ここまで */
  overflow:auto;
  /* 10.3.0 X30006 追加  ここまで */
  text-align:left;
}

/*-- add --*/
.err2 {
  color: red;
  font-size: 80%;
  font-weight: bold;
}

.reviewTitle {
  font-weight: bold;
}

/*-----------
  右寄せ、中央寄せ
-------------*/
.align_right {
  text-align:right;
}
.align_center {
  text-align:center;
}
.align_left {
  text-align:left;
}

/*-----------
  上寄せ、中央寄せ
-------------*/
.valign_top {
  vertical-align: top;
}
.valign_middle {
  vertical-align: middle;
}
.valign_bottom {
  vertical-align: bottom;
}

/*-----------
  ショップ名(注文内容系表示用)
-------------*/
.shopName {
  font-weight: 600;
}

/*-----------
  V9から一時的に移行
-------------*/
.Cmdty_Price_Cell {
  /* font-size: 95%; */
  font-size: 12px;
  /* color: #000000; */
  color: #FF0000;
  text-align: right;
  font-weight: 800;
}

/* ooide */
/* 商品ページ　価格 */
.Cmdty_Detail_Price_Cell {
  font-size: 20px;
  color: #FF0000;
  text-align: right;
  font-weight: 800;
}
/* ooide */

.Cmdty_SalePrice_Cell {
  /* font-size: 95%; */
  font-size: 15px;
  color: #FF0000;
  font-weight: 600;
}
.Cmdty_ShopName_Cell {
  color: #000000;
  font-size:11px;
}
.Cmdty_ThumbImg_Cell {
 text-align: center;
 vertical-align: middle;
}
.Cmdty_PointRate_Cell {
  color: #D26900;
  font-weight: 600;
}
.Cmdty_Desc_Cell {
  color: #000000;
  font-size:11px;
  text-align: left;
  margin: 5px;
}
.Cmdty_Name_Cell {
  color: #000000;
  font-size:12px;
}

/* ooide その他対応 STR【FP0099】  */
.Cmdty_Detail_Cell{}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Top{
    vertical-align: top;
}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Top .ShopCmdty_Name_Cell{
    padding-bottom: 3px;
}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Top .ShopCmdty_Price_Cell span{
    position: relative;
    bottom: 3px;
}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Middle{
    vertical-align: middle;
}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Bottom{
    vertical-align: bottom;
}
.Cmdty_Detail_Cell .Cmdty_Detail_Cell_Bottom .Cmdty_Detail_Dell_DeliberyType{
    position: relative;
    bottom: 5px;
    left: 20px;
}
/* ooide その他対応 END【FP0099】 */

.errorMessageArea {
  color: #FF0000;
  /* ooide その他対応 STR【FP0099】メッセージのフォントサイズを大きく */ 
  /* font-size: 60%; */
  font-size: 14px;
  /* ooide その他対応 END【FP0099】 */ 
  margin: 1em;
  padding: 1em;
  background-color: #FDF7F2;
  border: 1px solid #C49CA6;  
}
.warningMessageArea {
  color: #663300;
  /* ooide その他対応 STR【FP0099】メッセージのフォントサイズを大きく */ 
  /* font-size: 60%; */
  font-size: 14px;
  /* ooide その他対応 END【FP0099】 */ 
  margin: 1em;
  padding: 1em;
  background-color: #FFFBF1;
  border: 1px solid #FFCC66;  
}
.informationMessageArea {
  color: #006666;
  /* ooide その他対応 STR【FP0099】メッセージのフォントサイズを大きく */ 
  /* font-size: 60%; */
  font-size: 14px;
  /* ooide その他対応 END【FP0099】 */ 
  /* margin: 1em; */ /* ooide ショップ紹介機能の追加 STR【FP0009】*/
  padding: 1em;
  background-color: #FFFFE5;
  border: 1px solid #CCCC99;
}

label {
  cursor: pointer;
}

/*-- 10.2.0 X20059 追加 ここから --*/
.sku {
  text-decoration: none;
}
/*-- 10.2.0 X20059 追加 ここまで --*/

/*-- 10.2.0 X20020 追加 ここから --*/
.compositionInfoArea {
  /*border: dashed 1px #999999;*/
  margin-left: 1em;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

.compositionBlockArea {
  border-spacing: 1em;
}
/*-- 10.2.0 X20020 追加 ここまで --*/
/*-- 10.3.0 X30006 追加 ここから --*/
.imageSubList {
  float: left;
}

.imageSubList img {
  border : solid 1px white;
}

.representImage {
  border: solid 1px white;
}
.representImageSelected {
  border: solid 1px black;
}

.imageList_IE6 {
  height: 30px;
}

.relatedImageMsg {
  padding-bottom: 5px;
}
/*-- 10.3.0 X30006 追加 ここまで --*/
/*- ooide ショップリスト STR【FP0003】 --*/
.Sagafan_ShopList {
  text-align:left;
}
.ShopList_ShopName_Title {
  color: #000000;
  font-size:11px;
  text-align: left;
}
.ShopList_ShopName_Cell {
  color: #0000FF;
  font-size:11px;
  text-align: left;
}
/*- ooide ショップリスト END【FP0003】 --*/
/*- ooide ショップ紹介機能の追加 STR【FP0009】 --*/
div.commonHeader{
  margin-left:auto;
  margin-right:auto;
}
div.commonFutter{
  margin-left:auto;
  margin-right:auto;
}
div.shopHeader {
  text-align: left;
  /*-  width: 950px; --*/
  margin: 0 auto;
  /*
  background-color : #fbf7ee;
  */
}

div.shopHtml {
  text-align: left;
  margin: 0 auto;
  background-color : #ffffff;
}

div.shopFutter {
  text-align: left;
  margin: 0 auto;
  /*
  background-color : #fbf7ee;
  */
  background-color : #ffffff;
}

table.shopTable{
    border-spacing:0px    
}

.ShopCmdty_Price_Cell {
  font-size: 12px;
  color: #000000;
  text-align: left;
}

.ShopCmdty_Name_Cell {
  font-size:12px;
  color: #000000;
}

/* ooide その他対応 STR【FP0099】  */
.ShopCmdty_Description_Cell {
  font-size: 12px;
  color: #000000;
  text-align: left;
}

.ShopCmdty_Name_Cell {
  font-size: 12px;
  color: #000000;
  text-align: left;
}
/* ooide その他対応 END【FP0099】 */
.shop_comments{
  line-height : 150%;
  margin: 0 auto;
  padding:0px;
    /*float:left;*/
}
.shop_comments H3{
  margin: 0px;
  padding: 0px;
  font-size: 120%;
  font-weight: bold;
}
/*- ooide ショップ紹介機能の追加 END【FP0009】 --*/

/*- ooide トップのレイアウト作成 STR【FP0015】 --*/

body {
font: x-small;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",
	 "メイリオ","Verdana", "Times New Roman", Times, serif;
color:#333;
line-height:1.3;
}

/*----font-size----

32px  	200～203
30px 	188～190
28px 	175～178
26px 	163～165
24px 	150～153
22px 	138～140
20px 	125～128
19px 	119～121
18px 	113～115
17px 	107～109
16px 	100～103
15px 	94～96
14px 	88～90
13px 	82～84
12px 	75～78
11px 	69～71
10px 	63～65

-----------------*/

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

a,
a:link,
a:visited {
	color:#333333;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#333333;
	text-decoration:none;
}

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

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 

.clear {clear:both;}

body{
        /*
	background:#fbf7ee;
        */
        background:#ffffff;
	margin:0;
	padding:0;
}


/* ヘッダー */
#header{
    background:url(../image/sagafan/gnavi_bg.gif) repeat-x bottom #fff;
    margin-bottom:13px;
    z-index:10;
}

#header_nocategory{
    /*background:url(../image/sagafan/header_bg_nocategory.jpg) repeat-x bottom #fff;*/
    margin-bottom:13px;
}

.w950 {
    width:950px;
    margin:0 auto;
    height:18px;
}

#tagline {
    background:#dd0000;
    color:#fff;
    padding:5px 0 5px 0;
}
        
#tagline a{
    color:#fff;
}
        
#tagline #line_text {
    float:left;
    font-size:88%;
    font-weight:bold;
}

#tagline #line_link {
	float:right;
	font-size:82%;
}
#tagline #line_link a {
	color:#fff;
}

#tagline #line_link a,
#tagline #line_link a:link,
#tagline #line_link a:visited {
	text-decoration:none;
}

#tagline #line_link a:hover,
#tagline #line_link a:active {
	text-decoration:underline;
}

#tagline_s {
	background:#fff;
	color:#888888;
	padding:9px 0 8px 0;
	}
        
#tagline_s a{
	color:#888888;
	}
        
#tagline_s #line_text {
	float:left;
	font-size:88%;
	font-weight:bold;
}

#tagline_s #line_link {
	float:right;
	font-size:82%;
}
#tagline_s #line_link a {
	color:#888888;
}

#tagline_s #line_link a,
#tagline_s #line_link a:link,
#tagline_s #line_link a:visited {
	text-decoration:none;
}

#tagline_s #line_link a:hover,
#tagline_s #line_link a:active {
	text-decoration:underline;
}

/* 緊急新着情報 */
.u_w950 {
	width:950px;
	margin:0 auto;
}
#u_tagline {
	background:#FBF7EE;
	color:#fff;
	padding:4px 0 4px 0;
	}
        
#u_tagline a{
	color: #00F;
	background: url('../image/icon_caption.png') no-repeat left center;
	display: inline-block;
	padding: 0 0 0 21px;
	font-size: 12px;
}
        
#u_tagline #line_text {
	float:left;
	font-size:88%;
	font-weight:bold;
}

#u_tagline #line_link {
	float:right;
	font-size:82%;
}
#u_tagline #line_link a {
	color:#fff;
}

#u_tagline #line_link a,
#u_tagline #line_link a:link,
#u_tagline #line_link a:visited {
	text-decoration:none;
}

#u_tagline #line_link a:hover,
#u_tagline #line_link a:active {
	text-decoration:underline;
}

ul#u_news {
        margin:0 auto;
	font-size:88%;
	list-style:none;
	padding:0;
}

ul#u_news li span.date {
	width:80px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#u_news li span.newstitle {
	width:530px;
	display:inline;
	padding:0 0 0 0;
	margin:0;
}

#header_inner{
	width:950px;
	margin:0 auto;
	position:relative;
	height:110px;
        z-index:11;
}

#header_inner_nocategory{
	width:950px;
	margin:0 auto;
	position:relative;
	height:100px;
}

#header_inner h1 { position:absolute; top:13px; left:5px; margin:0; padding:0; }
#header_inner_nocategory h1 { position:absolute; top:0px; left:5px; }
#header_search { position:absolute; width:420px; top:10px; left:350px; background:#fbf7ee; padding:5px 8px 3px 12px;}
#header_search form {  }
#header_search form #search_item { text-align:left; float:left; /* width:220px; */ margin-right:12px;}
#header_search form #search_item p {text-align:left; font-size:82%; font-weight:bold; color:#333; margin:0; width:170px;}
#header_search form #search_item .itemtext { width:155px; height:25px; vertical-align:top; padding:0;}
#header_search form #search_item .itembtn {}
#header_search form #search_shop { float:right; width:180px;}
#header_search form #search_shop select { width:155px; height:25px; vertical-align:top;}
#header_search form #search_shop .shopbtn {}

#header_login { position:absolute; top:10px; right:8px;}
#header_login p { margin-top:0px; margin-bottom:2px;}

#gnavi { z-index:12; position:absolute; bottom:6px; width:960px; margin:0 auto; padding:0px 0px 0px 0px; height:29px; }
#gnavi li { float:left; display:inline;}
#gnavi li ul li a { background:none; text-indent:0; width:145px; height:auto; padding:5px 5px 3px 10px; text-decoration:none; border-bottom:1px dotted #ccc; text-align:left;}
#gnavi li#gnavi02 ul li a {width:135px; padding:7px 5px 7px 10px;}
#gnavi li#gnavi02 ul li a:hover,
#gnavi li ul li a:hover { background:none #cf0101; color:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gnavi li ul li { float:none; font-size:82%; }
#gnavi li ul { display:none; background:#fff; margin-top:0px; padding:0px 0px 0px 0px;}
#gnavi li:hover ul { display:block; position:absolute; z-index:100;}
.flexslider {
    z-index:5;
}

#content {
    width:950px;
    margin:0 auto;
    margin-bottom:10px;
    z-index:2;
}
#leftcontent {
    float:left;
    width:676px;
    z-index:3;
}
#rightcontent {
    float:right;
    width:250px;
    z-index:4;
}

.box_top {
	width: 675px;
	background: url(../image/sagafan/box_top.jpg) center top no-repeat;
	padding: 10px 0 0;
	margin-bottom:12px;
}

.box_top h2 {margin:0 0 15px 0;}

.box_middle {
	padding: 0;
	background: url(../image/sagafan/box_middle.jpg)  center top repeat-y ;
}

.box_bottom {
	padding: 0 10px 20px;
	background: url(../image/sagafan/box_bottom.jpg) center bottom no-repeat;
}

/* バナートップ */
#cover {
	margin:0 0 10px 0;
}

h2 {margin-bottom:15px;}


/* おすすめ商品 */
/*
#osusume{}
#osusume .osusumebox {
	float:left;
	width:185px;
	margin:0 16px;
}
#osusume .osusumebox .osusumephoto {
	margin:0 0 7px 0;
}
#osusume .osusumebox h3 {
	font-size:88%;
	font-weight:bold;
	margin:0 0 8px 0;
}

#osusume .osusumebox p {
	font-size:88%;
	color:#555;
	margin:0 0 10px 0;
}
*/
#osusume{
        margin-left: 20px;
        height: 465px;
}
#osusume .osusumebox {
	float:left;
	width:120px;
        height:140px;
	margin:0 8px 15px 0;
}
#osusume .osusumebox .osusumephoto {
	margin:0 0 3px 0;
}
#osusume .osusumebox h3 {
	font-size:88%;
	font-weight:bold;
	margin:0 0 1px 0;
}

#osusume .osusumebox p {
	font-size:88%;
	color:#555;
	margin:0 0 10px 0;
}

#osusume .small_left {
	font-size:10px;
}
#osusume .small_right {
	font-size:10px;
        text-align: right;
        float: right;
}
#osusume .Cmdty_SalePrice {
  color: #BF0000;
  font-size:100%;
}

/* 新着情報 */
ul#news {
	margin:0px 0 0 10px;
	font-size:88%;
	list-style:none;
	padding:0;
}

ul#news li {
        margin:0 0 10px 0;
        background:url(../image/sagafan/arrow1.gif) no-repeat left center;
        padding:0 0 0 15px;
}

ul#news li span.date {
	width:80px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#news li span.newstitle {
	width:530px;
	display:inline;
	padding:0 0 0 0;
	margin:0;
}

#morenews {
        font-size:82%;
        margin:0 0 8px 510px;
        background:url(../image/sagafan/arrow1.gif) no-repeat left center;
        padding:0 0 0 15px;
}
/* バナー(中央) */
#shopbanner {
	margin:20px auto 10px;
	width:568px;
}

#shopbanner tr {
}

#shopbanner tr td {
	padding-bottom:10px;
}

#shopbanner tr td.bannerL {
	text-align:left;
}

#shopbanner tr td.bannerR {
	text-align:right;
}

/* 特集ページ */
#tokusyu {}
#tokusyu h2 {margin-bottom:8px;}
#tokusyu #tokusu_bg { 
    background:url(../image/sagafan/tensyu.jpg) no-repeat; 
    margin:0 auto 15px; 
    width:648px; 
    height:233px; 
    position:relative;
}
#tokusyu #tokusu_bg #t_person { position:absolute; top:48px; left:13px; padding:0; margin: 0;}
#tokusyu #tokusu_bg #t_item { position:absolute; top:48px; right:14px; padding:0; margin: 0;}
#tokusyu p { font-size:88%; padding:0 10px;}
#tokusyu p#shopblog { font-weight:bold; margin-bottom:5px;}
#tokusyu #new_shop {text-align: center;}
#tokusyu #new_shop img {margin-bottom:10px;}
/* 店舗一覧 */
#genre .genre_box {
	margin-bottom:15px;
}

#genre .genre_box_end {
	margin-bottom:5px;
}

#genre .genre_boxL{
	width:315px;
	float:left;
	margin:0 0 0 10px;
}

#genre .genre_boxR {
	width:315px;
	float:right;
	margin:0 10px 0 0;
}

#genre .genre_boxL h3,
#genre .genre_boxR h3{
	font-weight:bold;
	font-size:88%;
	margin:0 auto;
}

#genre .genre_boxL .genre_photo,
#genre .genre_boxR .genre_photo {
	float:left;
	width:108px;
	margin:0 auto;
}

#genre .genre_boxL h4,
#genre .genre_boxR h4{
	font-size:82%;
	width:207px;
	float:right;
	margin:0 auto;
	margin-bottom:8px;
	font-weight:bold;
}

#genre .genre_boxL p.shopname ,
#genre .genre_boxR p.shopname {
	font-size:82%;
	width:207px;
	float:right;
	margin:0;
}

/*サイド*/
/* 買い物かご */
#r_cart {
border-radius: 8px;        /* CSS3草案 */  
-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;   /* Firefox用 */ 
border:solid 2px #4E75B6;
        padding-bottom:6px;
        margin-bottom:13px;
}

#r_cart h2{margin:0px 0px 8px 0;
color:#fff;
padding:6px 10px 4px 10px;
font-size:100%;
background:#4E75B6;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
text-align:center;
}
#r_cart img {
	margin:0;
	padding:0;
}

#r_cart_inner {
        font-size:88%;
        text-align:center;
        padding:0px;
	margin:0;
}
*:first-child+html #r_cart_inner {
	margin-top:-2px;
}

#r_cart_inner p {
	margin:0 0 3px 0;
}
#r_cart_inner dl { border:1px solid #ccc; margin:0px 10px 8px; padding:10px 0;}
#r_cart_inner dl dt { float:left; width:80px; text-align:left; margin:0 0 0 10px;}
#r_cart_inner dl dd { float:right; width:100px; text-align:right; margin:0 10px 0 0;}

/* 商品検索 */
#search {
border-radius: 8px;        /* CSS3草案 */  
-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;   /* Firefox用 */ 
border:solid 2px #DE0000;
        padding-bottom:6px;
        margin-bottom:13px;
}
#search h2{margin:0px 0px 8px 0;
color:#fff;
padding:6px 10px 4px 10px;
font-size:100%;
background:#de0000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
text-align:center;
}

#search_inner {
        font-size:88%;
        padding:0 10px 5px;
        position: relative;
}
*:first-child+html #search_inner {
	margin-top:-2px;
}
#search_inner form #side_search_item {width:235px;}
#search_inner form #side_search_item p { font-size:100%; font-weight:bold; color:#333; margin:0;}
#search_inner form #side_search_item .itemtext {width:168px; height:25px; border:1px solid #ccc; vertical-align:top; padding:0; margin:0;}
#search_inner form #side_search_item .itembtn { margin:0; padding:0;}
#search_inner form #side_search_shop {width:230px;margin-top:5px;}
*:first-child+html #search_inner form {	margin:0; padding:0;}
#search_inner form #side_search_shop p { font-size:100%; font-weight:bold; color:#333; margin:0;}
#search_inner form #side_search_shop select {width:168px; height:25px; border:1px solid #ccc; vertical-align:top;}
#search_inner form #side_search_shop .shopbtn {}

.banner {margin-bottom:13px;}
.banner p { margin:5px 0; font-size:82%; padding:0;}
.banner p img { margin:0; font-size:82%; padding:0;}
.banner2 {margin-bottom:13px;}
.banner2 p { margin:5px; font-size:82%; padding:0;}
.banner2 p img { margin:0; font-size:82%; padding:0;}

/* 口コミグルメ */
#kuchikomi {
        padding-bottom:6px;
        margin-bottom:13px;
}

#kuchikomi_inner {
        font-size:82%;
        padding:0;
}

*:first-child+html #kuchikomi_inner {
	margin-top:-2px;
}
          
#kuchikomi_inner img {
	float:left;
	margin:0 10px 10px 0;
}
#kuchikomi_inner p {
	clear:both;
	text-align:right;
}



/*サイド終わり ↑*/

/* トップへ戻る */
.totop {
	clear:both;
	width:950px;
	text-align:right;
	font-size:82%;
	margin:5px auto;
}

/* フッター */
#footer {
	background:#a8a295;
	text-align: left;
}

#footer #footer_inner {
	width:950px;
	margin:0 auto;
	padding:20px 0 1px 0;
}

#footer #footer_inner #footer_box {
	margin-bottom:20px;
}

#footer #footer_inner #footer_box #box1 {
	float:left;
	width:170px;
	border-right:1px solid #333;
	padding:15px 20px 20px 20px;
}

#footer #footer_inner #footer_box #box2 {
	float:left;
	width:170px;
	padding:15px 20px 20px 20px;
}

#footer #footer_inner #footer_box #box3 {
	float:right;
	width:480px;
	padding:15px 20px 10px 25px;
	border-left:1px solid #333;
}

#footer #footer_inner #footer_box #box1 h3,
#footer #footer_inner #footer_box #box2 h3,
#footer #footer_inner #footer_box #box3 h3 {
	font-size:88%;
	font-weight:bold;
	margin:0 0 5px 0;
}

#footer #footer_inner #footer_box #box1 ul,
#footer #footer_inner #footer_box #box2 ul,
#footer #footer_inner #footer_box #box3 ul {
	font-size:82%;
	list-style:disc;
	padding-left:15px;
	line-height:1.4;
	margin:0;
	list-style: none;
	white-space:nowrap;
}

#footer #footer_inner #footer_box #box1 ul li,
#footer #footer_inner #footer_box #box2 ul li,
#footer #footer_inner #footer_box #box3 ul li {
	float: left;
	margin-right:5px;
}

#footer #footer_inner #footer_box #box3 p {
	font-size:82%;
	line-height:1.4;
	margin:0;
}

#footer #footer_inner #footer_box #box3 p {
	font-size:82%;
	line-height:1.4;
	margin:0;
}

#footer #footer_inner #unei {text-align:center; font-size:82%; margin-bottom:10px;}
#footer #footer_inner #unei span { font-weight:bold;}
#footer #footer_inner #copy {text-align:center; font-size:82%;margin:5px;padding:0px;}

div .whitebox {
  margin: 0 auto;
  background-color : #ffffff;
}

div .whitebox #searchShopCode {
  max-width: 170px;
}
/*- ooide トップのレイアウト作成 END【FP0015】 --*/

/*- ooide コメントの強化 STR【FP0019】  --*/
.caution_100 {
  font-size: 100%;
  color: red;
}
.attention_box{
  margin: 8px;
  padding: 4px;
  border: solid 1px red;
  background-color: #ffe0e0;
  color: #990000;
  line-height: 150%;
  font-size :90%;
}
/*- ooide ooide コメントの強化 END【FP0019】  --*/


/*　山本の追加　*/
.topbox{
border-radius: 8px;        /* CSS3草案 */  
-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;   /* Firefox用 */ 
behavior: url(border-radius.htc); /* IE */
border:solid 1px #E8E5DC;
clear:both;
margin-bottom:10px;
}
.topbox h2{margin:0px 0px 15px 0;
color:#fff;
padding:6px 10px 4px 10px;
font-size:100%;
background:#de0000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px; 
}

/* ランキング */
#ranking {
	margin-bottom:15px;
}
#ranking .ranking_box {
	margin:5px 8px ;
	border-bottom:2px dotted #333;
	clear:both;
}
#ranking .ranking_box:last-child {
	border-style:none;
	clear:both;
}
#ranking h2{
margin-bottom:0px;
}
#ranking h2 img{
margin-right:4px;
}

#ranking .ranking_box .ranking_icon {
	margin:2px;
font-weight:bold;
color:#de0000;
border-bottom:1px solid red;
font-size:110%;
}
#ranking .ranking_box .ranking_icon img{margin-right:3px;}

#ranking .ranking_box .ranking_boxL {
	float:left;
	width:130px;
	font-size:82%;
}

#ranking .ranking_box .ranking_boxR {
	float:right;
	width:90px;
	margin-top:5px;
}
#ranking p{
margin:5px;
padding:0px;
}
#ranking .price{font-weight:bold;color:#de0000;font-size:100%;}
#ranking .shop{font-size:90%;}
#ranking .shop img{margin-right:3px;}

/* お届け先設定用 */
.shipping {}

.shipping_btn_list .shipping{
	float:right;
}

/* お届け先 */
.shipping .shipping_title{
    float: left;
    padding-top: 5px;
    padding-right:5px;
}
.shipping .shipping_list{
    float: left;
    padding-top:2px;
    padding-right:5px;
}
.shipping .shipping_Btnlist{
    float: left;
    padding-top: 2px;
}

/* 数量変更 */
.shipping .shipping_label_r{
    float: right;
    padding-top: 3px;
    padding-left: 5px;
}
.shipping .shipping_btn_r{
    float: right;
}

/* お届け先の登録・追加 */
.shipping .shipping_label{
    float: left;
    padding-top: 3px;
    padding-left: 5px;
}
.shipping .shipping_btn{
    float: left;
    margin: 3px;
}

/* 複数のお届け先に送る */
#shipping_register{
    display:none;
    background-color: #fff;
}

#shipping_register .shipping_register_header{
    text-align: right;
    padding: 5px 10px;
    background-color: #9AA0A9
}

#shipping_register .shipping_register_header p{
    margin:0;
    padding:0;
}

#shipping_register .shipping_register_header p.left{
 color:#FFF;
 font-weight: bold;
}

#shipping_register .shipping_register_cmdty{
    padding: 5px 5px 20px 20px;
    background: #edffce;
    margin: 16px;
    padding: 8px 16px 8px;
    border: 1px solid #999;
}
#shipping_register .shipping_register_cmdty label{
    font-weight:bold;
}
#shipping_register .shipping_register_cmdty p{
    margin:0 0 5px -10px;
}

#shipping_register .shipping_register_address{
    padding: 5px 5px 5px 20px;
}

#shipping_register .shipping_register_address p{
    margin:0 0 5px -10px;
}

#shipping_register .shipping_register_futter{
    text-align: right;
    padding: 5px;
}

/* お届け先を登録 */
/* ooide 配送先追加の仕様変更 STR【FP0043】*/
/*
#address_edit table{
    padding:10px;
}
*/
#address_edit_form p { margin-bottom:5px; }

#address_edit_form .address_register_cmdty {
padding-left:20px;
background: #edffce;
margin: 16px;
padding: 0 16px 8px;
border: 1px solid #999;
}
#address_edit_form .address_register_cmdty p { margin-left:-10px;}
#address_edit_form .address_register_address{ padding-left:20px;}
#address_edit_form .address_register_address p{ margin-left:-10px;}
/* ooide 配送先追加の仕様変更 END【FP0043】*/

#address_edit{}



#address_edit .address_edit_header{
    padding: 5px 10px;
    background-color: #9AA0A9
}

#address_edit .address_edit_header p{
    margin:0;
    padding:0;
}

#address_edit .address_edit_header p.left{
 color:#FFF;
 font-weight: bold;
}
/* ショップページ　商品名 */
.ShopCmdty_Name_Cell span{
    color : #333;
}

.outPaymentBtn{
    padding: 10px;
}

/* ランキング */
#present_ranking{
        margin-left: 10px
}
#present_ranking .rankingbox {
	float:left;
	width:140px;
	margin-left: 10px;
}
#present_ranking .rankingbox .rankingphoto {
	margin:0 0 3px 0;
}
#present_ranking .rankingbox h3 {
	font-size:88%;
	font-weight:bold;
	margin:0 0 1px 0;
}

#present_ranking .rankingbox p {
	font-size:88%;
	color:#555;
	margin:0 0 10px 0;
}

#present_ranking .rankingbox .ranking_icon {
        margin:0px;
}

#present_ranking .small_left {
	font-size:10px;
}
#present_ranking .small_right {
	font-size:10px;
        text-align: right;
        float: right;
}
#present_ranking .Cmdty_SalePrice {
    font-weight:bold;
    color:#de0000;
    font-size:13px;
}