@charset "utf-8";

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/headBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/*****************************************
  Basic Text size
*****************************************/
.sText {
	font-size: 70%;
}
.mText {
	font-size: 82%;
}
.lText {
	font-size: 90%;
}

/*****************************************
  Basic Text Color
*****************************************/
.caution {color:#ae0000;}

/*****************************************
  anchor control
*****************************************/
a {
	color:#338dad;
	text-decoration:underline;
}

a:link,
a:active{
	border:0;
	color:#338dad;
	text-decoration:underline;
}
a:visited {
	border:0;
	color:#338dad;
	text-decoration:underline;
}
a:hover {
	border:0;
	color: #b13452;
	text-decoration:underline;
}


/*****************************************
  Basic table control
*****************************************/
.baseTable{
	border-collapse:collapse;
	text-align:left;
}

/*****************************************
		Basic Div control 
*****************************************/
p{margin:0; padding:0;}

div {margin:0; padding:0;}

.left {float:left;}
.right {float:right;}
.clearF {clear:both; padding:0 0 0 0; margin:0 0 0 0;}

.tAlignL {text-align:left;}
.tAlignC {text-align:center;}
.tAlignR {text-align:right;}

.vAlignT {vertical-align:top;}
.vAlignM {vertical-align:middle;}
.vAlignB {vertical-align:bottom;}

/* padding control */
.padTop5 {padding:0 0 5px 0;}

/*****************************************
  main block control
*****************************************/

#pageBlock {
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
	width:792px;
}

/*****************************************
  header control
*****************************************/

#pageBlock #header {
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: 130px;
	text-align: left;
	width:792px;
}

/* logo */
#pageBlock #header .headLogo {
	padding:20px 0 0 0;
	margin:0 0 0 0;
	width:271px;
	float:left;
}

#pageBlock #header .headLogo h1 {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/* header sub link */
#pageBlock #header .headSub {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	width:500px;
	float:right;
	text-align:right;
}

#pageBlock #header .headSub dl {
	margin:0 0 0 0;
	padding:13px 0 0 0;
	width:500px;
	list-style:none;
}

#pageBlock #header .headSub dl dt{
	margin:0 0 0 0;
	padding:15px 5px 0 5px;
	display:inline;
	border-right:#cecece solid 1px;
	height:29px;
}

#pageBlock #header .headSub dl dt.nonLiner{
	margin:0 0 0 0;
	padding:0 5px;
	display:inline;
	border-right:none;
	height:29px;
}


/* header global navi */
#pageBlock #header .gnavi {
	padding:9px 0 0 0;
	margin:0 0 0 0;
	width:700px;
	float:left;
	text-align:left;
}
#pageBlock #header .gnavi dl {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

#pageBlock #header .gnavi dl dt{
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline;
}

/*****************************************
  main contents control
*****************************************/

#pageBlock #mainblock {
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:792px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
}

/* left contents side bar */
#pageBlock #mainblock #sidebar {
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:202px;
	float:left;
}

#pageBlock #mainblock #sidebar #whitesheet {
	height:auto;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:202px;
	background-color:#FFFFFF;
}

/* search area */
#pageBlock #mainblock #sidebar #whitesheet #search {
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:200px;
	background-color:#e4e4e4;
}

#pageBlock #mainblock #sidebar #whitesheet #search form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#pageBlock #mainblock #sidebar #whitesheet #search .text_area {
 width: 110px;
	margin:0 0 10px 10px;
 }
#pageBlock #mainblock #sidebar #whitesheet #search .submit_area {
 width: 61px;
	margin:5px 0 0 0;
}

/* membership area */
#pageBlock #mainblock #sidebar #whitesheet #membership {
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	width:200px;
}

#pageBlock #mainblock #sidebar #whitesheet #membership dl {
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:198px;
	border-bottom:#e4e4e4 solid 1px;
	border-left:#e4e4e4 solid 1px;
	border-right:#e4e4e4 solid 1px;
	text-align:left;
}

#pageBlock #mainblock #sidebar #whitesheet #membership dl dt {
	margin:0 0 0 -1px;
	padding:0 0 0 0;
	text-align:left;
}

#pageBlock #mainblock #sidebar #whitesheet #membership dl dd {
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	text-align:left;
	background-image:url(../images/MemLine.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#pageBlock #mainblock #sidebar #whitesheet #membership dl dd.nonMemLine {
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	text-align:left;
	background-image:none;
}

#pageBlock #mainblock #sidebar #whitesheet #membership dl dd img {
	margin:0 0 0 0;
	padding:0 10px 2px 0;
	vertical-align:middle;
}

/* for botton in side bar */
#pageBlock #mainblock #sidebar #whitesheet .sideBtn {
	padding:10px 0 0 1px;
}

/* banner area */
#pageBlock #mainblock #bnrArea {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}

#pageBlock #mainblock #bnrArea dl {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#pageBlock #mainblock #bnrArea dl dt {
	padding:0 0 5px 0;
	margin:0 0 0 0;
}

/* explain plug-in and other */
#pageBlock #mainblock #pluginArea {
	padding:10px 0 0 10px;
	margin:0 0 0 0;
	width:181px;
}

#pageBlock #mainblock #pluginArea div.imgWmp {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:73px;
	text-align:left;
	float:left;
}
#pageBlock #mainblock #pluginArea div.getWmp {
	padding:3px 0 0 0;
	margin:0 0 0 0;
	width:105px;
	text-align:left;
	float:left;
}

#pageBlock #mainblock #pluginArea div.imgFla {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:93px;
	text-align:left;
}
#pageBlock #mainblock #pluginArea div.getFla {
	padding:5px 0 0 0;
	margin:0 0 0 0;
	width:181px;
	text-align:left;
}

#pageBlock #mainblock #pluginArea .polcycredit {
	padding:10px 0 15px 0;
	margin:0 0 0 0;
	width:181px;
	text-align:left;
}



/* right contents Main Area */
#pageBlock #mainblock #rightside {
	height:auto;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	float:right;
	width:570px;
}


/*****************************************
  footer control
*****************************************/

#pageBlock #footer {
	height:26px;
	margin:0 0 0 0;
	padding:10px;
	width:772px;
	background-color:#545454;
	color:#FFFFFF;
}

#pageBlock #footer dl {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	list-style:none;
	width:730px;
}

#pageBlock #footer dl dt{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	display:inline;
}

#pageBlock #footer p {
	margin:0 0 0 0;
	padding:0 0 0 3px;
	float:left;
	width:752px;
}

#pageBlock #footer a:link,
#pageBlock #footer a:active{
	border:0;
	color:#ffffff;
	text-decoration:none;
}
#pageBlock #footer a:visited {
	border:0;
	color:#ffffff;
	text-decoration:none;
}
#pageBlock #footer a:hover {
	border:0;
	color: #ffffff;
	text-decoration:underline;
}


/*****
svod
*****/

#svodimg{
	float:left;
/*	background:#ffffff;	*/
	text-align:center;
}

#svodimg img{
	margin-bottom:3px;
}

#svodimg h4{
	font-size:10px;
}

#svodimg div.svodicn{
	float:left;
	padding:3px 0 0 3px;
}

#svodimg div.vodicn{
	float:left;
	padding:3px 0 0 3px;
}

#svodimg a{
	z-index:10;
	display : block;
	text-decoration:none;
	}
#svodimg a:hover{
	position:relative;
	z-index:100;
	}
#svodimg a span{
	display:none;
	}
#svodimg a:hover span{
	display:block;
	position:absolute;
	width:120px;
	float:left;
	top:20px;
	left:-10px;
	font-size:11px;
	line-height:1.5;
	text-align:left;
	color:#000;
	background:#ffff99;
	border:1px solid #aaa;
	padding:5px;
	z-index:10;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}