@charset "UTF-8";





/*--　basic　--*/
html { font-family: Futura, 'Trebuchet MS', Arial, sans-serif; }
body { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
p { color: #000000; font-size: 12px; letter-spacing: 0.1em; line-height: 18px; font-family: Futura, 'Trebuchet MS', Arial, sans-serif; }
a { color: #000000; }
.fsmall { font-size: 12px; }
.fbig { font-size: 14px; line-height: 22px; }
.fbig16 { font-size: 16px; line-height: 25px; }
.fbig18 { font-size: 18px; line-height: 27px; }
.fbold { font-weight: bold; }
.tcenter { text-align: center; }
.colgray { color: #656565; }
.colred { color: #ff0000; }
.colyel { color: #b7ac2a; }
.txtindent { padding-left: 10px; text-indent: -10px; }

/*-- line --*/
hr.line1 { clear: both; border: none; border-top: solid 1px #CCC; height: 1px; color: #FFFFFF; margin: 100px 0 50px 0;
	}

/*-- .clearfix --*/
.clearfix:after { content: ""; display: block; clear: both; }
.clear { clear: both; }

/*-- 余白 --*/
.pTop8 { padding-top: 8px; }
.pTop10 { padding-top: 10px; }
.pTop15 { padding-top: 15px; }
.pTop20 { padding-top: 20px; }
.pTop30 { padding-top: 30px; }
.pTop50 { padding-top: 50px; }
.pRight5 { padding-right: 5px; }
.pRight30 { padding-right: 30px; }
.mTop20 { margin-top: 20px; }
.mTop30 { margin-top: 30px; }
.pBottom5 { padding-bottom: 5px; }
.pBottom10 { padding-bottom: 10px; }
.pBottom30 { padding-bottom: 30px; }
.mLeft100 { margin-left: 130px; }

/*-- float --*/
.fleft { float: left; }


#layout { margin: auto; width: 960px; padding-top: 30px;}

/*--　header　--*/
header {  }

	.logo_block { margin: auto; padding-top: 10px; }
			header h1 { margin: auto; width: 200px; height: 200px; background: url('../img/onedrop_logo.png') no-repeat;
						text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }


.main_block {
margin: auto;
width: 960px;
padding-top: 50px;
}

article.service {
margin: auto;
width: 960px;
padding-top: 80px;
}

	.service-box {
	margin: auto;
	width: 860px;
	background-color: #000000;
	padding: 20px 0;
	margin-top: 30px;
	}
	
	.service-box p {
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	}
	
	.service-price {
		margin: auto; width: 960px; height: 960px; background: url('../img/onedrop_price.png') no-repeat;
						text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;
	}
	
	
article.galleryA {
margin: auto;
width: 960px;
padding-top: 80px;
}

	article.galleryA li {
	list-style: none;
	float: left;
	width: 220px;
	height: 220px;
	padding-right: 20px;
	padding-bottom: 15px;
	}

	li.gallery-right { padding-right: 0; }
	article.galleryA a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }




article.shop {
margin: auto;
width: 960px;
padding-top: 80px;
}

article.shop a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

article.access {
margin: auto;
width: 960px;
padding-top: 80px;
}



.footer-nav {
margin: auto;
width: 540px;
}

	.footer-nav li {
	list-style: none;
	float: left;
	}
	
	.footer-nav a {
	text-decoration: none;
	}
	
	.footer-nav a:hover {
	border-bottom: 1px solid #000000;
	}




/* ==========================　メニュー　========================== */

nav#main-nav { 
margin: auto;
width: 625px;
height: 23px;
background-color: #ffffff;
margin-top: 15px;
}

nav#main-nav ul { margin: auto; width: 625px; }
nav#main-nav li { list-style: none; float: left; }

#main-nav a {  
text-indent: -9999px; 
text-decoration: none;  
display: block;  
width: 0px;  
height: 0px; /* リンク領域を広げる */ 
} 



#home a {
background-image: url(../img/nav/home.png) ;
width: 105px;
height: 23px;
margin-right: 10px;
}

#home a:hover {
background-image: url(../img/nav/home.png) ;
width: 105px;
height: 23px;
margin-right: 10px;
background-position: 0px -23px;
}

#service a {
background-image: url(../img/nav/service.png) ;
width: 120px;
height: 23px;
margin-right: 10px;
}

#service a:hover {
background-image: url(../img/nav/service.png) ;
width: 120px;
height: 23px;
margin-right: 10px;
background-position: 0px -23px;
}

#gallery a {
background-image: url(../img/nav/gallery.png) ;
width: 125px;
height: 23px;
margin-right: 10px;
}

#gallery a:hover {
background-image: url(../img/nav/gallery.png) ;
width: 125px;
height: 23px;
margin-right: 10px;
background-position: 0px -23px;
}

#shop a {
background-image: url(../img/nav/shop.png) ;
width: 110px;
height: 23px;
margin-right: 10px;
}

#shop a:hover {
background-image: url(../img/nav/shop.png) ;
width: 110px;
height: 23px;
margin-right: 10px;
background-position: 0px -23px;
}

#access a {
background-image: url(../img/nav/access.png) ;
width: 125px;
height: 23px;
}

#access a:hover {
background-image: url(../img/nav/access.png) ;
width: 125px;
height: 23px;
background-position: 0px -23px;
}











/*--　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　--*/


#back-top {
    position: fixed;
    bottom: 150px;
    right: 10px;
}
#back-top a {
    width: 75px;
    height: 75px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #666;
    background: url('../img/img_pagetop.png') no-repeat;
}
#back-top a:hover {
    color: #000;
}



/*--　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　--*/

/*--　footer　--*/
footer.foot { margin-top: 70px; text-align: center; }



/*-- reset --*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
img { border: 0; }