/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
Template #11 A-type 
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#f5f5f5;/*全体の背景色-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:13px;/*基本の文字サイズ-----------------*/
line-height:150%;
color:#333333;/*基本の文字色-----------------*/
margin-top:0px;
margin-bottom:0px;
margin-left:0;
margin-right:0;
}



/*テキストリンクの色*/
a:link    {text-decoration:underline;color:#82002a;} 

/*訪問済みのリンクの色*/ 
a:visited {text-decoration:underline;color:#82002a;}  

/*クリック時のリンクの色*/
a:active  {text-decoration:underline;color:#82002a;}  

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {text-decoration:underline;color:#82002a;}  




/*サイトタイトルテキストリンクの色*/
h1 a:link     {color:#f9f9f9;text-decoration:none;} 

/*サイトタイトル訪問済みのリンクの色*/
h1 a:visited  {color:#f9f9f9;text-decoration:none;}  

/*サイトタイトルクリック時のリンクの色*/ 
h1 a:active   {color:#f9f9f9;text-decoration:none;}

/*サイトタイトルマウスの上にカーソルがあるときのリンクの色*/  
h1 a:hover    {	color:#c38539;text-decoration:none;}  




/*ヘッダー下メニューテキストリンクの色*/
#g_menu a:link     {color:#f9f9f9;text-decoration:none;} 

/*ヘッダー下メニュー訪問済みのリンクの色*/
#g_menu a:visited  {color:#f9f9f9;text-decoration:none;}  

/*ヘッダー下メニュークリック時のリンクの色*/ 
#g_menu a:active   {color:#f9f9f9;text-decoration:none;}

/*ヘッダー下メニューマウスの上にカーソルがあるときのリンクの色*/  
#g_menu a:hover    {	color:#c38539;text-decoration:none;}  




/*左メニュー・テキストリンクの色*/
.box li a:link    {color:#333333;text-decoration:none;} 

/*左メニュー・訪問済みのリンクの色*/
.box li a:visited {color:#333333;text-decoration:none;}  

/*左メニュー・クリック時のリンクの色*/
.box li a:active  {color:#82002a;text-decoration:underline;}  

/*左メニュー・マウスの上にカーソルがあるときのリンクの色*/
.box li a:hover   {color:#82002a;text-decoration:underline;}    




h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
}


td  {
vertical-align:top;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}


.center8{
text-align:center;
padding-bottom:8px;
}






#pagebody{
width:960px;
margin:0 auto;
text-align:left;
}


/*ヘッダー指定---------------------------------------------------*/
#header{
background-color:#999999;/*背景色-----------------*/
margin-bottom: 8px;
width: 100%;
padding: 35px 0px 28px 0px;
font-weight:bold;/*文字は太く-----------------*/
font-size:26px;/*文字サイズ-----------------*/
}


/*ヘッダー下メニュー指定---------------------------------------------------*/
#g_menu{
display:block;
text-align:right;/*メニュー文字は右寄せ-----------------*/
background-color:#82002a;/*背景色-----------------*/
border-top:#999999 solid 1px;
line-height:100%;
width: 100%;
padding: 12px 0px;
font-weight:bold;/*文字は太く-----------------*/
font-size:14px;/*文字サイズ-----------------*/
margin-bottom:8px;
}


#g_menu_box{
width:960px;
text-align:left;
margin:0 auto;
}



 /* メインタイトル*/
h1    {
font-size:26px;/*文字サイズ-----------------*/
font-weight:bold;/*文字は太く-----------------*/
line-height:100%;
width: 960px;
text-align: left;
margin: 0 auto;
padding-bottom: 4px;
} 


 /* メインタイトルの下文章*/
h2{
font-size:13px;/*文字サイズ-----------------*/
color: #CCCCCC;/*色-----------------*/
width: 960px;
text-align: left;
margin: 0 auto;
}




#contents{
margin:0;
}




/*左サイドエリア-----------------*/
#left_area{
padding:18px 0px 15px 0px;
background-color:#f5f5f5;/*背景色（デフォルトはbodyの背景と同色）----------------*/
margin-right:20px;
}


/*下層ページ左サイドエリア-----------------*/
#k_left_area{
padding:0px 0px 15px 0px;
background-color:#f5f5f5;/*背景色（デフォルトはbodyの背景と同色）----------------*/
margin-right:20px;
}




/*トップページコンテンツエリア-----------------*/
#main_area{
padding:22px 25px 20px 25px;
background-color:#ffffff;/*背景色----------------*/
}



/*下層ページのコンテンツエリア-----------------*/
#k_main_area{
padding:15px 35px 20px 35px;
background-color:#ffffff;/*背景色----------------*/
}




/*右サイドの背景色（これを入れないとトップ右サイドの背景色が下まで伸びません）-----------------*/
#right_bg{
background-color:#ffffff;
}



/*右サイドエリア余白・文字サイズ指定-----------------*/
#right_area{
padding:20px 20px 20px 0px;
font-size:13px;
}






/*パンくずリスト指定-----------------*/
#pan{
text-align:right;
font-size:10px;
padding: 0px 8px 8px 8px;
line-height:100%;
}





/*左サイドリストボックス-----------------*/
.box{
margin-bottom:20px;
}



/*左サイドリスト小見出し-----------------*/
.box_title{
padding:2px 4px 2px 8px;
text-align:left;
font-weight:bold;
background-color: #e9e9e9;/*リスト小見出しの背景色---------------*/
border-left: solid 4px #82002a;/*左の少し太めの縦線---------------*/
}


/*左サイドのリストの頭につけている■-----------------*/
.mark_sq{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#838383;/*■の色-----------------*/
}


.box ul{
padding:12px 4px;
}



/*左サイドリストの下点線---------------*/
.box li{
margin-bottom:6px;
border-bottom:dotted 1px #999999;
padding-bottom:4px;
}






/*トップWELCOME、NEWSのバー-----------------*/
.bar{
margin-bottom:20px;
border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
padding:0px 2px 6px 2px;
color:#82002a;/*文字色--------------------------------*/
font-weight:bold;
font-size:18px;
}



/*右サイド「実店舗のご紹介」のバー指定--------------------------------*/
.side_bar{
background-color:#e9e9e9;/*背景色--------------------------------*/
padding:2px 4px;
text-align:center;/*文字は中央--------------------------------*/
font-weight:bold;
margin-bottom:15px;
}



/*本文テキスト-----------------*/
.text{
margin-bottom:30px;
overflow: hidden;
}




/*トップNEWS欄-----------------*/
#news{
margin-bottom:20px;
}


#news li{
margin-bottom:6px;
border-bottom:dotted 1px #999999;
padding-bottom:4px;
}



/*トップ及び下層の商品一覧テーブル-----------------*/
.item_table{
font-size:12px;
line-height:130%;
margin-bottom:20px;
}






/*下層ページのタイトル-----------------*/
h3{
border-bottom:#dddddd solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
padding:10px 2px 15px 2px;
color:#82002a;/*文字色--------------*/
font-weight:bold;
font-size: 18px;/*文字サイズ------------*/
margin-bottom:20px;
}




/*Kasou_cのテーブル--------------------------------*/
.table_block{
background-color:#dddddd;/*枠線の色-----------*/
font-size:12px;
margin-bottom:30px;
}


/*Kasou_cのテーブル背景色左のセル--------------------------------*/
.table_item{
background-color:#FDF5E8;
}


/*Kasou_cのテーブル背景色右のセル--------------------------------*/
.table_cell{
background-color:#f5f5f5;
}


/*Kasou_b、Kasou_cの下部の背景色付きボックスその1--------------------------------*/
.box_a{
padding:15px;
background-color:#fdf3f6;
margin-bottom:25px;
}


/*Kasou_b、Kasou_cの下部の背景色付きボックスその2--------------------------------*/
.box_b{
padding:15px;
background-color:#f5f5f5;
margin-bottom:25px;
}





/*小見出し（Kasou_aの下部小見出し＆Kasou_bの商品タイトルバー）--------------------------------*/
.komidashi{
background-color:#fdf3f6;/*背景色-------*/
padding:8px;
font-size:18px;/*文字の大きさ-------*/
font-weight:bold;
margin-bottom:20px;
}


/*商品詳細ページの写真横の文章--------------------------------*/
.item_text{
padding:0px 4px 20px 4px;
}


/*価格：3,000円（税込3,150円）の価格と税込み価格--------------------------------*/
.item_price{
margin-bottom:20px;
}


/*価格：3,000円（税込3,150円）3000円の価格の文字--------------------------------*/
span.item_price2{
font-size:28px;
font-weight:bold;
margin-bottom:20px;
color:#82002a;
}

/*商品詳細ページカートに入れるボタン部分下スペース--------------------------------*/
.kago{
margin-bottom:25px;
}



#pagetop{
text-align:right;
font-size:10px;
padding:5px;
}








/*お買い物ガイド欄指定------------------------------------------------------------------------------------*/
#guide{
margin-bottom:15px;

}


#guide_bar{
background-color:#383838;/*「お買い物ガイド」バー背景色---------------*/
color:#f9f9f9;
padding:4px 6px;
font-size:14px;
margin-bottom:15px;

}


#guide_left{
float:left;
width:470px;
padding-right:12px;
}




#guide_right{
float:right;
width:470px;
}


/*「お買い物ガイド」内の小見出し---------------*/
.guide_midashi{
background-color: #e9e9e9;/*小見出しの背景色---------------*/
border-left: solid 4px #82002a;/*左の少し太めの縦線---------------*/
padding:4px;
margin-bottom:10px;
}














/*フッター指定----------------------------------------------------------------------------------------------*/
#footer{
clear:both;
background-color:#999999;/*背景色--------*/
width: 100%;
padding: 15px 0px 10px 0px;
}



#copyright a:link {color:#333333;}
#copyright a:visited  {color:#333333;}
#copyright a:hover {color:#333333;}
#copyright a:active  {color:#333333;}



#copyright{
color:#333333;
width:930px;
margin:0 auto;
font-size:10px;
text-align:right;
}