@charset "utf-8";
/*=======================================================
	CSS Document
	Page Style
	2013.08.12 ooe	
=======================================================*/
.pageTitle {
	width:100%;
	height:60px;
	float:left;
	text-align:center;
	margin:70px 0 60px;
}
.pageImg {
	width:960px;
	height:300px;
	float:left;
	position:relative;
	z-index:10;
	background-image:url("../img/pageimg.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

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;
}


/* Plan
-------------------------------*/
.planBox { margin-bottom:50px;}
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:100%;
	height:46px;
	float:left;
	text-align:center;
	background:url("../../img/pc/common/bl_line.png") center 23px no-repeat;
}
.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;
}

.planBox ul.images {
	width:960px;
	height:250px;
	float:left;
	margin:20px 0;
}

.planBox ul.images li {
	width:320px;
	height:250px;
	float:left;
	overflow:hidden;
}

/* Plan Box
-------------------------------*/
.white { background:#FFF; padding:40px 0;}
.planBox h2 {
	width:900px;
	height:50px;
	float:left;
	line-height:26px;
	padding-left:15px;
	text-align:left;
	font-size:20px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#333;
	font-weight:600;
	letter-spacing:1px;
	margin-bottom:20px;
}
.planBox h2 br { display:none;}
.planBox p.text {
	width:625px;
	float:left;
	color:#333;
	padding-left:15px;
	margin-bottom:10px;
}
.planBox p.thumb {
	float:right;
	text-align:right;
	margin-top:20px;
}
*+html .planBox p.price span { height:60px !important; line-height:60px !important; vertical-align:middle !important;}/*IE7*/

.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 内容
-------------------------------*/
.shoot, 
.plan, 
.option {
	width:960px;
	float:left;
}

.shoot h3, 
.plan h3, 
.option h3 {
	width:960px;
	height:16px;
	float:left;
	color:#333;
	letter-spacing:4px;
	line-height:16px;
	margin:20px 0 7px;
}
.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 {
	width:100%;
	float:left;
}

.shoot ul li{
	width:308px;
	height:30px;
	float:left;
	line-height:30px;
	text-align:center;
	color:#333;
	letter-spacing:2px;
	border:1px dashed #999;
	margin-right:15px;
}

.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:220px;
	height:34px;
	float:left;
	padding:8px 0 5px 88px;
	line-height:1.4em;
	color:#333;
	border:1px dashed #999;
	margin:0 15px 15px 0;
	letter-spacing:3px;
}
.plan ul li:nth-child(3n) { margin:0 0px 15px 0;}
.plan ul li.pg { background:url("../../img/pc/plan/icon_pg.jpg") left no-repeat; line-height:34px;}
.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:34px;}
.plan ul li.make { background:url("../../img/pc/plan/icon_make.jpg") left no-repeat; line-height:34px;}
.plan ul li.buquet { background:url("../../img/pc/plan/icon_buquet.jpg") left no-repeat; line-height:34px;}
.plan ul li.car { background:url("../../img/pc/plan/icon_car.jpg") left no-repeat; line-height:34px;}
.plan ul li.cd { background:url("../../img/pc/plan/icon_cd.jpg") left no-repeat; line-height:34px;}

.plan ul li span { color:#333;}


.option ul {
	width:888px;
	float:left;
	border:1px dashed #999;
	padding:25px 35px 5px;
}

.option ul li {
	width:420px;
	height:20px;
	margin-bottom:20px;
	background:url("../../img/pc/common/border.png") 8px center repeat-x;
	border:none;
}
.option ul li span.left, 
.option ul li span.right, 
.option ul li span.right02 {
	height:20px;
	line-height:20px;
	color:#333;
	background:#FFF;
}
.option ul li span.right img { margin-left:10px;}
.option ul li span.right a.gallery {
	width:70px;
	height:15px;
	float:right;
	margin-left:10px;
	padding:2px 0 2px 20px;
	color:#555;
	line-height:15px;
	font-size:12px;
	letter-spacing:3px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	border:dashed 1px #999;
	background:url("../../img/pc/common/btn_gallery_i.png") left no-repeat #FFF;
}
.option ul li span.right a.gallery:hover {
	color:#FFF;
	border:solid 1px #A79476;
	background:url("../../img/pc/common/btn_gallery_o.png") left no-repeat #A79476;
}

.option ul li span.left { float:left; padding-right:10px; letter-spacing:2px;}
.option ul li span.right { float:right; padding-left:10px;}
.option ul li span.right02 { float:right; padding:0 100px 0 10px;}
.option ul li:nth-child(odd) { float:left;}
.option ul li:nth-child(even) { float:right;}

.notes {
	width:100%;
	float:left;
	padding:10px 0;
}


/* Gallery
-------------------------------*/
#galleryFlick { display:none;}
#galleryBox h3 {
	width:100%;
	height:30px;
	float:left;
	text-align:center;
	margin-bottom:30px;
}
#galleryBox h3 span {
	color:#333;
	font-size:22.5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:8px;
}

#galleryBox h3 img { margin-right:10px;}

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

}
#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;}
ul#gallery {
	width:960px;
	max-height:770px;
	height:auto;
	float:left;
	overflow:hidden;
	margin:10px 0 80px;
}
ul#gallery li {
	width:190px;
	height:127px;
	float:left;
	overflow:hidden;
	margin:1px;
	position:relative;
}

ul#gallery li img {
	width:135px;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
}

ul#gallery li img {
	width:135px;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
}

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

ul#gallery li img.h {
	width:100%;
	height:auto;
}
ul#gallery li img.h_top {
	width:100%;
	height:auto;
	position:absolute;
	top: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;
}