@charset "utf-8";

/* CSS Document */



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



/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */



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



html { overflow-y: scroll; }



a { outline: none;	}



a img { border: none; }



img{ border:none}



a{ text-decoration:none}



/* END RESET */



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



/* PAGE STRUCTURE */



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



.clear{



	clear:both;



}







/* CSS Document */



.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}



.clearfix {display:inline-block;}



/* Hides from IE-mac \*/



.clearfix {display:block;}



/* End hide from IE-mac */



/*************  general styling  ****************/



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



/* common styles */



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



*{

	margin:0;

	padding:0;

	list-style:none;

	/*text-decoration:none;*/

}



body{

	text-align:center;

	font-family:"ＭＳ Ｐゴシック, Osaka", Arial, Helvetica, sans-serif;	

	font-size:13px;

}



#page{

	width:850px;

	/*background:#FFFF99;*/

	margin:10px auto;

	border:2px solid #eee9e5;

}



#wrapper{

	width:830px;

	margin:10px auto;

	text-align:left;

	/*background:#FF00FF;*/

}



/*#header{

	background:url(../images/top.gif) 20px top no-repeat;

	margin-bottom:10px;

}*/



#top{

	position:relative;

	height:125px;

	height:150px;

	background:url(../images/top-bg.jpg) repeat-x;

	/*background:#00FFFF;*/

}



#top h1{

	position:absolute;

	top:10px;

	left:150px;

	font-size:23px;

	font-weight:bold;

	width:680px;

	color:#009900;

}



#logo h1 {

	position:absolute;

	top:32px;

	left:10px;

	width:231px;

	height:37px;

}



#logo h1 a {

	font-size:20px;

	display:block;

	width:231px;

	height:37px;

	height:97px;

	text-indent:-3000px;

	background:url(../images/logo.gif) no-repeat;

}



#top h2{

	position:absolute;

	width:680px;

	top:60px;

	left:150px;

	font-size:20px;

	font-weight:bold;

	color:#009900;

}



.sub-link{

	position:absolute;

	right:0px;

	bottom:7px;

}



.sub-link ul li{

	float:left;

	padding:0 22px;	

}



.sub-link ul li.nopr{

	padding-right:0px;

}



.sub-link ul li a{

	float:left;

	font-size:12px;

	color:#FF0000;

	color:#FF6600;

	background:url(../images/icon_arrow.gif) no-repeat left 2px;	

	text-indent:15px;

}



.sub-link ul li a:hover, .sub-link ul li a.selected{

	text-decoration:underline;

}



#banner {

	margin-top:5px;

}



#main{

	padding-top:15px;

}



#left-block{

	width:586px;

	border-right:2px solid #eee9e5;

}



#left-block h2{

	background:url(../images/gradient.jpg) repeat-x;

	height:36px;

	font-weight:normal;

	color:#c6113a;

	color:#2f8b99;

	font-size:13px;		

	text-indent:30px;

	line-height:36px;

	border:1px solid #e7e7e7;

	font-family:"Myriad Pro";

	color:#cb2a3a;

	clear:both;

}



#left-block h2 span{

	background:url(../images/arrow.gif) no-repeat 15px 10px;

	height:30px;

	display:block;

}



#left-block h2 span .bold{

	margin-left:20px;

}



#left-block p{

	color:#666666;

	/*font-size:13px;*/

	padding:10px 0px;



}



#left-block p img{

	float:left;

	margin-right:10px;

}



#left-block p.pfirst{

	/*min-height:178px;

	height:auto !important;

	height:178px;*/

}



#left-block p.last{

	padding-bottom:20px;

}



#left-block p .readmore{

	text-align:right;

	color:#fec708;

	font-weight:bold;

	padding:0 0 5px 430px;

}



#left-block p .readmore a{

	color:#fec708;

}



#left-block p .linktop{

	color:#04a92b;

	font-weight:bold;

	padding:0 0 5px 0;

}



#left-block p .linktop a{

	color:#04a92b;

}



#left-block .left-inside{

	padding:0 18px;

	margin-bottom:5px;

}



#left-block p a{

	color:#0000FF;

}



#left-block p a:hover{

	color:#04a92b;

	text-decoration:underline;

}



#right-block{

	width:238px;

	vertical-align:top;

}



#right-block .right-inside{

	padding:0px 19px;

}	



#right-block .image-block{

	padding-bottom:15px;

}



#right-block #flash{

	padding-bottom:15px;

	padding-left:10px;

	position:relative;

	z-index:0;

}



.line{

	clear:both;

	margin-top:10px;

	width:830px;

	background:#ffcb06;

	height:4px;

}



#footer{

	padding-top:20px;

	color:#666;

	height:50px;	

}



#footer ul li{

	float:left;

}



#footer ul li a{

	color:#FF0000;

	font-size:12px;

	padding:0 12px 0 18px;	

	background:url(../images/arrow1.gif) no-repeat 10px center;

}



#footer ul li a:hover{

	text-decoration:underline;

	color:#009900;

}



#copyright{

	top:60px;

	left:5px;

}



#copyright p{

	font-size:12px;

}



#copyright a{

	color:#CC3300;

}



#copyright a:hover{

	text-decoration:underline;

}



.points {

	line-height:30px;

}

	

.points img{

	margin-right:10px;

}



.content-table td {

	padding:10px;

}



.mytable td{

	padding-left:10px;

}



h3 {

	color:#ff9900;

}



#fixmetoo {
	background:url(../images/webdesign.gif) no-repeat;
	/*width:108px;
	height:35px;*/
	width:104px;
	height:62px;
	position:absolute;
	right:0;
	/*top:50%;*/
	bottom:0;
}
 
div > div#fixmetoo { position: fixed; }

#fixmetoo a {
	/*width:108px;
	height:35px;*/
	width:104px;
	height:62px;
	display:block;
	text-indent:-9000px;
	cursor:pointer;
	text-decoration:none;
}

#fixmetoo p.twitter {
	position:absolute;
	bottom:30px;
	right:0px;
	width:32px;
	height:32px;
	/*border:#ff0000 1px solid;*/
	text-indent:-3000px;
	overflow:hidden;
}

#fixmetoo p.facebook {
	position:absolute;
	bottom:30px;
	right:32px;
	width:32px;
	height:32px;
	/*border:#ff0000 1px solid;*/
	text-indent:-3000px;
	overflow:hidden;
}


#flashPlayer{
	padding-top:150px;	
	background:url(../images/volice.jpg) center 50px no-repeat;	
}