@charset "utf-8";

/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, form, input, textarea,p, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
}
address, em, strong, th {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	*font-size:100%;
}

/*==============================================
	reset font
===============================================*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
select,input,button,textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}


/*-------------------------------------------------------------------
* ピクセル　％  文字サイズ相対指定は%で行う。
---------------------------------------------------------------------
10px   77  	% 
11px   85  	%
12px   93  	%
13px  100  	%
14px  108  	%
15px  116  	%
16px  123.1	% 
17px  131  	%
18px  138.5	% 
19px  146.5	% 
20px  153.9	% 
21px  161.6	% 
22px  167  	%
23px  174  	%
24px  182  	%
25px  189  	%
26px  197  	%
*/




/*==================================================
  common
==================================================*/



body {
	background: #87c346 url(../img/bg_container.png) repeat-x 0 100%;
}
#wrapper {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}
#header {
	height: 813px;
	position: relative;
}
#header p,
#header h1 {
	position: absolute;
}
#logo {
	right: 21px;
	top: 34px;
}
h1 {
	left: 306px;
	top: 99px;
}
#main {
	left: 24px;
	top: 52px;
}
#img01 {
	left: 641px;
	top: 368px;
}
#txt01 {
	left: 235px;
	top: 511px;
}
#txt02 {
	left: 226px;
	top: 570px;
}
#txt03 {
	left: 18px;
	top: 690px;
}
.atn2 {
	position: absolute;
	top: 655px;
	left: 310px;
}
#container {
	width: 790px;
	height: 603px;
	padding: 44px 48px 0 60px;
	position: relative;
}
#choice {
	position: relative;
	width: 219px;
	height: 500px;
	float: left;
}
#package {
	position: absolute;
	left:0;
	top: 0;
}
#soft {
	position: absolute;
	bottom: 0;
	right: 2px;
}
#set {
	position: relative;
	width: 546px;
	height: 498px;
	float: right;
	background: url(../img/bg_set.png) no-repeat 0 100%;
}
#setinner {
	position: relative;
}
#img04 {
	position: absolute;
	left: 28px;
	top: 61px;
}
#cards dt {
	position: absolute;
	left: 55px;
	top: 247px;
}
#cards dd {
	position: absolute;
	left: 39px;
	top: 343px;
}
#link01 {
	position: absolute;
	left: 50px;
	top: 378px;
}
#txt05 {
	position: absolute;
	left: 42px;
	top: 431px;
}
#close {
	position: absolute;
	left: 328px;
	top: 570px;
}



/*	ClearFix
=======================================*/
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */