@charset "utf-8";
/*=======================================================
	CSS Document
	Page Style
	2013.08.12 ooe	
=======================================================*/

.pageTitle { display:none;}
.pageImg {
	width:100%;
	height:500px;
	float:left;
	position:relative;
	z-index:10;
	background-image:url("../img/pageimg.jpg");
	background-repeat:no-repeat;
	background-position:top 30%;
	overflow:hidden;
	background-size:cover;
}


p.txt {
	width:750px;
	float:left;
	text-align:left;
	margin:0 55px 80px;
}
#bali h1 {
	width:100%;
	height:auto;
	float:left;
	padding:30px 0;
	text-align:center;
	font-size:22.5px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#1F9119;
	letter-spacing:8px;
	font-weight:normal;
}
#bali h1, x:-moz-any-link {font-weight:600;}/*Firefox*/


.pageImg h1 {
	width:375px;
	height:40px;
	position:absolute;
	z-index:100;
	right:30px;
	top:130px;
	text-align:center;
	font-size:29px;
	line-height:40px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	font-weight:600;
	letter-spacing:10px;
}

.planBox ul.images {
	width:100%;
	float:left;
	display:table;
	table-layout:fixed;
}

.planBox ul.images li {
	width:50%;
	display:table-cell;
	float:left;
	overflow:hidden;
}
.planBox ul.images li img {
	width:100%;
	height:auto;
}
.planBox ul.images li:last-child { display:none;}


/* Plan
-------------------------------*/
.planBox { margin-bottom:40px;}
p.planTit {
	width:98%;
	height:30px;
	float:left;
	padding-right:2%;
	line-height:20px;
	font-size:13px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:8px;
}
p.planTit img { padding:0 10px;}
.planBox h1 {
	width:90%;
	height:46px;
	float:left;
	margin:0 5% 10px;
	text-align:center;
	background:url("../../img/pc/common/bl_line.png") center 23px no-repeat;
	background-size:100%;
}
.planBox h1 span {
	line-height:46px;
	font-size:26px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	letter-spacing:14px;
	font-weight:600;
	padding:0 30px;
	background:#FCFBF5;
}
.sm_img { display:none;}
.white { background:#FFF; padding:40px 0;}
.slideBox {
	width:100%;
	height:400px;
	float:left;
	position:relative;
}
.imageBox{
	width:100%;
	height:210px;
	float:left;
	overflow:hidden;
	margin:40px 0 0;
}






/* Plan Box
-------------------------------*/
@media screen and (min-width: 481px) and (max-width: 659px) {
.planBox h2 {
	width:90%;
	float:left;
	margin-left:3%;
	line-height:30px;
	padding-left:70px;
	text-align:left;
	font-size:23px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	font-weight:600;
	letter-spacing:7px;
	background:url("../img/plan/tree01.jpg") left no-repeat;
}
}
@media screen and (min-width: 660px) and (max-width: 959px) {
.planBox h2 {
	width:82%;
	float:left;
	margin-left:3%;
	line-height:30px;
	padding:10px 0 10px 0px;
	text-align:left;
	font-size:23px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	font-weight:600;
	letter-spacing:5px;
}
.planBox h2 br { display:none;}

}

.planBox p.text {
	width:90%;
	float:left;
	padding:0 5%;
	margin:30px 0;
}
.planBox p.text br { display:none;}

.planBox p.price {
	width:90%;
	float:left;
	padding:0 7% 0 3%;
	text-align:center;
}
.planBox p.price span.txt1, 
.planBox p.price span.txt2, 
.planBox p.price span.txt4 {
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#000;
	line-height:1em;
	vertical-align:sub;
	font-weight:100;
	letter-spacing:1px;
}
.planBox p.price span.txt1 { font-size:30px; color:#333;}
.planBox p.price span.txt2 { font-size:46px; font-family:"Times New Roman", Times, serif; padding-left:5px;}
.planBox p.price span.txt3 {
	color:#333;
	line-height:1em;
	vertical-align:baseline;
	font-size:16px;
}

/* Plan 内容
-------------------------------*/
#tebura .noneL { display:none !important;}
.shoot, 
.plan, 
.option {
	width:90%;
	float:left;
	padding:0 5%;
}

.shoot h3, 
.plan h3, 
.option h3{
	width:90%;
	height:16px;
	float:left;
	color:#333;
	letter-spacing:4px;
	line-height:16px;
	margin:30px 0 15px;
	padding:0 5%;
}
.shoot h3 span.noneS, 
.plan h3 span.noneS, 
.option h3 span.noneS{
	width:18px;
	height:16px;
	float:left;
	background:url("../img/plan/tit_bk.jpg") left top no-repeat;
}

.shoot ul, 
.plan ul, 
.option ul {
	width:100%;
	float:left;
}

.shoot ul li{
	width:88%;
	height:40px;
	float:left;
	padding:0 5%;
	line-height:40px;
	text-align:left;
	color:#333;
	font-size:14px;
	letter-spacing:5px;
	border:1px dashed #ccc;
	margin:0 0 -1px 0;
}

.shoot ul li br { display:none !important;}

.shoot p {
	width:100%;
	float:left;
	font-size:10.5px;
	color:#666666;
	margin:10px 0 25px;
	line-height:1.4em;
}

.shoot p span {
	font-size:10.5px;
	color:#666666;
	line-height:1.4em;
	padding-left:35px;
}



.plan ul li {
	width:73%;
	height:34px;
	float:left;
	padding:10px 5% 15px 20%;
	line-height:20px;
	color:#333;
	border:1px dashed #ccc;
	margin:0 0 -1px 0;
	letter-spacing:3px;
}
.plan ul li.pg { background:url("../../img/pc/plan/icon_pg.jpg") left no-repeat; line-height:40px;}
.plan ul li.dress { background:url("../../img/pc/plan/icon_dress.jpg") left no-repeat;}
.plan ul li.shoes { background:url("../../img/pc/plan/icon_shoes.jpg") left no-repeat; line-height:40px;}
.plan ul li.make { background:url("../../img/pc/plan/icon_make.jpg") left no-repeat;}
.plan ul li.buquet { background:url("../../img/pc/plan/icon_buquet.jpg") left no-repeat; line-height:40px;}
.plan ul li.car { background:url("../../img/pc/plan/icon_car.jpg") left no-repeat;}
.plan ul li.cd { background:url("../../img/pc/plan/icon_cd.jpg") left no-repeat; line-height:40px;}
.plan ul li.alubm { background:url("../../img/pc/plan/icon_album.jpg") left no-repeat; line-height:40px;}
.plan ul li span { color:#333;}


.option ul {
	width:88%;
	float:left;
	border:1px dashed #ccc;
	padding:10px 5%;
}

.option ul li {
	width:100%;
	float:left;
	height:30px;
	padding:0;
	margin:0;
	border:none;
	background:url("../../img/pc/common/border.png") 8px center repeat-x;
}
.option ul li:last-child { border-bottom:none;}
.option ul li span.left {
	float:left;
	height:30px;
	padding-right:5px;
	line-height:30px;
	color:#333;
	background:#FFF;
	letter-spacing:0;
}
.option ul li span.right, 
.option ul li span.right02 {
	float:right;
	height:30px;
	padding-left:5px;
	color:#333;
	line-height:30px;
	text-align:right;
	background:#FFF;
	letter-spacing:0;
}
.option ul li span.right a, 
.option ul li span.right02 a { display:none;}

.notes {
	width:90%;
	float:left;
	padding:20px 5% 0;
}

/* Gallery
-------------------------------*/
#galleryFlick { display:none;}
#galleryBox h3 {
	width:100%;
	height:30px;
	float:left;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:30px;
}
#galleryBox h3 span {
	line-height:25px;
	color:#333;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:8px;
}
#galleryBox h3 img { padding-right:10px;}

ul#gallery {
	width:100%;
	height:auto;
	float:left;
	margin:10px 0;
}
ul#gallery li {
	width:25%;
	height:120px;
	float:left;
	overflow:hidden;
	margin:-1px;
	border:1px solid #fff;
	position:relative;
}

ul#gallery li img {
	width:100%;
	height:auto;
}
ul#gallery li img.w {
	height:132%;
	width:auto;
}

ul#gallery li img.h {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
}
ul#gallery li img.h_top {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
}
ul#gallery li img.h_bottom {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
}



ul#gallery li a {
	width:100%;
	height:100%;
	display:block;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}

ul#gallery li a:hover {
 opacity: 0.7;  
 filter: alpha(opacity=70);  
	background:none;
}
p.f11 {
	width:94%;
	float:left;
	margin:10px 3%;
	color:#666;
	line-height:1.4em;
	font-size:11px;
	letter-spacing:1px;
}











/*写真セレクト*/
#galleryBox ul.select {
	width:100%;
	height:20px;
	float:left;
	margin-top:0px;

}
#galleryBox ul.select li {
	height:16px;
	float:left;
	padding:0 10px;
	border-left: solid 1px #ccc;
	cursor:pointer;
}
#galleryBox ul.select li:last-Child {	border-right: solid 1px #ccc;}

#galleryBox ul.select li span {
	height:16px;
	float:left;
	line-height:16px;
	font-size:10px;
	color:#666;
	letter-spacing:2px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	padding:0 5px 1px;
	margin:0 10px;
}
#galleryBox ul.select li.active span { background:#B6E304; color:#fff;}
#galleryBox ul.select li:hover span { background:#F0FEBA; color:#999;}