/* レイアウトの設定*/
body
{ 
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, sans-serif;
font-size:14px;
line-height:2.0;
color:#231e17;
-webkit-text-size-adjust: none;
margin: 0 auto; /* Firefox 向けセンタリング指定 */

} 

#sp1{width:100%; height:15px;}
img {border: none; }
#line-or{border-bottom: 2px #ff3d10 solid; margin: 4px 0px 4px 0px;}
#line-gr{border-bottom: 1px #cccccc dotted; margin: 17px 0px 24px 0px;}

#bar1{font-family: 'Hiragino Mincho Pro', serif; letter-spacing: 0.2em;
  font-size:14px; 
order-bottom: 1px #7F6F57 solid; 
font-weight: bold;
margin: 0px 0px 11px 0px; padding: 0px 10px 0px 0px;}

p {margin: 0px }


#box{
width:1000px;
text-align:center;
height:auto;
background-color:#fcfcfc;
padding: 30px 30px 30px 30px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#nagare {
width:270px;
color:#ffffff;
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
background-color:#ff3d10;
text-align:center;
font-size:16px;
padding: 7px 10px 7px 10px;
}

#youtube{
    width:800px;
    height:400px;
text-align:center;
background-color:#f7f7f7;
padding: 30px 30px 30px 30px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


.text1{
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
color:#000000;
font-size:25px;
font-weight: 900;
line-height:1.4;
}

.text2{
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
color:#000000;
font-size:30px;
font-weight: 900;
line-height:1.4;
}

.orange {
color:#ffffff;
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
background-color:#ff3d10;
ont-weight: bold;
font-size:16px;
padding: 2px 10px 2px 10px;
}

.plan {
color:#ffffff;
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
background-color:#ff3d10;
ont-weight: bold;
font-size:16px;
padding: 0px 10px 0px 10px;
}

.reco {
color:#ffffff;
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
background-color:#ff3d10;
ont-weight: bold;
font-size:18px;
padding: 10px 20px 10px 20px;
}

.point2 {
color:#ffffff;
font-family: 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
background-color:#333333;
ont-weight: bold;
font-size:14px;
padding: 0px 10px 0px 10px;
}

/*************************
スライドショー
*************************/

      .swiper-container {
position:relative;
        width: 100%;
        height: 750px;
z-index: 0;
      }

      .swiper-slide {
position:relative;
        padding-top: 0px;
z-index: 1;
        /* 画像位置の調整用 */
      }

#title{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
    width:99.99%;
text-align:center;
margin: 620px 0px 0px 0px;
white-space: nowrap;
background-image : url(hbg.png);
}

/*************************
ヘッダー
*************************/
#head{
width:1150px;
text-align:center;
height:450px;
padding: 15px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


#menu{
    width:1200px;
height:auto;
text-align:center;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding:0px 0px 0px 0px;
}



/*************************
ラッパー
*************************/

#wrap{
    position:relative;
    width:99.99%;
text-align:center;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding:0px 0px 40px 0px;
}

#main{
    width:1200px;
height:auto;
text-align:center;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding:0px 0px 0px 0px;
}


#main-line{border-bottom: 3px #ff3d10 solid; margin: 0px 0px 0px 0px;}

/*************************
フッター
*************************/

#foot{
width:99.99%;
height:auto;
background-color: transparent;
clear:both;
border-top: 3px #ff3d10 solid;
padding: 40px 0px 50px 0px;
}

#fmenu{
    width:1200px;
height:auto;
text-align:left;
background-color: transparent;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
padding: 0px 0px 0px 0px;
}




a{ color:#2c9dd7;  text-decoration:none;}
a:link { color: #2c9dd7; text-decoration:none;}
a:visited { color: #2c9dd7;  text-decoration:none;}
a:active { color: #2c9dd7;  text-decoration : underline ;}
a:hover { color: #2c9dd7;  text-decoration : underline ;}



a.link2:link{ color:#231815;  text-decoration:none;}
a.link2:visited  { color: #231815; text-decoration:none;}
a.link2:hover{ color: #2c9dd7;  text-decoration: underline ;}
a.link2:active { color: #ff3d10;  text-decoration : underline ;}






table#table-01 {
    width: 750px;
    border: 1px #7A7369 solid;
    border-collapse: collapse;
background: #ffffff;
    border-spacing: 0;
margin: 7px 0px 10px 0px; 
}

table#table-01 th {
   
    border: #7A7369 solid;
    border-width: 0 0 1px 1px;
color:#ffffff;
    background: #3D3528;
padding: 10px 5px 10px 5px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #7A7369 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}





/*************************
プルダウン
*************************/
#navi_continer {
position: relative;
width: 1250px;
z-index:100;
height:100px;
margin: 5px 0px 0px 0px;
background-color:#ffffff;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#navi {
position: absolute;
width: 1250px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
   line-height:0;
}

#navi li {
float: left;
width: 150px;
   line-height:0;
}


#navi li a {
padding: 0px 0;
}
#navi li a:hover {
}
/* サブメニュー */
#navi ul.sub {
}
#navi ul.sub li {
float: none;
}
#navi ul.sub li a {
padding: 0px 0;
}
#navi ul.sub li a:hover {
}
#navi ul li.navi_menu ul {
display: none;
}
#navi ul li.navi_menu_on ul {
display: block;
}
#navi li.navi_menu{
}
#navi li.navi_menu_on{
}







.content{
	padding:30px 0;
	}
.box{
	max-width: 960px;
        margin: 0 auto;	
	}
.box h2{
	line-height: 600px;
	font-size: 60px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}




/* 左側の設定*/

#left{
	float:left;
	width:260px;
line-height:1.9;
	padding:40px 0px 50px 0px;
background-color: transparent;
}

.fb-like-box {
    background-color: #FFFFFF;
}


/* 右側の設定*/


#right{
	float:right;
	width:750px;
background-color: transparent;
	padding:40px 0px 50px 0px;
}

#right2{
	float:right;
	width:750px;
font-size:13px;
line-height:2.0;
background-color: transparent;
	padding:40px 0px 50px 0px;
}












font-family:sans-serif;
width:0px;
height:0px;
text-align:left;
font-size:10px;
font-family:meiryo;
font-weight: bold;
background-color:#ffffff;
background-color: transparent;
background-image : url(bg.gif);
color:#ffffff;
line-height:1.1;
border-top: 1px #ffffff solid;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background-color: #ffffff;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
position:relative;


<div class="line"><p style="border-bottom: 1px dotted gray;"></p></div>

<a href="***.html#***" target="_self">
<a id="***" name="***"></a>


#{ }<div id="名前"></div>
.{ }<p class="名前"></p>
<span class="名前"></span>
<p class="example2 example3"></p>
<img src="img/.jpg" alt="" width="0" height="0" />
<a href=".html" target="_self"></a>
<img src="img/.jpg" width="0" height="0" border="0"  alt="" onmouseover="this .src='img/-r.jpg'"onmouseout="this .src='img/.jpg'">
<iframe src=".shtml" frameborder="1" scrolling="no" width="292" height="340" true"></iframe>









/*************************
パララックス
*************************/
div.parallax{
width:99.99%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}

div.parallax1{
width:99.99%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	height:385px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.parallax_img_1{
	background:url(top1.jpg);	
	}



div.plan-roma-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-roma-big{
	background:url(../i/plan-roma-big.jpg);	
	}


div.plan-roma-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-roma-big{
	background:url(../i/plan-roma-big.jpg);	
	}




div.plan-roma-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-roma-big{
	background:url(../i/plan-roma-big.jpg);	
	}


div.plan-vene-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-vene-big{
	background:url(../i/plan-vene-big.jpg);	
	}








div.plan-fire-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-fire-big{
	background:url(../i/plan-fire-big.jpg);	
	}


div.plan-ita-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-ita-big{
	background:url(../i/plan-ita-big.jpg);	
	}




div.plan-cap-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-cap-big{
	background:url(../i/plan-cap-big.jpg);	
	}



div.plan-ilu-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-ilu-big{
	background:url(../i/plan-ilu-big.jpg);	
	}



div.planning-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.planning-big{
	background:url(../i/planning-big.jpg);	
	}







div.plan-roma-big2{
width:99.99%;
	height:385px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.plan-roma-big2{
	background:url(../i/plan-roma-big2.jpg);	
	}





div.wedding-kojyo-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.wedding-kojyo-big{
	background:url(../i/wedding-kojyo-big.jpg);	
	}


div.wedding-sei-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.wedding-sei-big{
	background:url(../i/wedding-sei-big.jpg);	
	}




div.weddingphoto-roma-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.weddingphoto-roma-big{
	background:url(../i/weddingphoto-roma-big.jpg);	
	}

div.weddingphoto-fire-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.weddingphoto-fire-big{
	background:url(../i/weddingphoto-fire-big.jpg);	
	}




div.weddingphoto-ama-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.weddingphoto-ama-big{
	background:url(../i/weddingphoto-ama-big.jpg);	
	}


div.weddingphoto-cap-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.weddingphoto-cap-big{
	background:url(../i/weddingphoto-cap-big.jpg);	
	}


div.weddingphoto-pari-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.weddingphoto-pari-big{
	background:url(../i/weddingphoto-pari-big.jpg);	
	}


div.lesson-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.lesson-big{
	background:url(../i/lesson-big.jpg);	
	}




div.apart-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.apart-big{
	background:url(../i/apart-big.jpg);	
	}



div.photoplan-roma-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.photoplan-roma-big{
	background:url(../i/photoplan-roma-big.jpg);	
	}


div.photoplan-vene-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;	
	}
.photoplan-vene-big{
	background:url(../i/photoplan-vene-big.jpg);	
	}



/*************************
イルミネーション
*************************/



div.plan-ilu-big1{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big1{
	background:url(../i/plan-ilu-big1.jpg);}

div.plan-ilu-big2{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big2{
	background:url(../i/plan-ilu-big2.jpg);}

div.plan-ilu-big3{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big3{
	background:url(../i/plan-ilu-big3.jpg);}

div.plan-ilu-big4{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big4{
	background:url(../i/plan-ilu-big4.jpg);}

div.plan-ilu-big5{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big5{
	background:url(../i/plan-ilu-big5.jpg);}

div.plan-ilu-big6{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big6{
	background:url(../i/plan-ilu-big6.jpg);}

div.plan-ilu-big7{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big7{
	background:url(../i/plan-ilu-big7.jpg);}

div.plan-ilu-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.plan-ilu-big{
	background:url(../i/plan-ilu-big.jpg);}



div.option-big{
width:99.99%;
	height:500px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	ackground-size: cover;}
.option-big{
	background:url(../i/option-big.jpg);}