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

body{
	color:#212121;
    font-size: 62.5% ;   /* 1.0em = 10px  */
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	overflow-x:hidden;
}
a{
	color:#212121;
	text-decoration:none;
}
a:hover{
	color:#95684d;
}
a.overwhite{
    display:block;
}
body#subpage #primary a[href$=".pdf"]{
	padding-left:30px;
	background:url(../img/imgPDF24x24.png) no-repeat 0 0;
	text-decoration:underline;
	padding-top:3px;
}

a.overwhite:hover,
a.overwhite:hover img,
a.overwhite:hover li{
    cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

.aligncenter{	text-align:center;}
.alignleft{		text-align:left;}
.alignright{	text-align:right;}


.float_left{	float:left;}
.float_right{	float:right;}

.clearfloat{	clear:both;}

.xxlarge{	font-size:1.8em;}
.xlarge{	font-size:1.5em;}
.large{		font-size:1.3em;}
.small{		font-size:0.75em;}
.xsmall{	font-size:0.6em;}
.xxsmall{	font-size:0.5em;}

.radius5{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	behavior: url(./js/PIE.htc);
}

.shadow{
	-webkit-box-shadow: #ccc 0px 0px 3px;
	-moz-box-shadow: #ccc 0px 0px 3px;
	box-shadow: #ccc 0px 0px 3px;
	behavior: url(./js/PIE.htc);
}
.noshadow{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

/********************************************************/

.contentsbox{
	width:1000px;
	margin:0 auto;
	position:relative;
}


.ribbon{
	background:url(../img/bgRibbon.png) repeat-x center;
	height:120px;
	width:100%;
	display:block;
	margin:50px 0;
}


#header{
	background:url(../img/bgHeader.jpg) repeat-x top center #f1eee4;
	height:160px;
}

#header h1{
	padding-top:60px;
	display:inline-block;
	width:500px;
}

#header .float_right{
	width:440px;
	padding-top:80px;
	text-align:center;
	font-size:1.4em;
	line-height:1.5;
	color:#89834e;
}
#headnumber{
	font-size:1.2em;
	font-weight:bold;
}


#navi{
	background:url(../img/bgNavi.png) repeat-x;
	height:70px;
	z-index:10;
	width:100%;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#navi.fixed{
	position:fixed;
	top:0;
	padding-bottom:0;

	-webkit-box-shadow: #888 0px 0px 13px;
	-moz-box-shadow: #888 0px 0px 13px;
	box-shadow: #888 0px 0px 13px;
}


#navi ul{
	width:1002px;
	margin:0 auto;
}

#navi ul li{
	float:left;
	background:url(../img/navi.png) no-repeat;
}

#navi ul li a{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	width:200px;
	height:70px;
}

#navi ul li#nav1{	background-position:0 0;}
#navi ul li#nav2{	background-position:-200px 0;}
#navi ul li#nav3{	background-position:-400px 0;}
#navi ul li#nav4{	background-position:-600px 0;}
#navi ul li#nav5{	background-position:-800px 0; width:202px;}

#scrollbox{
	width:100%;
	height:80px;
	position:relative;
	z-index:10;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#scrollbox.fixed{
	position:fixed;
	top:60px;
	padding-bottom:0;

	-webkit-box-shadow: #888 0px 0px 13px;
	-moz-box-shadow: #888 0px 0px 13px;
	box-shadow: #888 0px 0px 13px;
}

#scrollbox ul{
	overflow:hidden;
	display:inline;
	float:left;
}
#scrollbox ul li{
	float:left;
	display:inline;
	overflow:hidden;
}
#scrollbox ul li img{
	width:auto;
	height:80px;
}

#scrollbox ul:after{
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#scrollbox ul {
    display: inline-block;
    overflow: hidden;
}

#mainimage{
	width:100%;
	height:390px;
	margin-bottom:40px;
	background:url(../img/bgSlider.jpg) center;
	padding-top:32px;
}

#mainimage img{
	margin:0 50px;
	outline:none;
}

.slick-prev{
	left:50%;
	margin-left:-390px;
	margin-top:-33px;
	width:34px;
	height:66px;
	background:url(../img/arrowPrev.png) no-repeat;
	z-index:1;
}

.slick-next{
	right:50%;
	margin-right:-390px;
	margin-top:-33px;
	width:34px;
	height:66px;
	background:url(../img/arrowNext.png) no-repeat;
	z-index:1;
}
.slick-prev:hover{
	background:url(../img/arrowPrev.png) no-repeat;
}
.slick-next:hover{
	background:url(../img/arrowNext.png) no-repeat;
}

.slick-next:before,
.slick-prev:before{
	content:"";
}



#about,#blog,#wedding,#event,#gift{
	position:relative;
}

.floatingimg{
	position:absolute;
}

#about{
	width:382px;
	height:270px;
	padding:22px 50px;
	float:left;
	background:url(../img/bgAbout.png) no-repeat right bottom #f6f5f0;
	margin-bottom:50px;
}
#about h2{
	margin-bottom:25px;
}
#about p{
	color:#8e8230;
	font-size:1.3em;
	line-height:1.6;
}


#blog{
	width:432px;
	height:270px;
	padding:22px 25px;
	float:right;
	margin-bottom:50px;
	border:1px solid #cde2e0;
}

#blog h2{
	text-align:center;
	margin-bottom:20px;
}
#blog dl{
	line-height:1.5;
	font-size:1.2em;
}
#blog dt{
	width:7em;
	float:left;
	clear:left;
	padding-top:1em;
	color:#508681;
}
#blog dd{
	padding-left:8em;
	border-top:1px solid #b2d2cf;
	padding-top:1em;
	padding-bottom:1em;
}
#blog dd a{
	color:#508681;
}

#wedding{
	clear:both;
}

#wedding .servicebox{
	background:url(../img/bgWedding.jpg) no-repeat right #fbfae8;
	height:164px;
	color:#8e8230;
}

#wedding li p{
	color:#8e8230;
}

#event .servicebox{
	background:url(../img/bgEvent.jpg) no-repeat right #faf4f4;
	height:114px;
	color:#d5919b;
}
#event li p{
	color:#c7627f;
}


#gift .servicebox{
	background:url(../img/bgGift.jpg) no-repeat right #f9faf4;
	height:114px;
	color:#91986e;
}
#gift li p{
	color:#707b4b;
}


.servicebox{
	overflow:hidden;
	margin-bottom:50px;
	padding:20px 0 30px 50px;
}

.servicebox h2{
	margin-bottom:20px;
}

.servicebox p{
	font-size:1.3em;
	line-height:1.8;
}


ul.photos{
	overflow:hidden;
	padding-left:47px;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
}
ul.photos li{
	float:left;
	width:270px;
	margin-right:46px;
	font-size:1.3em;
	line-height:1.8;
}

ul.photos li img{
	margin-bottom:20px;
}



#imgKey{		top:20px; left:-26px;}
#imgFlowerBlog{	bottom:-5px; right:-50px;}
#imgFlowerWedding{	top:30px; left:-75px;}
#imgFlowerEvent{	top:-15px; left:150px;}
#imgFlowerCelebration{	top:-30px; left:130px;}



#access{
	overflow:hidden;
}
#accessinfo{
	float:left;
	width:355px;
	text-align:center;
	padding:105px 0;
	border-left:1px solid #c9c9c9;
}
#accessinfo p{
	color:#8e8230;
	margin-top:30px;
	font-size:1.3em;
}
#accessmap{
	float:right;
	width:640px;
}
#accessmap iframe{
	width:100%;
}

#footer{
	clear:both;
	color:#a0a4a9;
	overflow:hidden;
	padding-bottom:80px;
}
#footer a{
	color:#a0a4a9;
}
#footer p{
	font-size:1.4em;
	line-height:1.8;
	margin-top:20px;
}
#footContact{
	float:left;
}
#footlink{
	float:right;
}
#footlink li{
	float:left;
	margin-right:80px;
}