﻿/* どっとこむライフCSS*/
/* -------------------- */
/*　初期化				*/
/* -------------------- */

	*  {margin: 0;padding: 0;font-style: normal;font-weight: lighter;text-decoration:none;}

/* -------------------- */
/*　基本				*/
/* -------------------- */

	body { margin:0px; padding:0px; color:#666666; line-height:1em; }
	img  { border: 0px; }
	b    { font-weight: bold; }
	.clear { clear: both; }
	span.bana img { margin-bottom:8px; }
	img.mb10 { margin-bottom:10px; }
	img.mb4 { margin-bottom:4px; }
	img.mb8 { margin-bottom:8px; }
	img.mt6 { margin-top:6px; margin-bottom:0px; }
	img.mt6b10 { margin-top:6px; margin-bottom:10px; }
	img.fl-l { float:left; }
	img.fl-r { float:right; }
	p { font-size:12px; }
	p b.orange { font-weight:lighter; color:#FF6600; }
	p.ml20 { margin-left:20px; }
	p.ml40 { margin-left:40px; }
	p.itemserch { margin-left:30px; font-size:12px; line-height:14px; margin-right:30px; }
	h4.ml40 { margin-left:40px; }
	h4.ml60 { margin-left:60px; }
	table.mb5 { margin-bottom:5px; }
	
/* -------------------- */
/*　リンク				*/
/* -------------------- */

	a:link{ text-decoration:underline; color:#666666; }
	a:visited { text-decoration:underline; color:#333333;}
	a:hover { text-decoration:underline; color:#FF6600;}



/* -------------------- */
/*　レイアウト			*/
/* -------------------- */

	/*ヘッダー*/
	div#headder { margin-bottom:1px; width:871px; }
	div#headder table.head { width:871px; }
	div#headder table.cart { width:300px; float:left; }
	div#headder td { height:53px; }
	div#headder td.logo { width:170px; paddding-right:10px; }
	div#headder img.s-icon { float:left; margin-top:4px; margin-right:2px; }
	input.word { width:100px; height:21px; border:1px solid #CCCCCC; float:left; padding:2px; margin-top:4px; }
	div#headder img.btn { float:left; margin-top:4px; }
	img.btn { margin-top:4px; }
	h2 { }
	h2.id { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin-bottom:4px; }
	h2.id1 { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin: 0 6 4 0; }
	h2.id2 { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin-bottom:4px; }
	h2.pan { font-size:12px; font-weight:lighter; float:right; margin-left:8px; }
	h2 img { margin-bottom:4px; float:right; }
	
	/*ヘッダー(ショップトップナビゲーション）*/
	div#dotcom-nav table { margin-bottom:0px; }
	div#dotcom-nav table td { width:871px; padding-top:4px; padding-left:6px; padding-right:6px; }
	h2.id { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin-right:10px; margin-bottom:4px; }
	h2.idt { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin: 0 6 4 0; }
	h2.id2 { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin-bottom:4px; } 
	h2.pan { font-size:12px; font-weight:lighter; float:right; margin-left:20px; margin-right:10px; }
	div#dotcom-nav h2.pan a { text-decoration:none; }
	
	/*ヘッダー(モールトップナビゲーション）*/
	div#dotcom-mnav table { margin-bottom:0px; width:871px; height:20px; background-color: #F5F5F5; }
	div#dotcom-mnav table td { width:860px; border:0px; vertical-align:center; padding-top:4px; padding-left:10px; padding-right:0px; }
	h2.id { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; padding:3 0 0 0; }
	h2.idt { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin: 0 6 0 0; }
	h2.id2 { font-size:12px; font-weight:lighter; float:left; letter-spacing:0.2em; margin-bottom:4px; } 
	h2.pan { font-size:12px; font-weight:lighter; float:right; margin-left:8px; padding:3 0 0 0; }
	div#dotcom-mnav h2.pan a { text-decoration:none; }
	div.jumun_count { float:left; }
	div.jumun_count span.title { font-size:12px; color:#000000; font-weight:lighter; float:left; padding:0 10 0 20; }
	div.jumun_count span.detail { color:#000000; float:left; padding:1 0 0 0;  }
	div.jumun_count span.footer { color:#000000; float:left; padding:0; padding:2 20 0 0; }
	div.total_price { float:left; }
	div.total_price span.title { color:#0000CC; font-size:14px; font-weight:bold; float:left; padding:0 3 0 0; }
	div.total_price span.detail { color:#0000CC; font-size:12px; font-weight:bold; letter-spacing:0.1em; float:left; padding:2 0 0 0; }
	div.total_price span.footer { float:left; padding:0; }
	
	/*コンテンツ*/
	div#contents {}
	div#contents table.contents { width:800px; }
	
		/*レフト*/
		div#contents td.left { width:160px; }
		div#left h3 { width:160; height:40px; margin-bottom:6px; padding:6 0 6 27; font-size:12px; font-weight:bold; letter-spacing:0.2em;
		color:#FFFFFF; background-repeat:no-repeat;	background-image: url(../img_lside/bgi_lmenu1.jpg); }
		ul.category li { background-image:url(../icon/lmenu_arrow.gif);	background-repeat:no-repeat; font-size:12px;
		list-style-type: none; margin-left:3px;	padding:0 0 4 20; color:#666666; background-position: 1px 2px; }
		span.hit { width:160px; }
		span.hit img { float:left; margin:0 4 6 4; width:45px; height:45px;}
		span.hit table { margin-bottom:5px; }
		div#left h4 { font-size:12px; padding-top:4px; line-height:1em; }
		div#left p { font-size:12px; padding-top:4px; padding-bottom:10px; }
		ul.recommend li { background-image:url(../icon/lmenu_book.gif);	background-repeat:no-repeat; font-size:12px;
		list-style-type: none; margin-left:3px;	padding:0 0 4 20; color:#666666; background-position: 1px 2px; }
		ul.community li { background-image:url(../icon/lmenu_com.gif);	background-repeat:no-repeat; font-size:12px;
		list-style-type: none; margin-left:3px;	padding:0 0 4 20; color:#666666; background-position: 1px 2px; }
		
		/*メイン*/
		div#glist_main { background-color:#FFFFFF; }
		div#glist_main td { text-align:center; background-color:#FFFFFF; }
		div#glist_main table { background-color:#FFFFFF; }
		div#main { width:630px; padding-left:10px; }
		div#main h3 { width:630px; height:43px; margin-bottom:6px; padding: 14 0 0 10; font-size:18px; font-weight:bold; 
		background-image:url(../img_main/bgi_title1.gif); background-repeat:no-repeat; }
		div#main h3.img { margin:0px; margin-bottom:10px; padding:0px; background-image:none; }
		div#main table.detail_sp { margin:5px 0; border-collapse:collapse; }
		div#main table.detail_sp th.F1 { width :150px; padding:5px; border:1px #BBBBBB solid; background-color:#DDDDDD; }
		div#main table.detail_sp th.F2 { width :150px; padding:5px; border:1px #BBBBBB solid; background-color:#DDDDDD; }
		div#main table.detail_sp td.F1 { width :150px; padding:5px; border:1px #BBBBBB solid; background-color:#FFFFFF; text-align:center; }
		div#main table.detail_sp td.F2 { width :150px; padding:5px; border:1px #BBBBBB solid; background-color:#FFFFFF; }
		div#option_1_dzone select { width :227px;}
		span#LayerGiftKindOn table { visibility :hidden; display:none;}
		span#LayerGiftKindOn table.td_6 { visibility :visible; display:block; }
		span#LayerGiftKindOn td { color:#FFFFFF;}
		span#LayerGiftKindOn input { visibility :hidden; }
		span#LayerGiftKindOn font { visibility :hidden; display:none; }
		span#LayerGiftKindOff input { visibility :hidden; display:none; }
		table.itemex { width:630px; margin-bottom:10px; }
		table.itemex2 { width:610px; margin-left:10px; margin-bottom:10px; }
		td.item { width:269px; text-align:center; }
		td.ex { width:361px; padding-left:11px; }
		table.btn { width:350px; }
		div#main h4 { height:25px; margin-bottom:6px; }
		div#main h5 { font-size:12px; font-weight:lighter; color:#666; }
		div#main h5.arrow { font-size:12px; font-weight:lighter; color:#666; background-image: url(../common/a_icon.gif);
		background-repeat:no-repeat; background-position:0 0; padding:5 0 5 30; }
		
		/*ログイン*/
		table.logbox { border:none; width:530; }
		table.logbox td.1 { width:250px; }
		table.logbox td.2 { width:120px; padding:0 4 0 10; border-right:1px dotted #666666; }
		table.logbox td.3 { width:160px; padding-left:10px; }
		table.logbox td.4 { width:160px; padding-left:20px; }
		table.logbox h5 { background-image: url(../common/a_icon.gif); background-repeat:no-repeat; background-position:1 1;
		font-size:12px; font-weight:lighter; padding:6 0 0 28; float:left; width:90px; }
		table.logbox input{ margin:4 0 0 10; }
		table.logbox h6 { font-size:12px; font-weight:lighter; }

	

	/*フッター*/
	div#footer_kintetsu01 { background-image:url(../img_bottom/bgi1.gif); background-repeat:repeat-y;
	width: 871px; color:#222222; font-size:12px; }
	div#footer_kintetsu02 { color:#0000CC; font-size:12px; text-decoration:underline; line-height:12px; }
