/* テーマ：ベーシック／グレー */

body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	text-align:center;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-size:80%;
	line-height:135%;
	color:#000000;
	/*background:#C9D1D1;*/
}

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:#222222;text-decoration:underline;}
a:hover {
	color:#CC0000;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:#333333;
	border:1px solid #999999;
	font-weight:normal;*/
}

.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

h2.no2 {font-size:120%; color: #222222;}

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#b50101;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width:970px;
	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;
}

#enter #center3 .centerbox {
	margin: 10px 0;
}


#enter #center3 .centerbox .mainCont {
	margin: 10px;
	padding:10px;
}




/* ヘッダー */

/* #hdと高さ連動させる */
#header{
	width:100%;
	height: 120px!important;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:120px;
}

#header:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#header {
	display: inline-block;
}
/*\*/
* html #header {
	height: 1%;
}
#header {
	display: block;
}
.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding:15px 5px 5px 0px;
	margin:0px;
	width:100%;
	display: none;
}

.shoplogo img{ /* サイトロゴブロック（表示なし） */
	/*display:none;*/
}

.siteName { /* サイト名 h1 （テキスト） */
	margin:0px;
	padding:20px 10px 3px 0px;
	font-size:150%;
	font-weight:900;
	line-height:1em;
	display: none;
}

.siteName a { color:#414141;text-decoration:none;}
.siteName a:hover {
	color:#CC0000;
	text-decoration:underline;
}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	padding:5px 10px 2px 0px;
	margin:0px;
	line-height:120%;
	font-weight:normal;
	display: none;
}

.sitecopy a {color:#666666;text-decoration:none;}
.sitecopy a:hover {color:#CC0000;text-decoration:none;}


/* ヘッダーメニュー */
#headMenu {
	width:100%;
	margin:0;
	margin-bottom:4px;
	background-color:#E8E8E8;
	/*border-bottom:3px #009193 solid;
	border-top:1px #009193 solid;*/
	margin-bottom:10px;
	color:#FFFFFF;
	clear:both;
	display: none;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:5px 5px 5px 1px;
	/*color:#C8C8C8;*/
	font-weight:normal;
	text-align:right;
	background-color:#414141;
	background-image:url(../img/headnavi_bg.gif);
	color:#FFFFFF;

	display: none;
}

.headnavi a{
	padding:10px 5px 10px 5px ;
	margin:5px 0px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.headnavi a:hover {
	color:#FFFFFF;
	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 {min-width:210px; /* 左サイドtd */
	width: 210px;
	padding:10px 0 0 0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/* background:url(../img/leftside.gif) ;*/
}

#rightSide {min-width:170px; /* 右サイドtd （3列）*/
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/* background:url(../img/rightside.gif) ;*/
}

#rightSide {min-width:170px; /* 右サイドtd （3列 ブログ）*/
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/rightside2.gif) ;*/
}

#center1 { /* センター td （2列）*/
	width:760px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
	/* background:url(../img/center1.gif) ;*/
}

#center2 {min-width:520px; /* センターtd （3列）*/
	width:auto;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
	/* background:url(../img/center2.gif) ;*/
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	background:#ffffff;
	width:100%;
	/* background:url(../img/center3.gif) ;*/
}


/* 表組みセンタリング */
#center3 table{
	margin:0 auto;
}
#center3 table table.bordlayoutp3{
	margin:0;
}


.footer_area { /* フッタのフリーエリア */
	text-align:left;
	margin:0 auto;
	padding:0px;
	width:760px;
}

.sidebox { /* サイド用ブロック（幅設定） */

	padding:0 0px 0 0px;
	margin:0px;
}

.centerbox { /* センター用ブロック（幅設定） */
	margin:0px 0 0 0;
	padding: 0;
	/* background:url(../img/centerbox.gif) ;*/
}

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:bottom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#222222;
	text-align:left;
	font-weight:normal;
}


.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:140%;
	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{ /* 商品定価 */
	font-size:120%;
	color:#333333;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{color:#222222;text-decoration:none;font-weight:bold;text-decoration:none;}
h2.goods a:hover{color:#CC0000;text-decoration:underline;}

h2.goods { 
	margin: 0 0 5px 0;
}

	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.shopCopy { /* サイト説明 */
	font-size:110%;
	line-height:130%;
	margin:0px;
	padding:3px 10px 3px 10px;
	color:#CC0000;
	font-weight:normal;
	text-align:left;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:6px 0px 0px 13px;
	margin:0px;
	width:auto;
	color:#fff;
	height:18px;
	line-height:100%;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//cm_ttl_bg.gif) ;
	background-repeat: repeat-x;
}

.title1{ /* タイトル2 h1 */
	padding:6px 0px 0px 13px;
	margin:0px;
	width:auto;
	color:#fff;
	height:18px;
	line-height:100%;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//cm_ttl_bg.gif) ;
	background-repeat: repeat-x;
}
.title1 a{color:#fff;text-decoration:underline;}
.title1 a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}


/*  */
h2.title1 { 
	color:#ffffff!important;
	padding:3px 0px 0px 13px;
	height:21px;
}



.title2{ /* タイトル2 h1 */
	padding:6px 0px 0px 13px;
	margin:0px;
	width:auto;
	color:#fff;
	height:18px;
	line-height:100%;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//cm_ttl_bg.gif) ;
	background-repeat: repeat-x;
}
.title2 a{color:#fff;text-decoration:underline;}
.title2 a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
.title3{ /* タイトル2 h1 */
	padding:6px 0px 0px 13px;
	margin:0px;
	width:auto;
	color:#fff;
	height:18px;
	line-height:100%;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//cm_ttl_bg.gif) ;
	background-repeat: repeat-x;
}
.title3 a{color:#fff;text-decoration:underline;}
.title3 a:hover{
	color:fff;
	text-decoration:underline;
	font-weight:bold;
}


.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
	padding:0;
	margin:10px 0 10px 0;
	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-type:none;
	color:#000000;
}

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;list-style-type:none;}
li.sm2 { margin:0px 0px 0px -35px;display:block;list-style-type:none;}

.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 table{text-align:left;width:100%;}
.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:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.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:10px 15px 10px 0 ;
	color:#414141;
	text-align:left;
	background:#FFFFFF;
}
#bread a { color:#414141;}
#bread a:link { 
	text-decoration:underline;
}
#bread a:hover { 
	text-decoration:underline;
	color:#CC0000;
}

h4.title{
	font-size:110%;
	margin:5px 0px;	
	padding:2px 0px;
	color:#414141;
	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:#414141;
}

.mailmag_ent{ /* 新規登録 h4 */
	font-size:110%;
	margin: 20px;
	padding:12px 0px 0px 65px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	font-size:110%;
	margin: 20px;
	padding:12px 0px 0px 75px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	font-size:110%;
	margin: 20px;
	padding:12px 0px 0px 65px;
	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:0 5px 0px 17px;
	margin:10px 5px;
	background-image:url(../img/icon_top.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:90%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#414141;text-decoration:none;}
.pageTop a:hover{ color:#CC0000;text-decoration:none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0px;
	width:auto;
	text-align:center;
	
}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:100px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:15px 20px 5px 20px;
	color:#414141;
}
.footnavi a{ 
	color:#414141;
	text-decoration:underline;
	font-weight:normal;
}
.footnavi a:hover { color:#CC0000;text-decoration:underline;}

#copyright { /* コピーライト */
	padding:0px;
	padding-bottom:40px;
	width:auto;
	height:20px;
	color:#414141;
	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:#E8E8E8;
}
#search form{width:155px;}
#search label{
	padding:7px 0px 0px 7px;
	margin:0px;
	color:#414141;
	line-height:100%;
	letter-spacing:0.2em;
	font-size:12px;
	font-weight:bold;
}


.fieldarea{padding:5px 0px 5px 0px;vertical-align:middle;}

/* サイドメニューカテゴリリスト */

.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:#E8E8E8;*/
	color:#414141;
}

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:#414141;
}

li.ca2 a{ padding:1px 3px 1px 15px;
	display:block;
	color:#414141;
	font-weight:normal;
	text-decoration:none;
	
}
li.ca2 a:hover{
	color:#222222;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #E8E8E8;
}

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:#E8E8E8;*/
	color:#414141;
}

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:#414141;
}

li.ca4 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}

li.ca4 a{ padding:3px 3px 3px 25px;
	display:block;
	color:#333333;
	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;
}

.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px ;
	padding:0;
	background: #FFFFFF;
}

.sidemain1 p {
	padding:0;
	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:#0E577E;
	/*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 { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0 auto;
	 text-align:center;
	 background-color:#FFFFFF;
}

div#calendar_div table{
	margin:0 auto;
	text-align:center;
	width:150px;
}

.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:#414141;
	background:#E8E8E8;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#414141;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#CC0000;
	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{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:bottom;
} 

/* RSS設定 */
#rss{
	margin:0 0 20px 0;
	padding:0;
}

#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:#414141;}



/* ナビゲーション （固定）*/
.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;
}

/* ご利用案内 */
table.layout_left_shoppinguide{
	width:100%;
}

/* お客様の声（コメント）投稿画面用 */
div.comment_box table { /*テーブル枠線の表示形式*/
	border-collapse:collapse;
}

div.comment_box td { /*テーブル枠線の指定*/
	border:1px solid #999;
}

div.comment_box td.backcolor1 { /*項目名欄*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 { /*入力欄*/
/*	background:#fff;color:#333; */
}

div.comment_box div.item_name a { /*ご購入商品名リンク*/
/*	color:#00c; */
}

div.comment_box div.item_name a:hover { /*ご購入商品名リンクマウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.write_comment input { /*コメントを書くボタン*/
/*	color:#333;*/
}

div.comment_box div.write_comment a { /*コメントを書くリンク*/
/*	color:#00c; */
}

div.comment_box div.write_comment a:hover { /*コメントを書くリンクマウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.mainFrame { /*まだコメントはありません*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 td { /*会員IDとパスワード*/
/*	color:#333; */
}

/********************************************************************/
/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
	border-collapse:collapse;
	margin:5px 0;
	padding:0;
}

#itemStocklist th,
#itemStocklist td {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
	line-height:1.2;
}

#itemStocklist th {
	white-space:normal;
	width:auto;
	border:1px solid #999;
	vertical-align:middle;
}

#itemStocklist td {
	white-space:normal;
	width:auto;
	border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
	padding:1px 4px;
	line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
	width:80px;
	height:24px;
	margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
	padding:0 10px;
	vertical-align:middle;
	font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
	width:5em;
	text-align:center;
}

#itemStocklist table.listType td.btn {
	width:84px;
	vertical-align:middle;
	text-align:center;
}




/* ----------------------------------------
　　　　　　オリジナルＣＳＳ
------------------------------------------- */


/* ----------------------------------------
　　共通
------------------------------------------- */
body,div, p, dl, dt, dd, h1, h2, h3, h4, pre,
form, fieldset, input, textarea, blockquote, img {  
	margin: 0; padding: 0;
}

img {
	border:0;
}


/* Clearfix */
	.clreafix:after {
		content : ''; 
		display : block;
		clear : both;
	}
	.clreafix { /zoom : 1; }



.fr{ float: right;}
.fl{ float: left;}
.cl { clear: both;}

.tr { text-align:right;}
.tl {text-align: left;}
.tc {text-align: center;}

.m0{ margin: 0!important;}

.mr0{ margin-right: 0px!important;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}

.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}

.mb0{ margin-bottom: 0px!important;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}

.pt20{  padding-top: 20px;}

a:link { color: #222222; text-decoration: underline;} 
a:visited {	color: #222222;	text-decoration: underline;} 
a:hover { color:#CC0000; text-decoration: underline;} 
a:active { color: #222222; text-decoration: underline;}

a { outline: none;}

a:hover img {
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}

body {
	color: #222222;
	font-size: 12px;
	/*font-family: "MS PGothic","Osaka",Arial,sans-serif; */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ","Verdana", sanserif;*
	line-height: 1.4;
	text-align: left;
	background-color: #ffffff;
}

p.btn_right {
	margin: 10px 0 10px 0;
	text-align: right;
}



/* ----------------------------------------
　　ヘッダー 
------------------------------------------- */

#hd {
	width: 970px;
	margin: 0 0 0 -485px;
	padding:0;
	position:absolute;
	top: 10px;
	left: 50%;
	text-align:left;
	z-index:2;
}

#hd ul, #hd li { margin:0; padding:0;}

/* Clearfix */
	#hd:after {
		content : ''; 
		display : block;
		clear : both;
	}
	#hd{ /zoom : 1; }

#hd h2 {
	margin: 0 0 0 10px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
}

#hd #logo {
	float: left;
	margin: 0 30px 5px 0;
}

ul#hd_nv01 {
	float: right;
	width: 448px;
}

ul#hd_nv01 li {
	float: left;
	margin: 22px 3px 0 0;
	list-style: none;
	font-size: 10px;
}

ul#hd_nv01 li.cart {
	margin: 0 0 0 10px;
}

ul#hd_nv01 a:link { text-decoration: none;} 
ul#hd_nv01 a:visited { text-decoration: none;} 
ul#hd_nv01 a:hover { text-decoration: underline;} 
ul#hd_nv01 a:active { text-decoration: none}



div#hd_nv02_wrap {
	clear: both;
	width: 970px;
	height: 32px;
	background-color: #000000;
}

ul#hd_nv02 {
	float: right;
	width: 523px;
}

ul#hd_nv02 li {
	float: left;
	list-style: none;
	position:relative;
	z-index:10;
}

ul#hd_nv02 li a {
	display: block;
	height: 32px;
	text-indent: -9999px;
}

ul#hd_nv02 li#hd_nv02_01 a { width: 118px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat left top; }
ul#hd_nv02 li#hd_nv02_02 a { width: 143px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -118px top; }
ul#hd_nv02 li#hd_nv02_03 a { width: 143px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -261px top; }
ul#hd_nv02 li#hd_nv02_04 a { width: 118px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -404px top; }
ul#hd_nv02 li#hd_nv02_01 a:hover { width: 118px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat left bottom; }
ul#hd_nv02 li#hd_nv02_02 a:hover { width: 143px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -118px bottom; }
ul#hd_nv02 li#hd_nv02_03 a:hover { width: 143px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -261px bottom; }
ul#hd_nv02 li#hd_nv02_04 a:hover { width: 118px; background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//hd_nv02.gif) no-repeat -404px bottom; }

ul#hd_nv02 li ul {
	float: none;
	display: none;
	width: 138px;
	background-color: #000000;
	border-left: 5px solid #555555;
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
	position: absolute;
}

ul#hd_nv02 li:hover ul {
	display: block;
	padding: 5px 0 3px 0;
}

ul#hd_nv02 li ul li {
	float: none;
	height: 15px;
	margin: 0 5px 5px 10px;
	position:relative;
}

ul#hd_nv02 li ul li a {
	height: 14px;
	font-size: 10px;
	text-indent: 0;
	background-image: none!important;
}

ul#hd_nv02 li ul li a:link { color: #ffffff; text-decoration: none;} 
ul#hd_nv02 li ul li a:visited { color: #ffffff; text-decoration: none;} 
ul#hd_nv02 li ul li a:hover { color: #ffffff; text-decoration: underline;} 
ul#hd_nv02 li ul li a:active  { color: #ffffff; text-decoration: none;} 




/* ----------------------------------------
　　フッター
------------------------------------------- */

#ft {
	clear: both;
	width: 970px;
	margin: 30px auto 0 auto;
}

#ft ul, #ft li { margin:0; padding:0;}

#shoppingguide {
	width: 970px;
	height: 585px;
	margin: 0 0 10px 0;
	background: url(/USERTHEMEIMG/vol1/orizzonti.yl.shopserve.jp//ft_guide.gif) no-repeat left top;
	position: relative;
}

#shoppingguide #convenience {
	position: absolute;
	top: 535px;
	left: 105px;}

#ft_nv {
	width: 970px;
	height: 105px;
	background-color: #000000;
}

#ft_nv p {
	padding: 15px;
	text-align: right;
	font-size: 10px;
	color: #ffffff;
	line-height: 1.6;
}

#ft_nv p  a:link { color: #ffffff; text-decoration: none;} 
#ft_nv p  a:visited { color: #ffffff; text-decoration: none;} 
#ft_nv p  a:hover { color: #ffffff; text-decoration: underline;} 
#ft_nv p  a:active  { color: #ffffff; text-decoration: none;} 




/* ----------------------------------------
　　サイド ／トップページ メイン
------------------------------------------- */

#contents {
	width: 970px;
	margin: 0 auto 0 auto;
}

	#contents:after {
		content : ''; 
		display : block;
		clear : both;
	}
	#contents { /zoom : 1; }



/* ------------ サイド ------------ */

#sd {
	float: left;
	width: 180px;
	margin: 0 25px 20px 0;
}

.sd_bnr {
	width: 180px;
	margin: 0 0 25px 0;
}

.sd_bnr ul, .sd_bnr li { margin:0; padding:0;}

.sd_bnr img {
	margin: 0 0 10px 0;
}

#hotkeyword {
	width: 180px;
}

#hotkeyword p {
	margin: 10px;
	line-height: 1.6;
}

#searchbox {
	width: 160px;
	margin: 0 0 25px 0;
	text-align: right;
}

#searchbox #search_txt {
	width: 146px;
	margin: 0 0 3px 10px;
}

#searchbox #search_btn {
	margin:0;
	padding:0 
}


.sd_navi {
	width: 180px;
	margin: 0 0 30px 0;
}

.sd_navi ul li a:link { text-decoration: none;} 
.sd_navi ul li a:visited { text-decoration: none;} 
.sd_navi ul li a:hover { text-decoration: none;} 
.sd_navi ul li a:active  { text-decoration: none;} 




.sd_ttl {
	margin: 0 0 10px 0;
}

.sd_navi ul {
	width: 180px;
	margin: 0;
}

.sd_navi ul li {
	padding: 7px 7px 0 7px;
	list-style: none;
	border-bottom: 1px solid #bfbfbf; 
}




/* ------------ トップページ メイン ------------ */
#main {
	float: left;
	width: 760px;
	margin: 0 0 30px 0;
	text-align: left;
	font-size: 10px;
}

.m_ttl {
	margin: 10px 0 20px 0;
}



/* メインイメージ */
#image-navigation {
	height: 450px;
}

#image-navigation ul, #image-navigation li { margin:0; padding:0;}

#image-navigation  a img {
	filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}

#image-navigation .navi-image { position:relative; z-index:1; zoom:1;}
#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 .navi { 
	position: absolute;
	top:510px;
}

#image-navigation .navi ul li {
	float: left;
	margin: 0 6px 0 0;
	_margin: 0 5px 0 0; /* IE6 */
	list-style: none;
}

#image-navigation .navi ul li a {
  display:block;
  width:186px;
  height:70px;
}


/* ニュース .news */
.ticker {
	width: 758px;
	margin: 0 0 20px 0;
	border: 1px solid #707070;
	position: relative;
	overflow: hidden;
}

.ticker ul {
	height: 1.6em;
	margin: 5px 0;
	padding: 0;
}

.ticker ul li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	position: relative;
	line-height: 1.6em;
	margin-bottom: -1.6em;
}

.ticker ul li span {
	background-color: #666666;
	color: #ffffff;
	margin: 0 5px 0 0;
	padding: 0 3px;
}

.ticker ul li span.red {
	background-color: #cc0000;
	color: #ffffff;
}

.ticker ul li a:link { text-decoration: none;} 
.ticker ul li a:visited { text-decoration: none;} 
.ticker ul li a:hover { text-decoration: underline;} 
.ticker ul li a:active  { text-decoration: none;} 


/* ブランドカテゴリー */

#bandcategory {
	margin: 0 0 30px 0;
}

	/* Clearfix */
		#bandcategory:after {
			content : ''; 
			display : block;
			clear : both;
		}
		#bandcategory { /zoom : 1; }

#bandcategory div img {
	float: left;
	margin: 0 20px 0 0;
}



/* ------------ ショッピングインフォーメーション ------------ */
#shopping {
	clear: both;
	width: 760px;
}

#shopping_upper {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #999999;
}
	#shopping_upper:after {
		content : ''; 
		display : block;
		clear : both;
	}
	#shopping_upper { /zoom : 1; }

.shopping_box01 {
	float: left;
	width: 225px;
	margin: 0 15px 10px 10px;
	line-height: 1.5;
}

.shopping_box01 p {
	margin: 15px 0 0 0;
	text-align: right;
}

#shopping_lower {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #999999;
}

.shopping_box02 {
	margin: 0 15px 0 10px;
	font-size: 12px;
	line-height: 1.7;
}

.shopping_box02 img {
	vertical-align: middle;
}




/* ----------------------------------------
　　商品ページ
------------------------------------------- */

#property {
	width: 764px;
	margin-top: 30px;
	margin-bottom: 40px;
}

	#property:after {
	   content: ".";
	   display: block;
	   clear: both;
	   height: 0;
	   visibility: hidden;
	   font-size: 0;}
	
	#property { clear: both; }

#comment {
	float: left;
	width: 340px;
	margin-right: 10px;
	background-color: #ededed;
	border-radius: 5px 5px 5px 5px;	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

#comment p {
	padding: 10px;
}

#detail_size {
	float: left;
	width: 390px;
	border: 1px solid #d6d6d6;
	padding: 5px;
}

table.detail_table, table.size_table {
	width: 390px;
	margin: 0 0 10px 0;
}

table.detail_table th, table.size_table th {
	background-color: #969696;
	color: #ffffff;
	padding: 1px;
	font-weight: normal;

}

table.detail_table th {
	width: 20%;
	padding: 3px;
}

table.detail_table td, table.size_table td {
	border-bottom: 1px solid #d6d6d6;
	padding: 2px;
}

table.size_table th, table.size_table td {
	text-align: center;
}

p.size_item {
	margin: 0 0 0 5px;
	font-weight: bold;

}

#photo {
	width: 764px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 30px;
	position: relative;
	clear: both;

}

#photo ul, #photo li { margin:0; padding:0;}

	#photo:after {
	   content: ".";
	   display: block;
	   clear: both;
	   height: 0;
	   visibility: hidden;
	   font-size: 0;}
	
	#photo { clear: both; }

#photo_main {
	float: left;
	width: 440px;
	margin-left: 40px;
	margin-right:10px;
	padding: 0 0 20px;
}


#photo_main img{
	border:  3px double #aaa;
}



#photo_thumbnail {
	float: left;
	width: 220px;
	margin-left: 10px;
}

#photo #photo_thumbnail ul {
	margin-bottom: 10px;
}

#photo_thumbnail li img{
	width: 90px;
	border: 1px solid #aaa;
}

#photo #photo_thumbnail ul li {
	float: left;
	display: block;
	width: 90px;
	margin: 0 10px 10px 10px;
	list-style: none;
	cursor: pointer;
}

#photo #photo_thumbnail ul li p {
	width: 90px;
	margin: 0;
	padding-top: 3px;
	text-align: center;
	line-height: 1.1;
	font-size: 90%;
	background-color: #FFF;
}










/* ----------------------------------------
　　フリーページ
------------------------------------------- */


/* 会員規約・ポイント規約 */
#member p, #point p {
	padding: 0 10px;
	margin-bottom: 30px;
}

#member ol, #point ol {
	padding: 0 10px;
	margin: 0 0 30px 20px;
}



/* 個人情報 */
#privacy p {
	padding: 0 10px;
	margin-bottom: 30px;
}


/* サイズガイド */
#sizeguide {
	width: 760px;
	margin: 10px 0 20px 0;
}

#sizeguide #guide {
	width: 740px;
	margin: 0 auto 30px;
	background: URL(http://orizzonti.jp/pic-labo/m_box_bg2.gif) repeat-y left top;
}

#sizeguide #guide p {
	margin: 0 0 0 20px;
}

#sizeguide div {
	width:760px;
	margin: 20px 0 20px 0;
}

#sizeguide h4.title {
	padding: 3px 0px 3px 7px;
	margin-bottom: 20px;
	border-bottom: 3px solid #222222;
	font-size: 120%;
}

#sizeguide #sizebox img {
	margin: 0 30px 0 30px;
}



/* よくあるご質問 */

#faq {
	width:760px;
	margin: 10px 0 20px 0;
}

#faq p {
	margin: 0 0 10px 40px;
	font-size: 14px;
}


#question {
	width: 740px;
	margin: 0 auto 40px;
	background: URL(http://orizzonti.jp/pic-labo/m_box_bg2.gif) repeat-y left top;
}

#question a:link { color: #222222;	text-decoration: none;} 
#question a:visited {	color: #5222222;	text-decoration: none;} 
#question a:hover { color: #CC0000;	text-decoration: none;} 
#question a:active { color: #222222;	text-decoration: none;}
#question a:focus { outline: none;}



#question ul {
	width: 650px;
	margin: 0 0 30px 40px;
}

#question ul li {
	padding: 8px 0 2px 27px;
	list-style: none;
	background: URL(http://orizzonti.jp/pic-labo/faq_q_list.gif) no-repeat left bottom;	
}

#faq p.faq_ttl {
	width: 710px;
	margin: 0 0 20px 30px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px double #cccccc;
}

#faq dl {
	width: 680px;
	margin: 0 0 40px 50px;
}

#faq dl dt {
	padding: 7px 0 5px 40px;
	margin-bottom: 3px;
	background: URL(http://orizzonti.jp/pic-labo/faq_q_bg.gif) no-repeat left bottom;
	color: #007fff;	
}

#faq dl dd {
	padding: 7px 0 3px 40px;
	margin: 0 0 15px 18px;
	background: URL(http://orizzonti.jp/pic-labo/faq_a_bg.gif) no-repeat left 3px;	
}


/* コンビニ払いについて */

#conv {
	width: 740px;
	margin: 0 auto 40px;
}

#conv p {
	margin: 15px 0px;
}

#conv table {
	margin: 0 0 20px 0;
	border: 1px solid #cccccc;
	font-size:12px;
	line-height:1.5;
}

#conv table th {
	border-right: 1px dotted #cccccc;
}

#conv table th, #conv table td {
	padding: 10px;
}

#conv strong.conv_ttl {
	font-size: 14px;
	color: #333333;
}

#conv strong {
	color: #0080ff;
}

#conv span {
	display: block;
	margin: 20px 0 0 0;
	text-align: right;
}

#conv span img {
	vertical-align: middle;
}


/* アイテムリスト */
#itemlist {
	width: 764px;
}
	#itemlist:after {
	   content: ".";
	   display: block;
	   clear: both;
	   height: 0;
	   visibility: hidden;
	   font-size: 0;}
	
	#itemlist { clear: both; }


#itemlist ul {
	width: 650px;
	margin: 0 0 0 10px;
}

#itemlist ul li {
	float: left;
	list-style: none;
}

#itemlist ul li a {
	display: block;
	width: 275px;
	height: 31px;
	margin: 0 20px 7px 0;
	padding: 13px 0 0 30px;
	background: URL(http://orizzonti.jp/pic-labo/itemlist_bg.gif) no-repeat left top;
	font-size: 120%;
}



/* フリーページお知らせ用 */
.infobox table{
	border: 2px solid #999;
	margin: 25px 40px 50px 40px;
	background-color:#efefef;
	padding: 20px;
	font-size: 14px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
	 -moz-box-shadow:0px 5px 5px #999;
	 -webkit-box-shadow:0px 5px 5px #999;
	box-shadow:0px 5px 5px #999;
}




/* ----------------------------------------
　　フリーページ（特集・キャンペーン・セール等）
------------------------------------------- */



/* 特集１　テンプレート */
div#tmp01 {
	width: 760px;
	margin: 10px 0 20px 0;
}

div#tmp01 p.colle_ttl{
	margin: 10px 0 5px 0;
	font-weight:bold;
}

#tmp01 .image {
	width:720px;
	margin: 0 0 10px 0;
	border: 1px solid #cccccc;
}

#tmp01 .comment {
	float: left;
	width:310px;
	margin: 0 20px 0 0;
	line-height:1.5;
}

#tmp01 .item_box {
	float: right;
	width:280px;
}

#tmp01 .item_box img {
	vertical-align: middle;
}

#tmp01 .item_box ul {
	margin: 0 0 0 0;
	padding: 0;
}

#tmp01 .item_box ul li {
	list-style:none;
	margin: 0 0 4px 0;
	line-height: 1.3;
	font-size:14px;
}

#tmp01 .item_box ul li a {
	text-decoration: none;
}

#tmp01 .item_box ul li a:hover {
	text-decoration: underline;
}

#tmp01 .item_box ul li img {
	margin-left: 7px;
}

#tmp01 span.release {
	font-size: 12px;
}



/* スライダー */

/* Insignificant stuff, for demo purposes */

	noscript div { background: #fff; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { width:758px; padding: 0; border: 1px solid #999999; }
	.coda-slider { background: #fff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 722px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 722px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; font-size: 16px; font-weight:bold; padding: 30px 0; width:18px; height:20px; margin:180px 0 0 0; text-align:center; }
	
	.coda-nav-left a:hover, .coda-nav-right a:hover { background: #CC0000;}
	.coda-nav-left a:link, .coda-nav-left a:visited, .coda-nav-left a:hover, .coda-nav-left a:action { color:#ffffff; text-decoration:none;}
	.coda-nav-right a:link, .coda-nav-right a:visited, .coda-nav-right a:hover, .coda-nav-right a:action { color:#ffffff; text-decoration:none;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #007fff }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0 }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; overflow: hidden; margin: 0 18px 10px 0; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color:#ffffff; display: block; float: left; margin: 10px 1px 0 0; padding: 3px 6px; text-decoration: none }
	.coda-nav ul li a:hover { background: #666;}
	.coda-nav ul li a:link, .coda-nav ul li a:visited, .coda-nav ul li a:hover, .coda-nav ul li a:action { color:#ffffff; text-decoration:none;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
	


/* 特集２　テンプレート */
div#tmp02 { width: 760px;
	margin: 10px 0 20px 0;
}


div#tmp02 p.sp_ttl {
	background: url(http://orizzonti.jp/img/tmp02_ttl.gif) left bottom;
	font-size: 16px;
	font-weight:bold;
	min-height:30px;
	height:auto!important;
	height:30px;
}

div#tmp02 .sp_itemline {
	width: 760px;
	margin: 0 0 40px 0;
}

	div#tmp02 .sp_itemline:after {
	   content: ".";
	   display: block;
	   clear: both;
	   height: 0;
	   visibility: hidden;
	   font-size: 0;}
	
	div#tmp02 .sp_itemline { clear: both; }

div#tmp02 .sp_itembox {
	float: left;
	width: 220px;
	margin: 0 10px 0 10px;
	padding: 5px;
	border:1px solid #ddd;
}


	*html div#tmp02 .sp_itembox {
		margin: 0 7px 0 7px;
	}

div#tmp02 .price {
	margin: 0 0 10px 0;
}

	/* 画像のズレ防止 */
	div#tmp02 div.item {
		text-align:center;
	}
		
	div#tmp02 div.item img {
		margin:10px 0!important;
}


/* ポップアップ */
a.popup:hover img {border:1px solid #CC000;}

.popup {
	display:block;
	text-decoration:none!important;
	position:relative;
}

.popup span {
	display: block;
	width: 220px;
	position: absolute;
	top:270px;
	left:30px;
	left:-9999px;
	padding: 30px 5px 10px 10px;
	border: 1px solid #007fff;
	border-left: 4px solid #007fff;
	background: url(http://orizzonti.jp/img/tmp02_com.gif) 7px 3px no-repeat #ffffff;
	color: #666;
	font-size:12px;
	text-align:left;
}

a.popup:hover span {
	display: block;
	position: absolute;
	top:270px;
	left:30px;
	z-index: 99;
}

a.popup:hover {
	z-index: 99;
}




/* 30日返品無料キャンペーン */
div#cp_30free a:link {color: #007fff; text-decoration: underline;} 
div#cp_30free a:visited {color: #007fff; text-decoration: underline;} 
div#cp_30free a:hover {color: #007fff; text-decoration: underline;} 
div#cp_30free a:active {color: #007fff; text-decoration: underline;} 


div#cp_30free {
	width: 760px;
	margin: 15px 0 15px 0;
}

div#cp_30free .box_00 {
	margin: 0 auto 40px auto;
	font-size: 16px;
}

div#cp_30free .box_01 {
	width: 670px;
	margin: 30px auto 30px auto;
	padding: 15px;
	background-color:#f3f3f3;
	border:1px dotted #bbbbbb;
	font-size: 18px;
	line-height: 1.4;
}

div#cp_30free .box_01 strong{
	color: #e8566e;
}

div#cp_30free .box_02 {
	width: 716px;
	margin: 0 0 40px 0;
	padding: 20px;
	border:2px solid #cccccc;
}

div#cp_30free .ttl {
	margin: 30px 0 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 3px solid #646464;
	font-size: 16px;
	font-weight: bold;
}

div#cp_30free ul.attention {
	width: 716px;
	margin: 0 0 40px 0;
	padding: 20px 0 20px 40px;
	border:2px solid #007fff;
	background-color: #eaf4ff;
}

div#cp_30free ul.attention li {
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}

div#cp_30free .box_03 {
	margin: 10px 0 40px 0;
}

div#cp_30free .box_03 ul{
	margin: 0 0 0 30px;
}

div#cp_30free .box_03 ul li {
	margin: 0 0 4px 0;
}

div#cp_30free .box_03 ol li {
	margin: 0 0 20px 0;
}

.entry_title{
	display: none;
}

.state{
	display: none;
}



/* Secret SALE 20110610 */
#secretsale {
	width: 760px;
}

#secretsale #count, #secretsale #count2 {
	padding: 15px 0;
	background: url(http://orizzonti.jp/img/sale/110610_secret_04.gif) left top;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#secretsale #count2 {
	width: 670px;
}


#secretsale #entry_btn {
	margin: 40px 10px 20px;;
}

#secretsale #entry_btn:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   font-size: 0;
}

#secretsale #entry_btn img {
	float:left;
	margin: 0 20px 0 0;
}


/* 48時間セール */
div#tmp02 .off {
	margin: 0 15px 5px;
	padding: 3px;
	background-color:#ffd647;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
}

div#tmp02 .off span {
	color: #333333;
}

