@charset "Shift_JIS";

/* ----------------------------------------------------------
  Author : Horti Online Shop
  URI : http://horti.rokkosan.com/
  Date : 2006.3.30
  Copyright(C) Hanshin Leisure Facilities.Co.,Ltd
---------------------------------------------------------- */


/* import Style
---------------------------------------------------- */
@import "special.css";

/* Global Common
---------------------------------------------------- */
body {
	color: #333333;
	font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	background: #F8F9ED url(/image/horti/bg1.gif);
	margin: 0px;
	padding: 0px;
}
td,th {
	color: #333333;
	font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	vertical-align: top;
}
.outsideBox {
	background-color: #FFFFFF;
	border-left: 1px solid #DCD3B1;
	border-right: 1px solid #DCD3B1;
}

input {
	font-size: 12px;
}
form {
	margin: 0px;
	padding: 0px;
}
a:link,a:visited {
	color: #996600;
	text-decoration: none;
}
a:hover {
	color: #6D6457;
	text-decoration: underline;
}
hr.gray {
	color:#333333;
	background-color: #333333;
	border:none;
	width:100%;
	height:0.1em;
}
strong.Error {
	color: #FF0000;
}


/* Bread Crumbs
---------------------------------------------------- */
#breadLink {
	font-size: 11px;
	line-height: 240%;
	background-color: #EE3338;
	height: 27px;
	padding: 1px 0px 0px 13px;
}
#breadLink a:link, #breadLink a:visited {
	text-decoration: none;
}
#breadLink a:hover{
	text-decoration:underline;
}

	
/* Left Menu
---------------------------------------------------- */
#leftMenu {
	background-color: #FCF8D6;
	border-right: 1px solid #DCD3B1;
}
.menuBox0 {
	background-color: #DCDCDC;
	padding: 9px 0px 9px 0px;
	border-top: 2px solid #BDBFBB;
}
.menuBox1 {
	background-color: #FCF8D6;
	padding: 0px 0px 4px 0px;
}
.menuBox2 {
	background-color: #68BF22;
	margin: 1px 0px px 0px;
}
.menuBox1 a:link, .menuBox1 a:visited {
	background-color: #FFFFFF;
	display: block;
}
.menuBox1 a:hover {
	background-color: #33CC99;
	display: block;
}
.menuBox2 a:link, .menuBox2 a:visited {
	background-color: #68BF22;
	display: block;
}
.menuBox2 a:hover {
	background-color: #00FF00;
	display: block;
}
.menuBox3 {
	font-size: 11px;
	background-color: #FFFFFF;
}
.menuBox3 a:link, .menuBox3 a:visited {
	color: #333333;
	text-decoration: underline;
}
.menuBox3 a:hover {
	color: #666666;
	text-decoration: none;
}
.menuBox3 {
	font-size: 11px;
	background-color: #FFFFFF;
}
.menuBox4 {
	font-size: 11px;
	background-color: #DCDCDC;
}
.menuBox4 a:link, .menuBox4 a:visited {
	color: #996600;
	text-decoration: underline;
}
.menuBox4 a:hover {
	color: #6D6457;
	text-decoration: none;
}


/* Main Text
---------------------------------------------------- */
#centerMain {
	padding: 8px 10px;
}


/* Category Subtitle
---------------------------------------------------- */
h2.subTitle {
	color: #017A01;
	font-size: 12px;
	line-height: 210%;
	background: #94AEAD url(/image/horti/co_bg1.gif) repeat-y;
	height: 26px;
	margin: 0px 0px 5px 0px;
	padding: 1px 13px 0px 13px;
}
.subTitle2 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 210%;
	font-weight:bold;
	background: #94AEAD url(/image/horti/bg_subtitle752.gif) repeat-y;
	height: 26px;
	margin: 0px 0px 5px 0px;
	padding: 1px 13px 0px 13px;
}


/* Category Color BackGround
---------------------------------------------------- */
/* TopPage */
#toppage { background-image:url(/image/horti/bg2.gif); }
#toppage #breadLink { color: #000000; background-color: #68BF22; }
#toppage #breadLink a { color: #000000; }

/*Other Page */
#other #breadLink { color: #000000; background-color: #68BF22; }
#other #breadLink a { color: #000000; }


/* Item List Option
---------------------------------------------------- */
.listItem .sam a:link,
.listItem .sam a:visited,
.listItem2 .sam a:link,
.listItem2 .sam a:visited,
.cartTable .sam a:link,
.cartTable .sam a:visited {
	display: block;
	border: 1px solid #C7C7BD;
}
.listItem .sam a:hover,
.listItem2 .sam a:hover,
.cartTable .sam a:hover {
	display: block;
	border: 1px solid #91887F;
}
.listItem .info {
	color: #000000;
	font-size: 11px;
	line-height: 135%;
	padding: 3px 2px;
}
.listItem2 .info {
	font-size: 11px;
	line-height: 135%;
	padding: 0px 10px;
}
.listItem2 .info2 {
	font-size: 12px;
	line-height: 135%;
	vertical-align: middle;
	padding: 0px 10px;
}


/* Item List Option
---------------------------------------------------- */
.listItemOption {
	margin: 0px 0px 12px 0px;
}
.optionsTop {
	font-size: 11px;
	line-height: 180%;
	border-bottom: 1px solid #666666;
	padding: 0px 3px 0px 3px;
}
.optionsTop2 {
	font-size: 12px;
	line-height: 210%;
	padding: 0px 3px 0px 3px;
}

/* Item Detail
---------------------------------------------------- */
h2.detailsTitle {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 250%;
	background: #369400 url(/image/horti/co_bg2.gif) repeat-y;
	border-top: 1px solid #666666;
	height: 37px;
	margin: 0px 0px 0px 0px;
	padding: 1px 16px 0px 16px;
}

.detailsBox {
	background-color: #666666;
}

.detailsInfo {
	background-color: #FFFFFF;
}

.detailsOptions {
	background: #FFFFFF url(/image/horti/details_bg1.gif) repeat-y;
}

.detailInfoText {
	font-size: 12px;
	line-height: 135%;
	padding: 22px 10px;
}

.detailsOptionsMove {
	line-height: 200%;
	background-color: #CCCCCC;
	border-bottom: 1px solid #666666;
	padding: 0px 5px;
}


/* Information
---------------------------------------------------- */
.newsInfo ul {
	font-size: 12px;
	list-style-type: none;
	margin: 4px 0px;
	padding: 0px;
}

.newsInfo li {
	line-height: 135%;
	background: url(/image/horti/info_ya1.gif) no-repeat;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 14px;
}


/* Header
---------------------------------------------------- */
td.headBg1 {
	background: #FFFFFF url(/image/horti/head_title2.jpg) no-repeat right;
}

.headBg2 {
	text-align: right;
	background: #000000 url(/image/horti/head_title3.jpg) no-repeat;
}

.messageMember {
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
}


/* Footer
---------------------------------------------------- */
.fuatBox1 {
	font-size: 11px;
	background-color: #E4FACF;
	border: 1px solid #DCD3B1;
}

.fuatBox1 a:link, .fuatBox1 a:visited {
	color: #384345;
	text-decoration: underline;
}

.fuatBox1 a:hover {
	color: #6D6457;
	text-decoration: none;
}

.fuatBox2 {
	color: #000000;
	background-color: #FFFFFF;
	border-left: 1px solid #DCD3B1;
	border-right: 1px solid #DCD3B1;
	border-bottom: 1px solid #DCD3B1;
	padding: 22px 0px 22px 0px;
	text-align: center;
}


/* Shopping Cart
---------------------------------------------------- */
.cartBg {
	font-size: 11px;
	line-height: 230%;
	background: #FFE064 url(/image/horti/cart6.gif) repeat-x;
	padding: 3px 7px 0px 7px;
}


/* Text
---------------------------------------------------- */
.text10 { font-size: 10px; }
.text10line { font-size: 10px; line-height: 120%;  }
.text10line180 { font-size: 10px; line-height: 180%;  }
.text11 { font-size: 11px; }
.text11line { font-size: 11px; line-height: 135%;  }
.text12 { font-size: 12px; }
.text12line { font-size: 12px; line-height: 135%; }
.text12line180 { font-size: 12px; line-height: 180%; }
.text14 { font-size: 14px; }
.text14line { font-size: 14px; line-height: 140%;  }
.text16 { font-size: 16px; }
.text16line { font-size: 16px; line-height: 150%;  }
.text18 { font-size: 18px; }
.text18line { font-size: 18px; line-height: 150%;  }
.textRed {color:#FF0000; }

.ErrorText1 {
	font-size: 10px;
	color: #FF0000;
	margin: 0px 0px 5px 0px;
}


/* Shopping Cart
---------------------------------------------------- */
table.cartTable {
}

table.cartTable th{
	background-color:#EEEEEE;
	color: #333333;
	vertical-align: middle;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #676767;
	border-left: 1px solid #676767;
}

table.cartTable th.bRight{
	border-right: 1px solid #676767;
}

table.cartTable td{
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #676767;
	border-left: 1px solid #676767;
}

table.cartTable td.bRight{
	border-right: 1px solid #676767;
}

table.cartTable td.bRight2{
	text-align: right;
	border-right: 1px solid #676767;
}

table.cartTable td.Left{
	text-align: left;
}

table.cartTable td.Right{
	text-align: right;
}

table.cartTable tr.Total td{
	border-left: none;
	border-bottom: 2px solid #676767;
}

table.cartitem td {
	border:none;
	text-align: left;
}


/* Ahead Dispatching / Settlement
---------------------------------------------------- */
.square{
	color:#768B8A;
	line-height:200%;
}

.formTable{
	background-color:#666666;
}

.formTable th{
	background-color:#EEEEEE;
	font-size:12px;
	text-align:left;
}

.formTable td{
	background-color:#FFFFFF;
}

.centerTable td{
	text-align:center;
}

.bottom_line{
	border-bottom:1px solid #333333;
}


/* Member Register
---------------------------------------------------- */
.entryTable{
	border:1px solid #676767;
	background-color:#FEEFEF;
}

.loginTable{
	border:1px solid #676767;
	background-color:#EBFAED;
}

.entry_btn{
	vertical-align:middle;
	text-align:right;
}

.middle{
	vertical-align:middle;
}

.menuMember {
	font-size: 12px;
	background-color:#FFFFFF;
	border: 1px solid #676767;
	text-align:center;
}

.member_menuTable{
	border:1px solid #676767;
	background-color:##FCF8D6;
	padding:10px;
}

.PswRminder {
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
}


/* Register Cancel
---------------------------------------------------- */
.bg_grayTable{
	background-color:#EEEEEE;
	border:1px solid #676767;
}

.bg_grayTable td{
	vertical-align:middle;
}


/* Order Record List
---------------------------------------------------- */
.order_historyTable{
	border:1px solid #676767;
}

.order_historyTable th{
	background-color:#768B8A;
	border-bottom:1px solid #676767;
	color:#FFFFFF;
}

.order_historyTable td{
	background-color:#EEEEEE;
}

.order_detailTable {
	background-color:#666666;
}

.order_detailTable th{
	background-color:#EEEEEE;
	font-size:12px;
}

.order_detailTable td{
	background-color:#FFFFFF;
	text-align:center;
}


/* Mall Guide
---------------------------------------------------- */
.guidetitleTable_left{
	background-color:#768B8A;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:40px;
}

.guidetitleTable_right{
	background-color:#EEEEEE;
	font-weight:bold;
}

.guideTable td{
	padding-top:10px;
	padding-left:5px;
	padding-right:0px;
	font-size: 12px;
	line-height: 180%;
}

.article{ 
	color:#768B8A;
	font-size: 14px;
	line-height: 180%;
	font-weight:bold;
}


/* Specific Commercial Transactions
---------------------------------------------------- */
.law_article{
	background-color:#EEEEEE;
	vertical-align:middle;
	line-height: 180%;
	font-weight:bold;
	padding-left:10px;
/*	width:584px; */
}

.lawTable th ,.lawTable td{
	text-align:left;
	vertical-align:top;
	line-height: 150%;
	border-bottom:1px dotted #666666;
}

.low_gray{
	background-color:#EEEEEE;
	border:1px solid #676767;
	width:260px;
	padding:5px;
}


/* Mobile Announcement
---------------------------------------------------- */
table.MobileTable {
	border-left: 2px solid #59A28B;
	border-right: 2px solid #59A28B;
	background-color: #F5F1D4;
}


/* Error
---------------------------------------------------- */
#errorText {
	font-size: 16px;
	color: #FF0000;
}

