html, body
{
	font-family			: Arial, Helvetica, sans-serif;
	margin				: 0;
	padding				: 0;
	background			: #CCC;
	height				: 100%;
}

img
{
	border-style		: none;
}

a img
{
	border-style		: none;
}

th
{
	font-size			: 110%;
}

ul
{
	list-style			: none;
	list-style-image	: url(../images/ul.png);
}

ol
{
	list-style-image	: none;
}

caption
{
	font-size			: 120%;
}

/*-------------------- header --------------------*/
.header-ifame
{
	width				: 100%;
	height				: 200px;
}


/*-------------------- back --------------------*/
.back-cell
{
	color				: #000000;
	background			: #808080;
	width				: 1000px;
	overflow			: visible;
}

.login-back-cell
{
	color				: #000000;
	background			: #E8E8E8;
	overflow			: visible;
	width				: 1000px;
}

/*-------------------- footer --------------------*/
.footer-cell
{
	clear				: both;
	background			: #202020;
	height				: 20px;
}

.footer-body
{
	font-family			: Arial, Helvetica, sans-serif;
	margin				: 0;
	padding				: 0;
	background			: #E8E8E8;
}

.text-footer-cell
{
	font-size			: 85%;
	color				: #000000;
	background			: #E8E8E8;
	line-height			: 22px;
}


/*-------------------- text --------------------*/
.text-cell
{
	font-size			: 85%;
	color				: #000000;
	background			: #E8E8E8;
	line-height			: 22px;
	
	width				: 760px;
	min-height			: 730px;
	float				: right;
	padding-top			: 10px;
	padding-left		: 20px;
	padding-right		: 20px;
}

.text-frame-cell
{
	margin-bottom		: 50px;
}

.text-frame-short-cell
{
	margin-top			: 30px;
	margin-bottom		: 30px;
}

.text-image-cell
{
	margin-top			: 50px;
	margin-bottom		: 50px;
	text-align			: center;
}

img.text-icon-cell
{
	vertical-align		: middle;
	border-style		: none;
}

.images-cell
{
	margin-left			: 40px;
}


/*-------------------- menu --------------------*/
.menu-cell
{
	float				: left;
	color				: #000000;
	background			: #808080;
	width				: 200px;
	height				: 740px;
}

.side-menu
{
	font-size			: 85%;
	width				: 100%;
	background			: #205485;
	padding-top			: 10px;
}

.side-menu-idle
{
	padding				: 8px 2px 3px 6px;
}

.side-menu-idle2
{
	padding				: 3px 2px 3px 16px;
}

.side-menu-link:link
{
	color				: #FFFFFF;
	text-decoration		: none;
	display				: block;
}

.side-menu-link:visited
{
	color				: #FFFFFF;
	text-decoration		: none;
	display				: block;
}

.side-menu-link:hover
{
	color				: #FFFFFF;
	text-decoration		: underline;
	display				: block;
}

.side-menu-nolink
{
	color				: #FFFFFF;
	text-decoration		: none;
	display				: block;
}

/*-------------------- box --------------------*/
/* 	border: 1px solid #C3D9FF; */
.box-wrapper
{
	border				: 1px solid #8080ff;
	margin				: 0 auto;
	padding				: 4px;
	width				: 250px;
}
.box-cell
{
	text-align			: center;
	background			: #D8DEFF;
	padding				: 5px 5px 10px 5px;
}

/*-------------------- border --------------------*/
hr.style-two
{
	border				: 0;
	width				: 100%;
	height				: 3px;
	background-image	: -webkit-linear-gradient( left, rgba(128,128,255,1), rgba(128,128,255,0.9), rgba(128,128,255,0) );
	background-image	:    -moz-linear-gradient( left, rgba(128,128,255,1), rgba(128,128,255,0.9), rgba(128,128,255,0) );
	background-image	:     -ms-linear-gradient( left, rgba(128,128,255,1), rgba(128,128,255,0.9), rgba(128,128,255,0) );
	background-image	:      -o-linear-gradient( left, rgba(128,128,255,1), rgba(128,128,255,0.9), rgba(128,128,255,0) );
	filter				:  progid:DXImageTransform.Microsoft.gradient( GradientType=1,startColorstr='#8080ff', endColorstr='#e8e8e8' );		/* IE6・7	*/
	-ms-filter			: "progid:DXImageTransform.Microsoft.gradient( GradientType=1,startColorstr='#8080ff', endColorstr='#e8e8e8' )";	/* IE8		*/
}


/*-------------------- border --------------------*/
/*-------------------- top -> bottom --------------------*/
/* <div class="arrow" style="margin: 0px 300px;"></div> */
.arrow
{
	margin				: 100px 100px;
	width				: 10px;
	height				: 100px;
	background			: #aaa;
	position			: relative;
}

.arrow:after
{
	position			: absolute;
	top					: 100%;
	left				: -10px;
	content				: " ";
	border				: 15px solid #ccc;
	border-color		: transparent;
	border-top-color	: #aaa;
	border-bottom-width	: 0;
	width				: 0;
	height				: 0;
}

/*-------------------- others --------------------*/
.innershadow
{
	background-image	: -moz-linear-gradient( top, #E2E2E2, #CCCCCC );
	background-image	: -webkit-gradient( linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#CCCCCC), color-stop(1,#CCCCCC) );
	border				: 1px solid #FEFEFE;
	box-shadow			: inset 5px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow		: inset 5px 5px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow	: inset 5px 5px 5px rgba(0,0,0,0.25);
}

/*-------------------- market --------------------*/
/*-------------------- items --------------------*/
.market-box-wrapper
{
	border				: 1px solid #8080ff;
	margin				: 0 auto;
	padding				: 4px;
	width				: 450px;
}

.market-box-wrapper td
{
	line-height			: 18px;
	align				: left;
	vertical-align		: top;
}

.market-box-title
{
	font-size			: 125%;
	font-weight			: bold;
	text-align			: left;
}

.market-box-cell
{
	background			: #D8DEFF;
	padding				: 5px 5px 10px 5px;
}

td.market-box-buynow
{
	text-align			: center;
	vertical-align		: top;
}

td.market-box-price
{
	font-size			: 150%;
	font-weight			: bold;
	text-align			: center;
	color				: #EE0000;
}

.market-side-menu
{
	font-size			: 85%;
	width				: 100%;
	background			: #205485;
}

/*-------------------- licenses --------------------*/
.license-save-button
{
	text-align			: right;
}

.license-app-cell
{
	margin-top			: 20px;
}

.license-app-cell-end
{
	clear				: both;
}

img.license-app-image
{
	float				: left;
	vertical-align		: top;
	border-style		: none;
	margin-left			: 10px;
	margin-right		: 10px;
}

.license-app-title
{
	font-size			: 125%;
	font-weight			: bold;
}

.license-cell
{
	margin-top			: 10px;
}

.license-cell table
{
	width				: 750px;
	align				: center;
}

.license-frame-number
{
	text-align			: center;
}

.license-frame-extend
{
	text-align			: center;
}

/*-------------------- activation --------------------*/
.activation-cell
{
	margin-top			: 30px;
	margin-left			: 40px;
}


/*-------------------- notes --------------------*/
.notes-text
{
	font-size			: 80%;
}

ul.notes
{
	margin-left			: 1.0em;
}
ul.notes li
{
	text-indent			: -2.0em;
	list-style-image	: none;
	list-style-type		: none;
}

hr.notes
{
	border				: 0;
	margin-left			: 20px;
	height				: 2px;
	background-image	: -webkit-linear-gradient( left, rgba(255,69,0,1), rgba(255,69,0,0.9), rgba(255,69,0,0) );
	background-image	:    -moz-linear-gradient( left, rgba(255,69,0,1), rgba(255,69,0,0.9), rgba(255,69,0,0) );
	background-image	:     -ms-linear-gradient( left, rgba(255,69,0,1), rgba(255,69,0,0.9), rgba(255,69,0,0) );
	background-image	:      -o-linear-gradient( left, rgba(255,69,0,1), rgba(255,69,0,0.9), rgba(255,69,0,0) );
	filter				:  progid:DXImageTransform.Microsoft.gradient( GradientType=1,startColorstr='#ff4500', endColorstr='#e8e8e8' );		/* IE6・7	*/
	-ms-filter			: "progid:DXImageTransform.Microsoft.gradient( GradientType=1,startColorstr='#ff4500', endColorstr='#e8e8e8' )";	/* IE8		*/
}

/*-------------------- font --------------------*/
.subject
{
	font-size			: 130%;
}


/*-------------------- float --------------------*/
img.text-image-table-cell
{
	margin-top			: 20px;
	margin-bottom		: 20px;
}

td.text-image-table
{
	vertical-align		: top;
}

/*-------------------- table --------------------*/
.license-cell td
{
	width				: 750px;
	align				: center;
}