@charset "utf-8";

/*============================================
 2009.0911
 base.css
============================================*/

/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,p,table,th,td,input,textarea,select { margin:0px; padding:0px; }
h1,h2,h3,h4 { font-size:1em; font-weight:normal; }
p{ text-justify:distribute; }
img { border:0; margin:0; padding:0; }
ul,dl{ list-style-type:none; }

/*============================================
/* link
========================================== */
a:link{ color:#333333; text-decoration:underline; }
a:visited{ color:#333333; text-decoration:underline; }
a:hover{ color:#333333; text-decoration:underline; }
a:active{ color:#333333; text-decoration:underline; }

/*	float clear
============================================*/
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }

/*	text-align
============================================*/
.taCenter{ text-align:center; }


/* CSS Hack clearfix 
============================================*/
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix{display:inline-block;}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */



/*============================================
  base Css 
============================================*/
body {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif;
font-size:75%;
line-height:1.5em;
background:#f3f3f0;
color:#333333;
}

/*	container
============================================*/
#container{
width:950px;
margin:0 auto;
}

/*	header
============================================*/
#header{
background:url(/img/bg_head.jpg) top left no-repeat;
width:950px;
margin-bottom:20px;
}

/*	contents
============================================*/
#contents{
}

	/*	main
	--------------------------------------------*/
	#leftside{
	float:left;
	width:624px;
	}
	
	/*	side
	--------------------------------------------*/
	#rightside{
	float:right;
	width:303px;
	}

/*	pagetop
============================================*/
.pagetop{
clear:both;
text-align:right;
padding-bottom:35px;
margin-right:4px;
}
/*	footer
============================================*/
#footer{
clear:both;
padding-bottom:20px;
font-size:84%;
}