img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
/* またはabsolute; */
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

/**/

#wrap {
position: relative;
width: 940px;
min-height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 20px;
background:rgba(255,255,255,0.8);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.8);
}

#contents {
width: 920px;	
height: 100%;
padding-top: 20px;
}

#cont-left {
width: 260px;
float: left
}

#cont-right {
width: 640px;
float: right;
}

#logo {
padding-left: 10px;
background-color: #ffffff;
height: 518px;
width: 248px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
border-radius: 6px;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

#logo a:hover{opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;}

#sns {
margin-top: 20px;
padding: 20px 0px 20px 20px;
background-color: #ffffff;
width: 238px;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

#sns a:hover{opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;}

#twitter {
width: 220px;
padding-top: 20px;
}

.p_center{
margin-right: auto;
margin-left: auto;
}

/* ここからコンテンツ右側 */

#g_navi {
background-color: #ffffff;
width: 638px;
height: 38px;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
line-height: 38px;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}
#g_navi li{
float:left; 
margin-right: 15px;
display: block;
display: inline;
}
#g_navi_ul{
float: right;	
}

#g_navi a{
text-decoration: none;
font-size: 15px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;}
#g_navi_ul a:hover{
color: #f991ae;
}


/*業務一覧*/

.work {
float: left;
width: 158px;
height: 418px;
background-color: #ffffff;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
padding: 20px;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

.work img {
margin-bottom: 20px;
}

.work a:hover{opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;}

/*プロフ*/
.purofu{
width: 598px;
height: 211px;
background-color: #ffffff;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
padding: 20px;
margin-top: 20px;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

.purofu-p{
width: 420px;
float: right;	
}

.office{
width: 598px;
height: 318px;
background-color: #ffffff;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
padding: 20px;
margin-top: 20px;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;	
}

tr{
border-bottom: dotted;
border-color: #666666;
border-width: 1px;
vertical-align: top;
}

.hyo{
margin-top: 20px;
width: 260px;
font-size: 12px;
color: #666666;
line-height: 200%;
float: left;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;}

.map{
width: 320px;
float: right;
}

/*コピーライト*/
#copy{
margin-top: 20px;
width: 918px;
height: 38px;
background-color: #ffffff;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

#copy p{
text-align: center;
line-height: 38px;
}

#foot {
height: 9px;	
}

/* 下層ページ用コンテンツエリア */

#contents-area {
width: 598px;
margin-top: 20px;
padding: 20px;
background-color: #ffffff;
border-radius: 6px;
border-style: solid;
border-width: 1px; 
border-color: #cacec3;
min-height: 100%;
behavior: url(./css/PIE.htc);   /* for IE */
position: relative;
}

/* 【ワークフロー】ここから */

#garden-design {
margin-bottom: 20px;
}

.workflow-title {
height: 64px;
line-height: 64px;
margin-bottom: 20px;
}
.workflowtitle-h3{
float: left;
margin-left: 20px;
}
.number01{
background-image: url(../img/workflow05.jpg);
height: 70px;
width: 186px;
float: left;
}

.number01{
background-image: url(../img/workflow05.jpg);
height: 70px;
width: 186px;
float: left;
}

.number02{
background-image: url(../img/workflow06.jpg);
height: 70px;
width: 186px;
float: left;
}

.number03{
background-image: url(../img/workflow07.jpg);
height: 70px;
width: 186px;
float: left;
}

.number04{
background-image: url(../img/workflow08.jpg);
height: 70px;
width: 186px;
float: left;
}

.workflow-text{
width: 386px;
height: 75px;
float: left;
margin-left: 20px;
}

.ma {
margin: 20px 0px 20px 0px;
text-align: center;
}

.ma a{
text-decoration: underline;
}

/*ウェディングフラワー*/
#wedding-flower {
margin-top: 60px;
}

/*ガーデンデザイン*/
#gardening-school {
margin-top: 60px;
}

/*【個人情報保護方針】*/
.privacypolicy_sign {
width: 136px;
float: right;
margin-bottom: 20px;
}

.privacypolicy-list　ol,li{
list-style-type:decimal;
font-size: 12px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;font-weight: normal;
color: #666666;
}

.privacypolicy-list {font-size: 15px; font-weight: normal; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif; }
.privacypolicy-list a:link { color: #666666; }
.privacypolicy-list a:visited {color: #666666; }
.privacypolicy-list a:hover { color: #f991ae; }

/*【お問い合わせ】*/

.form-style tr,td {font-size: 12px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
border-style:none;
line-height: 250%;
}

.form-style table {
margin-bottom: 40px;
}

.sousin {text-align: center;
margin-bottom: 40px;
}