/* テーマ：080825-能登スタイルストア*/
body{
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ＭＳ ゴシック",Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-size:80%;
	line-height:1.4em;
	color:#666666;
	/*background:#ffffff;*/
}

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

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

td {/*border:0px;*/ 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:#666666;text-decoration:underline;}
a:hover {
	color:#333333;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;
	font-size:12px;
	color:#FFFFDD;
	background:#ffffff;
	border:1px solid #999999;
	font-weight:normal;*/
}

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

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

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

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

.red{color:#CC6666;} /* フォント赤 */
.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 {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/*border-left:1px solid #333333;
	border-right:1px solid #333333;*/
	background:/* url(../img/container.gif) */ #ffffff;
}

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

/* ヘッダー */
#header{
	width:100%;
	height:85px;
                margin-top:0px;
                margin-bottom:0px;
	padding-bottom:2px;
	width:850px;
	background: url(/USERTHEMEIMG/vol1/notostyle.vk.shopserve.jp//top-bunner2.jpg);
background-position:right;
                background-repeat:no-repeat;
}

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

.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding:15px 5px 5px 0px;
	margin:0px;
	width:850px;
	height:100px;
/*	background: url(/USERTHEMEIMG/vol1/notostyle.vk.shopserve.jp//top-bunner2.jpg);
background-position:right;
                background-repeat:no-repeat; */

}

.shoplogo img{ /* サイトロゴブロック（表示なし） */
	/*display:none;*/
}

.siteName { /* サイト名 h1 （テキスト） */
	margin:0px;
	padding:20px 10px 3px 0px;
	font-weight:900;
	line-height:1em;
	font-size:100%;
}

.siteName a { color:#788C80;text-decoration:none;}
.siteName a:hover {
	color:#333333;
	text-decoration:underline;
}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	padding:5px 10px 2px 0px;
	margin:0px;
	line-height:120%;
	font-weight:normal;
}

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


/* ヘッダーメニュー */
#headMenu {
	width:100%;
	margin:0;
	margin-bottom:0px;
	background-color:#ffffff;
	color:#666666;
	clear:both;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:5px 5px 5px 1px;
	/*color:#C8C8C8;*/
	font-weight:normal;
	text-align:right;
	background-color:#ffffff;
	/*background-image:url(../img/headnavi_bg.gif);*/
	color:#666666;
}

.headnavi a{
	padding:0px 5px 0px 5px ;
	margin:5px 0px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
.headnavi a:hover {
	color:#333333;
	text-decoration:none;
	background-image:url
/*(../img/headnavi_bg_on.gif);*/
}

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

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

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

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

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

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

#center1 { /* センター td （2列）*/
	width:480px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
	/*background:url("http://www.notostyle.biz/pic-labo/top-bunner.jpg") ;*/
}

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

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


.header_area { /* ヘッダのフリーエリア */
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;;
	/*border:1px #1587C2 solid;*/
}

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

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

	padding:1px 0px 5px 0px;
	margin:0px;
}

.centerbox { /* センター用ブロック（幅設定） */
	margin:0;
width:auto;
	padding:0;
	/*background:url(../img/centerbox.gif) ;
	background:url("http://www.notostyle.biz/pic-labo/line_green.gif") ;
	background-repeat:no-repeat;
	background-position:center top;*/
}

.center{ text-align:center;margin:0 auto;} /* センター */
.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:140%;
	font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#666666;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

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

h2.goods /* 商品名 （商品一覧）*/
a{color:#333333;text-decoration:none;text-decoration:underline;}
a:hover{color:#333333;text-decoration:underline;}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px;
	padding:0px ;
}

.topIMG td{
	text-align:center;
	margin:0;
	padding:0;
	background:#ffffff;
	border:1px #333333;
	background-position:center top;
}

.shopCopy {  
	font-size:110%;
	line-height:130%;
	padding-right:0px;
	margin:0px;
	color:#669933;
	font-weight:normal;
	text-align:left;
}

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

.free_title { /* タイトル1 h3 */
	padding:8px 0px 0px 7px;
	margin:0px;
	width:auto;
	color:#669933;
	height:19px;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0;
	background:#E2EECF;
	/*background-image:url(../img/title_bar01.gif);*/
}

.title1{ /* タイトル2 h1 */
	padding:5px 0px 0px 3px;
	margin:0px;
	width:auto;
	color:#669933;
	height:19px;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0;
	background:#FFFFFF;
                padding-left:5px;
	/*background-image:url(../img/title_bar01.gif);
                background: url(/USERTHEMEIMG/vol1/notostyle.vk.shopserve.jp//icon5.gif);*/
                background-repeat:no-repeat;
}
.title1 a{color:#669933;text-decoration:underline;}
.title1 a:hover{
	color:#669933;
	text-decoration:underline;
	font-weight:bold;
}
.title2{ /* タイトル2 h1 */
	padding:5px 0px 0px 3px;
	margin:0px;
	width:auto;
	color:#669933;
	height:19px;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0;
	background:#FFFFFF;
	/*background-image:url(../img/title_bar01.gif);
                padding-left:5px;
               background: url(/USERTHEMEIMG/vol1/notostyle.vk.shopserve.jp//icon5.gif);*/
vertical-align:middle;
                background-repeat:no-repeat;
}
.title2 a{color:#669933;text-decoration:underline;}
.title2 a:hover{
	color:#669933;
	text-decoration:underline;
	font-weight:bold;
}
.title3{ /* タイトル2 h1 */
	padding:10px 0px 0px 3px;
	margin:0px;
	width:auto;
	color:#669933;
	height:19px;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0;
	background:#E2EECF;
	/*background-image:url(../img/title_bar01.gif);*/
}
.title3 a{color:#669933;text-decoration:underline;}
.title3 a:hover{
	color:#669933;
	text-decoration:underline;
	font-weight:bold;
}

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

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

	padding:10px 0px 10px 0px;
	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 0px;
	margin:0px;
	list-style-type:none;
	color:#999999;
}

li.p3{padding:3px;}

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

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

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

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	font-size:110%;
	padding:5px 25px;
	color:#333333;
	/*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 #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:#EAF2DB;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */


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

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:1px;
	width:99%;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:0px;
	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 15px;
	color:#669933;
	text-align:left;
	background:#FFFFFF;
}
#bread a { color:#669933;}
#bread a:link { 
	text-decoration:underline;
}
#bread a:hover { 
	text-decoration:underline;
	color:#666666;
}

h4.title{
	font-size:110%;
	margin:5px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted #333333;
}

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

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
	color:#669933;
}

.mailmag_ent{ /* 新規登録 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

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

.mailmag_can{ /* 配信解除 h4 */
	font-size:110%;
	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:0px 0px 0px 0px;
	margin:0px 5px;
	background-image:url(../img/icon_top.gif);
	background-repeat:no-repeat;
	background-position:50% left;
	font-size:90%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#669933;text-decoration:none;}
.pageTop a:hover{ color:#666666;text-decoration:none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0px;
	margin-bottom:2px;
	width:auto;
	border-top:1px #669933 solid;
	height:100px;
	text-align:center;
	margin-top:5px;
		
}

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

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

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

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

/********************************************************************/
/* サイド設定 */

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

#search label{
	padding:7px 0px 0px 7px;
	margin:0px;clear: both;width:100%;color:#669933;
	line-height:100%;
	letter-spacing:0;
	font-size:12px;
	font-weight:bold;
}


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

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

.list { /* メニュー枠設定 */
	padding:0px 0px;	
	display:block;
	line-height:130%;
}

.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-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
}

li.ca2 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#EAF2DB;*/
	color:#669933;
}

li.ca1 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;
	background-color:#669933;
}

li.ca2 a{ padding:1px 3px 1px 15px;
	display:block;
	color:#669933;
	font-weight:normal;
	text-decoration:none;
	
}
li.ca2 a:hover{
	color:#233607;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #EAF2DB;
}

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

li.ca3 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#EAF2DB;*/
	color:#669933;
}

li.ca3 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;
	background-color:#669933;
}

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

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

li.ca4 a:hover{
	color:#547D2B;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #EBFFAC;
}

li.ca5 {
	margin:0px;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
}

li.ca5 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	/*background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;*/
	/*background:#EAF2DB;*/
	color:#669933;
}

li.ca5 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	/*background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;*/
	background-color:#669933;
}

.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

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



	background: #FFFFFF;
}

.sidemain1 p {

	padding:0px 0px;	
	display:block;
	line-height:130%;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;

	padding:3px 0px 3px 0px;
	list-style:none;
} 

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

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

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

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

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

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

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

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

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

.line01{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:buttom;
} 

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

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

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

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

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 5px 0px;
	display:block;
	font-size:110%;
/*	color:#FFFFFF;*/
	color:#333333;
	height:19px;
/*	background:url(../img/entry_title.gif);*/
}

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

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

.subtitle {/* h3 ブロックサブタイトル */
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#547D2B;
	background:url(../img/subtitle.gif);
	height:19px;
}

 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:#FFFFFF;font-weight:900;padding:3px;background-color:#669933;}



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

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

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

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
/*ul.main{font-size:14px;}*/
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。
=========================================================================*/
ul.main{text-align:left;/*メインメニューの文字揃え*/text-indent: 15px;}
ol.sub{text-align:left;/*サブメニューの文字揃え*/text-indent: 15px;}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
ul.main{font-family:"ＭＳ Pゴシック", Osaka,monospace；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.main a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
.main{background-color:#ffffff;/*サブメニューの位置をずらした場合指定必須*/}
.main li{padding:0px 0px 5px 0px;background-image:url(../img/icon_eye01.gif);
background-repeat:no-repeat;}
.main li{background-color:#ffffff;}


/*メインメニューのオンマウス時*/
.main a:hover{background-color:#669933;
background-image:url(../img/icon_eye01_ov.gif);
background-repeat:no-repeat;text-decoration:none;}
/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/
.main li.on{background-color:#ffffff;opacity: 0.8;filter:alpha(opacity=80);}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#dddddd;opacity: 0.8;filter:alpha(opacity=80);width:100%;}
.sub li{background-color:#dddddd;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#669933;text-decoration:none;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.sub li.on2{background-color:#ffffff;}

/*サブメニュー2の背景色*/
.sub-2{background-color:#ccccff;}
.sub-2 li{background-color:#ccccff;}
/*サブメニュー2のオンマウス時*/
.sub-2 a:hover{background-color:#ecffff;}

/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/
/*：メインメニューの文字色*/
.main a:link{color:#669933;}
.main a:visited{color:#669933;}
.main a{color:#669933}
.main a:hover{color:#ffffff;}

/*：サブメニューの文字色*/
.sub a:link{color:#000000;}
.sub a:visited{color:#000000;}
.sub a:hover{color:#000000;}

/*：サブメニュー２の文字色*/
.sub-2 a:link{color:#0000ff}
.sub-2 a:visited{color:#000000;}
.sub-2 a:hover{color:#ff0000;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。
なお、
ul.main{width:1%;}
ol.sub{
    left:100%;
    top:-28px;
    width:180px;
}
.main li.on{
    height:24px;
    width:180px;
}
の用にいじると縦型メニューになります。ただしborderの微調整が必要になります。

=========================================================================*/

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.main{width:1%;}
ol.sub{
    left:100%;
    top:-28px;
    width:180px;
}
.main li.on{
    height:24px;
    width:180px;
}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.off{
    height:24px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:180px;/*文字数に合わせて調整*/
}
.main li.on{
    width:180px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:5px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main li.off{
    border:1px solid #ffffff;
}
/*展開時・メインメニューの枠線*/
.main li.on{
    border:1px solid #ffffff;
    border-bottom:0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.main a{
    border-bottom:1px solid #ffffff;
}

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:50;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:-10;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:180px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:180px;/*ol.subと同じ値を推奨*/
    height:24px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:180px;/*ol.subと同じ値を推奨*/
    height:24px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
border:0px solid #ffffff;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい

}
.sub li.off2,.sub li.on2{
    border-bottom:0px solid #ffffff;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:5px 5px;/*あまり大きな値にしない*/
    width:170px;/*削除不可*/
    height:24px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

/*========================================================================
2段階目のサブメニューを利用しない場合サブメニュー2に関する設定は不要
=========================================================================*/
/*---------------サブメニュー２幅の設定--------------------*/
ul.sub-2{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    top:-20px;/*ブラウザーで見ながら微調整*/
    width:180px;/*値の変更可能*/
}
/*---------------サブメニュー２枠線の設定--------------------*/
ul.sub-2{
    border:1px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
    border-bottom:0px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
}
.sub-2 a{
    border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}
/*---------------サブメニュー２余白の設定--------------------*/
.sub-2 a{
    padding:3px 5px;/*あまり大きな値にしない*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{clear:both;width:100%;
top:;
    left:;
    width:100%;
    /*position:absolute;*/
    z-index:100;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#menu{clear: both;width:100%;}/* 全体を囲むボックス */

ul.main{clear: both;width:100%;}/* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main li.off{clear: both;width:100%;}/* メインメニューアイテム通常時 */
ul.main li.on{clear: both;width:100%;}/* メインメニューアイテム展開時 */
li.off a,li.on a{clear: both;width:100%;}/* メインメニュー用リンク */

ol.sub{clear: both;width:100%;}/* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

ul.sub-2{} /* サブメニュー2 */
ul.sub-2 li{} /* サブメニュー2アイテム */
ul.sub-2 li a{} /* サブメニュー2用リンク */

/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}
/*ランキング用*/
#ranking{
  background-color:#ffffff;
  border:1px #669933 solid;
border-collapse:collapse;
  valign:middle;
  padding:4px;
}
#rankingmd{
  background-color:#669933;
  align:center;
　height:20px;
}
/*オンマウス透過用*/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;

}
/*エコポイント用*/
#eco-p{
  border:1px #669933 solid;
border-collapse:collapse;
 text-align: center;
 vertical-align: middle;
 padding:4px;
}
/*メディア掲載履歴用*/
table.media td{
padding:10px;
}
table.media th{
padding:10px;
}
#banner{
margin-right:10px;
}
.m-5{
margin:0 8px 10px 0;
}
.m-10{
margin-bottom:10px;
}
.bg-gray {
width:600px;
background-color:#DBDBDB;

}
.bg-pink {
width:600px;
background-color:#FAF1F1;

}


.wd-600{
width:600px;
}
.mg-5{
margin:0 10px;
}
.mg-3{
margin:0 6px;
}
.mg-10{
margin:0px 10px 10px 0px;
}

.twitter-left{
clear:both;
float:left;
}

#twitter{
width:170px;
border:solid 1px #D9E6B0;
}
#twitter li{
border-bottom:dotted 1px gray;
}
dd.twitter{
margin:0 !important;
padding:0 !important;
width:180px;
}
dd.twitter-top{
height:45px;
width:180px;
margin:0 !important;
padding:0 !important;
background: url(http://www.notostyle.biz/pic-labo/twitter-h2.jpg) no-repeat; 

}
dd.twitter-bottom{
height:23px;
width:180px;
margin:0 0 10px 0 !important;
padding:0 !important;
background: url(http://www.notostyle.biz/pic-labo/twitter-f.jpg) no-repeat;
}
#twitter-1{
width:185px;
border:solid 1px #D9E6B0;
}
.voice{
width:600px;
background-color:#E1FFE5;
margin:10px 0px;
}
/*しおサイダー用*/
.s-voice{
width:560px;
border:solid gray 1px;
margin-top:100px;
margin-left:10px;
padding:5px 0px;
}
.s-voicetext{
padding-left:10px;
}
.sm-65{
margin-top:65px;
margin-left:10px;
}
.sm-300{
margin-top:80px;
margin-left:300px;
}
/*地豆腐用*/
.mg-3-5{
margin-left:260px;
}
.mg-t-40{
margin-top:40px;
}
.f12p{
font-size:14px;
margin-left:5px;
}