@charset "utf-8";
/* CSS Document */







/*   body properties
-----------------------------------------------*/

html{
	height:100%;
}

body{
	height:100%;
	font-family:Verdana,Arial,Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	background-color:#eee;
}

/* for IE7 Only */
*:first-child+html body{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Verdana,Arial,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

/* for IE4-5 MacIE4-5 */
* html body{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Verdana,Arial,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}


/*   headding properties
-----------------------------------------------*/

h2{
	margin:2em auto;
	width:92%;
	line-height:2em;
	font-size:100%;
	clear:both; 
  border-top: 1px solid #028cbc;  
  border-bottom: 1px solid #028cbc;  
  padding:0.5em;  
}

h3{
	margin:1.5em auto;
	width:92%;
	line-height:2em;
	font-size:100%;
	clear:both; 
	background-color:#c5dde7;
  border-bottom: 1px solid #028cbc;  
  padding:0.2em 0.5em;  
}

h4{
	margin:2em auto;
	width:88%;
	height:2em;
	line-height:2em;
	text-indent:0.5em;
	margin-top:2em;
	padding-bottom: 0.2em;
	border-bottom:1px solid #464646;
	font-size:96%;
	clear:both;
}

a{
	color:#014e89;
}
	

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

div#container{
	width:962px;
	margin:0 auto;
}

div#wrap{
	float:left;
	width:962px;
	background-image:url(../img/common/bg_container.gif);
	background-repeat:repeat-y;
}


/*   header properties
-----------------------------------------------*/

div#header{
	width:902px;
	padding:15px 30px 5px 30px;
	float:left;
	border-bottom: 3px solid #0861a6;
}


div#header h1{
	width:223px;
	height:45px;
	float:left;
	padding-left: 20px;
}


div#header p{
	font-size:12px;
	padding-left:25px;
}

p#link {
	float: right;
}


/*   contents properties
-----------------------------------------------*/

div#contents{
	width:902px;
	padding:0 20px 20px 30px;
	float:left;
}


/* totop properties */


div.totop{
	width:682px;
	float:left;
}

div.totop a{
	width:200px;
	height:20px;
	margin-left:auto;
	display:block;
	background-image:url(../img/common/totop.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	outline:none;
}

div.totop a:link,
div.totop a:visited{
	background-position:70px 0;
}

div.totop a:hover{
	background-position:70px -20px;
}

div.totop a:active{
	background-position:70px 0;
}




/*   footer properties
-----------------------------------------------*/

div#footer{
	width:902px;
	padding:20px 30px;
	clear:both;
	padding-bottom:15px;
	background-image:url(../img/common/bg_footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
	font-size:10px;
}

div#footer p{
	text-align: right;
}