@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Italianno);

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

	1: index
	2: about
	3: ecology
	4: staff voice
	5: service
	6: sale
	7: news

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



/*=========================================================

	index

==========================================================*/

#mainimage{
	clear:both;
	opacity:0;
	position:relative;
	width:940px;
	height:401px;
	padding-top:30px;
}

#mainimage .slide{
	position:absolute;
	top:30px;
	left:0;
	width:940px;
	height:401px;
}

#mainimage ul{
	list-style:none;
	padding:0;
	margin:0;
}


#mainimage ul li div{
	color:#fff;
	padding:180px 0 0 60px;
}

#mainimage ul li div strong{
	display:block;
	line-height:1;
	font-size:500%;
	font-family: 'Italianno', cursive;
	text-shadow:0 0 5px rgba(0,0,0,1),0 1px 0px rgba(0,0,0,0.5),0 -1px 0px rgba(0,0,0,0.5);
}

#mainimage ul li div em{
	display:block;
	font-family: 'Italianno', cursive;
	font-size:250%;
	text-shadow:0 0 3px rgba(0,0,0,1),0 1px 0px rgba(0,0,0,0.5),0 -1px 0px rgba(0,0,0,0.5);
}



.news h2,
.staffvoice h2{
	line-height:1;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:300%;
	margin-bottom:20px;
}

.news dl dt{
	font-size:90%;
	margin:20px 0 3px 0;
}
.news dl dt:first-child{margin-top:0;}

.news p.archive{
	line-height:1;
	text-align:right;
}

.news p.archive a{
	display:inline-block;
	text-decoration:none;
	font-size:85%;
	color:#eee;
	padding:7px 10px;
	background:#000;
}
.news p.archive a:hover{background:#333;}



.staffvoice{
	margin-top:70px;
}

.staffvoice-section{
	overflow:hidden;
	position:relative;
	width:529px;
	min-height:120px;
	padding:20px 0 0 140px;
	margin-bottom:20px;
	border-top:1px dotted #000;
}

h2 + .staffvoice-section{padding-top:0; border-top:0;}

.staffvoice-section h3{
	font-weight:normal;
}

.staffvoice-section h3 b{
	display:block;
}

.staffvoice-section img{
	display:block;
	position:absolute;
	top:20px;
	left:0;
}
h2 + .staffvoice-section img{top:0;}


.staffvoice-section p a{
	display:inline-block;
	text-decoration:none;
	line-height:1;
	font-size:85%;
	float:right;
	color:#eee;
	padding:7px 10px;
	margin-top:10px;
	background:#000;
}
.staffvoice-section p a:hover{background:#333;}





/*=========================================================

	about

==========================================================*/

dl.idea{
	text-align:center;
}

dl.idea dd{
	margin:20px 0;
}


p.greeting{
	text-indent:1em;
	margin-bottom:20px;
}

p.greeting-name{
	text-align:right;
}


dl.about{
	width:669px;
}

dl.about dt{
	float:left;
	font-weight:bold;
	width:120px;
	padding:15px 0;
	border-top:1px solid #ccc;
}

dl.about dd{
	padding:15px 0;
	margin:0 0 0 120px;
	border-top:1px solid #ccc;
}


.office ~ .office{
	margin-top:50px;
}

.office h4{
	display:inline-block;
	color:#fff;
	padding:7px 20px;
	margin-right:10px;
	background:#000;
}

.office p{
	display:inline-block;
	padding:7px 0;
}

.office iframe{
	margin-top:10px;
}





/*=========================================================

	ecology

==========================================================*/

p.eco-text{
	text-indent:1em;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top:20px;
}

p.mark{
	float:right;
	margin-left:30px;
}

ul.eco-list{
	list-style-position:outside;
	padding:0;
	margin:0 0 0 20px;
}

ul.eco-list li{
	margin-top:15px;
}
ul.eco-list li:first-child{margin:0;}





/*=========================================================

	staff voice

==========================================================*/

ul.staff-list{
	position:relative;
	list-style:none;
	width:980px;
	padding:0;
	margin:0 -40px 0 0;
}

ul.staff-list li{
	float:left;
	width:205px;
	margin:0 40px 40px 0;
}

ul.staff-list li a{
	text-decoration:none;
}
ul.staff-list li a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}



.voice-section{
	overflow:hidden;
	width:669px;
}

.voice-section .name{
	float:left;
	width:205px;
}

.voice-section .name img{
	margin-bottom:10px;
}

.voice-section .name strong{
	font-size:150%;
	font-weight:normal;
}


.voice-section .comment{
	float:right;
	width:434px;
}

.voice-section .comment p{
	text-indent:1em;
	line-height:2;
	margin-bottom:30px;
}





/*=========================================================

	service

==========================================================*/

div#service-image{
	position:relative;
	clear:both;
	width:940px;
	height:400px;
	padding-top:20px;
}

div#service-image ul{
	overflow:hidden;
	list-style:none;
	width:940px;
	height:400px;
	padding:0;
	margin:0;
}



dl.service-list{
	overflow:hidden;
	width:669px;
}

dl.service-list dt{
	float:left;
	text-align:center;
	width:150px;
	height:150px;
}

dl.service-list dt a{
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:150px;
	font-size:120%;
	color:#fff;
	width:150px;
	height:150px;
	border-radius:50%;
}
dl.service-list dt a.dtp{background:#ff4532;}
dl.service-list dt a.web{background:#afcf30;}
dl.service-list dt a.photo{background:#f7cf85;}
dl.service-list dt a.office{background:#f4c400;}
dl.service-list dt a.food{background:#e759bc;}
dl.service-list dt a.salon{background:#458dd3;}
dl.service-list dt a.school{background:#afcf30;}
dl.service-list dt a.care{background:#f7cf85;}
dl.service-list dt a.fitness{background:#E76317;}

dl.service-list dt a.nursery_school{background:#FF33FF;}

dl.service-list dt a.dtp:hover{background:#ff7466;}
dl.service-list dt a.web:hover{background:#b8cf5f;}
dl.service-list dt a.photo:hover{background:#f6dfb4;}
dl.service-list dt a.office:hover{background:#f2cc33;}
dl.service-list dt a.food:hover{background:#e88bcc;}
dl.service-list dt a.salon:hover{background:#75a4d2;}
dl.service-list dt a.school:hover{background:#b8cf5f;}
dl.service-list dt a.care:hover{background:#f6dfb4;}
dl.service-list dt a.nursery_school:hover{background:#FF99FF;}
dl.service-list dt a.fitness:hover{background:#EEAA88;}
dl.service-list dd{
	line-height:150px;
	padding-left:20px;
	margin:0 0 20px 150px;
}



.store-section{
	width:349px;
	min-height:300px;
	padding-right:320px;
}

.store-section-season{
	width:349px;
	min-height:600px;
	padding-right:320px;
}

.store-section h4{
	font-size:200%;
	font-weight:normal;
}

.store-section p{
	margin-top:30px;
}

.store-section p strong{
	font-size:130%;
}

#hamarai{background:url('../service/food-img/hamarai.jpg') 100% 5px no-repeat;}
#hamatei{background:url('../service/food-img/hamatei.jpg') 100% 5px no-repeat;}
#ushimaru{background:url('../service/food-img/ushimaru.jpg') 100% 5px no-repeat;}
#oira{background:url('../service/food-img/nakashima.jpg') 100% 5px no-repeat;}
#yahabacoffee{background:url('../service/food-img/yahabacoffee.jpg') 100% 5px no-repeat;}
#grillmarket{background:url('../service/food-img/grillmarket.jpg') 100% 5px no-repeat;}
#craft{background:url('../service/food-img/craft.jpg') 100% 5px no-repeat;}
#hotaru{background:url('../service/food-img/hotaru.jpg') 100% 5px no-repeat;}
#laviebelle{background:url('../service/food-img/laviebelle1.jpg') 100% 5px no-repeat;}
#flamingo{background:url('../service/food-img/flamingo_gaikan.jpg') 100% 5px no-repeat;}
#gb{background:url('../service/food-img/gb2.jpg') 100% 5px no-repeat;}
#bochika{background:url('../service/food-img/bochika.jpg') 100% 5px no-repeat;}
#tanaka{background:url('../service/food-img/tanaka.jpg') 100% 5px no-repeat;}
#buono{background:url('../service/food-img/buono.jpg') 100% 5px no-repeat;}
#jitokko{background:url('../service/food-img/jitokko.jpg') 100% 5px no-repeat;}
#ken{background:url('../service/food-img/ken.jpg') 100% 5px no-repeat;}

#season{background:url('../service/salon-img/season.jpg') 100% 5px no-repeat;}
#season_takada{background:url('../service/salon-img/season_takada.jpg') 100% 5px no-repeat;}
#colors{background:url('../service/salon-img/colors.jpg') 100% 5px no-repeat;}
#infini{background:url('../service/salon-img/infini.jpg') 100% 5px no-repeat;}
#veranda{background:url('../service/salon-img/veranda.jpg') 100% 5px no-repeat;}
#fontana{background:url('../service/salon-img/fontana.jpg') 100% 5px no-repeat;}

#meikou{background:url('../service/school-img/meiko.jpg') 100% 5px no-repeat;}

#genki{background:url('../service/care-img/genki.jpg') 100% 5px no-repeat;}

#dtp2{background:url('../service/dtp-img/dtp.jpg') 100% 5px no-repeat;}

#skuld-angel{background:url('../service/nursery-school-img/skuld-angel.jpg') 100% 5px no-repeat;}

#fitness-yaesu{background:url('../service/fitness-img/yaesu100.jpg') 100% 5px no-repeat;}
#fitness-ueno{background:url('../service/fitness-img/ueno100.jpg') 100% 5px no-repeat;}
#fitness-kamata{background:url('../service/fitness-img/kamata100.jpg') 100% 5px no-repeat;}

.store-section dl.genki-detail{
	margin-top:30px;
}

.store-section dl.genki-detail dt{
	font-size:150%;
	margin-top:20px;
}
.store-section dl.genki-detail dt:first-child{margin:0;}

.store-section dl.genki-detail dt.day{color:#f69f09;}
.store-section dl.genki-detail dt.care{color:#f63b09;}
.store-section dl.genki-detail dt.foot{color:#9ed900;}
.store-section dl.genki-detail dt.training{color:#17c100;}

.store-section dl.genki-detail dd{
	padding:10px;
	margin-top:5px;
	background:#f7f7f7;
}

.store-section dl.genki-detail dd strong{
	color:#0bd;
}



.office-information-area{
	position:relative;
	width:940px;
	height:561px;
}

.office-information-area ul{
	list-style:none;
	padding:0;
	margin:0;
}

.office-information-area ul li{
	position:absolute;
	width:20px;
	height:26px;
}

.office-information-area ul li.num01{top:250px; left:43px;}
.office-information-area ul li.num02{top:332px; left:236px;}

.office-information-area ul li.num03-1{top:120px; left:308px;}
.office-information-area ul li.num03-2{top:387px; left:708px;}

.office-information-area ul li.num04-1{top:-7px; left:42px;}
.office-information-area ul li.num04-2{top:118px; left:181px;}
.office-information-area ul li.num04-3{top:-7px; left:380px;}

.office-information-area ul li.num05-1{top:87px; left:500px;}
.office-information-area ul li.num05-2{top:288px; left:454px;}

.office-information-area ul li.num06-1{top:67px; left:264px;}
.office-information-area ul li.num06-2{top:140px; left:450px;}
.office-information-area ul li.num06-3{top:138px; left:580px;}
.office-information-area ul li.num06-4{top:160px; left:820px;}
.office-information-area ul li.num06-5{top:222px; left:777px;}

.office-information-area ul li.num07{top:134px; left:685px;}
.office-information-area ul li.num08{top:237px; left:685px;}
.office-information-area ul li.num09{top:275px; left:546px;}

.office-information-area ul li.num10-1{top:233px; left:578px;}
.office-information-area ul li.num10-2{top:5px; left:833px;}

.office-information-area ul li.num11{top:5px; left:627px;}

.office-information-area ul li.num12{top:360px; left:827px;}



ul#dtp{
	overflow:hidden;
	position:relative;
	list-style:none;
	width:951px;
	padding:0;
	margin:50px -11px 0 0;
}

ul#dtp li{
	float:left;
	width:306px;
	margin:0 11px 15px 0;
}

ul#dtp li h3{
	float:left;
	width:83px;
}

ul#dtp li div{
	font-size:85%;
	height:3em;
	margin-top:5px;
}

ul#dtp li strong{
	font-size:130%;
}



.office-item{
	width:669px;
	min-height:300px;
}

.office-item h4{
	font-size:200%;
	font-weight:normal;
}

.office-item p{
	margin-top:30px;
}





/*=========================================================

	sale

==========================================================*/

ul.sale-list{
	list-style:none;
	text-align:center;
	padding:20px;
	margin:30px 0 100px 0;
	background:#e7e7e7;
}

ul.sale-list li{
	display:inline;
	margin:0 10px;
}



p.fujiwaraya{
	text-align:center;
	margin-bottom:10px;
}





/*=========================================================

	news

==========================================================*/

.news-area{
	overflow:hidden;
	width:669px;
}

.news-area dl.archive dd{
	padding:5px 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}



.news-area .article{
	float:right;
	width:500px;
}

.news-area .article h3{
	font-size:130%;
}

.news-area .article p{
	margin-top:20px;
}

.news-area .article p.date{
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:3px solid #000;
}


.news-area ul.archive-list{
	float:left;
	list-style:none;
	width:149px;
	padding:0;
	margin:0;
}

.news-area ul.archive-list li{
	line-height:1;
	padding:10px;
	margin-bottom:1px;
	background:#e7e7e7;
}


/*=========================================================

	web

==========================================================*/

.heading2{
	position:relative;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2em;
	padding: 0 0 10px 30px;
}
 
.heading2:after, .heading2:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:4px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.heading2:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:10px; 
	left:7px
}

.jisseki-title {
	display: block;
	clear: both;
    position: relative;
    margin: 2em 0 0.5em 0;
    padding: 0.6em 0.4em 0.6em 4.0em;
    font-size: 1.143em;
    font-weight: bold;
    color: #fff;
    background: #333333;
    z-index: 1;
}
 
.jisseki-title:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-right: #fff solid 2px;
    background: #B92A2C;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
            to(              rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}
 
.jisseki-title:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, right top,
            from(            rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
            to(              rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to right,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

.jisseki-img {
	display: block;
	float: left;
	border: solid 1px #efefef;
	width:300px;
}

.jisseki-p {
	padding: 10px;
	display: block;
	float: left;
}

.photo-image {
	width:320px;
	margin-top: 1px;
}

.photo-image-div-left {
	width:320px;
	float: left;
	margin: 0 0 0 13px;
}

.photo-image-div-right {
	width:320px;
	float: left;
	margin: 0 0 0 1px;
}