body{
	background: #86BE04 url(images/bg.gif) repeat-x;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

a:link { color: #ffff33; text-decoration:none;}
a:visited { color: #ffff00; text-decoration:none; }
a:active { color: #ffff00; text-decoration:none; }
a:hover { color: #ffff00; text-decoration:underline; }

/* ------------------------------
全体
------------------------------ */
#pageArea{
		color: #777766;
		width: 800px;
		padding: 0px;
		margin: 0px auto 0px auto;
}

/* ------------------------------
タイトル
------------------------------ */
#topTitleArea{
	width: 599px;
	height: 233px;
	margin: 18px auto 0px 177px;
	padding: 0px;
}

#topTitleArea .leftBox{
	float: left;
	width: 232px;
	height: 180px;
	padding: 0px;
	margin: 0px;
}

#topTitleArea .middleBox{
	float: left;
	width: 214px;
	height: 225px;
	padding: 0px;
	margin: 0px;
}

#topTitleArea .rightBox{
	float: left;
	padding: 0px;
	text-align: right;
}

h1{
	padding:0px;
	margin:  0px;
	height: 180px;
	background: url(images/top_logo.gif) no-repeat;
	text-indent: -5000px;
}

/* ------------------------------
トップコンテンツ
------------------------------ */

#mainContentsArea{
	width: 660px;
	margin: 0px auto 0px auto;
}

#mainContentsArea .leftBox{
	float: left;
	width: 231px;
	height: 180px;
}

#mainContentsArea .leftBox .iphone_Flash{
	position:relative; top:-28px;
}

#mainContentsArea .rightBox{
	float: left;
	width: 421px;
	padding-top: 32px;
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
	color: #ffffff;
}

#mainContentsArea h2{
	padding: 0px;
	margin:  0px;
	width; 421px;
	height: 37px;
	background: url(images/top_h2.gif) no-repeat;
	text-indent: -5000px;
}

#mainContentsArea p{
	padding-left: 10px;
}

/* ------------------------------
動画
------------------------------ */

#movieArea{
	width: 560px;
	margin: 30px auto 0px auto;
	text-align: center;
}

#sampleArea{
	width: 764px;
	margin: 15px 16px 0px 16px;
}

/* ------------------------------
インフォエリア
------------------------------ */

#infoArea{
	width: 641px;
	margin: 10px auto 30px auto;
}

#infoTableTop{
	width: 641px;
	height: 9px;
	background: url(images/info_bg_top.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#infoTableMiddle{
	width: 641px;
	background: url(images/info_bg_middle.gif) repeat-y;
	color: #ffffff;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}

#infoTable1{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#infoTable2{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#infoTable3{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#infoTable4{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#infoTableBottom{
	width: 641px;
	height: 112px;
	background: url(images/info_bg_bottom.gif) no-repeat;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#infoTableMiddle p{
	padding: 0px 7px 0px 10px;
	margin: 5px 0px 0px 0px;
}

#infoTable1 h3{
	width:149px;
	height: 50px;
	margin: 0px 0px 0px 6px;
	background: url(images/info_copy_1.gif) no-repeat;
	text-indent: -5000px;
}

#infoTable2 h3{
	width:149px;
	height: 50px;
	margin: 0px 0px 0px 6px;
	background: url(images/info_copy_2.gif) no-repeat;
	text-indent: -5000px;
}

#infoTable3 h3{
	width:149px;
	height: 50px;
	margin: 0px 0px 0px 6px;
	background: url(images/info_copy_3.gif) no-repeat;
	text-indent: -5000px;
}

#infoTable4 h3{
	width:149px;
	height: 50px;
	margin: 0px 0px 0px 6px;
	background: url(images/info_copy_4.gif) no-repeat;
	text-indent: -5000px;
}

/* ------------------------------
VerUpエリア
------------------------------ */

#verupArea{
	width: 641px;
	margin: 10px auto 30px auto;
	padding-bottom: 170px;
	color:#ffffff;
	line-height: 1.5;
	font-size: 13px;
	text-align: center;
	background: url(images/verup_bg.jpg) no-repeat bottom center;
}

#verupArea h2{
	padding: 0px;
	margin: 0px 0px 10px 108px;
	width; 425px;
	height: 32px;
	background: url(images/verup_h2.gif) no-repeat;
	text-indent: -5000px;
}

#verupTable1{
	float: left;
	width: 195px;
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-align: left;
}

#verupTable2{
	float: left;
	width: 200px;
	margin: 0px 5px 0px 5px;
	padding-bottom: 0px;
	text-align: left;
}

#verupTable3{
	float: left;
	width: 195px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	}

#verupTable1 h3{
	width:165px;
	height: 32px;
	margin: 0px 0px -12px 17px;
	padding: 0px;
	background: url(images/verup_copy_1.gif) no-repeat;
	text-indent: -5000px;
}

#verupTable2 h3{
	width:165px;
	height: 32px;
	margin: 0px 0px -12px 17px;
	padding: 0px;
	background: url(images/verup_copy_2.gif) no-repeat;
	text-indent: -5000px;
}

#verupTable3 h3{
	width:165px;
	height: 32px;
	margin: 0px 0px -12px 17px;
	padding: 0px;
	background: url(images/verup_copy_3.gif) no-repeat;
	text-indent: -5000px;
}

/* ------------------------------
プリンタエリア
------------------------------ */

#printArea{
	width: 641px;
	margin: 10px auto 30px auto;
}

#printTableTop{
	width: 640px;
	height: 15px;
	background: #669900 url(images/bg_column_top.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#printTableMiddle{
	width: 640px;
	background: #669900;
	color: #ffffff;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}

#printTableMiddle h3{
	width:421px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	background: url(images/canon_copy.gif) no-repeat;
	text-indent: -5000px;
}

#printTableBottom{
	width: 640px;
	height: 15px;
	background: url(images/bg_column_bottom.gif) no-repeat;
	clear: both;
	margin: 0px;
	padding: 0px;
}





/* ------------------------------
フッタ
------------------------------ */

#footerAreaBg{
	background-color: #ffffff;
	text-align: center;
}

#footerArea{
	width: 640px;
	background-color: #ffffff;
	text-align: center;
	margin:  auto;
	padding: 10px 0px 10px 0px;
}

#footerArea .leftBox{
	width: 320px;
	height: 62px;
	float: left;
	text-align: left;
}

#footerArea .leftBox img{
	margin-top:5px;
}

#footerArea .rightBox{
	width: 320px;
	height: 62px;
	float: left;
	text-align: right;
}

#footerArea .rightBox img{
	margin-left: 30px;
}