/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: small;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
	font-family: "Meiryo UI","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:1230px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/headerBg2.gif?cmsp_timestamp=20210830164231);
background-repeat:no-repeat;
}




/*leftとmainを囲む*/
.wrapper {
 width:1030px;
 float:left;
}

/*　画面左側メニューの幅　*/
.left {
	float: right;
	width:200px;
}

/*　中央の幅　*/
.main {
	float: right;
	width: 800px;
	margin-right: 15px;
	margin-left: 15px;
	align:center;

}

.right {
	float: left;
	width:200px;
}

/*　フッター（コピーライト）　*/
.footer {
/* width:100%; */
/* clear:left;*/
/*border-top:4px solid #B8CE8D;*/
/*margin-top:30px;*/
/*padding:10px 0 0; */
align:center;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;

}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}


/*090606追加#24*/
.adOver2 {
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/h3categoly.gif?cmsp_timestamp=20210830164213);
background-repeat:no-repeat;
height:30px;

}

.ad {
/*background-image:url( https://img02.shop-pro.jp/PA01008/842/etc/_naviBgC.gif?cmsp_timestamp=20210830164153);
background-repeat:repeat-y;*/
padding: 0px 20px 0px 0px;
}

/*
.ad {
background-image:url( https://img02.shop-pro.jp/PA01008/842/etc/_naviBgC.gif?cmsp_timestamp=20210830164153);
background-repeat:repeat-y;
padding: 0px 20px;
}
*/
.ad p {
padding: 0px 15px; 
}
.ad p img{
width:30px;
}

.adUnder {
height:30px;
margin-top:-5px;
width:200px;
}
/*
.adUnder {
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/_naviBgU.gif?cmsp_timestamp=20210830164141);
background-repeat:no-repeat;
height:30px;
margin-top:-5px;
width:200px;
}
*/
.adOver {

background-image:url( https://img02.shop-pro.jp/PA01008/842/etc/_h3kensaku.gif?cmsp_timestamp=20210830164126);
background-repeat:no-repeat;
height:30px;

}

.adOver3 {

background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/_h3osusume.gif?cmsp_timestamp=20210830164111);
background-repeat:no-repeat;
height:30px;

}

.adOver4 {

background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/_h3uresuji.gif?cmsp_timestamp=20210830164059);
background-repeat:no-repeat;
height:30px;

}

.adOver5 {
	color: #ffffff;
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/Heading3.gif?cmsp_timestamp=20210830164030);
background-repeat:no-repeat;
height:30px;
padding: 5px 5px;

}

.adOver_leftmenu {
background: #9ACD32;
color: #ffffff;
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/Heading3.gif?cmsp_timestamp=20210830164030);
background-repeat:repeat-x;
height:25px;
margin: 0;
padding: 5px 0px 0px 5px;

}
.roginbutton {
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #A3CB59;
	border: 2px solid #A3CB59;
	border-radius: 3px;
	transition: .4s;
}

.roginbutton:hover {
	background: #3BB8B0;
	color: #fff;
  	text-decoration: none;
}

.register {
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #A3CB59;
	border: 2px solid #A3CB59;
	border-radius: 3px;
	transition: .4s;
}

.register:hover {
  	background: #A3CB59;
	color: #fff;
  	text-decoration: none;
}

.mainItem  {
float: left;
width: 180px;
padding: 5px;
text-align:center;
height: 240px;
}

p {
margin:5px 0;
padding:0;
}

.mainBanner{

text-align:center;
}

.textside{
/*
width: 180px;
padding:5px;
*/
margin:0px;
}

.oshirase{
margin:5px;
}





/*-------------詳細*/
.heading2 {
background-image:url(https://img02.shop-pro.jp/PA01008/842/etc/Heading2_2.gif?cmsp_timestamp=20210830164015);
/*background-repeat:no-repeat;*/
color:#FFFFFF;
font-size:130%;
margin:0 0 15px;
padding:5px 5px 10px;
}

.innerMain{

margin:0 5px;
padding:0px 5px;
}

.itemDesp table {
 width: 95%; */
 margin: 0px 5px; 
border:0px solid #DDDDDD;
border-collapse:collapse;
}

.itemDesp table th{
background-color:#EEEEEE;
padding: 5px;
}

.itemDesp table td{
 padding: 5px;  
}

.sideItem{
margin: 0px 0px 5px;
/*border-bottom:1px dotted #AAAABB;*/
font-size:90%;
}

ul.recoquiz li {
background-image:url( https://img02.shop-pro.jp/PA01008/842/etc/arrow.gif?cmsp_timestamp=20210830163958);
background-position:left center;
background-repeat:no-repeat;
/*border-bottom:1px dotted #FC0055;*/
/*height:15px;*/
/*margin:0 10px;*/
/*padding:5px 15px;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 5px;
background-position:0 10%;
}



/*20090715追加*/
#footerMenu li {
float: left;
margin: 0px 12px 5px 0px;
align:center;
}

#footerCopy{
width: 1230px;
float: left;
}

#footerMenu{
width:1230px;
  clear: both;
margin-left: auto;
margin-right:auto;
text-align: center;
}

#footerMenu2{
width:710px;
margin: auto;
text-align: center;
}
#footerMenu2 li {
float: left;
margin: 0px 12px 5px 0px;
}

ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


h1 {
font-size:90%;
margin-bottom:0;
color:#333333;
}
h2 {
font-size:90%;
margin:0;
color:#333333;
}

.oskai {
background-image:url( https://img02.shop-pro.jp/PA01008/842/etc/oskai.gif?cmsp_timestamp=20210830163939);
background-repeat:no-repeat;
font-size:16px;
line-height:1.4;
margin:0;
text-align:center;
width:280px;
}

.oskai img {
border:0 none;
margin:10px 0 5px;
}

a:link {
color:#87BA2D;
text-decoration:none;
}

a:visited {
color:#87BA2D;
text-decoration:none;
}

a:active {
color:#87BA2D;
text-decoration:none;
}
a:hover {
color:#87BA4D;
text-decoration:underline ;
}
.oskai .char font {
margin: 0 8px;
display:block;
}

/*20120810追加　ポイント時透明化*/
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.RightBn{
	width : 215px;
}

.kbbk img{
	width:280px; border:0px;
}

/* 営業日カレンダー用css */
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
/* //営業日カレンダー用css */

/* 141225桜皮細工販売説明文用 */

#mainimgk img {
	max-width: 100%; /* 最大幅 */
}
#containerhsk {
	display: table;
	font-size: small;
/*	line-height: 1.5em; */
}

#leftcellkb1 {
	padding: 5%;
	height: 500px;
}
#leftcellkb2 {
	padding: 5%;
	height: 600px;
}
#rightcellkb {
	padding-left: 430px;
	height: 650px;
}
#rightcellkb2 {
	padding-left: 470px;
	height: 830px;
}

#containerhsk h2 {
	font-size: x-large;
	padding-top: 50px;
	line-height: normal;	
}
#containerhsk p {
	margin: 10px;
}
.x-smallfont {
	font-size: x-small;
}

/* //桜皮細工販売説明文用*/

/*  幅600ピクセル用 余白追加*/
#kyuSetubun {
	width: 600px;
	padding-right: 100px;
	padding-left: 100px;
}

#kanban {
	width: 800px;
	height: 640px;

}

 table.cart, td.cart, th.cart {
border: 1px #333333 solid;
margin:auto;
width:500px;
}

.detailRight{

margin:auto;
width:500px;
text-align: right;

}

.detailCenter{

margin:auto;
width:500px;
text-align: Center;

}



.itemDesp{

padding: 0px 10px;
text-align: left;

}

/* イチオシプラン受賞記事 */
.cent {
width: 450px;
margin: 10px;
line-height: 1.6em;
}
.midasi {
font-size: x-large;
line-height: 1.6em;
}
.cent #midasi2 {
font-size: large;
line-height: 1.6em;
}
/* イチオシプラン受賞記事 */

.large{
max-width:600px;  /* 商品画像 */
}

#douga{
text-align: center;
}

/* アートフラワー販売説明文用(画像800、600px、両対応用販売説明文）*/
.imgMax800 img {
	max-width: 800px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#subOya {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-size: small;
}
#subOya h2 {
	font-size: x-large;
	padding-top: 50px;
	line-height: normal;
}
#subOya p {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}	
#subject01 {
	width: 350px;
	float: left;

}
#subject02 {
	float: left;
	width: 250px;
	text-align: center;
}
#subject03 {
	clear: both;
	float: left;
	width: 250px;
	text-align: center;
}
#subject04 {
	float: left;
    width: 350px;
}
#subject05 {
	clear: both;
	width: 350px;
	float: left;

}
#subject06 {
	float: left;
	width: 250px;
	text-align: center;
}
#subjectft {
	clear: both;
	width: 600px;
	text-align: center;
	padding-top: 50px;
}
/* //アートフラワー販売説明文用*/
/*オーロラ説明文用*/

.flex {
	display: flex;
	font-size: small;
	line-height: 1.5em;
	padding: 5%;
width: 700px;
display:-webkit-flex
}
.flex h2 {
	font-size: x-large;
	padding-top: 50px;
	line-height: normal;
}
.flex div {
	flex: 1;
	padding: 2px;
}
/* //オーロラ説明文用*/

/* お気に入りボタン追加関連 */
/*　お気に入り注意書きリスト　*/
.favoritetxt {
  border: 1px #cccccc solid;
   padding: 10px;
    margin: 0 40px;
}

/*　お気に入り一覧・商品リスト高さ　*/
.favorite_mainItem  {
float: left;
width: 180px;
padding: 5px;
text-align:center;
height: 280px;
}
/* お気に入り、商品一覧のフォームボタン */
.button_favorite2{
  border: 1px solid #669933;
  background:#669933;
  color: #FFFFFF;
  padding: 1px 5px;
}
.button_favorite2_gray{
  border: 1px solid #cccccc;
  background:#cccccc;
  color: #FFFFFF;
  padding: 1px 5px;
}

.button_favorite2:hover,
.button_favorite2_gray:hover{
  border: 1px solid #669933;
  background:#FFFFFF;
  color: #669933;
  padding: 1px 5px;
	cursor: pointer;
}

/* お気に入りボタン追加関連ここまで */

#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #139DAA;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*　レフトメニューリスト化分　*/
ul.menulist {
  padding: 0 0.1em 0.1em 0.1em;
  margin: 0 0em 0.3em 0em;
  position: relative;
  background: #9ACD32;
}

ul.menulist li {
  background: #FFFFFF;
  color: #00a6b3;
  line-height: 1.5;
  padding: 0.3em 0.5em;
  margin: 0.1em;
  border-bottom: 2px solid white;
  list-style-type: none!important;

}
ul.menulist ul {
  margin: 0;
  padding: 0;
}

ul.menulist li {
  background: #FFFFFF;
  line-height: 1.5;
  margin: 0;
  vertical-align:middle;
  border-bottom: solid 1px silver;
  list-style-type: none!important;
}

ul.menulist li li {
  background: #FFFFFF;
  line-height: 1.5;
  margin: 0;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.menulist li:last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
}

