@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:#666666; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}

/*　clearfix　*/  
.clearfix:after{  
    content:".";  
    display:block;  
    height:0;  
    clear:both;  
    visibility:hidden;  
}  
.clearfix{display:inline-block;}  
/* HIdes from IE-mac */  
*html .clearfix{ height:1%;}  
.clearfix{display:block;}  
/* End hide from IE-mac */  

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

/* ベース
--------------------------------------------------*/
*    {margin: 0;}
html {background-repeat:repeat-x; background-image:url(../images/bg_h.png);}
body {
	font-size:14px;
	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-image:url(../images/bg-ie.png);/*IE*/
	background-position:top;
	height:100%;}

/* 全体
--------------------------------------------------*/
#wrapper {text-align:left; width:960px; margin:0 auto;}

/* ヘッダー
--------------------------------------------------*/
#header {width:100%; height:213px; position:relative; background:url(../images/bg-header.jpg) no-repeat 0px 0px;}
.logo         {font-size:160%; position:absolute; top:59px; left:16px;}
.logo a       {font-weight:bold; color:#000; text-decoration:none;}
.logo a:hover {color:#f00; text-decoration:none;}

/* グローバルナビ
--------------------------------------------------*/
#gnavi {width:960px; height:34px; position: absolute; bottom:0; left:0; xtext-indent:-9999px;}
#gnavi li.top,#gnavi li.map,#gnavi li.del,#gnavi li.set,#gnavi li.sam,#gnavi li.que,#gnavi li.faq,#gnavi li.car,#gnavi li.car {
  font-size:13px; width:120px; float:left; text-align:center;}

#gnavi li a           {display:block; width:120px; height:26px; padding-top:8px; color:#ffffff; font-weight:bold;}
#gnavi li a:hover     {display:block; width:120px; height:26px; padding-top:8px; color:#ff6600; text-decoration:none; font-weight:bold;}
#gnavi li.top a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.top a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.map a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.map a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.del a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.del a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.set a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.set a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.sam a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.sam a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.que a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.que a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.faq a       {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;}
#gnavi li.faq a:hover {background: url(../images/gnavi_top.jpg) no-repeat -120px 100%;}
#gnavi li.car a       {background: url(../images/gnavi_cart.jpg) no-repeat 0 100%; padding-right:20px; width:100px; color:#008000; font-weight:bold;}
#gnavi li.car a:hover {background: url(../images/gnavi_cart.jpg) no-repeat -120px 100%;}

/* サイドナビ
--------------------------------------------------*/
#snavi             {width:232px; margin:15px 0 0 0; padding:0 15px 0 13px; float:left;}
#snavi ul          {margin-top:3px;}
#snavi li.mark     {padding:0 0 0 18px; display: block; font-size:12px; background: url(../images/list_01.gif) no-repeat 0 100%; background-position:top left;}
#snavi li.mark02   {padding:0 0 0 22px; display: block; font-size:12px; background: url(../images/list_02.gif) no-repeat 0 100%; background-position:top left;}
#snavi li.mark_line{padding:0 0 0 18px; display: block; font-size:12px; background: url(../images/list_01.gif) no-repeat 0 100%; background-position:top left; border-bottom:1px dotted #66e085;}
#snavi li.sab      {margin:0;padding:0;}
#snavi li a:hover img,#snavi p a:hover img {
	filter:alpha(opacity=60);/*IE*/
	-moz-opacity:0.60;       /*Firefox,Netscape*/
	opacity:0.60;            /*Opera,Safari*/}
#snavi p    {margin:3px 0 0 0;}
#snavi p.sab{margin:20px 0 0 0;}

/* --------------------------------------------------
メインコンテンツ
-------------------------------------------------- */
/*コンテンツ枠　※右寄せにするために#contentsの外側に必ず必要*/
#content  {float: right; width: 100%; margin:5px 0 0 -265px;}

#contents {margin-left:265px; padding:0 10px 0 0;}
#contents a      {color:#ff6a00; text-decoration:none;}
#contents a:hover{color:#ff6600; text-decoration:underline;}
.kounyu a        {clear:both;color:#666; text-decoration:none;}

/*マウスオーバー時 画像透過*/
#content a:hover img,#content a:hover img {
	filter:alpha(opacity=60);/*IE*/
	-moz-opacity:0.60;       /*Firefox,Netscape*/
	opacity:0.60;            /*Opera,Safari*/}

/* パンくず
--------------------------------------------------*/
#pan        {margin: 5px 0; font-size:11px;}
#pan a      {color:#ff6a00; text-decoration:none;}
#pan a:hover{color:#ff6600; text-decoration:underline;}

/* フッター
--------------------------------------------------*/
#footer {
  clear:both;
  width:960px;
  margin:0 auto;
  padding: 0;
  background: url(../images/bg_footer.jpg) repeat-x 0 100%;
 /background: url(../images/bg_footer_ie.jpg) repeat-x 0 100%;/*IE*/
  background-position:bottom left;}

#footer image  {/magin-bottom:-20px;}

#fnavi {
  width: 960px;
  height: 24px;
  bottom: 0;
  left: 0;
  margin:0;
  padding:0;
}

#fnavi li {
  font-size: 12px;
  width: 120px;
  float: left;
  background-color:#10a310;
}

#fnavi li a {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 120px;
  height: 21px;
  padding-top: 3px;
  background: url(../images/fnavi.jpg) no-repeat 0 100%;
  color: #fff;
}

#fnavi li a:hover {
         text-decoration: none;
         background: url(../images/fnavi.jpg) no-repeat -120px 100%;
         color: #fff;
}

.infobox{
         width:100％;
         height:auto;
         clear: both;
         margin: 5px 0px 5px 0px;
         padding: 5px 0px 5px 0px;
         border-top: 1px solid #ffcc99;
		 overflow:hidden;
         }
         
.info{
         width:303px;
		 height:400px;
        /height:450px;/*IE*/
         float: left;
         font-size: 12px;
         padding: 5px 0px 5px 5px;
         margin: 0px 5px 0px 5px;
         border: 1px solid #ff9900;
         }
         

         
.infotitle{
         width: 187px;
         font-size: 13px;
         color: #009900;
         text-align: center;
         padding: 5px 0px 0px 0px;
         margin-left: 15px;
         border-bottom:  1px dotted #009900;
         }
         
.info ul{
        text-align:left;
        list-style: none;
        margin:0;
        padding:0;
        text-decoration: none;
        
    }
.info li{
        text-align:left;
        list-style-image: url(../images/aicon_109.gif);
        margin: 3px 0px 0px 30px;
        padding:  0px 0px 0px 0px;
        text-decoration: none;
                   }
.info a:link {
 	    color: #ff3300;
        font-size : 12px;
        list-style: none;
        text-decoration: none;
}

.info a:visited {
	    color: #ff3300;
	    font-size : 12px;
        list-style: none;
        text-decoration: none;
      
}

.info a:hover {
	    color: #336600;
	    background:transparent;
        font-size : 12px;
       text-decoration: underline;
}

/* -----------------------------------------------------------
ボックス各種
----------------------------------------------------------- */
div.newbox     {width:150px; float:left; font-size:12px; /font-size:11px; background: url(../images/newbox.gif) no-repeat 0 100%; color:#000000; text-align:left; padding:5px; margin:5px 5px 10px 5px; height:198px;}
.newbox p      {line-height: 1.3em; margin-bottom:1em; font-size:95%;}
div.topbox     {margin:0 0 25px 0; line-height:150%; text-align:left; clear:both;}
div.box        {font-size: 13px; margin:0 15px 0 20px; line-height:150%; text-align:left; clear:both;}   
div.box li     {text-align:left; line-height: 150%; list-style-image: url(../images/aicon_109.gif); margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}
div.Rbox       {float:right; font-size:13px; margin:0 15px 0 15px; line-height:150%; text-align:left; width:370px;} 
div.box li.link{text-align:left; line-height: 150%; list-style-image: url(../images/aicon.png); margin: 0px 0px 10px 15px; padding:0px 0px 0px 0px; text-decoration: none;}
div.box2         {font-size: 14px; margin:0 15px 0 10px; line-height: 150%; text-align: left; clear: both;}   
div.box_h290     {margin:0; padding:0; height:290px;}
div.box_h290 img {margin:0 10px 0 0; float:left;}
div.box_guide    {font-size:13px; margin:0 10px 10px 20px; line-height:150%; text-align:left; clear:both;}
div.box_guide li {text-align:left; line-height:150%; list-style-image:url(../images/aicon_109.gif); margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; text-decoration:none;}

/* 二重線ボックス */
div.twobox_l   {width:280px; height:115px; margin:5px 0px 10px 10px; padding:10px 10px 10px 20px; border:3px double #99cc00; float:left; text-align:center; }
div.twobox_l li{font-size:12px; margin:5px 0 0 10px; text-align:left; line-height:120%; list-style-image:url(../images/aicon_114.gif);}				   
div.twobox_r   {width: 280px; height: 115px; margin: 5px 20px 10px 15px; padding:10px; border: 3px double #99cc00; float:right; text-align:center; }
div.twobox_r li{text-align:left; font-size: 12px; margin: 5px 0 0 50px; line-height: 120%; list-style-image: url(../images/aicon_114.gif);}			
div.box_guide img{float:left; margin: 0px 0px 15px 0px;}

.itiranbox{border:1px solid #99cc00; color:#666; float:left; font-size:12px; margin:5px 5px 20px 5px; padding:3px; text-align:center;}
.centerbox  {width:100%; text-align:center; margin:10px 0 20px 0;}
.completebox{height:500px; padding-top:100px; font-size: 13px; margin:0 15px 0 20px; line-height:150%; text-align:left; clear: both;}

/* -----------------------------------------------------------
角丸ボックス　bottom矢印付き
----------------------------------------------------------- */
div.column  {  
    width:670px;  
    background: url(../images/km_bottom.jpg) no-repeat bottom;
	padding-bottom: 51px;
    margin-bottom: 5px;
	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;
	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;
}

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

/* 別枠ウィンドウ
----------------------------------------------------------- */
#open   { width:680px; padding:10px;}
#open h2,h3,h4,h5,h6 {
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding:3px 0 0 10px;
  clear:both;
  color: #030;
  background: url(../images/obi.jpg) no-repeat 0 100%; 
  background-position:top left;
}


/* カスタム検索フォーム
----------------------------------------------------------- */
#cse-search-box {position: relative;}
#word 	{
         width: 170px;
         height: 16px;
         border: 1px solid #CCC;
         padding: 2px 2px 2px 26px;
}
#search	{
         position: absolute;
        xtop: 19px;
         /top:2px;/*IE対策*/
         left: 180px;
}

/* アイテム各種
----------------------------------------------------------- */
.clear{clear:both;}

/*フォント関連*/
.f_10      {font-size:10px;}
.f_11      {font-size:11px;}
.f_13      {font-size:13px;}
.ss        {color:#bfbfbf;font-size: 9pt;}
.c_red     {color:#ff1919;}
.c_redB    {font-size:14px; font-weight:bold; color:#F00;}
.c_orange  {font-size:110%; color:#ff4000;}
.c_blue    {color:#0080ff;}
.c_green   {color:#090;}
.c_aquablue{color:#09C;}
.c_purple  {color:#ff00ff;}
.hosoku    {color:#0080ff; font-size:12px;}
.hosoku-w  {color:#ffffff; font-size:12px;}
.nowsale   {font-size:14px; font-weight:bold; background:url(../images/sale.gif) left no-repeat; color:#F00; padding:0 0 0 24px;}
.check01   {background:url(../images/check01.gif) no-repeat top left; margin:5px 5px 0 0; padding:0 0 2px 20px;}
.check01red{font-size:14px; font-weight:bold; background:url(../images/check01.gif) left no-repeat; color:#F00; padding:0 0 0 24px;}
.check02   {background:url(../images/check02.gif) no-repeat top left; margin:5px 5px 0 0; padding:0 0 2px 20px;}

/*送信ボタン*/
.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;}
.submit:hover,
.submit:focus {background-position:left -36px;}

/*背景色*/
.bg_color_ffffcc{background-color:#ffffcc;}

/*タイトル用*/
.main4{color:#003300; font-size:120%;}
.obi {
　clear:both;
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding:3px 0 0 10px;
  color: #030;
  background: url(../images/obi2.jpg) no-repeat 0 100%; 
  background-position:top left;
}


/*配置用クラス*/
.m_15   {margin:10px}
.mt_15  {margin:15px 0 0 0;}

.right    {float:right;}
.right_l10{float:right; margin:0 0 0 10px;}
.right_r10{float:right; margin:0 10px 0 0;}
.right_tl10{float:right; margin:10px 0 0 10px;}

.left    {float:left;}
.left_10 {float:left; margin:10px;}
.left_r10{float:left; margin:0 10px 0 0;}
.left_tr10{float:left; margin:10px 10px 0 0;}
.left_rb10{float:left; margin:0 10px 10px 0;}

.t_right{text-align:left;}
.t_left{text-align:left;}

/*背景カラー*/
.bg_co{ background-color:#f4f9fe;}

/*トップへ戻る*/
.topback{float:right; font-size:12px; margin:10px;}
.topback_box{ width:680; text-align:right; margin-bottom:10px;}

/*前のページに戻る*/
.back{float:left; font-size:12px; margin:10px;}

/*imageリンク クリアボックス*/
#cart a:hover img,#snavi a:hover img {
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1;            /*Firefox,Netscape*/
	opacity:1;                 /*Opera,Safari*/
}

div.main5{
           font-weight:normal;
           border-bottom: 1px dotted #666666;
           height: 20px;
           text-align: left;
           color:#336600;
           font-size : 15px;
           margin:5px 0px 2px 0px;
}

/*よくある質問*/
div.q{
	font-size:120%;
	border-bottom:1px dotted #cccccc;
	background:url(../images/q.gif) no-repeat 0 100%; 
	height: 23px;
	text-align:left;
	margin:5px 0px 2px 0px;
	padding:10px 0 0 35px;
	width:640px;
}
div.a{
	font-size:13px;
	background:url(../images/a.gif) no-repeat 0 100%;
	background-position:top left;
	height: auto;
	text-align:left;
	margin:5px 0px 30px 25px;
	padding:10px 20px 0 35px;
}
div.a p{font-size:13px;}

/*トピックス（新着情報）*/
#i_news {
	background:url(../images/topics.jpg) no-repeat top left;
	width:210px;
	height:269px;
	padding:35px 3px 0 2px;
	overflow: auto;
	margin-top:17px;/*Firefox*/
	margin-left:10px;
   /margin-top:10px;/*IE*/
}
#i_news p          {line-height:1.5em; /line-height:1.5em;}
#i_news a          {color:#666;}
#i_news a:hover    {color:#ff6600;}
#i_news .new       {background:url(../images/topic_new.gif) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;}
#i_news .new_end   {background:url(../images/topic_new.gif) no-repeat top left; font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;}

/*ランキング*/
#rank {
	background:url(../images/bg_rank.jpg) no-repeat top left;
	width:215px;
	height:auto;
	padding:35px 0 0 0;
	overflow: hidden;
	margin-top:17px;/*Firefox*/
	margin-left:10px;
   /margin-top:10px;/*IE*/
}
#rank p          {margin:0; padding:0;}
#rank a          {color:#666;}
#rank a:hover    {color:#ff6600;}
#rank .new       {background:url(../images/topic_new.gif) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;}
#rank .new_end   {background:url(../images/topic_new.gif) no-repeat top left; font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;}


/*お客様の声*/
.voiceL          {background:url(../images/voice_i.jpg) no-repeat top left; margin:10px 0 10px 15px; padding-left:55px;}
.voiceL p.messe01{background:url(../images/voice_messe01.jpg) no-repeat top left; font-size:12px; height:44px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;}
.voiceL p.messe02{background:url(../images/voice_messe03.jpg) no-repeat top left; font-size:12px; height:63px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;}
.voiceL p.messe03{background:url(../images/voice_messe06.jpg) no-repeat top left; font-size:12px; height:81px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;}
.voiceL p.from {font-size:10px; color:#008080; padding-left:420px;}

.voiceR          {background:url(../images/voice_i.jpg) no-repeat top right; margin:10px 0 10px 15px; padding-right:55px; width:568px;}
.voiceR p.messe01{background:url(../images/voice_messe02.jpg) no-repeat top left; font-size:12px; height:44px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;}
.voiceR p.messe02{background:url(../images/voice_messe04.jpg) no-repeat top left; font-size:12px; height:63px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;}
.voiceR p.messe03{background:url(../images/voice_messe05.jpg) no-repeat top left; font-size:12px; height:78px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;}
.voiceR p.from {font-size:10px; color:#008080; padding-left:10px;}


/* タブ
----------------------------------------------------------- */
#tab {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #11b211;
	height:1.5em;
	overflow: hidden;
}
#tab li {
	float: left;
	width: 111px;
	height: 1.5em;
}
#tab li a {
	display:block;
	width :106px;
	height:1.5em;
	border-bottom: 0;	
	color:#060;
	text-align: center;
	background:url(../images/tab02.png) no-repeat;
}
#tab li a:hover,
#tab li.present a {
color:#fff;
background:url(../images/tab01.png) no-repeat;
text-decoration:none;
}
 
 
#page1, #page2, #page3, #page4, #page5, #page6 {
	margin-bottom: 1em;
	padding-bottom:1em;
	border-bottom: 1px solid #11b211;
	min-height:300px;/*タブ領域最小値*/
}

dl.list301 dt {
  margin-top: 0.6em;
  width:100%;
  border-bottom: dotted 1px #009966;
  line-height: 1.1;
  font-size:12px;
  font-weight: bold;
  font-style: italic;
  color: #009966;
}

dl.list301 dd {margin-left:10px; font-size:12px;}


/* テーブル table01
----------------------------------------------------------- */			
table.table01 {
  margin-top:0.2em;
  margin-bottom:2em;
  width:680px;
  border-collapse:collapse;
  border:solid 1px #999;
  font-size:90%;
}

table.table01 th,
table.table01 td {
  border: solid 1px #999;
  padding: 4px 6px;
  text-align:center;
}

table.table01 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table01 th.title {
  font-weight:bold;
  font-size: 120%;
}

table.table01 th.gray {
  background: #999999;
  color:#FFF;
  font-size: 120%;
}

table.table01 td.menu {
  background: #E6E6E6;
  text-align: center;
  font-size: 120%;
  font-weight: bolder;
}

table.table01 td.menu-size {
  background: #E6E6E6;
  text-align: center;
  font-weight: bolder;
}

table.table01 td.name {
  text-align:left;
  font-size:12px;
}

table.table01 td.right {
  text-align: right;
  white-space: nowrap;
}

table.table01 td.left {
  text-align: left;
  white-space: nowrap;
  font-size:12px;
}

table.table01 form {
  font-size:10px;
}

table.table01 td.price{
  background:#ffffcc;
  color:#F30;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
}
table.table01 td.price-w{
  background:#ffffff;
  color:#F30;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
}
table.table01 b.sale {font-weight:bold; background:url(../images/sale.gif) right no-repeat; color:#F00; padding:0 22px 0 0;}
table.table01 s      {font-weight:normal; color:#666;}
/* table02　（価格テーブル）
----------------------------------------------------------- */	
table.table02 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  margin-right:20px;
  width:45%;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size:90%;
  float:left;
}

table.table02 th,
table.table02 td {
  border: solid 1px #999;
  padding: 4px 6px;
  text-align:center;
}

table.table02 td.name {
  text-align:left;
  font-size:12px;
}

table.table02 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table02 th.title {
  font-weight:bold;
  font-size: 120%;
}

table.table02 td.price{
  color:#F30;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
}

table.table02 td.menu {
  background: #E6E6E6;
  color:#666;
  text-align: center;
  font-size: 120%;
  font-weight: bolder;
}

table.table02 td.right {
  text-align: right;
  white-space: nowrap;
}

/* table04　（価格テーブル）
----------------------------------------------------------- */	
table.table04 {
  margin:1em 0;
  margin-right:8px;
  width:32%;
  border-collapse:collapse;
  border:solid 1px #999;
  font-size:90%;
  float:left;
}

table.table04 th,
table.table04 td {
  border: solid 1px #999;
  padding:4px 3px;
  text-align:center;
}

table.table04 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table04 th.title {
  font-weight:bold;
  font-size: 120%;
}

table.table04 td.price{
  color:#F30;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
}

/* テーブル （カート用テーブル）table03　table05
----------------------------------------------------------- */			
table.table03 {
  margin-top:20px;
  margin-bottom: 1em;
  width:480px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size:90%;
}

table.table05 {
  margin-top:20px;
  margin-bottom: 1em;
  width:150px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size:90%;
}

table.table03 th,table.table03 td,
table.table05 th,table.table05 td{
  border: solid 1px #999;
  padding: 4px 6px;
  text-align:center;
}

table.table03 th,table.table05 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table03 th.gray,table.table05 th.gray {
  background: #999999;
  color:#FFF;
  font-size: 120%;
}

table.table03 form,table.table05 form{
  font-size:10px;
}

table.table03 td.price,table.table05 td.price{
  background:#ffffcc;
  color:#F30;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
}
table.table03 td.nameL{text-align:left;}


/* メールフォームテーブル table_form
----------------------------------------------------------- */			
table.table_form {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width:680px;
  border-collapse: separate;
  font-size:90%;
  color:#030;
}

table.table_form th,
table.table_form td {
  border: solid 2px #ffffff;
}

table.table_form th {
  background: url(../images/form.png) no-repeat;
  text-align:center;
  white-space: nowrap;
  width:180px;
}
table.table_form th.bg_350 {
  background:url(../images/form-300.png) no-repeat;
  /background:url(../images/form-350.png) no-repeat;/*IE*/
  text-align:center;
  white-space: nowrap;
  width:180px;
}
table.table_form th.bg_300 {
  background:url(../images/form-300.png) no-repeat;
  text-align:center;
  white-space: nowrap;
  width:180px;
}

table.table_form td {
  text-align:left;
  white-space: nowrap;
  color: #666;
  width:480px;
}

/* サイトマップ　商品一覧
----------------------------------------------------------- */			
#gallery   {width:680px; background-color:#ffffff;}
#gallery dl{margin:0px 8px 15px 0; padding:0px; float:left; width:125px; border-width:1px 1px 1px; border-style:solid; border-color:#dfdfdf; text-align:center;}
#gallery dt{margin:0px; padding:0px;}
#gallery dd{margin:0px; padding:2px;}
#gallery dd.category{color:#666; font-size:10px; height:auto; background-color:#dfdfdf;}
#gallery dd.type-a  {color:#0e930e; font-size:10px; height: auto;}
#gallery dd.type-b  {color:#177cef; font-size:10px; height: auto;}
#gallery dd.type-c  {color:#0000cc; font-size:10px; height: auto;}
#gallery dd.type-d  {color:#333333; font-size:10px; height: auto;}
#gallery dd.type-e  {color:#ff66b2; font-size:10px; height: auto;}
#gallery dd.type-f  {color:#ff7919; font-size:10px; height: auto;}
#gallery dd.name        {font-size:12px; height:auto; background-color:#dfdfdf;}
#gallery dd.name a      {color:#666; font-weight:bold;}
#gallery dd.name a:hover{color:#ff6600;}
#gallery .lbox{float:left; padding:0 0 0 20px; text-align: left;}
#gallery li   {font-size:12px; text-align:left; line-height: 150%; list-style-image:url(../images/aicon_109.gif); margin:0; padding:0; text-decoration: none;}
#gallery p    {margin:5px 0;}
#gallery b      {font-weight:bold;}
#gallery b.sale {font-weight:bold; background:url(../images/sale.gif) right no-repeat; color:#F00; padding:0 22px 0 0;}


/* 商品紹介（推奨アクセサリー・トップページ）
----------------------------------------------------------- */			
#galleryA   {width:680px; background-color:#ffffff;}
#galleryA dl{margin:15px 10px 15px 10px; padding:0px; float:left; text-align:center; padding-left:5px;}
#galleryA dt           {margin:0px; padding:0px;}
#galleryA dt.img01     {position:relative; width:129px; height:129px; background:#EEE;}  
#galleryA dt.img01 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;}
#galleryA dt.img02     {position:relative; width:180px; height:129px; background:#EEE;}  
#galleryA dt.img02 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;}
#galleryA dt.img03     {position:relative; width:145px; height:180px; background:#EEE;}  
#galleryA dt.img03 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;}
#galleryA dt.img310    {position:relative; width:310px; height:180px; background:#EEE;}  
#galleryA dt.img310 img{position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;}
#galleryA dd             {margin:0px;}
#galleryA dd.name        {font-size:12px; height:auto; padding-right:5px;}
#galleryA dd.name a      {color:#666; font-weight:bold;}
#galleryA dd.name a:hover{color:#F30;}

/* 商品紹介
----------------------------------------------------------- */			
.galleryB                {width:680px; height:auto; background-color:#ffffff; text-align:center;}
.galleryB dl             {margin:5px 6px 20px 23px; float:left;}
.galleryB dt             {margin:0px; padding:0px;}
.galleryB dt.img01       {width:135px; height:110px;}  
.galleryB dt.img01 img   {border:1px solid #CCC; background:#FFF; padding:2px;}
.galleryB dd             {margin:0px; width:135px;}
.galleryB dd.titl        {font-size:11px; color:#06F;}
.galleryB dd.name        {font-size:11px; padding:3px 0;}
.galleryB dd.item_name   {font-size:11px; font-weight:bold; color:#F60; padding:0;}
.galleryB dd.item_name_c {font-size:11px; font-weight:bold; color:#F36; padding:0;}


/* DIY用語集
----------------------------------------------------------- */			
#word_box_a{background:url(../images/bg-word-a.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_k{background:url(../images/bg-word-k.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_s{background:url(../images/bg-word-s.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_t{background:url(../images/bg-word-t.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_h{background:url(../images/bg-word-h.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_m{background:url(../images/bg-word-m.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}
#word_box_r{background:url(../images/bg-word-r.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;}

#word_box_a dt,
#word_box_k dt,
#word_box_s dt,
#word_box_t dt,
#word_box_h dt,
#word_box_m dt,
#word_box_r dt{color:#060; font-weight:bold;}

#word_box_a dd,
#word_box_k dd,
#word_box_s dd,
#word_box_t dd,
#word_box_h dd,
#word_box_m dd,
#word_box_r dd{font-size:12px; margin-bottom:10px;}

/* Pタグタイトル
--------------------------------------------------*/
.h_1 {
	font-size: 12px;
	font-weight:normal;
	text-align:right;
	position:absolute;
	top:5px;
	left:14px;
	color:#fff;
}
.h_2,.h_3,.h_4,.h_5,.h_6 {font-size: 110%;
  font-weight:normal;
  margin:0.5em 0;
  padding:4px 0 0 10px;
  clear:both;
  color:#fff;
  background: url(../images/obi.jpg) no-repeat 0 100%; 
  background-position:top left;
}

/* ページ内リンク用クリア*/
#h_2,#h_3,#h_4,#h_5 {
  font-weight:normal;
  margin:0.5em 0;
  padding:5px 0 1px 10px;
  clear:both;
  color:#030;
  background: url(../images/obi.jpg) no-repeat 0 100%; 
  background-position:top left;
}
#h_2 a      {color:#fff;}
#h_2 a:hover{color:#fff; text-decoration:none;}
#h_3 a      {color:#fff;}
#h_3 a:hover{color:#fff; text-decoration:none;}
#h_4 a      {color:#fff;}
#h_4 a:hover{color:#fff; text-decoration:none;}
#h_5 a      {color:#fff;}
#h_5 a:hover{color:#fff; text-decoration:none;}

.title01    {background:url(../images/title01.jpg) left top no-repeat; color:#1414b8; clear:both; padding:13px 0 20px 12px; font-size:120%; text-align:left; margin-top:20px; display:block; height:26px;}

/* 横ナビゲーション
--------------------------------------------------*/
#stage         {width:632px; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:270px; margin:0 auto; float:left;}
#slider-buttons{width:632px; margin:0 auto; text-align:right;}
#myList        {width:5000px;}/*全画像が入る幅を指定*/
#myList li     {margin-right:4px; padding:4px; background:#ffffff; float:left; width:305px; height:270px; text-align:center;}
#myList li.w622{margin-right:4px; padding:4px; background:#ffffff; float:left; width:622px; height:270px; text-align:center;}
#myList p      {font-size:11px;}
#slider-buttons-left{width:22px; float:left;}
#slider-buttons-right{width:22px; float:left;}