@charset "utf-8";
/* CSS Docum */

/****** img-text *******/
.img-text{
 position:relative;
 text-align:center;
}

.img-text p.shinkokyu01{
 position:absolute;
 top:160px;
 left:0px;
}

.img-text p.shinkokyu02{
 position:absolute;
 top:210px;
 left:0px;
}

.img-text p.saisho01{
 position:absolute;
 top:50px;
 left:0px;
}

.img-text p.saisho02{
 position:absolute;
 top:95px;
 left:0px;
}

.img-text p.rental-flow01{
 position:absolute;
 top:40px;
 left:340px;
 text-align:left;
}

.img-text p.rental-flow02{
 position:absolute;
 top:110px;
 left:340px;
 text-align:left;
 font-weight:bold;
}

.img-text p.ourservice-01{
	position:absolute;
	top:257px;
	left:186px;
	text-align:left;
}

.img-text p.ourservice-02{
	position:absolute;
	top:257px;
	left:428px;
	text-align:left;
}

.img-text p.ourservice-03{
	position:absolute;
	top:515px;
	left:250px;
}


/****** works *******/
/****** 2層目 *******/
.works-box{
 margin:10px 0 0 0;
 color:#595757;
}

.works-box-left{
 width:336px;
 height:390px;
 padding:15px;
 float:left;
 border: 1px solid #919191;
}

.works-box-left p{
 width:270px;
 text-align:left;
 font-size:0.8em;
 line-height:1.3;
 float:left;
}

.works-box-right{
width:336px;
height:390px;
 padding:15px;
 float:right;
  border: 1px solid #919191;
}

.works-box-right p{
 width:270px;
 text-align:left;
 font-size:0.8em;
 line-height:1.3;
 float:left;
}

.works-link{
margin:20px 0 0px 0;
float:right;
}

ul.works-list{padding:0 0 0 30px;}

/****** 3層目 *******/
#works-menu ul{
 width:720px;
 margin:10px 0 0 0;
 list-style:none;
 font-size:0.9em;
}

#works-menu ul li{
 width:120px;
 float:left;
 text-align:center;
 display:block;
}

#works-menu ul li{
 width:120px;
 float:left;
 text-align:center;
 display:block;
 line-height:1.6;
}

#works-menu ul li a{display:block;}

#works-menu ul li.tab01.rental{background:#e5f0d5;}
#works-menu ul li.tab01.landscape{background:#d8ede3;}
#works-menu ul li.tab01.display{background:#f7e8c6;}

#works-menu ul li.tab02{
 border-right: 1px solid #666666;
 background:#ffffff;
 }
 
#works-menu ul li.tab03{
 border-left: 1px solid #666666;
 background:#ffffff;
 } 

#works-menu ul li.tab02.rental a:hover, #works-menu ul li.tab02.rental a:active,
#works-menu ul li.tab03.rental a:hover, #works-menu ul li.tab03.rental a:active {
 background:#e5f0d5;
 }
 
#works-menu ul li.tab02.landscape a:hover, #works-menu ul li.tab02.landscape a:active,
#works-menu ul li.tab03.landscape a:hover, #works-menu ul li.tab03.landscape a:active {
 background:#d8ede3;
 }

#works-menu ul li.tab02.display a:hover, #works-menu ul li.tab02.display a:active,
#works-menu ul li.tab03.display a:hover, #works-menu ul li.tab03.display a:active {
 background:#f7e8c6;
 }  

#works-menu a:link{
 text-decoration:none;
 color: #666666;}

#works-menu a:visited{
 text-decoration:none;
 color: #666666;}

#works-main{
width:720px;
 margin:10px auto 0 auto;
 padding:15px;
 clear:both;
}

#works-main.rental{background:#e5f0d5;}
#works-main.landscape{background:#d8ede3;}
#works-main.display{background:#f7e8c6;}

/****** rental,display *******/
#works-main .category{
 width:174px;
 margin:0 8px 0 0;
 float:left;
 text-align:center;
 font-size:0.9em;
}

#works-main .category-right{
 width:174px;
 margin:0;
 float:left;
 text-align:center;
 font-size:0.9em;
}

#works-main .listbox{
 padding:30px 0px 0 0;
 clear:both;
}

#works-main .listbox .list{
 width:140px;
 height:192px;
 margin:0 5px 0px 0;
 float:left;
 font-size:0.65em;
}

#works-main .listbox .list-right{
 width:140px;
 height:192px;
 float:left;
 font-size:0.65em;
}

/****** landscape *******/
#works-main .listbox-land{
 padding:50px 0px 0 0;
 clear:both;
}

#works-main .listbox-land .txt{
 width:400px;
 float:right;
 font-size:0.9em;
}

#works-main .listbox-land .txt p{
 margin:10px 0 0 0;
}

#works-main .listbox-land .list{
width:98px;
margin:10px 5px 0px 0;
float:left;
font-size:0.65em;
}

#works-main .listbox-land .list-right{
width:98px;
margin:10px 0px 0px 0;
float:left;
font-size:0.65em;
}

/****** works-slider *******/
#works-popup {
 width:750px;
 margin:0px 0 0 0;
 text-align:left;
}

#works-slider {
 width:600px;
 height:480px;
 margin:0px auto;
 font-size:0.8em;
}

#works-slider p.title{
margin:8px 0 4px 0;
}

#works-slider p.date{
margin:4px 0 4px 0;
font-size:0.9em;
}


/****** top *******/
/****** top-main *******/
#top-main {
 width:920px;
 height:420px;
 position:relative;
 clear:both;
}

/****** top-menu *******/
#top-menu {
 width:150px;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
}

#top-menu ul{list-style:none;}

#top-menu ul li.upper {
 width: 150px;
 height: 60px;
 opacity:0.8;
 filter: alpha(opacity=80);
}

#top-menu ul li a {
 display: block;
 width: 150px;
 color: #5e5e5e;
 line-height: 1;
}

.l-height05{line-height:0.7;}

#top-menu ul li a:hover {
 color: #000000;
 background: none;
}

#top-menu ul li ul {
 display: none;
 list-style:none;
 font-size:0.8em;
}

#top-menu ul li ul li{padding:10px 0 8px 4px;}

#top-menu ul li:hover ul {
 display: block;
 position: relative;
 top:-60px;
 left: 150px;
}

#top-menu-gift ul li {background: #f9d5d9;}
#top-menu-rental ul li {background: #b4d194;}
#top-menu-rental ul li ul{list-style:none;}
#top-menu-landscape ul li {background: #bcddcd;}
#top-menu-event ul li {background: #f4dca7;}
#top-menu-novelty ul li {
 background: #d1dcec;
 font-size:0.95em;
 font-weight:bold;
 }
#top-menu-college ul li {
 background: #dcd0e2;
 font-size:0.95em;
 font-weight:bold;
}
#top-menu-bridal ul li {background: #c9d1da;}

/****** scrollbar-top-new,scrollbar-top-shopnews共通 *******/
.top-new {
 width:920px;
 height:290px;
 margin:20px 0 0 0;
 background:#e8e8e8;
 clear:both;
 position:relative;
}

.info-box{
 width:160px;
 height:200px;
 padding:10px;
 margin:10px 10px 10px 10px;
 float:left;
 background:#ffffff;
}

.info-box p{
 padding:2px 0 0 0;
 font-size:0.6em;
 line-height:1.5;
 color:#666666;
}

.backnumber{
 font-size:0.7em;
 position:absolute;
 top:2px;
 right:4px;
}

.flow-left{
 position:absolute;
 bottom:4px;
 left:10px;
}

.flow-right{
 position:absolute;
 bottom:4px;
 right:10px;
}

/****** news-popup *******/
#news-popup {
 width:750px;
 margin:0px 0 0 0;
 text-align:left;
}

#news-slider {
 width:600px;
 height:480px;
 margin:0px auto;
 font-size:0.8em;
}

/****** top-info *******/
#top-info {
 width:920px;
 margin:20px 0 20px 0;
}

#top-info-left{
 width:455px;
 height:212px;
 float:left;
 border:1px solid #cccccc;
 position:relative;
}

.flow-top{
 position:absolute;
 top:21px;
 right:7px;
}

.flow-bottom{
 position:absolute;
 bottom:1px;
 right:7px;
}

table#info {
margin:-20px 0 0 0;
}

table#info th {
 width:10%;
 padding:6px 0px 2px 10px;
 text-align:left;
 vertical-align:top;
 font-size:0.7em;
 color:#ff0000;
}

table#info td {
 width:90%;
 padding:6px 0px 2px 4px;
 vertical-align:top;
 text-align:left;
 font-size:0.7em;
}

#top-info-right{
 width:455px;
 height:212px;
 padding:0px;
 float:right;
 line-height:20;
}

/****** top-contents *******/
#top-contents {
 width:920px;
 margin:20px 0 0 0;
 padding:0 0 20px 0;
}

#top-contents-left{
 width:460px;
 float:left;
 text-align:left;
}

#top-contents-right{
 width:460px;
 float:right;
 text-align:right;
}

#top-contents-left img,#top-contents-right img{
margin:0 0 10px 0;

}


/****** news *******/
.contents-news{
 padding:10px 0 0 0;
 clear:both;
}

.contents-news img{
margin:10px 20px 20px 0;
}

.contents-news a:link{
 text-decoration:none;
 color: #5875f3;}

.contents-news a:visited{
 text-decoration: none;
 color: #5875f3;}

#news-archive{}

#news-archive ul{
list-style:none;
clear:both;}

#news-archive ul li{
width:80px;
margin:0 14px 0 0;
float:left;
font-size:0.75em;
}

#news-archive a:link{
 text-decoration:none;
 color: #5875f3;}

#news-archive a:visited{
 text-decoration: none;
 color: #5875f3;}

/****** gift *******/
.gift-box{
 margin:10px 0 0 0;
 color:#595757;
}

.gift-box-left{
 width:336px;
 height:300px;
 padding:15px;
 float:left;
 border: 1px solid #919191;
}

.gift-box-right{
 width:336px;
 height:300px;
 padding:15px;
 float:right;
 border: 1px solid #919191;
}

.gift-box-one{
 width:720px;
 height:160px;
 padding:15px;
 border: 1px solid #919191;
}

.gift-box-one p{
 width:545px;
 margin:0 0 0 15px;
 float:left;
 display:block;
}

.gift-exp{
 width:160px;
 text-align:left;
 float:right;
}

.gift-exp p.title{
 margin:0 0 4px 0;
 font-weight:bold;
  font-size:0.9em;
}

.gift-box-link{
 margin:-10px 0 0 0;
 font-size:0.7em;
 float:right;
 font-weight:bold;
}

table.gift-shoplink {
 width:100%;
 margin:0px 0px 0px 0px;
}

table.gift-shoplink th {
 width:110px;
 padding:10px 0px 2px 0px;
 font-weight:normal;
 text-align:left;
 vertical-align:top;
}

table.gift-shoplink td {
 width:;
 padding:10px 0px 2px 4px;
}

.gift-itemlist {clear:both;}

.gift-itemlist p{
 width:177px;
 margin:14px 14px 0 0;
 display:block;
 font-size:0.9em;
 float:left;
 text-align:center;
}

.h-arrange p{height:215px;}
.h-stand p{height:240px;}
.h-orchid p{height:206px;}
.h-pot p{height:265px;}
.h-preserved p{height:190px;}
.h-original p{height:207px;}


.gift-itemlist-3column {
clear:both;
padding:14px 0 0 0;}

.gift-itemlist-3column .left {
width:180px;
margin:0 15px 0 0;
background:#efefef;
float:left;
}

.gift-itemlist-3column .left p{
 width:160px;
 margin:14px 14px 0 0;
 padding:0 10px;
 display:block;
 font-size:0.9em;
 text-align:center;
}

.gift-itemlist-3column .right {
width:360px;
margin:0 0px 0 0;
background:#efefef;
float:right;
}

.gift-itemlist-3column .right p{
 width:160px;
 margin:14px 10px 0 10px;
 padding:0 0px;
 display:block;
 font-size:0.9em;
 text-align:center;
 float:left;
}



/****** rental *******/
ul.list-green li{
 padding:0 0 16px 26px;
 list-style:none;
 line-height:1.3;
 color:#2c893a;
 background:url(../img/rental/marker-green.gif) no-repeat 0px 0px;
}

ul.list-green li{
 padding:0 0 16px 26px;
 list-style:none;
 line-height:1.3;
 color:#2c893a;
 background:url(../img/rental/marker-flower.gif) no-repeat 0px 0px;
}

/****** tab-box *******/
#tab-box ul {
 width:750px;
 margin:20px 0px 0 0;
 padding: 0;
 list-style: none;
 border: 1px solid #919191;
 border-top: 0px;
 border-bottom: 0px;
}

#tab-box ul li {
 margin-right:0px;
 float:left;
 display:inline;
 font-size:0;
}

#tab-box ul li a img{
 outline:none;
 border:none;
}

#tab-box div {
 display:none;
 width:710px;
 margin-bottom:0px;
 padding:20px;
 border: 1px solid #919191;
 border-top: 0px;
}

.clearFix:after{
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 content:".";
 zoom:1;
}

#tab-01 ul li{
 width:178px;
 height:260px;
 margin:0px 0px 20px 0px;
 padding:0px;
 display:block;
 text-align:center;
}

#tab-02 ul li{
 width:178px;
 height:220px;
 margin:0px 0px 20px 0px;
 display:block;
 text-align:center;
}

#tab-03 ul li{
 width:178px;
 height:180px;
 margin:0px 0px 20px 0px;
 display:block;
 text-align:center;
}

#tab-04 ul li{
 width:237px;
 height:180px;
 margin:0px 0px 20px 0px;
 display:block;
  text-align:center;
}

/****** list-popup *******/
#list-popup {
 width:700px;
 margin:10px auto;
 text-align:left;
}

#list-popup-left {
 width:220px;
 margin:10px 0 0 0;
 float:left;
 text-align:center;
 }

#list-popup-right {
 width:440px;
 margin:10px 0 0 0;
 padding:10px 20px 0 20px;
 float:right;
 background:#f5f8e2;
 font-size:0.8em;
}

#list-popup p.title{
 margin:-10px 0 0 0;
 padding:2px 10px;
 display:block;
 background:#66cc00;
 font-size:1.5em;
 font-weight:bold;
 color:#ffffff;
}

#list-popup p.exp{
 margin:0 0px 6px 12px;
}


/****** landscape *******/
ul.list-green li{
 padding:0 0 16px 26px;
 list-style:none;
 line-height:1.3;
 color:#2c893a;
 background:url(../img/rental/marker-green.gif) no-repeat 0px 0px;
}

ul.list-green li{
 padding:0 0 16px 26px;
 list-style:none;
 line-height:1.3;
 color:#2c893a;
 background:url(../img/rental/marker-flower.gif) no-repeat 0px 0px;
}


/****** novelty *******/
table#puchipo {
 width:490px;
 margin:0px 0px 0px 20px;
 float:left;
 text-align:center;
 border:solid 1px; 
}

table#puchipo th {
 width:30%;
 padding:6px 0px 2px 0px;
 font-size:0.9em;
 background:#D2E7D0;
 font-weight:normal;
  border-bottom:solid 1px #bababa; 
}

table#puchipo td {
 width:70%;
 padding:6px 0px 2px 4px;
 font-size:0.9em;
 border-bottom:solid 1px #bababa; 
}

.puchipo-back {
 height:240px;
 background:url(../img/novelty/puchipo-back.gif) no-repeat 0px 0px;
}

.img-text div.salespromotion{
 position:absolute;
 top:0px;
 left:300px;
 text-align:left;
}


/****** lesson *******/



/****** 情報系ページ *******/
/****** company *******/
table.company {
 width:100%;
 margin:0px 0px 0px 0px;
  font-size:0.75em;
}

table.company th {
 width:17%;
 padding:6px 0px 2px 8px;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
 color:#6c4d4b;
 background:url(../img/company/company-marker.gif) no-repeat 0px 8px;
}

table.company td {
 padding:6px 0px 2px 4px;
 vertical-align:top;
}

/****** ourservice *******/
#ourservice-back01 {
width:750px;
height:220px;
 padding:20px 0;
 background:#D2E7D0;
 text-align:center;
}

#ourservice-back02 {
width:730px;
height:145px;
 padding:20px 10px;
 background:#D2E7D0;
 font-size:0.9em;
 text-align:center; 
}

/****** information（お問い合わせ） *******/
table#information {
 width:100%;
 margin:0px 0px 0px 0px;
  font-size:0.75em;
}

table#information th {
 width:25%;
 padding:6px 0px 2px 8px;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
 color:#6c4d4b;
 background:url(../img/company/company-marker.gif) no-repeat 0px 8px;
}

table#information td {
 padding:6px 0px 2px 4px;
 vertical-align:top;
}

/* !!!メールフォームCGIに埋め込まれているclassっぽい!!!クラス名変更不可 */
.msg { color:#dd0000; }

/****** recruit *******/
table.recruit {
 width:100%;
 margin:0px 0px 0px 0px;
  font-size:0.75em;
}

table.recruit th {
 width:13%;
 padding:6px 0px 2px 8px;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
 color:#6c4d4b;
 background:url(../img/company/company-marker.gif) no-repeat 0px 8px;
}

table.recruit td {
 padding:6px 0px 2px 4px;
 vertical-align:top;
}

/****** shopinfo *******/
.shopinfo-img{
 margin:20px 0px 20px 0px;
}

.shopinfo-img img{
 margin:0px 20px 0px 0px;
}

/****** privacy *******/
.privacy {
 margin:20px 0px 0px 20px;
 font-size:0.75em;
}

.privacy ul{list-style:decimal;}

.privacy ul li {margin:0px 0px 10px 0px;}

.privacy ul li ul{
 margin:0px 0px 0px 16px;
 list-style:disc;
}

.privacy ul li ul li{
 margin:0px 0px 0px 0px;
 list-style:disc;
}