@import url(common.css);

/************/
body {
	background: #FFFFFF url(../images/bg_body_cont.gif) left top repeat-x;
}


/*** contentBody ***/
#contentBody {
	margin: 0;
	padding: 0;
}

#contInfo {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_info.jpg) center top no-repeat;
}

#infoBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_info.jpg) center top no-repeat;
}

#contSeasonal {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_seasonal.jpg) center top no-repeat;
}

#seasonalBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_seasonal.jpg) center top no-repeat;
}

#contDaily {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_daily.jpg) center top no-repeat;
}

#dailyBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_daily.jpg) center top no-repeat;
}

#contBlog {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_blog.jpg) center top no-repeat;
}

#blogBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_blog.jpg) center top no-repeat;
	text-align: left;
}

#contInformation {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_information.jpg) center top no-repeat;
}

#informationBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_information.jpg) center top no-repeat;
	text-align: left;
}

#contOrder {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_order.jpg) center top no-repeat;
}

#orderHeadBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_order.jpg) center top no-repeat;
	text-align: left;
}

#contAbout {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_about.jpg) center top no-repeat;
}

#aboutBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_about.jpg) center top no-repeat;
}

#aboutBox h2 {
	margin: 0 15px 15px;
	padding: 0 0 4px 20px;
	font-size: 90%;
	background: url(../images/leader_h2.gif) 0 0 no-repeat;
	border-bottom: 1px dotted #DE8D90;
	border-color: #A09470;
}

#aboutBox p {
	margin: 0 35px 1em;
	font-size: 75%;
	line-height: 160%;
}

#contAdmin {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_cont_admin.jpg) center top no-repeat;
}

#adminBox {
	width: 760px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(../images/bg_cont_admin.jpg) center top no-repeat;
}

#contentBox {
/*	width: 720px; */
	width: 658px;
	margin: 0 20px;
	padding: 0 30px 40px;
	border: 1px solid #868686;
}

#contentBox_itemDetail {
/*	width: 720px; */
	width: 658px;
	margin: 0 20px;
	padding: 40px 30px;
	border: 1px solid #868686;
}

#contentBox_blog {
	/* hack for win IE and mac IE */
	width: 658px;/*\*/
	width: auto;
	_width: 720px;/* */
	margin: 0 20px;
	padding: 0 30px 40px;
	border: 1px solid #868686;
}

#contentBox h3 {
	margin-bottom: 1em;
}

#contentBox p, #contentBox_itemDetail p {
	font-size: 75%;
	line-height: 160%;
}

.attention {
	color: #FF3333;
}

.goLink {
	padding-left: 12px;
	background: url(../images/icon_go.gif) left center no-repeat;
}

.centering {
	padding: 15px 0;
	text-align: center;
}

.footerMenu {
	padding: 0 10px;
	font-size: 75%;
}

.footerBtn {
	padding: 15px 10px;
	font-size: 75%;
	text-align: center;
}

.footerBtn input {
	margin: 0 6px;
}

#contManageBox {
	margin: 0 auto 20px;
	padding: 15px 0;
	font-size: 75%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contManageBox input, #contManageBox select {
	margin: 0 4px;
}


/*** admin (admin_009tsukika.com) ***/
#adminBox h2 {
	margin: 0 15px 15px;
	padding: 0 0 4px 20px;
	font-size: 90%;
	background: url(../images/leader_h2.gif) 0 0 no-repeat;
	border-bottom: 1px dotted #DE8D90;
	border-color: #A09470;
}

p#counter {
	margin: 0 35px 30px;
	font-size: 80%;
	line-height: 100%;
}

ul.adminList {
	margin: 0 35px 30px;
	padding: 0;
}

ul.adminList li {
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 8px;
	font-size: 75%;
	line-height: 100%;
	border-left: 6px solid #E0C55C;
}

ul.adminList li a {
	padding: 0 0.2em;
}


/*** menu ***/
ul#menuBox {
	display: block;
	margin: 2px 10px 70px;
	_margin: 4px 10px 70px;
}

ul#menuBox li {
    display: inline;
	list-style-type: none;
	font-size: 75%;
	line-height: 100%;
}

ul#menuBox li a {
    display: inline;
	margin-right: 10px;
	padding: 6px 12px;
	background-color: #FFFFFF;
	border-right: 1px solid #868686;
	border-bottom: 1px solid #868686;
	border-left: 1px solid #868686;
}

ul#menuBox li a:hover {
	background-color: #FFF8E7;
}

#menuTop a {
	padding-left: 28px!important;
	background: url(../images/icon_home.gif) 0.8em 6px no-repeat;
}


/*** category menu (daily) ***/
ul#categoryDaily {
	display: block;
	height: 100px;
	margin: 10px 0 50px 20px;
	padding: 0;
}

ul#categoryDaily li {
    float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 75%;
	line-height: 100%;
}

ul#categoryDaily li a {
    display: block;
	width: 150px;
	height: 100px;
	margin-right: 2px;
	border: 1px solid #868686;
	text-decoration: none;
}

ul#categoryDaily li a:hover {
	border: 1px solid #CC6633;
	text-decoration: none;
}

.daily01 a {
	background: url(../images/menu_daily.jpg) 0 0 no-repeat;
}

.daily02 a {
	background: url(../images/menu_daily.jpg) -160px 0 no-repeat;
}

.daily03 a {
	background: url(../images/menu_daily.jpg) -320px 0 no-repeat;
}

.daily04 a {
	background: url(../images/menu_daily.jpg) -480px 0 no-repeat;
}

.daily01 a:hover {
	background: url(../images/menu_daily.jpg) 0 -120px no-repeat;
}

.daily02 a:hover {
	background: url(../images/menu_daily.jpg) -160px -120px no-repeat;
}

.daily03 a:hover {
	background: url(../images/menu_daily.jpg) -320px -120px no-repeat;
}

.daily04 a:hover {
	background: url(../images/menu_daily.jpg) -480px -120px no-repeat;
}


/*** bottom content (seasonal, daily) ***/
#contBottomBox {
	margin: 30px 0 0;
	padding: 40px 0 0;
	border-top: 1px dotted #868686;
}

#contBottomBox h2 {
	margin: 0 15px 15px;
	padding: 0 0 4px 20px;
	font-size: 90%;
	background: url(../images/leader_h2.gif) 0 0 no-repeat;
	border-bottom: 1px dotted #DE8D90;
	border-color: #A09470;
}

#contBottomBox p {
	margin: 0 35px 1em;
	font-size: 75%;
	line-height: 160%;
}


/*** content (info_top.html) ***/
.infoMsg {
	clear: both;
	margin: 30px 0 40px;
}

#contInfoBox {
	clear: both;
	margin: 30px 0 0;
}

.infoMsg h2, #contInfoBox h2 {
	margin: 0 15px 15px;
	padding: 0 0 4px 20px;
	font-size: 90%;
	background: url(../images/leader_h2.gif) 0 0 no-repeat;
	border-bottom: 1px dotted #DE8D90;
	border-color: #A09470;
}

.infoMsg p, #contInfoBox p {
	margin: 0 35px 1em;
	font-size: 75%;
	line-height: 160%;
}

.infoLeft {
	float: left;
	width: 280px;
	padding: 3px 0 10px 35px;
}

.infoLeft p {
	margin: 0 0 1em;
}

.infoRight {
	float: right;
	width: 280px;
	padding: 0 35px 40px 0;
	_padding: 0 35px 10px 0;
}

#flowerschool {
	padding: 10px 15px;
	border: 3px double #A12B29;
	border-color: #C9B2A4;
}

#flowerschool strong {
	color: #A12B29;
}
#flowerschool dl {
}

#flowerschool dt {
	margin-bottom: 5px;
	padding: 0 0 1px 2px;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px dotted #A09470;
}

#flowerschool dd {
	margin: 0 0 15px 12px;
	font-size: 75%;
	line-height: 130%;
}

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

#flowerschool li {
	margin-bottom: 4px;
	padding-left: 12px;
	font-size: 75%;
	background: url(../images/mothers2008/leader_attention.gif) 0 3px no-repeat;
}


/*** form_order ***/
#orderBox {
	margin: 20px 40px 40px;
	padding: 15px 20px;
	border: 3px double #800000;
	border-color: #8B1737;
}

#orderBox h2 {
	margin: 0 15px 15px;
	padding: 0 0 4px 20px;
	font-size: 90%;
	background: url(../images/leader_h2.gif) 0 0 no-repeat;
	border-bottom: 1px dotted #DE8D90;
	border-color: #A09470;
}

#orderBox p {
	font-size: 80%;
	line-height: 150%;
}

dl#formInput {
	margin: 20px;
}

dl#formInput dt {
	margin-bottom: 5px;
	padding-left: 10px;
	color: #7B5B67;
	font-size: 80%;
	font-weight: bold;
	background: url(../images/leader_cont.gif) 0 4px no-repeat;
}

dl#formInput dd {
	margin: 0 20px 15px;
	font-size: 80%;
	line-height: 120%;
}

dl#formInput dd input {
	margin-left: 4px;
	padding: 1px;
}

dl#formInput dd textarea {
	padding: 1px;
}

dl#formInput dd input:focus, dl#formInput dd textarea:focus {
	background-color: #E3FECE;
}

span.attention {
	margin: 0 3px;
	font-weight: normal;
}

.footerCommand {
	padding: 5px 10px 5px;
	font-size: 75%;
	text-align: center;
}

.footerCommand input {
	margin: 0 5px 5px;
}

.footerCommand a {
	padding: 0 2px 5px;
}


/*** footer ***/
#footerCompl {
	margin: 0;
	padding: 0;
	background: url(../images/bg_bottom_cont.gif) center top repeat-x;
}

#footerBody {
	margin: 0;
	padding: 0;
	background: url(../images/bg_footer_cont.jpg) center top no-repeat;
}

#footerBox {
	width: 760px;
	margin: 0 auto;
	padding: 30px 0 10px;
	background: url(../images/bg_footer_cont.jpg) center top no-repeat;
	text-align: left;
}

#footerBox p {
	margin-left: 20px;
	font-size: 60%;
	line-height: 140%;
}