/*===========================
◆共通
===========================*/


body
{
	background-image 	: url(../img/bg.jpg);
	font-size			: 12px;
	line-height			: 18px;
}

*{zoom:1;}

.alldiv
{
	text-align 			: center;
	/* 表示位置 */
	position			: static;
	top					:    0px;
}


.back_white
{
	/* サイズ */
	height				: 3000px;
	width 				: 320px;

	/* 線幅、パディング */
	border 				: 0px solid #ff0000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;
	background-image 	: url(../img/ribon.gif);
	background-position : right;
	background-repeat	: repeat-y;

	/* 表示位置 */
	position			: relative;
	top					:    0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 3;

}



.top_logo			/* DreamOnline Logo */
{
	/* サイズ */
	height				: 17px;
	width 				: 320px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	margin-top			:  0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;
}
.top_logo_img			/* DreamOnline Logo */
{
	/* サイズ */
	height				: 17px;
	width 				: 122px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	top					:  0px;
	margin-left 		: 198px;

	z-index				: 5;

}


.top
{
	/* サイズ */
	height				: 224px;
	width 				: 320px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-image 	: url(../img/top.jpg);
	background-position	: right bottom);

	/* 表示位置 */
	position			: static;
	margin-top			: 0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 4;
	vertical-align		: bottom;
}

.top_link
{

	/* サイズ */
	height				:  60px;
	width 				: 320px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 表示位置 */
	position			: static;
	margin-top			: 163px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;
	vertical-align		: bottom;
}


.back_contents
{
	/* サイズ */
	height				: 750px;
	width 				: 280px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	margin-top			:  20px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 4;

}



/* 製品概要------------------------------------------------------------ */

.summary
{
	/* サイズ */
	height				: 210px;
	width 				: 280px;

	/* 線幅、パディング */
	border 				: 0px solid #FF0000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	top					:  35px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;

}



.summary_text
{
	/* サイズ */
	height				: 170px;
	width 				: 260px;

	/* 線幅、パディング */
	border 				: 0px solid #0000FF;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	top					:   35px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 6;
	text-align 			: left;

}



/* 機能紹��E----------------------------------------------------------- */

.product
{
	/* サイズ */
	height				: 1960px;
	width 				: 280px;

	/* 線幅、パディング */
	border 				: 0px solid #FF0000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	margin-top			:  40px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;

}



.product_text
{
	/* サイズ */
	height				: 350px;
	width 				: 270px;

	/* 線幅、パディング */
	border 				: 0px solid #0000FF;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	top					:   35px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 6;
	text-align 			: left;

}



.product_picture
{
	/* サイズ */
	height				: 1530px;
	width 				: 240px;

	/* 線幅、パディング */
	border 				: 0px solid #00FF00;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	margin-top			:  25px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 6;

}



/* スクリーンショット */
.img_ss
{
	border 			: 1px solid #888888;
}


/* フォント */
.font_red_under
{
	color 			: #880000;
}
.font_gray
{
	color 			: #888888;
}




/* 詳細情��E----------------------------------------------------------- */

.detail
{
	/* サイズ */
	height				: 450px;
	width 				: 280px;

	/* 線幅、パディング */
	border 				: 0px solid #FF0000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	margin-top			:  0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;

}



.detail_text
{
	/* サイズ */
	height				: 360px;
	width 				: 260px;

	/* 線幅、パディング */
	border 				: 0px solid #0000FF;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-color 	: #ffffff;

	/* 表示位置 */
	position			: static;
	top					:   35px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 6;
	text-align 			: left;

}



.copyright
{
	/* サイズ */
	height				:  66px;
	width 				: 280px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	/* 背景 */
	background-image 	: url(../img/copyright.gif);

	/* 表示位置 */
	position			: static;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 5;

}


/* 影 */
.back_right
{
	/* サイズ */
	height				: 2910px;
	width 				: 20px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/bg_right.gif);


	/* 表示位置 */
	position			: static;
	top					:  0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 1;

}



.back_left
{
	/* サイズ */
	height				: 2910px;
	width 				: 20px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/bg_left.gif);


	/* 表示位置 */
	position			: static;
	top					:  0px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 1;

}



.back_bottom
{
	/* サイズ */
	height				: 154px;
	width 				: 115px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/bg_img.gif);


	/* 表示位置 */
	position			: static;
	left				:  50%;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 2;

}



.back_top
{
	/* サイズ */
	height				: 154px;
	width 				: 115px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/bg_img.gif);


	/* 表示位置 */
	position			: static;
	top					:  45px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 2;

}

.ribbon_right
{
	/* サイズ */
	height				: 2791px;
	width 				: 20px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/ribon.gif);


	/* 表示位置 */
	position			: relative;
	margin-top			: -2503px;
	margin-left 		: 296px ;
	margin-right 		: 0px ;

	z-index				: 5;

}



.ribbon_left1
{
	/* サイズ */
	height				: 2690px;
	width 				: 20px;

	/* 線幅、パディング */
	border 				: 0px solid #000000;
	padding				: 0px;
	spacing				: 0px;

	background-image 	: url(../img/ribon.gif);


	/* 表示位置 */
	position			: static;
	top					: 249px;
	margin-left 		: auto ;
	margin-right 		: auto ;

	z-index				: 4;

}