@charset "utf-8";

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

common 

********************
********************/
.replace {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.fleft {
	float:left;
	margin: 0px 10px 10px 0;
}

.fright {
	float:right;
	margin: 0px 0 10px 10px;
}

.Centre {
	text-align:center;
}

.spaceAbove{
	line-height:40px;
}

.PR20 {
	padding-right:20px;
}

.PinkBorderBox {
	border:solid 1px #e197c1;
	border-radius: 10px;
	padding:10px 10px 0;
	background-color:#fff!important;
}

.PinkBorderBox > * {
	margin-top:0!important;
}

a {
	color: #D15C9E;
	border-bottom: solid 1px #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover {
	border-bottom:solid 1px #d15c9e;
}






html {
	background:url(../lib-images/bodyBG.min.png) left top repeat #ffffff;
	}

body {
	
	/*max-width:1020px;*/
	margin: 0 auto;
	}

#Header, #Breadcrumb, #Slide, #TopContent, #MiddleContent, #BottomContent, #Footer {
	max-width:1020px;
	margin: 10px auto 20px;
}

#BottomBG {
	max-width:100%!important;
	margin-top: 10px;
	margin-bottom:20px;
	background-color: #fff0f9;
	padding:0;
	border-top: solid 1px #e197c1;
	border-bottom: solid 1px #e197c1;
}


.pure-g div[class^="pure-u"] > * {
	margin: 0 0.5rem 2rem;
}

.PinkBorderBox h2:first-child, .PinkBorderBox p:first-child {
	margin: 0 0 0.5rem;
}

.PinkBorderBox img.fleft, .PinkBorderBox img,fright {
	margin-top:0!important;
}

#Slide img {
	margin-left:10px;
	margin-right:10px;
}

.pure-menu-horizontal .pure-g div[class^="pure-u"] {
	margin-left:0!important;
	margin-right:0!important;
}


#Header div[class^="pure-u"] {
	padding-right:0!important;
}


#Logo {
	background:url(../lib-images/logo.min.png) left top no-repeat;
	min-height: 150px;
	display:block;
}


	

#HeaderRight {
	padding-top:15px;
}

.pure-g, .pure-g-r,.pure-g [class *="pure-u"] {
	font-family:Arial, 'メイリオ','Hiragino Kaku Gothic ProN', sans-serif!important;
}

h1, h2, h3, .h1, .h2, .h3 {
	margin-bottom:1.2rem!important;
}

h1,.h1 {
	background:url(../lib-images/h1.min.png) left top no-repeat;
	padding-left: 75px;
	line-height:35px;
	font-weight:400;
	font-size:1.5em!important;
}


h2:before {
	content: "● ";
	color: #e197c1;
	font-size: 1.9em;
	vertical-align:sub;
	
}
h2 {
	font-size:1.2em!important;
	color:#e15c9e!important;
	font-weight:400!important;
	line-height:1.2rem;
}

h2 a {
	text-decoration:none!important;
}



p, .ptags, #Inner #TopC1 li{
	font-size:0.85em;
	color:#333;
	line-height:1.6;
}

#Inner #TopC1 ul {
	margin-left:3.2rem;
	margin-right:2rem;
	padding-left:0!important;
}

#Inner #TopC1 li {
	margin-bottom:10px;
}

p a, .ptags a, #Inner #TopC1 li a {
	color: #d15c9e;
	text-decoration:none;
	border-bottom: solid 1px #fff;
	padding-bottom:0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#Logo a, #Logo a:hover {
	border-bottom: solid 0px #fff!important;
}

h4 a {
	text-decoration:none!important;
	color: #E15C9E;
	font-weight:400!important;
	border-bottom: solid 1px #FFF0F9;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*h4 a:hover {
	border-bottom: solid 1px #e15c9e;
}*/

p a:hover, .ptags a:hover, #Inner #TopC1 li a:hover {
	text-decoration:none!important;
	border-bottom: solid 1px #d15c9e; 
}

#Header a:hover, #Banners a:hover, #Slide a:hover {
	text-decoration:none!important;
	border-bottom:none!important;
}



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

Call 2 Action

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

#Call2Action {
	text-align:right;
	margin-bottom:40px;
}

#Call2Action a {
	display:inline-block;	
	min-height:40px;
	display:inline-block;
}

.ameba {
	background:url(../lib-images/ameba.min.png) left top no-repeat transparent;
	width:40px;
	border:none!important;
}

.facebook {
	background:url(../lib-images/facebook.min.png) left top no-repeat transparent;
	width:40px;
	border:none!important;
}


.enquiry {
	
	margin-left:20px;
	padding: 0 50px;
	line-height:40px;
	border-radius:10px;
	color: #000;
	text-decoration:none!important;
	vertical-align:top;
	
	
background: -webkit-gradient(linear, left top, left bottom, from(rgba(225,151,193,.9)), color-stop(50%, rgba(255,219,239,0)), to(rgba(225,151,193,.9)));
  background: linear-gradient(to right, rgba(225,151,193,.9), rgba(255,219,239,0) 50%, rgba(225,151,193,.9));
  background-color: rgb(255,219,239);


-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;	

}

.enquiry:hover {
	color:#fff!important;
	
	background-color: rgb(225,151,193);

}

.facebook:hover, .ameba:hover, .enquiry:hover {
	border-bottom:none!important;
}


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

Navigation

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

#Navigation {
	height:40px;
	border:solid 1px #e198c1;
	border-radius:10px;
	overflow:hidden;
	width:95%;
	float:right;
}



.pure-menu.pure-menu-horizontal>ul {
	width:100%!important;
}

.pure-menu-horizontal li {
	display:block!important;
	float:left;
}

.pure-menu li {
	line-height:40px;
	/*margin-right:1px;*/
	text-align:center;
}

.pure-menu li:first-child {
	/*padding:0 20px!important;*/
}
.pure-menu li:last-child {
	margin-right:0!important;
}

.pure-menu li a {
	transition: all 0.5s ease;
	color: #000;
}

.pure-menu li.pure-menu-selected a{
	background-color: #e197c1;
	color:#fff!important;
	cursor: default!important;
}

.pure-menu li a:hover {
	background-color: #e197c1!important;
	color:#fff!important;
}

/*.pure-menu li:last-child a {
	padding:0 18px 0 12px!important
}*/

.pure-menu a {
	border:none!important;
	font-size: 0.9em;
	padding:0!important;
}

.pure-menu li a {
	/*padding: 0 15px!important;*/
	line-height:40px!important;
}

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

Main

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



.pure-table td, .pure-table th {
	padding:0!important;
}

.pure-table {
	border:none!important;
}

.pure-table th{
	background-color: #e197c1;	
	min-height:50px;
	background-image:url(../lib-images/u-1-3.min.png);
	background-position: center top;
	background-repeat:no-repeat;
	position:relative;
}

.pure-table th a:hover {
	text-decoration:none!important;
	border-bottom: solid 0px #fff;
}

.pure-table th span.h2{
	height:50px;
	color:#000!important;
	line-height:50px;
	padding-left:0!important;
	margin-top:0!important;
	margin-bottom:0!important;
	background-color:rgba(225,151,193,0);
	-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position:relative;
z-index:2;
font-weight:400!important;
border-bottom:none!important;
display:block!important;
}
.pure-table th span.h2:hover {
	color:#fff!important;
	background-color:rgba(225,151,193,1)!important;
}

.pure-table th span.h2 a {
	color:#000;
	display:block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration:none!important;
	border-bottom:none!important;
}

.pure-table th span.h2 a:hover {
	color: #fff!important;
}


.pure-table th span.h2:before {
	content:"";
}
	
.pure-table th h2{
	height:50px;
	color:#000!important;
	line-height:50px;
	padding-left:0!important;
	margin-top:0!important;
	margin-bottom:0!important;
	background-color:rgba(225,151,193,0);
	-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position:relative;
z-index:2;
}
.pure-table th h2:hover {
	color:#fff!important;
	background-color:rgba(225,151,193,1);
}

.pure-table th h2 a {
	color:#000;
	display:block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pure-table th h2 a:hover {
	color: #fff!important;
}


.pure-table th h2:before {
	content:"";
}

.pure-button {
	background-color:#fff!important;
	border-radius:10px!important;
	border: solid 2px #e197c1!important;
	padding:0.5rem 3rem!important;
	color:#373737!important;
	-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.pure-button:hover {
	background-color: #e197c1!important;
	color:#fff!important;
	text-decoration:none!important;
}

.pure-table .pure-button {
	width:90%;
	padding:0.5rem!important;
}

a img, a:hover image{
	border-bottom:solid 0px #fff;
}


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

Inner

//////////////////////*/
#Inner #Header, #Inner #Logo {
	margin-bottom: 0!important;
}

#Inner #TopC1 {
	position:relative;
	margin-top:10px;
}

#Inner #TopC1 h1{
	margin-bottom:4rem!important;
	margin-left:2rem!important;
	margin-right:2rem!important;
}


#Inner #TopC1 h1:before,
#Inner #TopC1 h1:after{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxOTdjMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2UxOTdjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2UxOTdjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTk3YzEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(225,151,193,0) 0%, rgba(225,151,193,1) 25%, rgba(225,151,193,1) 75%, rgba(225,151,193,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,151,193,0)), color-stop(25%,rgba(225,151,193,1)), color-stop(75%,rgba(225,151,193,1)), color-stop(100%,rgba(225,151,193,0)));
background: -webkit-linear-gradient(left,  rgba(225,151,193,0) 0%,rgba(225,151,193,1) 25%,rgba(225,151,193,1) 75%,rgba(225,151,193,0) 100%);
background: -o-linear-gradient(left,  rgba(225,151,193,0) 0%,rgba(225,151,193,1) 25%,rgba(225,151,193,1) 75%,rgba(225,151,193,0) 100%);
background: -ms-linear-gradient(left,  rgba(225,151,193,0) 0%,rgba(225,151,193,1) 25%,rgba(225,151,193,1) 75%,rgba(225,151,193,0) 100%);
background: linear-gradient(to right,  rgba(225,151,193,0) 0%,rgba(225,151,193,1) 25%,rgba(225,151,193,1) 75%,rgba(225,151,193,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e197c1', endColorstr='#00e197c1',GradientType=1 );
}


#Inner #TopC1 h1:before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -10px;
  content: "";
}
#Inner #TopC1 h1:after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 45px;
  content: "";
}

#Inner #TopC1 p,
#Inner #TopC1 .ptags,
#Inner #TopC1 h2,
#Inner #TopC1 h3 {
	margin-left:2rem!important;
	margin-right:2rem!important;
}

#Inner #TopC1 h3 {
	color: #E15C9E!important;
	font-size: 0.85em!important;
}


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

breadcrumb

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

#Breadcrumb {
	margin: 0 auto 50px!important;
	color: #87BBC5;
	font-size:0.9em;
}

#Breadcrumb ul {
	margin:0!important;
	padding-left:0!important;
}

#Breadcrumb ul li {
	display:inline-block;
	margin: 0 10px;
}

#Breadcrumb ul li p,
#Breadcrumb ul li p a,
#Breadcrumb ul li ._edEdit,
#Breadcrumb ul li ._edEdit a {
	margin:0!important;
	color: #87BBC5!important;
}

#Breadcrumb ul li p a:hover {
	border-bottom:solid 1px #87BBC5!important;
}

#Breadcrumb ul li:first-child p:before {
	content:""!important;
}




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

Share buttons styles

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

.ninja_onebutton {
	display:inline-block!important;
	margin:0!important;
	position: absolute;
	clip:rect(40px,516px,76px,0px);
	bottom:0;
	right:0;
}

div.line_ninja_86x20 {
	margin-top:40px!important;
}

#ShareBtns {
	position:relative;
	padding-top:50px;
	margin:0 2rem 0!important;
	z-index:999!important;
}

.pocket-btn iframe {margin-top:-3px!important;}


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

Form

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

.pure-form-aligned .pure-control-group label {
	width:50%!important;
	font-size:0.85em;
	color: #333;
	line-height:1.6;
}

.pure-control-group ._edEdit { display:inline;}

	



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

Ameblo RSS styles

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

.rssBody {
	margin:0!important;
}

.rssBody ul {
	padding:0!important;
	list-style:none!important;
}

.rssRow {
	display:inline-block;
	*display:inline;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto;
	width:25%;*width:24.969%;
}

.rssRow h4, .rssRow p {
	margin:0 0.5rem 1rem;
}

.rssRow p {
	visibility:hidden;
}


.rssRow img {
	max-width:100%!important;
	-ms-interpolation-mode: bicubic; 
}

.rssRow div a[target="_self"] {
	height: 140px;
	overflow:hidden;
	display:block;
}


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

Footer

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

#FooterLeft, #FooterRight, #FooterRight a {
	font-size: 0.75rem;
	color: #666;
	text-decoration:none!important;
	border-bottom: solid 1px #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}

#FooterRight a:hover {
	border-bottom: solid 1px #666;
}

#FooterRight {
	text-align:right;
}




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

styles for FF

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

@-moz-document url-prefix() { 
  h2:before {
	vertical-align:top!important;
	}
}

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

styles for Raku Raku Koushin Button

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

#edit_button {
	margin-bottom: 0!important; float:left;
}
#TopC1 .ptags {margin: 0 0.5rem 2rem;!important;}
#FooterLeft * {
	margin-bottom:0!important;
}
h2 ._edEdit{display:inline-block!important;}

#Breadcrumb li p, #Breadcrumb li ._edEdit {display:inline!important;}

#Breadcrumb li a {color:#87BBC5!important; text-decoration:none!important;}

#Breadcrumb li a:hover {border-bottom: solid 1px #87BBC5!important;}

#MiddleContent .pure-table .ptags {padding: 1rem 0;}

.ptags ._edEdit {display:inline;}