@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 13px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	border-color:inherit;
	line-height: 1.3em;
	color : #999999;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center top;
}

body{
	background-color: #7eb512 ;
	font-family : "Arial";
	background-image: url( "./bg.gif");
	background-repeat: repeat;
	
}

.mobile{
	min-height : 1180px;
	margin : 0 auto;
	width : 410px;
}

.mobile #ffw{
	background-image: url( "./ffw_s.png");
	width : 100%;
	height : 645px;
}

.mobile #disp_img{
	width : 100%;
	overflow : hidden;
	height :460px;
	position : relative ;
}

.mobile #disp_img #screen{
	background-image: url( "./screen.png");
/*	width : 970px;	*/
	width :1162px;
	height : 442px;
	background-position: center center;
	position : absolute ;
	top : 0;
	left: 0;
}

.mobile #disp_img #prev{
	background-image: url( "./prev.png");
	width  : 40px;
	height : 74px;
	position : absolute ;
	top : 145px;
	left: 5px;
}

.mobile #disp_img #next{
	background-image: url( "./next.png");
	width : 40px;
	height :74px;
	position : absolute ;
	top : 145px;
	right : 5px;
}

.mobile #info a{
	right :22px;
	top: 10px;
}


.pc{
	min-height : 1180px;
	margin : 0 auto;
	width : 1100px;
}

.pc #ffw{
	background-image: url( "./ffw_b.png");
	width : 100%;
	height : 412px;
}

.pc #disp_img{
	width : 100%;
	height :466px;
}

.pc #disp_img #screen{
	background-image: url( "./screen.png");
	background-position: center center;
	margin : 0 auto;
	height : 442px;
}

.pc #disp_img #prev,
.pc #disp_img #next{
	display :none;
}

.pc #info{
	width : 920px;
	margin : 0 auto;
}

.pc #info a{
	right :0px;
	top: 10px;
}


/*共通*/
#info {
	position : relative ;
	border-top : 8px solid #33301f;
}

#info a{
	background-image: url( "./contact.png");
	width : 120px;
	height : 20px;
	display : inline-block;
	position : absolute;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#info a:hover{
	background-image: url( "./contact_.png");
	width : 120px;
	height : 20px;
	position : absolute;
}