/* 基本設定：終わった */
body {
	font-family: "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, Osaka, "ＭＳ ゴシック", sans-serif;
	margin: 0 auto;
	padding: 0px;
	font-size: 0.8em;
	line-height: 160%;
	text-align: center;
	font-weight:normal;
	color: #555555;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_main.jpg) repeat-x #ffffff fixed;
}

table {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
}

th {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
	white-space: nowrap;
}

td {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0px; 
	margin: 0px; 
	font-size: 1em;
	text-align: left;
}

a { text-decoration: underline; }
a:link { color: #1E90FF; }
a:visited { color: #FF69B4; }
a:active { color: #0000FF; }

ul { list-style-type: none; }
ul ul { list-style-type: none; }
img { border: 0px; }
form { padding: 0px; display: inline; }
p { margin: 0px; padding: 4px 0px; }

.clear_both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center
	visibility: hidden;
	overflow: hidden;
}

.button1{
	font-size:12px;
	color: #ffffdd;
	background: #ff6666;
	border: 1px solid #ffffff;
	font-weight:normal;
}

.text1 { border:1px solid #CCCCCC; }
.caution{ font-weight: bold; color:#CC0000; }
.no2{ font-size: 1.1em; }
.strong{ font-weight: bold; }
.red {color: #CC0000; }
.orange {color: #FF9900; }
.blue {color: #0000FF; }
.green {color: #FF6666; }
.glay {color: #777777; }

.item img {
	height: auto;
	padding: 4px;
	margin: 0px;
	text-align: center;
}

.spacebox{
	height: 8px;
}

/********************************************************************/
/* 大枠テーブル：終わった */
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #ffcccc;
	background: #ffffff;
}

#enter {
}

/* ヘッダー：終わった */
#header{
	width: 100%;
	height: 84px;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//header.jpg) #ffffff no-repeat;
}

.shoplogo{
	padding: 16px 10px;
	margin: 0px;
}

.shoplogo img{
	margin-right: 12px;
}

.siteName {
	margin: 6px 0 2px 0;
	padding: 0;
	font-size:150%;
}
.siteName a:link { color: #555555; }
.siteName a:hover { color: #555555; }
.siteName a:visited { color: #555555; }
.siteName a:active { color: #555555; }

.sitecopy{
	padding: 0; 
	margin: 0;
	font-weight:normal;
}

.auto{
	width: auto;
}


/********************************************************************/
/* ヘッダーメニュー：終わった */
#headMenu {
	width: 100%;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
}

.headnavi {
	padding: 3px 16px;
	color: #ffffff;
	font-weight:normal;
	text-align:right;
}

.headnavi a:link { color: #ffffff; }
.headnavi a:hover { color: #ffffff; }
.headnavi a:visited { color: #ffffff; }
.headnavi a:active { color: #ffffff; }

.navi01 {
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) no-repeat;
	padding: 0 0 0 10px;
}

.hline {
}

/********************************************************************/
/* レイアウトボックス：終わった */
#leftSide {
	width: 160px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_side.jpg);
}

#rightSide {
	width: 170px;
	padding: 0;
	margin: 0;
	background: #ffffff;
	vertical-align: top;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_side.jpg);
}

#center1 {
	width: auto;
	padding: 0;
	margin: 0;
	background: #ffffff;
	vertical-align: top;
}

#center2 {
	width: auto;
	padding: 0; 
	margin: 0;
	background: #ffffff;
	vertical-align: top;	
}

#center3 {
	width: 600px;
	height: 580px;
	padding: 0; 
	margin: 0;	
}

.sidebox {
	padding: 8px 0;
	margin: 0;
}

.centerbox {
	padding: 8px 0;
	margin: 0;
	background: #ffffff;
}

.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 {
	padding: 2px 4px;
	margin: 0;
	color: #cc0000;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
}

.expl {
	padding: 4px;
	text-align: left;
}

.fixed{
	padding: 4px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: line-through;
	text-align: left;
}

.goods {
	padding: 4px;
	margin: 0;
	font-size: 1.1em;
}
	
/********************************************************************/
/*センターコンテンツ：終わった  */
.topIMG {
	margin: 8px 8px 0 8px;
	padding: 0;
}

.topIMG td{
	margin: 0px;
	padding:0px;
}

.shopCopy {
	font-size: 1.2em;
	margin: 0px;
	padding: 8px 0 0 0;
}

/********************************************************************/
/* タイトルデザイン：終わった */
.free_title {
	padding: 4px 8px;
	margin: 0px 8px;
	color: #333333;
	width: auto;
	font-size: 1.2em;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
	line-height: 100%;
	vertical-align: middle;
}

.title1{
	padding: 4px 8px;
	margin: 0px 8px;
	color: #ffffff;
	width: auto;
	font-size: 1.2em;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
	line-height: 100%;
	vertical-align: middle;
}

.title1 a:link { color: #ffffff; }
.title1 a:hover { color: #ffffff; }
.title1 a:visited { color: #ffffff; }
.title1 a:active { color: #ffffff; }

.title2{
	padding: 4px 8px;
	margin: 0px 8px;
	color: #ffffff;
	width: auto;
	font-size: 1.2em;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
	line-height: 100%;
	vertical-align: middle;
}

.title2 a:link { color: #cc0000; }
.title2 a:hover { color: #cc0000; }
.title2 a:visited { color: #cc0000; }
.title2 a:active { color: #cc0000; }

.title3{
	padding: 4px 8px;
	margin: 0px 8px;
	color:#007700;
	font-size: 1.2em;
        background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_green.jpg);
	line-height:100%;
	vertical-align:middle;
}

.rank{
	margin: 4px;
        text-align: left;
}

.mainCont {
	padding: 6px; 
	margin: 0 8px; 
	width: auto; 
	border: 1px solid #ffcccc;
	background:#ffffee;
}

.contbox {
	padding: 6px 0px; 
	margin: 0px; 
	width: auto; 
}

ul.news{
	text-align: left;
	padding: 0;
	margin: 0;
}

li.news{
	text-align: left;
	padding: 0 0 0 14px;
	margin: 0;
	list-style-type: none;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) left 3px no-repeat;
}

li.p3{padding: 2px;}

ul.free_list{
	text-align: left;
	padding: 4px 8px;
	margin:0px;
	list-style-type: none;
}

ul.list{
	text-align: left;
	padding: 4px 8px;
	margin:0px;
	list-style-type: none;
}

ul.map{
	text-align: left;
	padding: 0 8px;
	margin:0;
	color: #ff3366;
}
li.sm1 { margin: 0; padding: 0 0 4px 0; display: block;}
li.sm2 { margin: 0 0 0 -16px; padding: 0 0 4px 0; display: block;}

.sitemap{
	font-size:1em;
	padding: 0px 0px 4px 12px;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) left 2px no-repeat;
}

/********************************************************************/
/* テーブル余白設定：終わった */
.layoutp5  { padding:5px 0; }
.layoutp5 th { padding:5px; }
.layoutp5 td { padding:5px; }
.layoutp5 .border { border:1px solid #ff3366; }

.layoutp3  { padding:5px 0; }
.layoutp3 th { padding:3px; }
.layoutp3 td { padding:3px; }
.layoutp3 .border { border:1px solid #ff3366; }

.bordlayoutp3  { padding:5px 0;}
.bordlayoutp3 th { padding:3px;border:1px solid #ff3366; }
.bordlayoutp3 td { padding:3px;border:1px solid #ff3366; }
.bordlayoutp3 .side { padding:8px; }

.backcolor1 { background: #ffcccc; }
.backcolor2 { background: #ffffff; vertical-align: middle }
.backcolor3 { background: #ffcccc; padding: 8px 0px; }

/********************************************************************/
/* 商品レイアウト：終わった */

.layoutFrame{
	margin: 0 8px;
	padding: 0;
	width: auto;
	background: #ffcccc;
}

.layoutFrame td{
	text-align: center;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.layout1{
	margin: 0;
	padding: 0;
	border: 1px solid #ffcccc;
	background: #ffffee;
}

.layout1 td{
	margin: 0px;
	padding: 0;
	text-align: center;
}

/********************************************************************/
/* 第二階層：終わった */

#bread{
	margin: 0px;
	padding: 4px 8px 0 8px;
	color: #FF6600;
	text-align:left;
	background:#ffffff;
}

#bread a:link { color: #ff3366; }
#bread a:hover { color: #ff6666; }
#bread a:visited { color: #ff3366; }
#bread a:active { color: #ff3366; }

.mainFrame {
	margin: 0px;
	padding: 0px;
}

#sortList{
	margin: 0px;
	padding: 8px 2px;
	width: auto;
	color:#333333;
	float: right;
}

.pageTop {
	padding: 0 0 0 12px;
	margin:8px 0 0 0;
	background-image: url(../img/icon_top.gif);
	background-repeat: no-repeat;
	background-position: 50% left;
	float: right;
}

.pageTop a:link { color: #ff3366; }
.pageTop a:hover { color: #ff6666; }
.pageTop a:visited { color: #ff3366; }
.pageTop a:active { color: #ff3366; }

/********************************************************************/
/* フッター：終わった */
#footer {
	padding: 3px 0;
	margin: 0;
	width: auto;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
	text-align: center;
	color: #ffffff;
}

.footnavi { /*フッターメニューテキスト設定*/
	margin: 0;
	padding: 0;
}

.footnavi a:link { color: #ffffff; }
.footnavi a:hover { color: #ffffff; }
.footnavi a:visited { color: #ffffff; }
.footnavi a:active { color: #ffffff; }

#copyright { /* コピーライト */
	padding: 3px 0;
	margin: 0;
	width: auto;
	color: #ffffff;
	text-align:center;
}

/********************************************************************/
/* サイド設定：終わった */

#search {
	padding: 4px 8px;
	margin: 0px 8px;
	color: #ffffff;
	width: auto;
	font-size: 1em;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//bg_red.jpg);
	vertical-align: middle;
}

#search label{
	padding: 0px;
	margin: 0px;
	font-size:1.1em;
	color: #ffffff;
	font-weight: bold;
}

.fieldarea {padding: 4px 0px; virtical-align: center; }

/********************************************************************/
/* サイドメニューカテゴリリスト：終わった */

.list {
	margin: 8px 0 8px 8px; 
	padding: 0;
	display: block;
}

.list h3 {
	margin: 0; 
	padding: 4px 0;
}

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 {
	padding: 0;
	margin: 0 8px 4px 0;
}

li.ca2 {
	padding: 0;
	margin: 0 8px 4px 0;
}

li.ca1 a{
	padding: 2px 2px 2px 15px;
	display: block; 
	color:#ff3366;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ffffee;
}

li.ca1 a:hover{
	color: #ffcccc;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ff3366;
}

li.ca2 a{
	padding: 2px 2px 2px 15px;
	display: block;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ffffee;
}
li.ca2 a:hover{
	color: #ffcccc;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ff3366;
}

li.ca3 {
	padding: 0;
	margin: 0 8px 4px 0;
}

li.ca3 a{
	padding: 2px 2px 2px 15px;
	display: block;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ffffee;
}

li.ca3 a:hover{
	color: #ffcccc;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ff3366;
}

li.ca4 {
	padding: 0;
	margin: 0 8px 4px 0;
}

li.ca4 a{
	padding: 2px 2px 2px 15px;
	display: block;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ffffee;
}

li.ca4 a:hover{
	color: #ffcccc;
	font-weight: bold;
	text-decoration: underline;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) 2px center no-repeat #ff3366;
}

/********************************************************************/
/* その他サイド：終わった */
.sline1 { /* サイドバー下ライン */
	padding: 0px;
	margin: 0px;
}

.sline2 { /* サイドバー下ライン */
	padding: 0px;
	margin: 0px;
}

/* サイドコンテンツ */
.sidemain1 {
	margin: 0 8px;
	padding: 0;
}

.sidemain1 p {
	padding: 0;
	margin: 0;
	line-height:120%;
}

.sidemain1 ul {
	margin: 4px 0; 
	padding: 0;
	list-style: none;
} 

.sidemain1 li {
	font-size:1em;
	display: block;
	padding: 2px 2px 2px 12px;
	background: url(/USERTHEMEIMG/vol1/hana.ol.shopserve.jp//list_dot.gif) left center no-repeat;
}

.line01 { 
} 

#rss {
	margin: 0 8px;
	padding:0;
}

#count {
	margin: 8px;
	padding:0;
}

/********************************************************************/
/* カート */

.point {
	font-size: 1.1em;
	color: red;
	font-weight: bold;
}

.pointline {
	font-size: 1em;
	color: red;
	font-weight: bold;
	padding: 3px;
	background-color: #ffffff;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align: center;
	width: 100%;
	height: 64px;
}

.step_navi01 {
	background: url(../img/navi01.gif) 50% 50% no-repeat #ffffff;
}

.step_navi02 {
	background: url(../img/navi02.gif) 50% 50% no-repeat #ffffff;
}

.step_navi03 {
	background: url(../img/navi03.gif) 50% 50% no-repeat #ffffff;
}

.step_navi04 {
	background: url(../img/navi04.gif) 50% 50% no-repeat #ffffff;
}