/* テーマ：／otaru-fk */
/* Reset */
body {"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "Meiryo", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; *font-size:75%; 

*font:73%; color:#000000; margin:0; 

padding:0; border:0; background:none; text-align:center; letter-spacing:0.1em; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
border:0;
}

li{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/* clearfix */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7,MacIE5 */
.clearfix{
   display:inline-block;
}

/* WinIE5,6 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
html {
	font-size:62.5%;
}

body{
	
    font-family:"ＭＳ Ｐゴシック", Osaka,monospace;	margin:0px auto 0px;
	padding:0px;
	font-size: 1.2em;
	line-height: 1.6;
/* 	color:#666666; 　*/
/* 	文字を暗めに変更　18:19 2010/08/03　tshirane 　*/
 	color:#333333;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_body.gif) repeat-x left top #ffffff;
}

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

body tbody{
	text-align:left;
}

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:#6f4e2d;text-decoration:underline;}
a:hover {
	color:#ea6615;}
ul{ /* 基本のリスト （固定）*/
	list-style-type:square;}

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

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

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

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

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	width:100%;
	height:5px;
	background:#F9E6D0;
}

.button1{ /* inputボタン設定 */
	cursor:hand;
	color:#FFFFDD;
/* 	background:#725734; */
/* 	border:1px #453116 solid; */
/* 	色・枠変更　18:35 2010/08/03　tshirane */
	background:#CC2D10;
	border:1px #CC2D10 solid;
	margin:1px;
	height:25px;
	font-weight:bold;
/* 	高さ・フォント追加　18:35 2010/08/03　tshirane */

}

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

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

.no2{font-size:110%;} /* フォントズームイン */
.no3{font-size:83%;}/* フォントズームアウト */
.strong{ font-weight:bold;}/* フォントボールド */

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

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

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

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

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

/* ヘッダー */
#header {
    padding-top:31px;
    background-position: 31px;
	width:100%;
	height:53px;
	background:url()  no-repeat;
}
/* clearfix */
#header:after {
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7,MacIE5 */
#header{
   display:inline-block;
}

/* WinIE5,6 */
/* Hides from IE-mac \*/
* html #header {
   height:1px;
}

#header {
   display:block;
}



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

.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding:auto;
	margin:0px;
/*	width:580px;*/
	vertical-align:middle;
}

.siteName { /* サイト名 h1 （テキスト） */
	margin:0px;
	font-size:180%;
	line-height:1em;
}

.siteName a { color:#3B2508;text-decoration:none;}
.siteName a:hover { color:#3B2508;text-decoration:underline;}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	margin:0px;
	color:#3B2508;
	font-weight:thin;
	line-height:1em;
}

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


/* ヘッダーメニュー */
#headMenu {
	margin-bottom:20px;
	width:858px;
	height:34px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_navi.gif) repeat-x left top #edad6f;
	clear:both;
	overflow:hidden;
	border:1px solid #e98060;
}

.headnavi { /* ヘッダーメニューテキスト */
	margin:-3px 0 0 12px;
	padding:10px 0;
	color:#e98060;
	text-align:left;
}

.headnavi span {
	margin:0 -12px 0 -17px;
}

.headnavi a{
	font-size:1.0em;
}
/*\*/
html*.headnavi a{
	[font-size:1.25em;
	]font-size:1.0em;
}/**/


.headnavi a{
	width:112px;
	height:34px;
	padding:10px 10px 10px 15px;
	color:#ffffff;
	text-decoration:none;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_navi_li.gif) repeat-x left top #e38e3e;
}
.headnavi a:hover {
	width:112px;
	color:#ffffff;
	text-decoration:underline;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_navi_this.gif) repeat-x left top #ffffff;
}

*html .headnavi a:hover {margin-top:-1px;background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_navi_this.gif) repeat-x left top #ffffff;padding:10px;}
.navi01 {/* ヘッダーメニューアイコン */
	background-position:left center;
	background-repeat:no-repeat;
	height:20px;
	/* background:url(../img/hnavi01.gif) ;*/
}

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

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

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

#rightSide { /* 右サイドtd （3列）*/
	display:none;
	width:170px;
	padding:0px;
	margin:0px;
	background:#none;
	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:670px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:none;
	/* background:url(../img/center1.gif) ;*/
}

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

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


.header_area { /* ヘッダのフリーエリア */
	text-align:left;
	width:670px;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

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

	padding:0px 0px 5px 0px;
	margin:0px;
	/* background:url(../img/sidebox.gif) ;*/
}

.centerbox { /* センター用ブロック（幅設定） */
	margin:0px;
	padding:0px;
	/* 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:#ce5412;
	text-align:left;
	font-weight:bold;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:125%;font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#494949;
}
.expl a{color:#494949;	text-decoration:none;}
.expl a:hover{color:#494949;text-decoration:none;}

.fixed{ /* 商品定価 */
	color:#494949;
	text-align:left;
}
h2.goods {
	margin-right:0;
	margin-left:0;
}
h2.goods /* 商品名 （商品一覧）*/
a{font-weight:bold;}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

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

.shopCopy { /* サイト説明 */
	margin:0px;
	padding:4px;
	border:;
	color:#212121;
	line-height:120%;
	letter-spacing:1px;
	text-align:left;
	font-size:88%;
}

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

.free_title { /* タイトル1 h3 */
	padding:9px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	color:#ffffff;
        font-weight:bold;
	width:auto;
	height:24px;
	background:url(http://otaru-fk.vo.shopserve.jp/pic-labo/llimg/bg_navi.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}

.title1{ /* タイトル1 h3 */
	padding:9px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	color:#ffffff;
        font-weight:bold;
	width:auto;
	height:24px;
	background:url(http://otaru-fk.vo.shopserve.jp/pic-labo/llimg/bg_navi.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title1 a{color:#3B3B3B;text-decoration:none;}
.title1 a:hover{color:#ea6615;text-decoration:underline;}

.title2{ /* タイトル2 h3 */
	padding:9px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	width:auto;
	color:#3B3B3B;
	height:24px;
	background:url(../img/title_bar02.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#003366;text-decoration:none;}
.title2 a:hover{color:#ea6615;text-decoration:underline;}

.title3{ /* タイトル3 h3 */
        padding:9px 0px 0px 10px;
        margin:0px 0px 5px 0px;
        width:auto;
        color:#3B3B3B;
        height:24px;
        background:url(../img/title_bar02.gif) repeat;
        line-height:100%;
        vertical-align:middle;
}

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

.mainCont { /* メインコンテンツ */
	padding:10px 0;
	margin:0px;
	width:auto;
	background:none;
	/* background:url(../img/maincont.gif) ;*/
}

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


ul.news{ /* 最新情報リスト設定 */
	text-align:left;
	padding:0px 0px 0px 10px;
	margin:0px;
	list-style:square;
	color:#3B3B3B;
	list-style-image:/*url(../img/maincont.gif)*/;
}

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:#3B3B3B;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

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


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

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

.layout1{ /* レイアウト */
	margin:1px;
	padding:5px 0 5px 5px;
	background:none;
	/* background:url(../img/layout1.gif) ;*/
}
/*.layout1 table{
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #C4C4C4;
}*/

.layout1 td{
	margin:0px;
	padding:3px;
	text-align:left;
}

/* 第二階層 */

#bread{ /* パンクズ */
	padding:3px 10px 3px;
	color:#6F4E2D;
	text-align:left;
	background:#F1C8AC;
}
#bread a { color:#6F4E2D;}

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

.mainFrame{ /* メイン大枠 */
	margin:0px;
	/* 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 0px;
	margin:10px 5px;
	font-size:88%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#6f4e2d;}
.pageTop a:hover{ color:#ea6615;text-decoration:underline;}


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

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

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

#copyright { /* コピーライト */
	padding:0px;
	margin:0px;
	width:auto;
	height:20px;
	color:#000000;
	background:none;
	text-align:center;
	font-size:90%;
	margin-left:20px;
	text-align:left;
	/* background:url(../img/copyright.gif) ;*/
}

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

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

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

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

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

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

.list { /* メニュー枠設定 */
	padding:5px 0px 0px 0px;
	display:block;
	line-height:125%;
	background:none;
	border-top:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF 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;
	background:#fbf4ed;
}

li.ca1 {
	height:25px;
	background:#fbf4ed;
	text-align:center;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_left_li.gif) repeat-x left top #fbf4ed;
}

li.ca1 a{ padding:5px 3px 5px 3px;display:block;
	color:#6f4e2d;font-weight:bold;text-decoration:none;
}
li.ca1 a:hover{ color:#ea6615;font-weight:bold;text-decoration:none;
}

li.ca2 a{ padding:3px 3px 3px 30px;display:block;
	height:14px;
	letter-spacing:0.05em; 
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_arrow.gif) no-repeat 10px #fbf4ed;
}
li.ca2 a:hover{ color:#ea6615;
	height:14px;
	letter-spacing:0.05em; 
}

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

li.ca3 a{ padding:5px 3px 5px 20px;display:block;
	color:#003366;font-weight:bold;text-decoration:none;





	background:url(../img/icon_eye01.gif) no-repeat #FFFFFF;
}

li.ca3 a:hover{ color:#ea6615;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat #F9EFDC;
}

li.ca4 {
	padding:2px 0px;
	border-bottom:1px #E9E9E9 solid;
}

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

li.ca4 a:hover{ color:#ea6615;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #F9EFDC;
}

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

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

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	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 15px;
	color:#334d55;
	background:url(../img/icon_eye03.gif) no-repeat
}

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

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:0px 0px;
	 margin:0px;
	 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 { /* ヘッダ平日 */
	text-align:center;
}

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

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

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

.line01{ 
	height:1px;
	border-bottom:#CCCCCC 1px dotted;} 

#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 */
	margin-left:-7px;
	padding:10px 0px 0px 20px;
	display:block;
	font-weight:bold;
	font-size:116%;
	color:#ffffff;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h3_local.gif) ;
	width:650px;
	height:30px;
	
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#406E04;
	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:#626262;
	border-bottom:#626262 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:#FF0000;font-weight:900;}

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



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:668px;
	height:83px;
	margin:-20px -6px 0;
	border-top:1px solid #ea6615;
	background-position:center 5px;
}

.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);
}

/*ofk-original*/
#header h1 {
	text-indent:-9999px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/ofk_logo.gif) no-repeat right top;
	height:41px;
}
#header h2 {
	text-indent:-9999px;
}
.index_box h3 {
	margin-top:15px;
}
.index_box h4 {
	margin-top:15px;
}
.index_box h4 img {
	float:left;
}
.index_box .box{
	width:666px;
	margin-left:1px;
	border-right: 1px solid #ea6615;
	border-bottom: 1px solid #ea6615;
	border-left: 1px solid #ea6615;
}
.index_box .box p.caption {
	margin:0;
	padding:0;
}

.index_box .low_carbo {
	padding:10px;
	background:#fdf7f6;
}
.index_box .low_carbo img {
	float:left;
	padding-right:20px;
}
.index_box .low_carbo p {
	float:left;
}
.index_box .box .degree2 {
	padding:5px 10px 11px;
}
.index_box .box .degree2 p.h4_caption {
	margin-left:2px;
}
.index_box .box .degree2 ul {
	margin:0 0 10px 2px;
}
.index_box .box .degree2 ul li {
	width:150px;
	padding-right:10px;
	float:left;
}
.index_box .box .degree2 ul li.listR {
	padding-right:0;
}
.index_box .box .degree2 ul li span img {
	float:left;
}

.index_box .box .degree2 ul li span a{
	float:left;
	display:block;
	width:120px;
}

/*20101115価格表示の設定追加*/

.index_box .box .degree2 ul li span.price2 {
	width:120px;
	float:left;
	display:block;
	color: #CE5412;
	padding-left: 14px;
	font-weight: bold;
}


.index_box .box .box_inner {
	border-right: 5px solid #f9e6d0;
	border-bottom: 5px solid #f9e6d0;
	border-left: 5px solid #f9e6d0;
}
.index_box .box .box_inner_b {
	border-top: 5px solid #f9e6d0;
	border-right: 5px solid #f9e6d0;
	border-left: 5px solid #f9e6d0;
}

.index_box .box .box_inner .flow p.flowText {
	float:left;
	margin-top:30px;
	padding-right:40px;
}
.index_box .box .degree2 h4 {
	margin:0;
	border:none!important;
}
.index_box .box .degree2 a.link_btn {
	width:108px;
	float:left;
	height:32px;
	text-indent:-9999px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/btn_h3.gif) no-repeat left top;
	overflow:hidden;
}
.index_box .box .degree2 a.link_btn:hover {
	background-position:0 -32px;
}
.index_box .box .box_inner .index_boxInfo {
	margin-top:14px;
}
.index_box .box .box_inner .column1,
.index_box .box .box_inner .column2 {
	margin-top:15px;
}

.index_box .box .box_inner .column2 .columnL {
	float:left;
	width:310px;
}
.index_box .box .box_inner .column2 .columnR {
	float:right;
	width:310px;
}
.guide {
	margin-bottom:15px;
}
.guide h3 {
	padding:0!important;
}
.guide .box{
	width:666px;
	margin-left:1px;
	border-right: 1px solid #ea6615;
	border-bottom: 1px solid #ea6615;
	border-left: 1px solid #ea6615;
}
.guide .box .box_inner {
	border-right: 5px solid #f9e6d0;
	border-left: 5px solid #f9e6d0;
	padding:14px 0 0;
}
*:first-child+html .guide .box .box_inner {
	margin-top:6px;
}
.guide .box .box_inner .degree1 {
	padding:0 11px;
}
.guide .box .box_inner .flow p.flowText {
	float:left;
	margin-top:30px;
	padding-right:40px;
}

.guide .box .box_inner .guideInfo {
	margin-top:14px;
	margin-bottom:14px;
}
.guide .box .box_inner .column1,
.guide .box .box_inner .column2 {
	margin-top:15px;
}

.guide .box .box_inner .column2 .columnL {
	float:left;
	width:310px;
}
.guide .box .box_inner .column2 .columnL210 {
	float:left;
	width:210px;
}
.guide .box .box_inner .column2 .columnL210 table {
	margin-left:10px;
	width:200px;
}
.guide .box .box_inner .column2 .columnL210 table td.strong {
	width:70px;
	text-align:right;
	padding-right:15px;
}
.guide .box .box_inner .column2 .columnR {
	float:right;
	width:310px;
}
.guide .box .box_inner .column2 .columnR385 {
	float:right;
	width:385px;
}
.guide .box .box_inner .column2 .columnR385 table {
	margin-left:10px;
	width:375px;
}
.guide .box .box_inner ul {
	line-height:150%;
	margin:5px 0;
	padding:2px 0;
}

.guide .box .box_inner ul li {
	margin-top:0.5em;
	text-indent:-1.2em;
	padding-left:1.2em;
}
.guide .box .box_inner ul li span {
	color:#ffcc99;
}
.guide .box .box_inner ul li img.arrow {
	vertical-align:top;
}
.guide .box .box_inner table {
	margin:5px 0;
	padding:2px 0;
	width:310px;
}
.guide .box .box_inner table,
.guide .box .box_inner th,
.guide .box .box_inner td {
	border:1px solid #dcdcdc;
}
.guide .box .box_inner th,
.guide .box .box_inner td {
	padding:5px;
}
.guide .box .box_inner th {
	background:#fffef2;
}

#leftSide h3 {
	display:none;
}
#leftSide .sidemain1 {
	border:5px solid #f8e9e4;
	padding-bottom:0px;
}
/*
#leftSide .sidemain1 .item{
	padding:86px 0 0;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h4_left02.gif) left top no-repeat;  
*/
/* バックグラウンドから外してみる。14:22 2010/08/09tshirane */


}

#leftSide .sidemain1 .mailcont {
	padding:86px 0 0;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h4_left03.gif) left top no-repeat;
}

#leftSide .sidemain1 .carender {
	padding:56px 0 0;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h4_left04.gif) left top no-repeat;
}

#leftSide .sidemain1 p {
	padding:3px 0 0 10px;
	width:140px;
}
#leftSide .sidemain1 a {
	margin-left:2px;
}
#leftSide .sidemain1 p a {
	margin-left:0;
}
#leftSide .sidemain1 p a img {
	margin-left:-8px;
}
#leftSide .sidemain1 .text1 {
	float:left;
	margin-left:10px;
	width:95px;
}
#leftSide .sidemain1 .button1 {
	width:44px;
	float:left;
	background:#ffffff;
	padding-left:2px;
	border:none;
}
#leftSide .sidemain1 .chert {
	margin-left:10px;
	text-align:center;
}
#leftSide .sidemain1 .chert table {
	margin-left:10px;
}
#leftSide .sidebox #search {
	text-align:center;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h4_left01.gif) no-repeat left top;
	padding:98px 5px 0px;
}
#leftSide .sidebox #search label {
	display:none;
}
#leftSide .sidebox #search .button1 {
	display:block;
	margin:3px 0 0 21px;
	width:118px;
	height:20px;
	border:none;
	text-indent:-9999px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/btn_left01.gif) no-repeat left top;
}

*html #leftSide .sidebox #search .button1 {margin-left:0px;}
*:first-child+html #leftSide .sidebox #search .button1 {margin-left:0px;}

#leftSide .sidebox #search input.button1:hover {
	cursor:hand;
}
#leftSide .sidebox .list {
	padding:1px 0 2em 0;
	background:#fbf4ed;
	border-top:0px none;
	border-right: 5px solid #fc7e2a;
	border-bottom: 5px solid #fc7e2a;
	border-left: 5px solid #fc7e2a;
}
#leftSide .sidebox .list ul li.ca1 {
	margin-top:10px;
}
.text_center { text-align:center;}
.text_right { text-align:right;}
.text_left { text-align:left;}

/*original -local*/
#center3 h2.title1,
#center3 h3  {
	margin-top:8px;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0 0 30px;
	margin-bottom:0;
	width:640px;
	height:30px;
	font-size:15px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h3_local.gif) no-repeat left top;
}

#center3 .mainCont {
	margin:0 0 20px 1px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_box.gif) repeat-y left top #ffffff;
	border-right: 1px solid #ea6615;
	border-bottom: 1px solid #ea6615;
	border-left: 1px solid #ea6615;
	padding:20px 5px 0px;
	width:656px;
}
*html #center3 .mainCont {
	width:655px;
}

*html #center3 .mainFrame .mainCont {
	width:655px;
	padding:20px 4px 0;
}
*html #center1 #center3 .mainCont {
	width:656px;
}

*html #center1 #center3 form .mainCont {
	width:636px
}
*html #center3 #center1 .mainFrame .mainCont {
	padding:20px 5px 0;
}

#center3 .mainCont p {
	margin-left:10px;
	margin-right:10px;
}
/*banner_top*/
.banner_top {
	width:670px;
}
.banner_top p.bannerL {
	float:left
}
.banner_top p.bannerR {
	float:right;
}
.banner_bottom h3 {
	padding:0!important;
	background:none!important;
	margin:0!important;
	height:65px!important;
}
.banner_bottom h3 img {
	vertical-align:bottom;
}

.banner_bottom .banner_bottom_box {
	width:660px;
	border-right: 5px solid #fc7e2a;
	border-bottom: 5px solid #fc7e2a;
	border-left: 5px solid #fc7e2a;
	background:#fbf4ed;
	margin-bottom:10px;
	padding-bottom:7px;
}

.banner_bottom .banner_bottom_box p {
	float:left;
	padding-right:4px;
}

.banner_bottom .banner_bottom_box p.bannerL {
	padding-left:10px;
}

.banner_bottom .banner_bottom_box p.bannerR {
	float:right;
	padding-right:10px;
}

/*other*/

#center3 .layoutFrame h3.title1 {
	height:32px;
	margin:10px;
	padding:0;
	text-indent:-9999px;
	width:638px;
	height:32px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h5_detail08.gif) no-repeat left top;
}

.mainCont h4 {
	margin:0 10px;
	color:#6f4e2d;
	border-bottom:1px solid #6f4e2d;
}

.mainCont table {
	margin:0;
}
.mainCont p {

}
.mainCont p b {
	margin-top:10px;
	display:block;
	font-weight:normal;
	text-indent:-1.2em;
	padding-left:1.2em;
}
.mainCont table.layoutp3 td {
	padding:5px;
}
.mainCont .layoutp3 h2.red {
	color:#6e4d2c;
	margin-left:0px;
	font-size:1.25em;
	font-weight:bold;
}

.mainCont table.layoutp5 {
	margin:10px;
}

.mainCont table.layoutp5 h4.sitemap {
	margin-top:5px;
}

.mainCont table.layoutp5 ul ul {
	margin-left:60px;
}
.mainCont table.layoutp5 ul li.sm1 {
	margin:4px 0;
}
.layoutFrame .expl {
	margin:0 10px;
}
.mainCont .bordlayoutp3 {
	margin-left:auto;
	margin-right: auto;
}
.mainCont .bordlayoutp3 table.border {
	width:100%;
}
.mainCont table.bordlayoutp3 {
	margin:10px;
	width:97%!important;
}

/*detail_top*/
.detail_top {
	margin:-20px 10px 20px;
	padding-bottom:30px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detail_dot.gif) repeat-x 13px bottom;
}

.detail_top .top_image h4 {
	border:none;
	font-weight:bold;
	font-size:1.25em;
}
.detail_top .top_image p.price {
	margin:10px 10px 20xp;
	color:#ce5412;
	font-weight:bold;
	font-size:1.25em;
}
.detail_top .top_image .top_left {
	width:380px;
	float:left;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detail_main.gif) no-repeat left top;
	padding:6px;
}
/*20100811　木下追加*/
.detail_top .top_image .top_left02 {
	width:380px;
	float:left;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detail_main2.gif) no-repeat left top;
	padding:6px;
}
/*20100811　木下追加*/
.detail_top .top_image .top_left p.top_attention {
	font-size:0.83em;
	text-align:right;
	margin:4px 0 0 0;
	padding:0;
}
.detail_top .top_image .top_right {
	width:240px;
	float:right;
}
.detail_top .top_image h4 {
	margin-top:30px;
}

.detail_top .detail_info h5 {
	margin-top:20px;
}
.detail_top .detail_info .h5_left {
	width:525px;
	float:left;
}
.detail_top .detail_info .h5_left ul {
	margin:10px 0 0 10px;
}
.detail_top .detail_info .h5_left ul li {
	text-indent:-1.2em;
	padding-left:1.2em;
}
.detail_top .detail_info .h5_left ul li span {
	color:#ffcc99;
}
.detail_top .detail_info .illust {
	float:right;
	margin-top:20px;
}
.detail_top .set_menu h5 {
	margin-bottom:5px;
}
.detail_top .set_menu .set_left {
	float:left;
}
.detail_top .set_menu .set_right {
	float:right;
}
.detail_top .set_menu .inner_box {
	width:307px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detailM.gif) repeat-y left 58px;
	padding:0 3px 20px;
}

.detail_top .set_menu h6 {
	width:313px;
	margin-top:10px;
	height:43px;
	text-align:center;
	font-weight:bold;
	color:#6e4d2c;
	padding-top:15px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detailT.gif) no-repeat left top;
}
.detail_top .set_menu p {
	text-align:center;
	margin:0!important;
	padding:0!important;
}
.detail_top .set_menu table {
	margin-top:15px;

}
.detail_top .set_menu tr th {
	width:80px;
	padding:3px 0 0 10px;
	color:#6f4e2f;
	height:1.5em;
	border-top:1px dotted #b8a898;
	border-bottom:1px dotted #b8a898;
}
.detail_top .set_menu tr td {
	height:1.5em;
	border-top:1px dotted #b8a898;
	border-bottom:1px dotted #b8a898;
	vertical-align:bottom;
	width:227px;
	
}

/**********20111209追加*********/
.detail_top .set_menu tr td.noline {
	height:200px;
	vertical-align:top;
	width:250px;
	padding-left: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/***********追加完了**********/

.detail_top .set_bottom {
	width:313px;
	height:3px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_detailB.gif) no-repeat left top;
}

.detail_top .material h6 {
	margin-top:15px;
}

.detail_top .material ul {
	padding:10px 0 0 10px;
}

.detail_top .material ul li {
	text-indent:-1.2em;
	padding-left:1.2em;
}
.detail_top .material ul li span {
	color:#ffcc99;
}

.detail_top .material .material_left {
	width:310px;
	float:left;
}
.detail_top .material .material_right {
	width:310px;
	float:right;
}

.detail_top .other {
	margin-top:20px;
}
.detail_top .other .best_before {

	width:310px;
	float:left;
}
.detail_top .other .preserve {
	width:310px;
	float:right;
}
.detail_top .other p {
	margin:10px;
}
.detail_top .notice {
	padding:10px;
	border:1px solid #eb7025;
	background-color:#fefef4;
}

.detail_top .notice h5 {
	color:#eb7025;
	font-weight:bold;
}

/*****ご注意の追加 20111205******/
.detail_top .notice ul {
	margin:10px 0 0 10px;
}
.detail_top .notice ul li {
	text-indent:-1.2em;
	padding-left:1.2em;
}

.detail_top .notice ul li span {
	color:#ffcc99;
}


.detail_top .notice p {
	margin:5px 0!important;
}

h2 {
	margin:0 10px;
}

.layoutp3  table.border  {
	margin:0 0 0 15px;
}

td.backcolor2 table {
	text-align:center;
	margin:0 auto;
}
td.backcolor2 table.layoutp3 {
	text-align:left;
	margin:0;
}
/*popup*/

#enter #center3 h2.title1,
#enter #center3 h3  {
	margin-top:8px;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0 0 30px;
	margin-bottom:0;
	width:570px;
	height:30px;
	font-size:15px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/h3_popup.gif) no-repeat left top;
}

#enter #center3 .mainCont {
	margin:0 0 20px 1px;
	background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/bg_box_popup.gif) repeat-y left top #ffffff;
	border-right: 1px solid #ea6615;
	border-bottom: 1px solid #ea6615;
	border-left: 1px solid #ea6615;
	padding:20px 5px 0px;
	width:586px;
}

#leftSide .sidebox #registration p.btn {
	line-height:0;
	margin:0;
	padding-top:0px;
	padding-bottom:5px;
	text-align:center;
}

#leftSide .sidebox #mailmag h4,
#leftSide .sidebox #mailmag p.btn {
	line-height:0;
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}
#leftSide .sidebox #registration h4,
#leftSide .sidebox #mailmag h4 {
	padding:0 2px;
}
#leftSide .sidebox #registration p.btn a img {
	margin-left:-2px;
}

#leftSide .sidebox #mailmag p.btn {
	padding-left:11px;
}

#leftSide .sidebox #bannerarea h4 {
	line-height:0;
	margin-top:5px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}
#leftSide .sidebox #bannerarea p.btn {
	line-height:0;
	margin-bottom:8px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:13px;
	text-align:center;
}
#package h3 {
	background:none;
	width:600px;
	border-bottom:2px solid #6f4e2d;
	color:#6f4e2d;
	margin:0 10px;
}
#package .box {
	margin-top:20px;
}
#package .box img {
	
}

#package .box p {
	width:300px;
}

#package .box p.under_img {
	width:200px;
	text-align:center;
}

#package .box .pack_right {
	margin-right:30px;
	float:right;
}
#package .box .pack_left {
	margin-left:30px;
	float:left;
}
div#tokusho {
	_padding-right:6px!important;
}
/*20101021　追加*/
#image-navigation{width: 670px;text-align: center;margin-left:auto;margin-right:auto;}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }
#image-navigation ul li a {
  display:block;
  width:280px;
  height:50px;
}
#image-navigation .navi-image {
  float:right;
width:390px;
}
#image-navigation .navi {
  float:left;
width:280px;
}

#image-navigation-text ul li a {
  display:block;
  width:280px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}

#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }
#image-navigation img {
  border:0;
  vertical-align:bottom;
}
#image-navigation ul,
#image-navigation li {
  margin:0;
  padding:0;
  list-style:none;}
}
/*20101207　追加*/
.cate_01{
  margin:0;

}
.category_img{
  background:url(/USERTHEMEIMG/vol1/otaru-fk.vo.shopserve.jp/txt_bg.gif) no-repeat left top;
  padding-top:15px;
  padding-left:20px;
  float:left;
  width:340px;
  height:262px;
}
.category_txt{
  padding-top:10px;
  float:left;
  width:300px;
}@charset "utf-8";
/* CSS Document */