@charset "UTF-8";


/* -------------------------------------------------------------------------------------
  Initialize
------------------------------------------------------------------------------------- */
body {
	background-image: url(../images/body_background.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f5f8fa;
	text-align: center;
	font-size: 12px;
}
body, table, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, blockquote, form, label, img {
	margin: 0;
	padding: 0;

}
img { border-style: none; }


/* -------------------------------------------------------------------------------------
  to avoid reading CSS bug of Safari
------------------------------------------------------------------------------------- */

a,
a:link,
a:visited {
	color:#365FB2;
	text-decoration:none;
}
a:hover,
a:focus {
	color: #FF9900;
	text-decoration:underline;
}
a:active {
	color: #FF00FF;
	text-decoration:underline;
}



/* -------------------------------------------------------------------------------------
  Clearfix
------------------------------------------------------------------------------------- */

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



/* -------------------------------------------------------------------------------------
  container
------------------------------------------------------------------------------------- */

#outer-container {
	width: 800px;
	height: 600px;
	text-align: left;
	margin: 0 auto;
	background: url('../images/renewal/bg_body0921.jpg?20100922') no-repeat;

}
#header {
	padding: 54px 0 0 672px;
	
}
#body-container {
	padding: 77px 36px 0 38px;
	
}
#container-1 {
	width: 726px;
	height: 312px;
	
}
#container-1 #swfPlayerinfo {
	width: 331px;
	height: 269px;
	float: left;
	
}
#container-1 #swfPlayerinfo #btn {
	height: 22px; 
	
}
#container-1 #swfPlayerinfo #btn-inner {
	padding: 3px 10px 0 0;
	
}
#container-1 #swfPlayerinfo #btn p {
	padding: 0 3px 0 0;
	float: right;
}
#container-1 #swfPlayerinfo #comment {
	color: #113c54;
	text-align: left;
	vertical-align:top;
	font-size: 11px;
	
}
#container-1 #swfPlayerinfo #comment-inner {
	padding: 5px 10px 0 15px;
	
}
#container-1 #centerBtninfo {
	width: 206px;
	height: 239px;
	float: left;
	
}
#container-1 #centerBtninfo-inner {
	padding: 35px 0 0 20px;
	
}
#container-1 #centerBtninfo-inner #kashi {
	padding: 1px 0 0 52px;
	
}
#container-1 #centerBtninfo-inner #textLink {
	padding-top: 2px;
	font-size: 11px;
	text-align: right;
}
#container-1 #centerBtninfo-inner #textLink a:hover,
#container-1 #centerBtninfo-inner #textLink a:focus {
	color: #FFF;
	text-decoration: none;
}
#container-1 #centerBtninfo-inner #firstB {
	padding-top: 29px;
}
#container-1 #centerBtninfo-inner #seccondB {
	padding-top: 23px;
}
#container-1 #verinfo {
	width: 189px;
	height: 171px;
	float: left;
	
}
#container-1 #verinfo-inner {
	padding:59px 0 0 16px;
	
}
#container-1 #verinfo ul {
	height: 210px;
	line-height: 14px;
	list-style-type: none;
	overflow: auto;

}
#container-1 #verinfo li {
	padding: 10px 5px 6px 15px;
	border-bottom: dotted 1px #99ccff;
	background: url(../images/renewal/ico_ver.gif) 0 13px no-repeat;

}
#container-2 {
	width: 716px;
	height: 96px;
		
}
#container-2 #repoinfo {
	width: 318px;
	height: 94px;
	float: left;
	
}
#container-2 #repoinfo-inner {
	padding: 0 13px 0 18px;
	
}
#container-2 #repoinfo ul {
	height: 93px;
	line-height: 16px;
	list-style-type: none;
	overflow: auto;
	
}
#container-2 #repoinfo li {
	padding: 10px 10px 6px 26px;
	background: url(../images/renewal/ico_repo.gif) 0 13px no-repeat;
	border-bottom: dotted 1px #99ccff;

}
#container-2 #listinfo {
	width: 230px;
	float: left;
	
}
#container-2 #listinfo-inner {
	padding: 0 0 0 40px;
	
}
#container-2 #listinfo-inner p { 
	padding: 12px 15px 0 0;
	
}

#container-2 #button {
	width: 168px;
	height: 30px;
	float: left;
	
}
#container-2 #button-inner {
	padding-top: 55px;
	text-align: center;
	
}


/* -------------------------------------------------------------------------------------
  header & footer
------------------------------------------------------------------------------------- */

#footer {
	width: 800px;
	padding: 1px 0 0 0;
	margin: 0 auto;

}
.footer {
	padding: 0px;
	line-height: 1em;
	border-bottom: 2px solid #808080;
	height: 19px;

}



/* -------------------------------------------------------------------------------------
  initialize settings
------------------------------------------------------------------------------------- */

.wni-inset { float: left; }
.wni-inset-alternate { float: right; }
.note {
	color: #ff7700;
	font-weight: bold;

}