@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

screensaver.css

--------------------------------------------------------------------------------
Page styles
	
	0. common
	1. stage
	2. header
	3. contentsBody
	4. footer
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. common
----------------------------------------------------------------------------- */
/*
 * text link style
 */
a {
	outline : none;
	}
a:link {}
a:visited {}
a:hover {}
a:active {}
	
body {
	position    : relative;
	width       : 100%;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background  : #ffffff;
	
	-webkit-text-size-adjust : none;
	}
	
/* -----------------------------------------------------------------------------
	1. stage
----------------------------------------------------------------------------- */

#stage {
	position   : relative;
	clear      : both;
	min-width  : 900px;
	margin     : 0 auto;
	padding    : 0;
	overflow   : hidden;
	}
	
/* -----------------------------------------------------------------------------
	2. header
----------------------------------------------------------------------------- */

#header {
	position   : relative;
	clear      : both;
	width      : 900px;
	margin     : 0 auto;
	padding    : 0;
	}
	#header .logo {
		width  : 174px;
		height : 156px;
		margin : 0 auto;
		}
	#header h1 {
		width  : 442px;
		height : 55px;
		margin : 19px auto 0 auto;
		}
		
/* -----------------------------------------------------------------------------
	3. contentsBody
----------------------------------------------------------------------------- */

#contentsBody {
	position   : relative;
	clear      : both;
	width      : 900px;
	margin     : 49px auto 0 auto;
	padding    : 0;
	}
	
	#scr {
		position    : relative;
		left        : 35px;
		width       : 935px;
		height      : 545px;
		padding     : 36px 0 0 35px;
		margin      : 0 0 0 -70px;
		background  : url(../img/img_scr_background.gif) no-repeat 0 0;
		}
		#index {
			position    : relative;
			width       : 900px;
			height      : 509px;
			}
		#index:focus {
			outline  : none;
			}

	.notice {
		position   : relative;
		width      : 800px;
		margin     : 70px auto 0 auto;
		padding    : 0;
		}
		.notice h2 {
			font-size     : 14px;
			margin-bottom : 22px;
			}
		.notice dl {
			color     : #808080;
			font-size : 11px;
			}
			.notice dl dt {
				float       : left;
				width       : 105px;
				font-weight : bold;
				line-height : 1.6;
				}
			.notice dl dd {
				float       : left;
				width       : 695px;
				line-height : 1.6;
				}
		.notice ul {
			color     : #808080;
			font-size : 11px;
			}
			.notice ul li {
				position     : relative;
				padding-left : 10px;
				line-height  : 1.6;
				background   : url(../img/listStyle_dot.gif) no-repeat 0 5px;
				}
			
		.notice .chk {
			margin-top : 100px;
			color      : #000000;
			font-size  : 14px;
			text-align : center;
			}
			.notice .chk input {
				cursor : pointer;
				}
			.notice .chk label:hover {
				color : #ff0000
				}

	#buttons {
		position   : relative;
		width      : 800px;
		margin     : 100px auto 0 auto;
		padding    : 0;
		}
		#buttons .colLeft {
			float  : left;
			width  : 390px;
			height : 67px;
			}
		#buttons .colRight {
			float  : right;
			width  : 390px;
			height : 67px;
			}
		#buttons .version {
			margin-top  : 30px;
			font-size   : 12px;
			font-weight : bold;
			text-align  : center;
			}

/* -----------------------------------------------------------------------------
	4. footer
----------------------------------------------------------------------------- */

#footer {
	position   : relative;
	clear      : both;
	width      : 900px;
	margin     : 100px auto 0 auto;
	padding    : 0 0 30px 0;
	}
	#footer h2 {
		width  : 86px;
		margin : 0 auto;
		}
	#footer h3 {
		width  : 221px;
		margin : 18px auto 0 auto;
		}