/*波動オリジナルA： テーマ：シンプル／クールインテリア */

body{
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
margin:0px auto;
padding:0px;
font-size:84%;
line-height:135%;
color:#333333;
background:#F0F0F0;
text-align:center;
}

table {
text-align:left;
}

th {
vertical-align:top;
}

td {
vertical-align:top;
}


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

a{ /* 基本のリンク */
color:#66B82B;text-decoration:underline}
a:hover {
color:#666666;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 { /* 画像の周り込み解除 */
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center
}

.button1{ /* inputボタン設定 */
cursor:hand;
color:#FFFFFF;
background:#66B82B;
border:1px solid #333333;
border-top-color:#CCCCCC;
border-right-color:#CCCCCC;
border-bottom-color:#CCCCCC;
border-left-color:#CCCCCC;
font-weight:bold;
}

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

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

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

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

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

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

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

/********************************************************************/
/* 大枠テーブル */
#container {
width:860px;
text-align:left;
margin:0px auto;
border:1px solid #CCCCCC;
background:/* url(../img/container.gif) */ #FFFFFF;
}

/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
background:/* url(../img/enter.gif) */ #FFFFFF;
border:1px solid #999999;
}

/* ヘッダー */
#header{
background-position:left;
width:100%;
height:110px;
background:url(../../../../pic-labo/web_topmenu_i.jpg) left #FFFFFF;
}

#header { /* IE7 Safari Firefox 用 */
height:110px;
min-height:60px;
}

.NameArea{
width:auto;
}

.siteName { /* サイト名 h1（テキストの場合使用） */
margin:0px;
padding:10px 10px 5px 10px;
width:auto;
font-size:180%;
line-height:1em;
}

.siteName a { color:#66B82B;text-decoration:none;}
.siteName a:hover { color:#66B82B;text-decoration:underline;}

.shoplogo { /* サイト名（ロゴ設定の場合使用） */
padding:0px;
margin:0px;
width:860px;
}

.sitecopy{ /* サイトコピー */
padding:2px 10px;
margin:0px;
width:auto;
color:#666666;
line-height:1em;
}

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

/* ヘッダーメニュー */
#headMenu {
width:100%;
height:31px;
background:url(http://hadolife.net/img/sei-tem/headmenu.gif) ;
clear:both;
}

.headnavi { /* ヘッダーメニューテキスト */
padding:3px 20px 0px 20px;
color:#FFFFFF;
font-weight:bold;
text-align:right;
}

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

.navi01 {/* ヘッダーメニューアイコン */
background-position:left center;
background-repeat:no-repeat;
height:20px;
/* background:url(../img/hnavi01.gif) ;*/
}

/* ヘッダー下装飾ライン */
.hline {border:2px solid #FFFFFF;
background:url(../img/hline.gif) no-repeat #FFFFFF;
}

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

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

#rightSide { /* 右サイドtd （3列）*/
width:170px;
padding:0px;
margin:0px;
background:#E0F3CD;
vertical-align:top;
/* background:url(../img/rightside.gif) ;*/
}

#rightSide { /* 右サイドtd （3列 ブログ）*/
width:170px;
padding:0px;
margin:0px;
vertical-align:top;
/* background:url(../img/rightside2.gif) ;*/
}


#center1 { /* センター td （2列）*/
width:690px;
padding:0px;
margin:0px;
vertical-align:top;
background:#E0E0ED;
/* background:url(../img/center1.gif) ;*/
}

#center2 { /* センターtd （3列）*/
width:520px;
padding:0px;
margin:0px;
vertical-align:top;
background:#FFFFFF;
/* background:url(../img/center2.gif) ;*/
}

#center3 { /* センターtd （装飾用）*/
vertical-align:top; 
background:#FFFFFF;
/* background:url(../img/center3.gif) ;*/
}

#cartcenter {/* カート内レイアウトテーブル */
width:690px;
margin:0px auto;
}

.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:1px 1px 5px 1px;
margin:0px;
/* background:url(../img/sidebox.gif) ;*/
}

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


.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:#333333;
text-align:left;
}
.price.zoom{ /* 商品価格 （商品詳細） */
font-size:125%;font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align:left;
color:#333333;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

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

h2.goods /* 商品名 （商品一覧）*/
a{color:#66B82B;font-weight:bold;text-decoration:underline;}
a:hover{color:#666666;text-decoration:underline;}

/********************************************************************/
/*センターコンテンツ */
.topIMG { /* トップイメージ 外枠設定 */
margin:0px ;
padding:0px;
}

.topIMG td{
margin:0px;
padding:0px;
background:#FFFFFF;
}

.shopCopy { /* サイト説明 */
margin:0px;
padding:3px 10px 3px 10px;
color:#66B82B;
font-weight:bold;
text-align:left;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
padding:8px 0px 0px 40px;
margin:0px;
color:#FFFFFF;
width:auto;
height:22px;
background:url(http://hadolife.net/img/sei-tem/title_bar01.gif) repeat;
line-height:100%;
vertical-align:middle;
}

.title1{ /* タイトル1 h3 */
padding:8px 0px 0px 40px;
margin:0px;
color:#FFFFFF;
width:auto;
height:22px;
background:url(http://hadolife.net/img/sei-tem/title_bar01.gif) repeat;
line-height:100%;
vertical-align:middle;
}
.title1 a{color:#66B82B;text-decoration:none;}
.title1 a:hover{color:#66B82B;text-decoration:underline;}

.title2{ /* タイトル2 h3 */
padding:8px 0px 0px 40px;
margin:0px;
width:auto;
color:#FFFFFF;
height:22px;
background:url(http://hadolife.net/img/sei-tem/title_bar02.gif) repeat;
line-height:100%;
vertical-align:middle;
}
.title2 a{color:#FFFFFF;text-decoration:none;}
.title2 a:hover{color:#FFFFFF;text-decoration:underline;}

.title3{ /* タイトル3 h3 */
padding:8px 0px 0px 40px;
margin:0px;
width:auto;
color:#FFFFFF;
height:22px;
background:url(http://hadolife.net/img/sei-tem/title_bar02.gif) repeat;
line-height:100%;
vertical-align:middle;
}

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

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

padding:10px;
margin:0px;
width:auto;
background:#FFFFFF;
/* background:url(../img/maincont.gif) ;*/
}

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


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

li.p3{padding:3px;}

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

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

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

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


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

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

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

.backcolor1 { background:#D4E2FF;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#D4E2FF;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor3 { background:#D4E2FF;padding:10px 0px;} /* カート部分 */

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

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

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

/* 第二階層 */

#bread{ /* パンクズ */
margin:0px;
padding:3px 10px;
color:#999999;
text-align:left;
background:#FFFFFF;
}
#bread a { color:#999999;}

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

.mainFrame{ /* メイン大枠 */
margin:0px;
padding:5px;
background:#EBEBEB;
/* 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 */
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
padding:12px 0px 0px 60px;
background:url(../img/icon_mailmag_can.gif) no-repeat;
}

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

.pageTop { /* ページトップ */
padding:3px 5px 0px 17px;
margin:10px 5px;
background:url(../img/icon_top.gif) no-repeat;
font-size:76%;
font-weight:bold;
float:right;
}
.pageTop a{ color:#66B82B;text-decoration:none;}
.pageTop a:hover{ color:#66B82B;text-decoration:none;}


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

}

td>#footer { /* IE7 Safari Firefox 用 */
height:auto;
min-height:40px;
}

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

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

#footer>#copyright { /* IE7 Safari Firefox 用 */
height:auto;
min-height:20px;
}

#copyright a{color:#FFFFFF;}
#copyright a:hover{color:#FFFFFF;}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
padding:6px 5px 12px 5px;
margin:0px;
width:auto;
background:url(../img/search_img01.gif) #DDDDDD;
}

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

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

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

.list { /* メニュー枠設定 */
padding:0px 0px; 
display:block;
line-height:130%;
background:#CCCCCC;
border-top:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
/* background:url(../img/list.gif) ;*/
}

.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 #CCCCCC solid; 
}

li.ca2 {
margin:0px;
border-bottom:1px #CCCCCC solid;
}
li.ca1 a{ padding:5px 3px 5px 30px;display:block;
color:#7F4F2A;font-weight:bold;text-decoration:none;
background:url(http://hadolife.net/img/sei-tem/icon_eye01.gif) no-repeat #FFFFFF;
}

li.ca1 a:hover{ color:#7F4F2A;font-weight:bold;text-decoration:none;
background:url(http://hadolife.net/img/sei-tem/icon_eye01_ov.gif) no-repeat #CBA46C;
}

li.ca2 a{ padding:3px 3px 3px 20px;display:block;
color:#999999;font-weight:bold;text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #FFFFFF;
}
li.ca2 a:hover{ color::#999999;font-weight:bold;text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat#CBA46C;
}

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

li.ca3 a{ padding:5px 3px 5px 30px;display:block;
color:#7F4F2A;font-weight:bold;text-decoration:none;
background:url(http://hadolife.net/img/sei-tem/icon_eye01.gif) no-repeat #FFFFFF;
}

li.ca3 a:hover{ color:#7F4F2A;font-weight:bold;text-decoration:none;
background:url(http://hadolife.net/img/sei-tem/icon_eye01_ov.gif) no-repeat #CBA46C;
}

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

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
color:#66B82B;font-weight:bold;text-decoration:none;
background:url(../img/icon_eye02.gif) no-repeat #FFFFFF;
}

li.ca4 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
background:url(../img/icon_eye02_ov.gif) no-repeat #999999;
}

.sline1 { /* サイドバー下ライン */
padding:0px;
margin:0px;
height:5px;
background-color:#CCCCCC;
/* 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;
background: #FFFFFF;
/* background:url(../img/sidemain1.gif) ;*/
}

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

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

.sidemain1 li {
display:block;
padding:2px 0px 2px 10px;
color:#334d55;
background:url(../img/icon_eye03.gif) no-repeat
}

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

.carender { /* カレンダー テーブル*/
width:140px;
border-collapse:collapse;
padding:5px 0px;
margin:0px auto;
text-align:center;
}

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

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

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

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

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

.chert { /* 表示色説明枠 */
margin:5px 5px;
font-size:84%;
}
.chert td {
border-collapse:separate;
padding:0px 0px 0px 5px;
border:2px solid #FFFFDD;
}

.line01{ border:#CCCCCC 1px dotted;vertical-align:buttom;} 

#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 0px 10px 0px;
display:block;
font-size:116%;
color:#66B82B;
/* background:url(../img/entry_title.gif) ;*/
}

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

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

.subtitle {/* h3 ブロックサブタイトル */
padding:2px 0px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
color:#66B82B;
border-bottom:#66B82B 2px solid;
/* 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-color:#D6C692;}



/* ナビゲーション （固定）*/
.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);
}