@charset "utf-8";

/***************************************************
	Waqs Player Style Sheet
	for: common.css
***************************************************/

/*  Suggested order:
 *  1. display
 *  2. position (top, right, bottom, left)
 *  3. float
 *  4. clear
 *  5. z-index
 *  6. width (max-width, min-width)
 *  7. height (max-height, min-height)
 *  8. margin
 *  9. padding
 * 10. border
 * 11. list-style
 * 12. color
 * 13. background
 * 14. font (font-style, font-variant, font-weight, font-size, line-height, font-family)
 * 15. text-indent
 * 16. text-align
 * 17. text-decoration
 * 18. vertical-align
 * 19. white-space
 * 20. others
 *
 */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

body {
	font-size: 80%;
	color: #000;
	text-align: center;
	background: transparent url("../image/background.gif");
}

* html body { /* for IE */
	font-size: 75%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

a {
	color: #31309c;
}

a:hover {
	text-decoration: underline;
}


p {
	line-height: 1.7;
}

b {
	font-style: inherit;
	font-weight: 700;
}

strong {
	font-style: inherit;
	font-weight: 700;
}

em {
	font-style: italic;
	font-weight: inherit;
}

i {
	font-style: italic;
	font-weight: inherit;
}

font {
	font-style: inherit;
	font-weight: inherit;
}

u {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: underline;
}

strike {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: line-through;
}

ul,ol {
	list-style: none outside;
}

img {
	border: none;
	vertical-align: bottom;
}

hr {
	clear: both;
	height: 1px;
	border: none;
}

table,tr,td {
	border-collapse: collapse;
}

table,tr,td {
	border: none;
}

h1 span,
h2 span,
h3 span,
h4 span {
	display: none;
}


/*---clearfix---*/


.clearFix{
display: inline-table;
}

.clearFix:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
.clearFix{>height: 1%;}
.clearFix{display: block;}
/* End hide from IE-mac */

/*---clearfix---*/



/*---------------------------------------------------------------

ここから本体

---------------------------------------------------------------*/


div#container {
	position: relative;
	width: 920px;
	height: auto;
	margin: 10px auto 0;
	background: transparent;
	text-align: left;
}


/*---------------------------------------------------------------

header

---------------------------------------------------------------*/


div#header {
	width: 920px;
	height: 80px;
	padding-top: 30px;
	background: transparent url("../image/header.png") no-repeat scroll center top;
}

* html div#header {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/header.png", width="920" height="100" sizingMethod="scale");
}

h1 {
	width: 300px;
	height:40px;
	margin-left: 30px;
	background: transparent url("../image/logo.png") no-repeat center top;
}

#header p {
	display: block;
	margin-left: 30px;
}

#header p.bannerArea {
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
	width: 468px;
	height: 60px;
	background: red;/*テスト用*/
}


/*---------------------------------------------------------------

メインコンテンツ

---------------------------------------------------------------*/


div#contents {
	width: 900px;
	height: auto;
	padding: 20px 10px 0;
	background: transparent url("../image/background_wrapper.png") repeat-y;
}

* html div#contents {
	background: transparent url("../image/background_wrapper.gif") repeat-y;
}


/*---------------------------------------------------------------

footer

---------------------------------------------------------------*/


div#footer {
	clear: both;
	width: 920px;
	height: 40px;
	background: transparent url("../image/background_footer.png") no-repeat center bottom;
}

* html div#footer {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/background_footer.png", width="40" height="100" sizingMethod="scale");
}

div#footer address {
	padding: 5px 0;
	color: #999;
	font-style: normal;
	text-align: center;
}


div#leftArea{
margin-left:30px;
width:500px;
float:left;
}

div#leftArea textarea{
width:420px;
height:100px;
font-size:0.9em;
}

div#leftArea .copyBtn{
display:block;
margin-left:150px;
}


ul.disclaimer{
font-size:0.75em;
margin-top:20px;
}

div#rightArea{
float:right;
width:200px;
}