@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------- 基本仕様 -------------------------------------------------- */

body		{ margin:0px auto; padding:0px; color:#333; background:#fff; font-size:small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:150%; letter-spacing:0px; text-align:center; font-weight:normal;}
a		{ outline:0px none #fff; }
br		{ letter-spacing:0px; }
p		{ margin:0; padding:0;}
div		{ position:relative; left:0px; top:0px; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; visibility:visible; display:block; border:0px solid #000; opacity:1; KhtmlOpacity:1; MozOpacity:1;  font-weight:normal;}
hr		{ height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; background:transparent; border:0px solid #000; font-size: 10px; vertical-align: bottom; }
form		{ margin:0px; padding:0px; }
input	{ color:#000; background:#fff; }
textarea	{ color:#000; background:#fff; border:1px solid #aaaaaa; }
select	{ color:#000; background:#fff; cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0; padding:0; font:inherit; }
ul				{ padding:0 20px;}
*html ul		{ padding:0px;}

h2		{ margin-bottom:30px;}
h3.products		{ width:770px; background:#d6d7d6; padding:10px; font-size:130%; font-weight:bold; color:#333631;}
h4.products		{ width:770px; background:#6e706d; padding:5px 10px; font-size:small; font-weight:normal; margin-bottom:10px; color:#FFF;}
a:link		{ color:#630; text-decoration:underline; }
a:visited	{ color:#630; text-decoration:underline; }
a:hover		{ color:#F90; text-decoration:underline; }
a:active	{ color:#630; text-decoration:underline; }


.submit	{ width:100%; color:#000; background:#fff; border:1px solid #666; cursor:hand; cursor:pointer; }

.j10		{ font-size:80%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:150%; letter-spacing:0px; }
.j14		{ font-size:116%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:150%; letter-spacing:0px; }
.j18		{ font-size:130%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:150%; letter-spacing:0px; }
.e9		{ font: normal normal normal 62%/150% Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e10		{ font: normal normal normal 79%/150% Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e12		{ font: normal normal normal 92%/150% Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e14		{ font: normal normal normal 100%/150% Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.B		{ font-weight: bold; }
.red	{ color:#F00;}

.FL		{float:left; margin-bottom:10px;}
.FR		{float:right; margin-bottom:10px;}

.W155	{ width:155px;}
.W200	{ width:200px;}
.W230	{ width:230px;}
.W240	{ width:240px;}
.W244	{ width:244px;}
.W325	{ width:325px;}
.W326	{ width:326px;}
.W495	{ width:495px;}
.W770	{ width:770px;}


.M1		{ clear:both; height:1px; }
.M5		{ clear:both; height:5px; }
.M10		{ clear:both; height:10px; }
.M20		{ clear:both; height:20px; }
.M30		{ clear:both; height:30px; }
.M40		{ clear:both; height:40px; }
.M50		{ clear:both; height:50px; }
.M60		{ clear:both; height:60px; }
.M70		{ clear:both; height:70px; }
.M80		{ clear:both; height:80px; }
.M90		{ clear:both; height:90px; }
.M100		{ clear:both; height:100px; }
.M200		{ clear:both; height:200px; }
.M300		{ clear:both; height:300px; }

/* -------------------------------------------------- 共通仕様 -------------------------------------------------- */


div#CONTAINER	{ width:770px; text-align:left; margin:0 auto;}

div#HEADER		{ width:770PX; margin:15px 0 5px 0;}
div#LOGO		{ float:left; width:205px; margin:0;}
div#MENU		{ float:left; width:565PX; margin:0; text-align:right;}
div#SUBMENU img	{ margin:7px 0 0 15px;}

div#NAVI		{ width:770px; height:42px; background:url(/com/img/navi_bg.gif) repeat-x; padding:5px 5px 5px 4px;}
div#NAVI img	{ margin-right:4px;}

div#PANKUZU		{ width:770px; font-size:80%;}
#PANKUZU a:link		{ color:#333; text-decoration:underline; }
#PANKUZU a:visited	{ color:#333; text-decoration:underline; }
#PANKUZU a:hover	{ color:#333; text-decoration:none; }
#PANKUZU a:active	{ color:#333; text-decoration:underline; }

div#CONTAINTS	{ width:770px;}
div#MAIN		{ width:495px; float:left;}
div#SUB			{ width:275px; float:left;}
div#SUBNAVI		{ width:250px; margin-left:25px;}
div#FOOTER		{ clear:both; width:770px; height:26px; background:url(/com/img/copy.gif) no-repeat; margin-top:15px; padding:inherit; color:#FFF; vertical-align:middle; font-size:10px;}
#FOOTER a:link		{ color:#FFF; text-decoration:underline; }
#FOOTER a:visited	{ color:#FFF; text-decoration:underline; }
#FOOTER a:hover		{ color:#FFF; text-decoration:none; }
#FOOTER a:active	{ color:#FFF; text-decoration:underline; }
.PAGETOP		{ width:495px; text-align:right; padding-top:15px;}

/* ---------------------------------------------- トップページ ------------------------------------------------ */


div#LOGIN		{ width:189px; margin-bottom:10px;}
div#LOGINFORM	{ padding:10px 10px 0 10px; background:#f7efd4; border-left:1px solid #333631; border-right:1px solid #333631; border-bottom:1px solid #333631;}

div#TOPICS		{ width:315px; background:url(/img/topics_bg.gif) repeat-y;}
div#NEWS		{ padding:10px 12px;}
div#NEWS p		{ margin-bottom:5px; padding:10px 10px 5px; border-left:6px solid #65653e; border-bottom:1px dotted #615046;}

div#HOWTO img	{ margin-bottom:10px;}

div#PICKUP		{ width:244px; background:url(/img/pickup_bg.gif) repeat-y;}
div#PICKUP #PIC	{ float:left; padding:0 0 0 1px;}


/* ---------------------------------------------- インターネット取扱商品一覧 ------------------------------------------------ */

div#SEARCH		{ width:770px; background:url(/products/net/img/bg.gif) repeat-y;}
div#SEARCHLIST	{ padding:0 10px; margin:0;}
div#SEARCHLISTBOTTOM	{ padding:0; margin:0; background:url(/products/net/img/bottom.gif) no-repeat; width:770px; height:10px;}

div.item		{ float:left; width:173px; padding:5px; border:solid 1px #615046; text-align:center;}
.item table		{ width:173px; text-align:left;}
.item table th	{ width:30px; font-weight:normal; text-align:left;}
.item table td	{ text-align:left;}


item.firstrow	{ clear:both;}
item:after		{ content:""; display:block; clear:both;}


div.item .icon	{ float:left; width:55px;}
div.item .pic	{ float:left; width:108px; text-align:center;}
div.item p		{ clear:both; padding-top:10px; text-align:left;}

div#DETAILS		{ width:770px; margin-bottom:20px; background:url(/products/net/01/img/bg.gif) repeat-y;}
div#DETAILSLIST	{ padding:0 20px;}
div#DETAIL_PIC	{ float:left; width:300px; background:#f0ebdb;}
div#DETAIL_TXT	{ float:left; width:400px;}
div#DETAIL_TXT p	{ height:140px;}

div.category	{ width:338px; padding:20px 20px 10px; border:solid 1px #615046;}
div.category_pic	{ float:left; width:97px; padding-right:10px;}
div.category_txt	{ float:left;}

/* -------------------------------------- インターネットご購入ガイド ------------------------------------------ */

div.net			{ width:770px; background:url(/shoppingguide/net/img/bg.gif) repeat-y;}
div.net .pic	{ float:left; padding:0 20px 0 30px;}
div.net .txt	{ width:360px;}

div.nettitle	{background:url(/shoppingguide/net/img/title_bg.gif) no-repeat; height:32px; padding-left:30px; color:#FFF; font-size:116%; font-weight:bold;}
div.nettitle p	{padding:5px 0;}

/* ---------------------------------------------- キャンペーン ------------------------------------------------ */

h3.camp			{font-size:116%; font-weight:bold; border-left:5px; border-left: 4px double #FF0000; padding-left:5px;}
h6				{color:#999; font-size:80%;}
.c_p			{width:141px; color:#666; border:1px solid #CCC; margin:5px; float:left;}

/* -------------------------------------------------- その他 -------------------------------------------------- */


/* ---- ボーダーテーブル(padding3px) ---- */
 table.layoutborder	{ border-collapse:collapse; }
 table.layoutborder td	{ margin:0px; padding:3px; border:1px solid #ccc;}
 
/* ---- ボーダーテーブル(padding5px) ---- */
 table.layoutborder5	{ border-collapse:collapse; }
 table.layoutborder5 td	{ margin:0px; padding:5px; border:1px solid #ccc;}

/* ---- 下ボーダーありテーブル ---- */
.layout th, .layout td 	{ margin:0; padding:10px 5px 10px 0; border-bottom:1px solid #ccc; vertical-align:top; }
.layout th		{ width:110px; font-weight:normal;}
/* ---- 下ボーダーなしテーブル ---- */
.layout02 th, .layout02 td 	{ margin:0; padding:10px 5px 10px 0; vertical-align:top; }
.layout02 th		{ width:110px; font-weight:normal;}


.border			{ border-bottom:1px solid #333; padding:10px 0;}
.border333		{ border-top:1px solid #333; border-bottom:1px solid #333;}
.border-ccc		{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.borderdot		{ background:url(/com/img/dot.gif) no-repeat; padding:10px 0;}
*html.borderdot		{ border-bottom:1px dotted #333; padding:10px 0;}
.borderdot750		{ background:url(/com/img/dot750.gif) no-repeat; padding:10px 0;}
*html.borderdot750	{ border-bottom:1px dotted #333; padding:10px 0;}
.borderdot-ccc		{ background:url(/com/img/dot_ccc.gif) no-repeat; padding:10px 0;}
*html.borderdot-ccc		{ border-bottom:1px dotted #ccc; padding:10px 0;}

.box			{ margin:20px 0;}

ul.rink			{ margin:0px; padding-left:20px; list-style-type : none; }
*html ul.rink	{ margin:0px; padding-left:0px; list-style-type : none; }
ul.rink li		{ float:left;}
ul.rink li a	{ margin:0; padding-left:22px; background-image:url(/com/img/rink.gif); background-repeat:no-repeat; background-position:left top; }

ul.pagerink			{ margin:0px; padding-left:20px; list-style-type : none; }
*html ul.pagerink	{ margin:0px; padding-left:0px; list-style-type : none; }
ul.pagerink li		{ float:left;}
ul.pagerink li a	{ margin:0; padding:0 0 5px 22px; background-image:url(/com/img/pagerink.gif); background-repeat:no-repeat; background-position:left top; }

ul.nomark		{ margin:0px; padding :0px; list-style-type : none; }
ul.nomark li	{ padding-left:50px;}