/* テーマ：クール／リビングルーム */

body {
	font: 84%/150% "ＭＳ Ｐゴシック", Osaka, monospace;
	margin:0px auto;
	padding: 0px;
	color:#3A3A3A;
	background: #FFF url(../img/body_img.gif) repeat-y;
}

table { /* 基本テーブル設定（固定）*/
	border: 0px none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-collapse: collapse;
}

th {
 border: 0px none;
 margin:0px;
 padding:0px;
 border-collapse: collapse;
 vertical-align:top;
}

td {
 border: 0px none;
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
 vertical-align: top;
}

th {
 white-space: nowrap;
} 

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding: 0px; 
	margin: 0px; 
	font-size: 100%;
	text-align: left;
}

a { /* 基本のリンク （固定）*/
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #0091D1;
	text-decoration: none;
}

ul { /* 基本のリスト （固定）*/
	list-style-type: square;
}

ul ul{
	list-style-type: none;
}

img { /* イメージボーダー指定 */
 border: 0px;
}

form {
	padding: 0px;
 display: inline;
}

p {
 line-height: 150%;
 margin: 5px 0px;
	padding: 2px 0px;
}

.clear_both { /* 画像の周り込み解除 */
	cleftlear: both; 
	font-size: 1px; 
	visibility: hidden; 
	overflow: hidden; 
	height: 1px; 
	text-align: center
}

.button1 { /* inputボタン設定 */
	color: #FFFFFF;
	background: #64c3e3;
	border: 1px solid #0091D1;
	font-weight:bold;
}

.text1 {/* テキストエリアデザイン設定 */
	border:1px solid #0091D1;
}

.caution {/* エラーメッセージ */
 font-weight:bold;
 color:#FF0000;
}

.no2 { /* フォントズーム */
 font-size: 110%;
}

.strong{ font-weight:bold;}/* フォントボールド */

.red{color: #CC0000;} /* フォント赤 */
.orange{color: #FF9900;} /* フォントオレンジ */
.blue{color: #0000FF;} /* フォント青 */
.green{color: #006600;} /* フォント緑 */
.glay{color: #666;} /* フォントグレー */

.item img {/* 商品画像枠  */ 
	height: auto;
	padding: 1px;
	margin: 0px;
	background: #ccc;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height: 50px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width: 860px;
	text-align:left;
	background: #FFFFFF;
}

/* マイページ、ポップアップ画面 */
#enter {
	width: 100%;
	text-align: left;
	background: #FFF;
	border:1px solid #64c3e3;
}

/* ヘッダー */
#header{
        background-position: right; 
	width: 100%;
	height:139px;
	background: #FFF url(../../../../pic-labo/header.jpg) right no-repeat;
}

.shoplogo { /* サイトロゴブロック（設定の場合） */
	margin: 0px;
	width:840px;
	padding: 32px 8px 0px 10px;
}

.siteName { /* サイト名 h1 （テキスト） */
	margin: 0px;
	padding: 32px 8px 5px 8px;
	font-size:10pt;

}

.siteName a {
 color: #0060a9;
	text-decoration: none;
}

.siteName a:hover {
 color: #0060a9;
	text-decoration: underline;
}

.sitecopy { /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	margin: 0px; 
	color: #999;
	padding: 0px 0px 5px 8px;
	font-size:10pt;
}

.sitecopy a {
 color: #666;
	text-decoration: none;
}

.sitecopy a:hover {
 color: #666;
 text-decoration: underline;
}


/* ヘッダーメニュー */
#headMenu {
	width: 100%;
	background: #64c3e3;
	margin-bottom: 15px;
}

.headnavi { /* ヘッダーメニューテキスト */
	color: #64c3e3;
	font-weight:bold;
	text-align:right;
	line-height: 200%;
	padding-right: 5px;
}

.headnavi a {
 color: #FFF;
	text-decoration: none;
	background: url(../img/hnavi01.gif) no-repeat left 0px;
	padding-left: 8px;
}

.headnavi a:hover {
 color: #FFF;
	text-decoration: underline;
}

.navi01 {/* ヘッダーメニューアイコン ※aタグに挿入・未使用*/
}

.hline {/* ヘッダー下装飾ライン ※未使用*/
}

/********************************************************************/

#leftSide { /* 左サイドtd */
	width: 170px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background: url(../img/leftside.gif) ;
}

#rightSide { /* 右サイドtd （3列）*/
	width: 169px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right-style: none;
}

#rightSide2 { /* 右サイドtd （3列 ブログ）*/
	width: 169px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right-style: none;
}

#center1 { /* センター td （2列）*/
	width: 690px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#center2 { /* センターtd （3列）*/
	width: 520px;
	padding: 0px; 
	margin: 0px;
	vertical-align: top;
}

#center3 { /* センターtd （装飾用）*/
	vertical-align: top;
	width:100%;
}


.header_area { /* ヘッダのフリーエリア */
	text-align: left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.footer_area { /* フッタのフリーエリア */
	text-align: left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.sidebox { /* サイド用ブロック（幅設定） */

	padding: 0px;
	margin: 0px 0px 10px;
}

.centerbox { /* センター用ブロック（幅設定） */
	margin: 0px;
	padding: 10px;
}

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 左 */
.left{ text-align:left;} /* 右 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price { /* 商品価格 */
	color: #FF0000;
	text-align:left;
}

.price.zoom { /* 商品価格 （商品詳細） */
	font-size: 125%;
	font-weight:bold;
}

.expl { /* 商品説明文 */
	text-align: left;
	border-top: 1px dotted #CCC;
	padding-top: 5px;
}

.expl a {
 color:#3A3A3A;
	text-decoration:none;
}

.expl a:hover {
 color:#3A3A3A;
	text-decoration:underline;
}

.fixed{ /* 商品定価 */
	color: #0099CC;
	text-align:left;
}

/* 商品名 （商品一覧）*/
h2.goods a {
 color:#0091D1;
	text-decoration:none;
	font-weight:bold;
}

h2.goods a:hover {
 color:#0091D1;
 text-decoration:underline;
}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin: 0px;
	padding:0px;
}

.topIMG td{
	margin: 0px;
	padding:0px;
}

.shopCopy { /* サイト説明 */
	margin: 0px;
	padding: 3px 10px 3px 10px;
	text-align:left;
	color: #0091D1;
}


/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
	margin: 0px;
	color: #FFF;
	width: auto;
	background: url(../img/title_bar01.gif) no-repeat;
	line-height:200%;
	vertical-align:middle;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom: 1px solid #0098d4;
}

.title1{ /* タイトル1 h3 */
	margin: 0px;
	color: #FFF;
	width: auto;
	background: url(../img/title_bar01.gif) no-repeat;
	line-height:200%;
	vertical-align:middle;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom: 1px solid #0098d4;
}

.title1 a {
 color:#FFF;
	text-decoration:none;
}

.title1 a:hover {
 color:#FFF;
	text-decoration:underline;
}

.title2 { /* タイトル2 h3 */
	margin: 0px;
	width: auto;
	color:#FFF;
	background: url(../img/title_bar02.gif) no-repeat;
	line-height:200%;
	vertical-align:middle;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom: 1px solid #007eb0;
}

.title2 a {
 color:#FFF;
	text-decoration:none;
}

.title2 a:hover {
 color:#FFF;
	text-decoration:underline;
}

.title3 { /* タイトル3 h3 */
        margin: 0px;
        width: auto;
        color:#FFF;
        background: url(../img/title_bar02.gif) no-repeat;
        line-height:200%;
        vertical-align:middle;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
        border-bottom: 1px solid #007eb0;
}

.rank{/* ランキングアイコン */
        text-align: left;
}

.mainCont { /* メインコンテンツ */

	padding: 10px; 
	margin: 0px; 
	width: auto;
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding: 10px 0px; 
	margin: 0px; 
	width: auto; 
}


ul.news{ /* 最新情報リスト設定 */
	text-align: left;
	padding: 0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color: #0099CC;
}

li.p3 {
 padding: 3px;
}

.free_list{ /* リスト設定 */
        padding: 5px 10px;
        margin:0px;
}

ul.list{ /* リスト設定 */
	text-align: left;
	padding: 5px 10px;
	margin:0px;
	list-style:square;
	color: #F59300;
}

ul.map{ /* サイトマップリスト設定 */
	text-align: left;
	padding: 0px 20px;
	margin:0px;
	color: #003399;
}
li.sm1 { margin: 4px ; display: block;}
li.sm2 { margin: 0px 0px 0px -35px; display: block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding: 5px 25px;
	background: url(../img/icon_sitemap.gif) no-repeat left center;
	color: #003399;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  {
	padding:5px 0px;
	border: 1px solid #CCCCCC;
}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#AADBF0;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF; vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:url(../img/leftside.gif);padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin: 10px 0px 0px 0px;
	padding: 1px;
	width: 99%;
	background:#E1E1E1;
	/* background: url(../img/layoutframe.gif) ; */
}
.layoutFrame td{
	text-align: center;
	margin: 0px;
	padding: 1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin: 0px;
	padding: 5px;
	background: #FFFFFF;
	/* background: url(../img/layout1.gif) ; */
}
.layout1 td{
	margin: 0px;
	padding: 3px;
	text-align: center;
}

/* 第二階層 */

#bread { /* パンクズ */
	margin: 0px 0px 0px 10px;
	padding: 3px 10px;
	text-align:left;
	border-bottom: 1px dotted #64C3E3;
}

h4.title{
	margin: 5px 0px; 	
	padding: 2px 0px;
	color: #008ce5;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin: 0px;
	padding: 5px;
	/* background: url(../img/mainframe.gif) ; */
}

p.title	{ margin: 3px 0px; 	
	padding: 2px 0px;
	color: #669933;
	border-bottom:1px dotted;
	font-weight:bold;
}

/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	color: #008ce5;
	background: url(../img/icon_mailmag_ent.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

.mailmag_cha{ /* アドレス変更 h4 */
	color: #008ce5;
	background: url(../img/icon_mailmag_cha.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

.mailmag_can{ /* 配信解除 h4 */
	color: #008ce5;
	background: url(../img/icon_mailmag_can.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

#sortList{ /* ソート */
	margin: 0px;
	padding: 10px 3px 5px 3px;
	width: auto;
	color:#333333;
	float: right;
}

.pageTop { /* ページトップ */
	margin:10px 5px;
	background: url(../img/icon_top.gif) no-repeat left center;
	font-size:84%;
	font-weight:bold;
	float: right;
	padding-left: 13px;
}

.pageTop a {
 color:#008ce5;
	text-decoration: none;
}

.pageTop a:hover {
 color:#64C3E3;
	text-decoration: none;
}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 50px;
	text-align:center;
	
}

.footnavi { /*フッターメニューテキスト設定*/
	padding: 5px 20px 5px 20px;
}
.footnavi a{ color: #666666;text-decoration: none; }
.footnavi a:hover { color: #666666;text-decoration: underline; }

#copyright { /* コピーライト */
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 20px;
	color: #FFFFFF;
	background: #64c3e3;
	text-align:center;
	/* background: url(../img/copyright.gif) ; */
}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding: 5px;
	margin: 0px 0px 10px;
	width: auto;
	background: #B6D8E3;
}

#search label {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.fieldarea {
 padding: 5px 0px 5px 0px;
	virtical-align: center;
}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding: 1px;
	display: block;
	background: #FFFFFF;
}

.list h3 { /* タイトル */
	padding: 5px 5px;
	margin: 0px; 
}

ul.free_listbox{
	text-align: left;
	padding: 0px;
	margin:0px;
	list-style:none;
}

ul.listbox{
	text-align: left;
	padding: 0px;
	margin:0px;
	list-style:none;
}

li.ca1 {
	margin: 0px;
	border-bottom: 1px solid #FFF;	
}

li.ca2 {
	margin: 0px;
	border-bottom: 1px solid #FFF;
}

li.ca1 a{
	padding: 5px 3px 5px 5px;
	display: block;
	color:#FFF;
	text-decoration: none;
	background: #64C3E3;
}

li.ca1 a:hover{
 color:#FFF;
	text-decoration: none;
	background: #008CE5;
}

li.ca2 a{
 padding: 3px 3px 3px 21px;
	display: block;
	color:#FFF;
	text-decoration: none;
	background: #64C3E3 url(../img/icon_eye02.gif) no-repeat 10px center;
}

li.ca2 a:hover{
 color:#008CE5;
	text-decoration: none;
	background: #E1E1E1 url(../img/icon_eye02_ov.gif) no-repeat 10px center;
}

li.ca3 {
	margin: 0px;
	border-bottom: 1px solid #FFF;	
}

li.ca3 a{
	padding: 5px 3px 5px 5px;
	display: block;
	color:#FFF;
	text-decoration: none;
	background: #64C3E3;
}

li.ca3 a:hover{
 color:#FFF;
	text-decoration: none;
	background: #008CE5;
}

li.ca4 {
	margin: 0px;
	border-bottom: 1px solid #FFF;
}

li.ca4 a{
 padding: 3px 3px 3px 21px;
	display: block;
	color:#FFF;
	text-decoration: none;
	background: #64C3E3 url(../img/icon_eye02.gif) no-repeat 10px center;
}

li.ca4 a:hover{
 color:#008CE5;
	text-decoration: none;
	background: #E1E1E1 url(../img/icon_eye02_ov.gif) no-repeat 10px center;
}

.sline1 { /* サイドバー下ライン */
	padding: 0px;
	margin: 0px;
	height: 5px;
	background: #FFFFFF;
	/* background: url(../img/sline1.gif) ; */
}

.sline2 { /* サイドバー下ライン */
	padding: 0px;
	margin: 0px;
	height: 5px;
	background-color: #CCCCCC;
	/* background: url(../img/sline2.gif) ; */
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin: 0px;
	padding: 5px;
}

.sidemain1 p {
	padding: 3px 0px 3px 0px;
	margin: 0px;
	line-height:130%;
}

.sidemain1 ul { /* リスト設定 */
	margin: 0px;
	padding:3px;
	list-style:none;
	background: #FFF;
} 

.sidemain1 li {
	display: block;
	padding: 2px 0px 2px 15px;
	background: url(../img/icon_eye03.gif) no-repeat 3px 5px;
}

/* カレンダー */
caption { /* 年月タイトル */
	font-weight: bold;
	text-align: center;
	padding:3px;
}

caption a {
 color:#333;
 text-decoration:underline;
}

caption a:hover {
 color:#666;
	text-decoration:underline;
}

.carender { /* カレンダー テーブル*/
	border-collapse: collapse;
	padding:5px;
	margin:0px;
	text-align:center;
	background: #FFF;
	font-size: 12px;
}

.carender td {
	padding:2px;
	border-collapse: collapse;
	text-align:right;
	border:1px solid #CCC;	
}

.carender th {
	padding:2px;
	border-collapse: collapse;
	border:1px solid #CCC;	
}

th.day { /* ヘッダ平日 */
	font-weight: bold;
	color: #FFFFFF;
	background: #64C3E3;
	text-align: center;
}

th.sun { /* ヘッダ日曜 */
	color: #FFFFFF;
	background: #FF6699;
	text-align: center;
}

th.sat { /* ヘッダ土曜 */
	color: #FFFFFF;
	background: #0091D1;
	text-align: center;
}

.chert { /* 表示色説明枠  */
	font-size:12px;
	background: #FFFFFF;
	padding: 5px;
}

.chert td {
	border-collapse: separate;
	padding:0px 0px 0px 5px;
	border:1px solid #ccc;
}

.line01{
	border: 1px solid #64C3E3;
	vertical-align:bottom;
} 

#rss{ /* RSS設定 */
	margin: 0px;
	padding:5px;
}

#count{ /* カウンター */
	margin: 0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding: 5px; 
	margin: 2px 0px;
	width: auto;
	/* background: url(../img/blogbox.gif) ; */
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px;
	display: block;
	font-size:116%;
	color: #FFFFFF;
	background: #99CC33;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
}

.entry_date{
	display: block; 
	padding: 10px 0px 3px 0px; 
	color: #FF6600; 
	text-align:right;
}

.state{ /* ブログステータス */
	padding: 2px 0px;
	text-align: right;
	border-top: 1px dotted #CCCCCC; 
}

.subtitle {/* h3 ブロックサブタイトル */
	padding: 2px 0px; 
	margin:10px 0px 10px 0px;
	text-align: left;
	font-size:110%;
	color:#CC6600;
	border-bottom: 3px double #CC6600;
	/* background: url(../img/subtitle.gif) ; */
}

 p.label { /* ブログコメントタイトル */
	font-weight: bold;
}

.tb_url{ /* トラックバックurl */
	font-weight: bold; margin-bottom: 10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {
	font-size:100%;
	color:red;
	font-weight:900;
	padding: 3px;
	background: #FFCCCC;
}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
}