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

html, div, map, dt, isindex, form, header, hgroup,aside, section, section, article, footer {  
    display: block;
}
body,a, div,dl,dt,dd,ul,ol,li,pre,form,fieldset,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	text-transform: none;
}
html, body {
margin: 0;
height:100%;
padding: 0;
color:#878787;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
line-height:1.4em;
background-image: url(../images/top_back.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
}


img{vertical-align:top;	border:none; outline:none;}

ul,li{list-style:none;}
ul{display:block;}

a {color:#444;text-decoration:underline;}
a:hover { color: #2C4333;text-decoration:none;}
a img {border:none; outline:none;}
.clear {
	clear: both;
}


#back_coffe{
	display:block;
	position:fixed;
	top:0;
	right:0;
	min-width:440px;
	min-height:467px;
	z-index:0;
	background:url(../images/top_coffe.png) no-repeat right top;}
	
#back_hand{
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	z-index:98;
	background:url(../images/top_hand.png) no-repeat center center;}
	


#iconBox{
	display:block;
	position:fixed;
	width:1156px;
	min-height:714px;
	top:50%;
	left:50%;
	margin:-357px 0 0 -578px;
	z-index:99;}
.icon01{
	position:absolute;
	bottom:607px;
	left:0;}
.icon02{
	position:absolute;
	/*bottom:602px;
	left:146px;*/
	bottom:607px;
	left:0;}
.icon03{
	position:absolute;
	bottom:311px;
	left:40px;}
.tel{
	position:absolute;
	bottom:121px;
	right:0;}
.shiryo{
	position:absolute;
	bottom:36px;
	right:0;}
.copyright{
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;}
.cpn{
	position:absolute;
	bottom:205px;
	right:0;
}
.kaiko{
	position:absolute;
    top: 70px;
    right: 70px;}


#inlineBox{
	width:320px;
	height:564px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-282px 0 0 -160px;
	z-index:100;}