@charset "utf-8";

/* リセット
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	   margin:0;padding:0;}
html  {overflow-x:hidden; overflow-y:scroll;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,b,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
a      {color:#F06; text-decoration:underline;}
a:hover{color:#F06; text-decoration:none;}
p      {padding:0 0 10px 0;}

/*　clearfix　*/  
.clearFix      {zoom:1;}
.clearFix:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}

hr {
   border-width:1px 0px 0px 0px; /* 太さ */
   border-style:dotted; /* 線種 */
   border-color:#CCC; /* 線色 */
   clear:both;
   height:1px;
   margin:1px 0;}

/* ベース
--------------------------------------------------*/
body {
	font-size:80%;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro, Osaka","ＭＳ Ｐゴシック","MS P Gothic, Verdana","Arial","Helvetica, sans-serif";
	color:#363636;
	text-align:center;
	background-repeat:repeat-y;
	background-image:url(../images/bg.png);
	background-position:top;
	height:100%;}

/* ==== ヘッダー ==== */
#header {
	background:#fff url(../images/bg_header.jpg) left top repeat-x;
	text-align:center;
	height:166px;
	_height:115px;}

#header #headerInner {
    background:url(../images/bg_header_info.jpg) right top no-repeat;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding-top:1px;
	height:95px;
	width: 960px;}

#header p            {margin-top:5px;}
#header p.h1         {margin-top:0px; font-size:12px; font-weight:normal; color:#fff;}
#header p.h1 a       {color:#fff;}
#header p.h1 a:hover {color:#fff; text-decoration:none;}
#header ul#headerList {position:absolute; top:136px;}

/* ==== グローバルナビ ==== */
#header ul#headerList li   {float:left; margin-right:5px;}
#header ul#headerList li a {
	background:url(../images/menu.jpg) right top no-repeat;
	color:#fff;
	font-weight:bold;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:27px;
	width:120px;
	height:25px;
	padding-top:2px;}
	
#header ul#headerList li a:hover {background-position:left top; color:#fff;}

/* カゴの中身を見る */
#header ul#headerList li.cart_in a {
	position:absolute;
	top:-6px;
	background: url(../images/cart_in.png) right top no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-left:50px;
	padding:2px 0 0 25px;
	height:28px;
	width:137px;
	display:block;}
	
#header ul#headerList li.cart_in a:hover {
	background: url(../images/cart_in.png) left top;
	color:#F30;
	text-decoration:none;}

/* ==== サブリスト ==== */
#header ul#headerSubList            {position:absolute; top:95px;}
#header ul#headerSubList li         {float:left; margin-left:5px; font-size:95%;}
#header ul#headerSubList li.search  {margin-right:70px; margin-left:0px;}
#header ul#headerSubList li.home    {background:url(../images/ico_home.gif) left center no-repeat;padding:7px 8px 0 18px; margin-left:70px;}
#header ul#headerSubList li.sitemap {background:url(../images/ico_sitemap.gif) left center no-repeat;padding:7px 8px 0 20px;}
#header ul#headerSubList li.deli    {background:url(../images/ico_deli.gif) left center no-repeat;padding:7px 8px 0 20px;}
#header ul#headerSubList li.time    {background:url(../images/ico_time.gif) left center no-repeat;padding:7px 8px 0 20px;}
#header ul#headerSubList li.sample  {background:url(../images/ico_sample.gif) left center no-repeat;padding:7px 8px 0 20px;}
#header ul#headerSubList li.inquiry {background:url(../images/ico_mail.gif) left center no-repeat;padding-left:20px;padding-top:7px;}
#header ul#headerSubList li.mypage  {background:url(../images/ico_mypage.gif) left center no-repeat;padding-left:20px;padding-top:7px;}

#header ul#headerSubList li.home a,
#header ul#headerSubList li.sitemap a,
#header ul#headerSubList li.deli a,
#header ul#headerSubList li.time a,
#header ul#headerSubList li.sample a,
#header ul#headerSubList li.inquiry a,
#header ul#headerSubList li.mypage a{color:#666; text-decoration:none;}

#header ul#headerSubList li.home a:hover,
#header ul#headerSubList li.sitemap a:hover,
#header ul#headerSubList li.deli a:hover,
#header ul#headerSubList li.time a:hover,
#header ul#headerSubList li.sample a:hover,
#header ul#headerSubList li.inquiry a:hover,
#header ul#headerSubList li.mypage a:hover{color:#ff6666;}

/* 検索フォーム
----------------------------------------------------------- */
#cse-search-box {position:relative;}
#keywords1	 {width:150px; height:16px; xbackground: url(../images/search.png) no-repeat 8px 3px; border: 1px solid #dcdcdc; padding: 2px 2px 2px 26px;}
#searchBtn1  {position:absolute; top:0px; /top:1px; left:163px;}

/* ==== 外枠 ==== */
#container,
#container_style{
	text-align: center; /* centering for IE */
	zoom: 1; /* clearFix for IE */}

#container:after,
#container_style:after{
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

#containerInner {text-align:left; margin:0 auto; width:960px;}
#container      {xbackground:url(../images/bg_wrap.png) left top repeat-x;}       /* 背景 基本 */
#container_atuji{xbackground:url(../images/bg_wrap_atuji.png) left top repeat-x;} /* 背景 厚地 */
#container_style{xbackground:url(../images/bg_wrap_style.png) left top repeat-x;} /* 背景 スタイルレース */

/* ==== メインコンテンツ ==== */
#mainContents {float:right; width:768px; padding:0 0 0 30px; margin-top:10px;}
#main #topimage {display:block; xheight:350px; width:768;}
#mainContents .Goods180{
	background:url(../images/bg_Goods180.png) left top no-repeat;
	width:180px;
	height:275px;
	margin:10px 0 20px 0;
   /margin:10px 0 7px 0;
	padding-right:15px;
	float:left;
}
#mainContents .Goods180_end{
	background:url(../images/bg_Goods180.png) left top no-repeat;
	width:180px;
	height:275px;
	margin:10px 0 20px 0;
   /margin:10px 0 7px 0;
    float:left;
}

#mainContents .Goods180 img.item,
#mainContents .Goods180_end img.item{margin:12px 0 0 9px;}
#mainContents .Goods180 p.name,
#mainContents .Goods180_end p.name  {font-size:85%; margin:5px 0 0 0; /margin:0; padding:0px; text-align:center;}
#mainContents .Goods180 p.color,
#mainContents .Goods180_end p.color {font-size:85%; margin:2px 0 0 9px; padding:2px 0 0 35px; background:url(../images/color.png) no-repeat top left; height:18px;}
#mainContents .Goods180 p.icon,
#mainContents .Goods180_end p.icon  {font-size:85%; margin:2px 0 0 12px; padding:0px; height:45px;}
#mainContents .Goods180 p.syohin,
#mainContents .Goods180_end p.syohin{margin:2px 0 0 0; padding:0px; text-align:center;}

/*スライド*/
div.slides {float:left; width:768px; height:355px; background-color:#e6e5e0;}

/*トピックス（新着情報）*/
#i_news {
	background: #F69 url(../images/topics.png) no-repeat bottom left;
	width:768px;
	height:130px;
	margin:20px 0;
	padding-top:35px;
	clear:both;}
#i_newsInner {
    background: #FFF url(../images/topics.jpg) no-repeat top left;
	width:748px;
	height:120px;
	overflow:auto;
	margin-left:10px;
   /margin-top:10px;/*IE*/}
#i_newsInner p          {line-height:1.5em; /line-height:1.5em;}
#i_newsInner span       {color:#666;}
#i_newsInner a          {color:#ff3399; text-decoration:none;}
#i_newsInner a:hover    {text-decoration:underline;}
#i_newsInner .new       {background:url(../images/topic_new.png) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 17px;}
#i_newsInner .new_end   {background:url(../images/topic_new.png) no-repeat top left; font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 17px;}

/*Google AJAX Feed API*/
#Feed         {background-color:#ff9933; border:#ffcc66 solid 1px; height:200px; color:#666; margin:10px 0; clear:both;}
#Feed p       {padding:3px;}
#Feed a       {color:#fff; text-decoration:none;}
#Feed a:hover {color:#fff; text-decoration:underline;}
#FeedInner    {background:#FFF no-repeat top left; height:164px; padding:3px 0; overflow-y:auto; overflow-x:hidden;}
#FeedInner a       {color:#666; text-decoration:none;}
#FeedInner a:hover {color:#F60; text-decoration:underline;}
#FeedInner .icon   {background:url(../images/twi_icon.jpg) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 30px;}

/* ==== サイドナビ ==== */
#subContents       {float:left; width:150px;}
#subContents ul    {margin-top:10px;}
#subContents ul#cte{clear:both; margin-top:1px; /margin-top:-5px;}

#subContents li img       {margin-bottom:3px;}	
#subContents li.title11 a {background: url(../images/snavi11.jpg) left top no-repeat; width:98px; height:30px; padding:14px 0 3px 50px; display:block; font-size:14px; font-weight:bold; color:#523323; text-decoration:none;}
#subContents li.title12 a {background: url(../images/snavi12.jpg) left top no-repeat; width:98px; height:30px; padding:14px 0 3px 50px; display:block; font-size:14px; font-weight:bold; color:#523323; text-decoration:none;}
#subContents li.title13 a {background: url(../images/snavi13.jpg) left top no-repeat; width:98px; height:30px; padding:14px 0 3px 50px; display:block; font-size:14px; font-weight:bold; color:#523323; text-decoration:none;}
#subContents li.title14 a {background: url(../images/snavi14.jpg) left top no-repeat; width:98px; height:30px; padding:14px 0 3px 50px; display:block; font-size:14px; font-weight:bold; color:#523323; text-decoration:none;}

#subContents li.title11 a:hover {background: url(../images/snavi11.jpg) right top no-repeat; text-decoration:none; color:#300;}
#subContents li.title12 a:hover {background: url(../images/snavi12.jpg) right top no-repeat; text-decoration:none; color:#300;}
#subContents li.title13 a:hover {background: url(../images/snavi13.jpg) right top no-repeat; text-decoration:none; color:#300;}
#subContents li.title14 a:hover {background: url(../images/snavi14.jpg) right top no-repeat; text-decoration:none; color:#300;}

#subContents li.text a          {background-color:#ffe0c1; border-left:3px #ffc184 solid; font-size:12px; margin-bottom:1px; color:#523323; display:block; padding:10px 0 0 7px; text-decoration:none; width:140px; height:28px;}
#subContents li.text a:hover    {background-color:#ffffff; border-left:3px #330000 solid; color:#330000; font-weight:bold; text-decoration:none;}
#subContents li.pric a          {background-color:#f1f1f1; border-left:3px #d1d1d1 solid; font-size:12px; margin-bottom:1px; color:#333; display:block; padding:10px 0 0 7px; text-decoration:none; width:140px; height:45px;}
#subContents li.pric a:hover    {background-color:#ffffff; border-left:3px #ff6666 solid; color:#ff3333;text-decoration:none;}

#subContents #subContent01Inner li.list    {background: url(../images/snavi_li01.gif) left top no-repeat;}
#subContents #subContent01Inner li.list_end{background: url(../images/snavi_li02.gif) left top no-repeat; padding-bottom:10px;}
#subContents #subContent01Inner li a       {display:block; width:134px; height:auto; padding-left:3px;}
#subContents #subContent01Inner li a:hover {background-color:#ffe4e1; text-decoration:none; color:#C03;}

/* ==== お届け案内 ==== */	
#about{margin-top:5px;background:url(../images/about_center.png) left bottom repeat-y; clear:both;}
#about #aboutInnner {
	background:url(../images/about_head.png) left top no-repeat;
	text-align:left;
	padding: 10px 0 0;
	margin: 0 auto;
	width:960px;}
#about .aboutEnd    {
	background:url(../images/about_foot.png) left bottom no-repeat;
	color: #fff;
	text-align: center;
	padding:6px 0 7px 0;
	clear:both;}
#about .aboutEnd a       {background:url(../images/about_foot_a.png) center top no-repeat; color:#FFF; width:960px; height:22px; padding-top:3px; display:block; text-decoration:none;}
#about .aboutEnd a:hover {background:url(../images/about_foot_a.png) center bottom no-repeat;}
	
#about #Deli       {font-size:90%;text-align:left; width:307px; margin:0 15px 0 9px; float:left;}
#about p           {font-size:120%;background:url(../images/bg_deli.gif) left top no-repeat; padding:7px 0 8px 25px;}

#about #Sett  {font-size:90%;text-align:left; width:307px; margin-right:15px; float:left;}
#about #Cont  {font-size:90%;text-align:left; width:307px; float:left;}

#about li          {padding:2px 4px 2px 18px;}
#about li a        {color:#666;}
#about li a:hover  {color:#F30;}
#about li.caution  {background:url(../images/ico_caution.gif) left top no-repeat;}
#about li.square   {background:url(../images/ico_square.gif) left top no-repeat;}
#about li.square02 {background:url(../images/ico_square02.gif) left top no-repeat;}
#about li.square03 {background:url(../images/ico_square03.gif) left top no-repeat;}

/* ==== フッター ==== */
#footer                          {text-align:center; margin-top:5px; clear:both;}
#footer .copyRight               {text-align: center;padding:9px 0;}
#footer #footerInner             {text-align:left; padding:10px 0 0; margin:0 auto; width:960px;}
#footer ul                       {text-align: center;}
#footer ul#footerList li         {margin:0 8px;display:inline;}
#footer ul#footerList li a       {color:#666;}
#footer ul#footerList li a:hover {color:#ff6666; text-decoration:none;}

/* ----------------------------------------------
   common
------------------------------------------------- */
/*タイトル帯
----------------------------------------------------------- */			
.obi_title    {clear:both; margin-top:10px;}
.obi_title_2  {background:url(../images/obi_title_2.png) left top no-repeat; color:#F06; clear:both; padding:7px 0 5px 40px; font-size:130%; text-align:left; display:block; height:26px;}
.obi_title_3  {background:url(../images/obi_title_3.png) left top no-repeat; color:#992600; clear:both; padding:13px 0 20px 12px; font-size:130%; text-align:left; margin-top:20px; display:block; height:26px;}
.obi_title_4  {background:url(../images/obi_title_4.png) left top no-repeat; color:#992600; clear:both; padding:13px 0 20px 12px; font-size:130%; text-align:left; margin-top:20px; display:block; height:26px;}
.obi_title_3 a {color:#992600; text-decoration:none;}
.obi_kiji     {background:url(../images/obi_kiji.jpg) left top no-repeat; color:#992600; clear:both; padding:13px 0 20px 12px; font-size:130%; text-align:left; display:block; height:26px;}
.obi_kiji_race{background:url(../images/obi_kiji_race.jpg) left top no-repeat; color:#992600; clear:both; padding:13px 0 20px 12px; font-size:130%; text-align:left; display:block; height:26px;}
.obi_shiyou   {width:767px; height:26px; background:url(../images/obi_shiyou.png) left top no-repeat; color:#FFF; padding:7px 0 5px 20px; margin:30px 0 20px 0; font-size:130%; text-align:left; display:block; clear:both;}
.obi_line     {clear:both; font-size:130%; margin:1em 0; padding:5px 0 5px 10px; color:#000; border-left:#ff3333 solid 2px;}
.obi_lineL    {clear:both; font-size:160%; margin:1em 0; padding:5px 0 5px 10px; color:#000; border-left:#ff3333 solid 3px;}

/*シェード開閉タイトル*/
.shade_size01  {background:url(../images/shade_size01.jpg) left top no-repeat; color:#992600; clear:both; padding:40px 0 20px 55px; font-size:130%; text-align:left; margin-top:10px; display:block; height:26px;}
.shade_size01 a {color:#992600; text-decoration:none;}
.shade_size01 a:hover {color:#F00; text-decoration:none;}
.shade_tori01  {background:url(../images/shade_tori01.jpg) left top no-repeat; color:#992600; clear:both; padding:40px 0 20px 55px; font-size:130%; text-align:left; margin-top:10px; display:block; height:26px;}
.shade_tori01 a {color:#992600; text-decoration:none;}
.shade_tori01 a:hover {color:#F00; text-decoration:none;}
.shade_cle01  {background:url(../images/shade_cle01.jpg) left top no-repeat; color:#992600; clear:both; padding:40px 0 20px 55px; font-size:130%; text-align:left; margin-top:10px; display:block; height:26px;}
.shade_cle01 a {color:#992600; text-decoration:none;}
.shade_cle01 a:hover {color:#F00; text-decoration:none;}

/*パンくずリスト
----------------------------------------------------------- */			
#pl                {text-align: left;font-size:83%;width: 768px;margin: 2px auto 0 auto;}
#crumbs            {height:2em;border:1px solid #dedede;}
#crumbs li         {float: left;line-height: 2em;padding-left: 0.75em;}
#crumbs li a       {color:#ff4ca5;display:block;background: url(../images/crumbs.gif) no-repeat right center;padding-right:15px; text-decoration:none;}
#crumbs li a:hover {color:#ff007f; text-decoration:underline;}

/*トップへ戻る
----------------------------------------------------------- */			
.page_top         {float:right; font-size:12px;}
.page_top a       {color:#F03; text-decoration:none;}
.page_top a:hover {color:#F03; text-decoration:underline;}

/*マウスオーバー時 画像透過
----------------------------------------------------------- */			
#mainContents .Goods180 a:hover img,
#mainContents .Goods180_end a:hover img,
#ticker a:hover img,
#Image_Box a:hover img,
.center a:hover img,
.galleryB a:hover img,
.gallery a:hover img,
#subContents a:hover img,
.table_sort td a:hover img,
.sitemap_box a:hover img,
.Price a:hover img{
	filter:alpha(opacity=60);/*IE*/
	-moz-opacity:0.60;       /*Firefox,Netscape*/
	opacity:0.60;            /*Opera,Safari*/}

/*テロップ
----------------------------------------------------------- */			
.container        {width:768px; height:135px;}
.container .wrap  {width:768px; top:10px; overflow:hidden; position:relative;}
#ticker           {position:relative; clear:both;}
ul.stockTicker    {list-style-type:none; margin:0; padding: 0; position:relative; font-size:80%;}
ul.stockTicker li {padding-right:10px; float:left; color:#3399ff; text-align:center;}/*marginを使うと動きが悪くなるのでpadding指定にすること*/

/* ボックス
----------------------------------------------------------- */			
#box        {width:768px; height:260px; margin:15px 0 10px 0; clear:both;}
#boxInner01 {background-color:#F60; width:250px; height:250px; float:left; margin-right:9px;}
#boxInner02 {background-color:#F60; width:250px; height:250px; float:left; margin-right:9px;}
#boxInner03 {background-color:#F60; width:250px; height:250px; float:left;}

.box_com    {padding:10px;}
.box_guide  {margin:0 10px 10px 10px; text-align:left; clear:both;}
.boxL       {width:365px; float:left; font-size:90%; margin:10px; padding-left:5px; clear:both;}

.Atten_box728  {width:728px; height:auto; margin:0 20px 10px 20px; clear:both;}
.Atten_box728 li.square         {background:url(../images/ico_square.gif) left top no-repeat; padding:0 4px 2px 18px;}
.Atten_box728 li.square a       {color:#F36; text-decoration:underline;}
.Atten_box728 li.square a:hover {color:#F36; text-decoration:none;}
.Atten_box728 li.square03       {background:url(../images/ico_square03.gif) left top no-repeat; padding:0 4px 2px 18px;}
.Atten_box728 li.square_red     {background:url(../images/ico_square.gif) left top no-repeat; padding:0 4px 2px 18px; color:#F00; font-weight:bold;}
.Atten_box728 li.caution        {background:url(../images/ico_caution.gif) left top no-repeat; padding:2px 4px 2px 18px;}
.Atten_box728 li.caution a      {color:#06C; text-decoration:underline;}
.Atten_box728 li.caution a:hover{color:#06C; text-decoration:none;}
.Atten_box728 li.caution_red    {background:url(../images/ico_caution.gif) left top no-repeat; padding:2px 4px 2px 18px; color:#F00; font-weight:bold;}

#Image_Box           {width:753px; height:auto; margin-top:10px; padding:0 0 0 6px;}
#Image_Box li        {float:left; padding:5px 0 10px 0;}

/* サイトマップ　ボックス
----------------------------------------------------------- */
.sitemap_box                 {width:728px; height:auto; margin:0 20px 10px 20px;}
.sitemap_box li.navi         {background:url(../images/snavi_li01.gif) left top no-repeat; padding:2px 4px 2px 18px;}
.sitemap_box li.navi a       {color:#F36; text-decoration:none;}
.sitemap_box li.navi a:hover {color:#F36; text-decoration:underline;}

/* 角丸ボックス　bottom矢印付き
----------------------------------------------------------- */
div.column        {width:670px; background:url(../images/km_bottom.jpg) no-repeat bottom; padding-bottom:51px; margin-bottom:5px; margin-left:40px; font-size:90%;}  
div.column .inner          {background:url(../images/km_top.jpg) no-repeat; padding:20px 0 10px 0;}  
div.column .inner div      {background: url(../images/km_center.jpg) repeat-y; padding: 0 20px; overflow:hidden;}
div.column .inner div:after{content: ""; display:block; clear:both; height:1px; overflow:hidden;}

/* 角丸ボックス　bottom矢印無し
----------------------------------------------------------- */
div.column_end          {width:670px; background:url(../images/km_bottom_end.jpg) no-repeat bottom; padding-bottom:12px; margin-bottom:5px; margin-left:40px; font-size:90%;}  
div.column_end .inner   {background: url(../images/km_top.jpg) no-repeat; padding:25px 0 10px 0;}  
div.column_end .inner div{background: url(../images/km_center.jpg) repeat-y; padding:0 20px; overflow:hidden;}
div.column_end .inner div:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}

/* 角丸ボックス グレー背景
----------------------------------------------------------- */
div.column_gre  {  
    width: 680px;  
    background: url(../images/gre_bottom_end.jpg) no-repeat bottom;
    margin:20px 40px;
	font-size:90%;
}  
div.column_gre .inner   {  
    background: url(../images/gre_top.jpg) no-repeat;  
    padding:10px 0 10px 0;  
}  
div.column_gre .inner div   {  
    background: url(../images/gre_center.jpg) repeat-y;  
    padding: 0 10px;
	overflow:hidden;
}
div.column_gre .inner div:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/* 商品一覧　カテゴリー別
----------------------------------------------------------- */			
.galleryA                {width:765px; height:auto; background-color:#ffffff; text-align:center; margin-bottom:30px;}
.galleryA a              {text-decoration:none; color:#666; background-color:#FC9;}
.galleryA dl             {float:left; text-align:center;}
.galleryA dl a           {display:block; width:133px; height:auto; background:#fff4ea; padding:15px 10px;}
.galleryA dl a:hover     {background:#ffe2c6;}
.galleryA dt             {margin:0; padding:0 0 5px 0;}
.galleryA dd             {font-size:85%; line-height:1.5em;}

/* 商品一覧　カテゴリー別
----------------------------------------------------------- */			
.galleryB                {width:768px; height:auto; background-color:#ffffff; text-align:center;}
.galleryB dl             {margin:5px 6px 20px 9px; float:left; width:240px; /width:241px; padding-bottom:30px;}
.galleryB dt             {margin:0; padding:0px;}

.galleryB dt.img01       {color: #F36; font-size:12px; width:228px; height:175px; clear:both;}  
.galleryB dt.img01 img   {border:1px solid #CCC; background:#FFF; padding:2px;}

.galleryB dd.siyou       {float:right; height:168; width:100px;}

.galleryB dd.name        {font-size:12px; padding:4px 0; width:240px;}
.galleryB dd.name a      {color:#09F;}
.galleryB dd.name a:hover{color:#06F;}

.galleryB dd.size        {font-size:12px; color:#696969; background:url(../images/bg_size2.png) no-repeat top left; height:50px; padding:4px 0 0 6px; margin-bottom:5px;}
.galleryB dd.size a      {color:#0000ff; text-decoration:none;}
.galleryB dd.size a:hover{color:#F30; text-decoration:underline;}

.galleryB .List          {border:1px solid #e6e6fa; margin:3px 3px 30px 6px; padding:2px; float:left;}
.galleryB .List img      {margin:0 0 10px 0;}

.take        {display:block; width:240px; height:20px; margin-top:5px; color:#999;}
.take a      {background:url(../images/take.jpg); display:block; width:240px; height:20px; color:#300; text-decoration:none;}
.take a:hover{background:url(../images/take-hover.jpg); color:#FFF; font-weight:bold;}

/* 商品拡大ページ */
.Price                   {margin:0 0 10px 0}
/* テーブル
----------------------------------------------------------- */
#shohin            {font-size:12px; margin:10px auto 35px; width:768px; text-align:left; border-collapse:collapse; border-bottom:1px dotted #999999;}
#shohin th         {font-size:14px; font-weight:normal; padding:12px 10px;}
#shohin .title     {font-weight:bold; white-space: nowrap;}
#shohin tr.end     {border-bottom:1px dotted #999999;}
#shohin td         {padding:8px; border-top:1px dotted #999999;}
#shohin tr:hover td{background:#e7ebe7;}
#shohin a          {color:#000; font-weight:bold;}

.table01            {margin:15px 0 15px 10px; width:750px; text-align:left; border-collapse:collapse;}
.table01 th         {background-color:#ffcce5; border:solid 1px #ff99cc; color:#b21162; font-size:14px; font-weight:normal; padding:12px 10px; text-align:center;}
.table01 td         {padding:8px; border:solid 1px #ff99cc; text-align:center;}
.table01 td.t_left  {padding:8px; border:solid 1px #ff99cc; text-align:left;}
.table01 td.price   {padding:7px; background-color:#FF9; border-top:solid 1px #ff3399; border-right:solid 1px #ff3399; color:#F00; font-size:16px; font-weight:bold; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; text-align:center;}
.table01 tr:hover td{color:#932c60; background:#f8e4ee;}

.table02            {margin:15px 0 35px 10px; width:750px; text-align:left; border-collapse:collapse;}
.table02 th         {background-color: #FC6; border:solid 1px #d2691e; color:#843700; font-size:14px; font-weight:normal; padding:5px; text-align:center;}
.table02 td         {padding:8px; border:solid 1px #d2691e; text-align:center;}
.table02 td.t_left  {padding:8px; border:solid 1px #d2691e; text-align:left;}
.table02 tr:hover td{color:#843700; background:#FFC;}

/* 商品カゴテーブル */
#table03    {margin-top:0px; margin-bottom:1em; border-collapse:collapse; border:solid 1px #ff4c4c; float:left;}
#table03 th {background-color:#ff4c4c; font-size:14px; color:#ffffff; padding:8px 10px; text-align:center; border:solid 1px #ff4c4c;}
#table03 td {padding:7px;}
#table03 td.cart {padding:7px; text-align:center; border-right:solid 1px #ff4c4c;}
#table03 td.cartL{padding:7px; text-align:left; border-right:solid 1px #ff4c4c;}
#table03 td.price{padding:7px; background-color:#FF9; border-top:solid 1px #ff4c4c; border-right:solid 1px #ff4c4c; color:#F00; font-size:16px; font-weight:bold; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; text-align:center;}

/* 商品カゴテーブル　幅730px */
#tableC    {margin:0 auto 1em; border-collapse:collapse; border:solid 1px #ff4c4c; width:730px;}
#tableC th {background-color:#ff4c4c; font-size:14px; color:#ffffff; padding:8px 10px; text-align:center; border:solid 1px #ff4c4c;}
#tableC td {padding:7px;}
#tableC td.cart {padding:7px; text-align:center; border-right:solid 1px #ff4c4c;}
#tableC td.cartR{padding:7px; text-align:right;}
#tableC td.cartC{padding:7px; text-align:center;}
#tableC td.cartL{padding:7px; text-align:left; border-right:solid 1px #ff4c4c;}
#tableC td.price{padding:7px; background-color:#FF9; border-top:solid 1px #ff4c4c; border-right:solid 1px #ff4c4c; color:#F00; font-size:16px; font-weight:bold; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; text-align:center;}

#table_form            {font-size:12px; margin-top:0.2em; margin-bottom:2em; width:650px; text-align:left; border-collapse:collapse;}
#table_form th         {font-size:14px; font-weight:normal; padding:12px 10px;}
#table_form .title     {color:#b21162;}
#table_form .main      {color:#b21162; background-color:#fff2ee; border-top:solid 1px #ffe5f2; border-right:solid 1px #ffe5f2;}
#table_form .name      {width:85px; color:#932c60;}
#table_form td         {padding:8px; border-top:1px solid #ffe5f2; border-right:1px solid #ffe5f2;}
#table_form .end       {border-bottom:1px solid #ffe5f2;}
#table_form .first     {background:#ffcce5; border-right:10px solid transparent;border-left: 10px solid transparent;}
#table_form tr:hover td{color:#932c60; background:#f8e4ee;}

/* レビューボックス
----------------------------------------------------------- */
#review       {border:#ccc solid 1px; -webkit-border-radius:3px; height:auto; margin:0 auto 10px; width:725px; position:relative;}
#review dl    {margin:0 auto 10px; width:700px;}
#review dt    {border-bottom:dotted 1px #cccccc; color:#330000; margin-top:1em; display:block; height:21px;}
#review dt img{float:left;}
#review dd    {border:solid 1px #cccccc; -webkit-border-radius:3px; padding: 1em;margin-left:0em; margin-top: 0.5em;}
#review p.dai {background:url(../images/review-obi.png) no-repeat top left #ffce8e; font-size:18px; padding:5px 0 4px 40px; display:block; width:660px; margin:10px auto 0;}
#review p.cust{float:left; font-weight:bold;}
#review p.revi{float:left; color:#F33; margin-left:10px;}
#review p.date{float:right; font-weight:nomal;}

/* ソートテーブル
----------------------------------------------------------- */
.table_sort            {margin:15px 0 15px 10px; width:750px; text-align:left; border-collapse:collapse;}
.table_sort th         {background-color:#ffcce5; border:solid 1px #ff99cc; color:#b21162; font-size:12px; font-weight:normal; padding:5px 5px; text-align:center;}
.table_sort td         {padding:5px; border:solid 1px #ff99cc; font-size:12px; text-align:center;}
.table_sort tr:hover td{color:#932c60; background:#f8e4ee;}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-image: url(../images/down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(../images/up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../images/down.gif);
}
.nosort {
	cursor: default;
}
/* アイテム
----------------------------------------------------------- */	
.left    {float:left;}
.left_10 {float:left; padding:10px; /padding:5px;}
.left_r10{float:left; padding-right:10px;}
.right   {float:right;}
.right_r3{float:right; padding-right:3px;}
.right_10{float:right; padding:10px; /padding:5px;}
.center    {text-align:center;}
.center-t25{text-align:center; margin-top:-25px;}
.clear {clear:both;}
.track {background:url(../images/ico_track.gif) left top no-repeat; color:#F06; font-weight:bold; margin:5px 0; padding:0 0 0 19px;}

/*1行目だけ1文字前へ*/
.note  {text-indent:-12px; margin-left:12px;}

/*シェアボタン*/
#share       {margin-left:230px;}
#share ul li {float:left; padding-right:10px;}

/*フォント関連*/
.f_9         {font-size:9px;}
.f_10        {font-size:10px;}
.f_11        {font-size:11px;}
.f_12        {font-size:12px;}
.f_bold_L    {font-weight:bold; font-size:120%;}
.c_black     {color:#000000;}
.c_black_bold {color:#000000; font-weight:bold;}
.c_red       {color:#ff1919;}
.c_red_L     {color:#ff1919; font-size:120%;}
.c_red_bold  {color:#ff1919; font-weight:bold;}
.c_red_bold_L{color:#ff1919; font-weight:bold; font-size:125%;}
.c_orange    {font-size:110%; color:#ff4000;}
.c_blue      {color:#0080ff;}
.c_blue_L    {color:#0080ff; font-size:120%;}
.c_dblue     {color:#000099;}
.c_dblue_L   {color:#000099; font-size:120%;}
.c_violet    {color:#9400d3;}
.c_green     {color:#00cc00;}
.c_green_L   {color:#00cc00; font-size:120%;}
.c_aquablue  {color:#09C;}
.c_aquablue_L{color:#09C; font-size:120%;}
.c_purple    {color:#ff00ff;}
.c_purple_L  {color:#ff00ff; font-size:120%;}
.c_redpink   {color:#ff0080;}
.c_redpink_L {color:#ff0080; font-size:120%;}
.c_redpink_2L{color:#ff0080; font-size:180%;}
.c_redpink_3L{color:#ff0080; font-size:220%;}

.nowsale     {font-size:14px; font-weight:bold; background:url(../images/sale.gif) left no-repeat; color:#F00; padding:0 0 0 24px;}
.sale2     {font-size:14px; font-weight:bold; background:url(../images/sale2.gif) left no-repeat; color:#F00; padding:0 0 0 24px;}
.check01     {background:url(../images/check01.gif) no-repeat center left; margin:5px 5px 0 0; padding:0 0 2px 20px;}
.hissu       {color:#ff1919;}

/*余白関連*/
.padd_b30{padding-bottom:30px; /padding-bottom:50px;}

.icon01,.icon02,.icon03,.icon04,.icon05,.icon06,.icon07,.icon08,.icon09,.icon10,.icon11,.icon12,.icon13,.icon14,.icon15,.icon16,.icon17,.icon18,.icon19,.icon20,.icon21,.icon22
{padding:5px 0 5px 30px; background-position:top left; background-repeat:no-repeat;}
.icon01{background-image:url(../images/1.gif);}
.icon02{background-image:url(../images/2.gif);}
.icon03{background-image:url(../images/3.gif);}
.icon04{background-image:url(../images/4.gif);}
.icon05{background-image:url(../images/5.gif);}
.icon06{background-image:url(../images/6.gif);}
.icon07{background-image:url(../images/7.gif);}
.icon08{background-image:url(../images/8.gif);}
.icon09{background-image:url(../images/9.gif);}
.icon10{background-image:url(../images/10.gif);}
.icon11{background-image:url(../images/11.gif);}
.icon12{background-image:url(../images/12.gif);}
.icon13{background-image:url(../images/13.gif);}
.icon14{background-image:url(../images/14.gif);}
.icon15{background-image:url(../images/15.gif);}
.icon16{background-image:url(../images/16.gif);}
.icon17{background-image:url(../images/17.gif);}
.icon18{background-image:url(../images/18.gif);}
.icon19{background-image:url(../images/19.gif);}
.icon20{background-image:url(../images/20.gif);}
.icon21{background-image:url(../images/21.gif);}
.icon22{background-image:url(../images/22.gif);}

/*  aタグtitle内テキストをポップアップ表示
----------------------------------------------------------- */
div.tooltip  {width:250px; position:absolute; left:-9999px; background:#EEE; padding:5px; border:1px solid #AAA; text-align:left;}  
div.tooltip p{color:#FFF; background:#222; padding:5px 10px;}
/* ポップアップ用タグ
----------------------------------------------------------- */
span.pop         {background-image:url(../images/dot.png); background-repeat:repeat-x; background-position:bottom;}
span.pop a       {text-decoration:none;}
span.pop a:hover {text-decoration:none; color:#333;}

/*送信ボタン
----------------------------------------------------------- */	
.submit       {border:0px; color:#ffffff; cursor:pointer; xdisplay:block; font-size:14px; font-weight:bold; width:123px; height:37px; background: url(../images/cart_btn.jpg) left top no-repeat; margin:10px 0;}
.submit:hover,
.submit:focus {background-position:left -36px;}

/*カゴに入れるボタン
----------------------------------------------------------- */	
.kago       {border:0px; color:#ffffff; cursor:pointer; font-size:14px; font-weight:bold; width:163px; height:55px; background: url(../images/cart_kago.png) right top no-repeat; margin:10px 0; padding:10px 20px 15px 30px;}
.kago:hover,
.kago:focus {background:url(../images/cart_kago.png) left top no-repeat; color:#ff0000;}

/*リセットボタン
----------------------------------------------------------- */	
.reset       {border:0px; color:#ffffff; cursor:pointer; xdisplay:block; font-size:14px; font-weight:bold; width:123px; height:37px; background: url(../images/reset_btn.jpg) left top no-repeat; margin:10px 0;}
.reset:hover,
.reset:focus {background-position:left -36px;}

/* ご質問集
----------------------------------------------------------- */
.q        {color:#b21162;background:url(../images/q.gif) no-repeat 0 100%;background-position:top left; font-size:130%; height:18px; text-align:left; margin:2px 0px 2px 15px; padding:5px 0 5px 35px; width:640px;}
.a        {background:url(../images/a.gif) no-repeat 0 100%; background-position:top left; height: auto; text-align:left; margin:10px 0px 30px 50px; padding:10px 25px 10px 35px;}
.a a      {color:#0080ff; text-decoration:none;}
.a a:hover{color:#0080ff; text-decoration:underline;}

/* 生地一覧
----------------------------------------------------------- */
#kiji     {width:700px; padding:15px 15px 0 15px; margin-top:10px;}
.galleryK                {width:700px; height:auto; background-color:#ffffff; text-align:center;}
.galleryK dl             {margin:5px 3px 20px 9px; float:left;}
.galleryK dt             {margin:0; padding:0px;}
.galleryK dt.img01       {width:100px; height:110px;}  
.galleryK dt.img01 img   {border:1px solid #CCC; background:#FFF; padding:2px;}
.galleryK dd.name_s      {color:#000000; font-size:12px; padding:3px 0;}

.galleryK img.pop        {display:block; top:-10000px; left:-10000px; position:absolute;}
.galleryK a:hover        {position:relative;}
.galleryK a:hover img.pop{top:-130px; /top:-30px; left:110px;}
.galleryK img.popR         {display:block; top:-10000px; left:-10000px; position:absolute;}
.galleryK a:hover          {position:relative;}
.galleryK a:hover img.popR {top:-130px; /top:-30px; left:-159px;}
.galleryK img.popE         {display:block; top:-10000px; left:-10000px; position:absolute;}
.galleryK a:hover          {position:relative;}
.galleryK a:hover img.popE {top:-130px; /top:-30px; left:-148px;}

/* フォト
----------------------------------------------------------- */
div#photos                {overflow:auto;}
div.photo                 {float:left; display:inline; margin:10px 7px 20px 0; font-size:85%;}
div.photo a               {text-decoration:none; color:#333;}
div.photo a:hover         {text-decoration:none; color:#F90;}
div.photo a img           {border:3px solid #ccc; padding:1px;}
div.photo a:hover img     {border:3px solid #F90; padding:1px;}