@charset "UTF-8";
/* 
===== 全体 =====
*/
* {
	margin:0;
	padding:0;
}
/* 
===== ボディ基本設定 =====
*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 75%;/*←12px*/
	font-style: normal;
	font-weight: 400;
	letter-spacing:0;
	color:#666;
	margin: 0;
	padding: 0;
	background:#FFF;	/*macIE5用*/
	/*¥*//*/
	letter-spacing: 0.1em;
	/**/
}
/*--------------------------------------------------------------------------------
 各種初期設定
 --------------------------------------------------------------------------------*/
html {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	font-size:1em;
	padding: 0;
	line-height: 1.5;/*←emナシ*/
	text-align: left;
	display: block;
	margin: 0;
}
img { border: none; }
li { list-style: none; }

/*
===== リンク =====
*/
a {
	text-decoration:none;
}
a:link,a:visited{
	color:#333;
}
a:hover,a:active{
	color:#666;
	text-decoration:underline;
}
/*
====  デバッグ  ====
*/
/*--- clearfix */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
	 overflow:hidden;/*Dw*/
}
.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*--- clearfix */
.page_top{
    zoom:1;/*for IE 5.5-7*/
	 overflow:hidden;/*Dw*/
}
.page_top:after {/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*--- clear */
.clear {
	clear:both;
	float:none;
}
/*--- clearfix end */
/*--------------------------------------------------------------------------------
初期設定ここまで
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 header
 --------------------------------------------------------------------------------*/
 
#header {
	background: url(../img/bg.gif) repeat-x 0 0;
	height: 330px;
	margin:0 auto;
}
h1 {
	background: url(../img/01.jpg) no-repeat 0 0;
	text-indent:-10000px;
	margin:0 auto;
	height:330px;
	width:800px;
}
 
/*--------------------------------------------------------------------------------
 header end
 --------------------------------------------------------------------------------*/
 

/*--------------------------------------------------------------------------------
 container
 --------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
 container end
 --------------------------------------------------------------------------------*/
div#main{
	background:#FFF;
	margin:0 auto;
	width:600px;
	padding: 0 100px 20px;
}
div#main .pankslink{
	letter-spacing:1px;
	padding:20px 0 0;
	float:none;
	display: block;
	clear: both;
}
p#purpose{
	background: url(../img/02.gif) no-repeat 0 0;
	text-indent:-10000px;
	margin:80px 0 0;
	width:600px;
	height:231px;
}
p#contents{
	background: url(../img/03.jpg) no-repeat 0 0;
	text-indent:-10000px;
	margin:80px 0 0;
	width:600px;
	height:356px;
}
p#example{
	background: url(../img/04.gif) no-repeat 0 0;
	text-indent:-10000px;
	margin:80px 0 0;
	width:600px;
	height:292px;
}
p#lecturer{
	background: url(../img/05.gif) no-repeat 0 0;
	text-indent:-10000px;
	margin:80px 0 0;
	width:600px;
	height:402px;
}
p#official{
	background: url(../img/06.gif) no-repeat 0 0;
	text-indent:-10000px;
	margin:80px 0 0;
	width:600px;
	height:125px;
}


div#main .page_top{
	width:41px;
	height:8px;
	float: right;
	display: block;
}
div#main .page_top_btm{
	width:41px;
	height:8px;
	margin:0 0 40px;
	float: right;
	display: block;
}
div#main .page_top a, div#main .page_top_btm a{
	background: url(../img/pagetp.gif) no-repeat 0 0;
	text-indent:-10000px;
	display:block;
	width:41px;
	height:8px;
}
/*--------------------------------------------------------------------------------
 footer
 --------------------------------------------------------------------------------*/
div#footer{
	border-top:1px solid #333;
	padding:12px 0 0;
	height:100px;
}
div#footer address{
	background: url(../img/07.jpg) no-repeat 0 0;
	text-indent:-10000px;
	margin:0 auto;
	width:800px;
	height:48px;	
}
/*--------------------------------------------------------------------------------
 footer end
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 各種text
 --------------------------------------------------------------------------------*/
/*
====  font color  ====
*/
.txt_red {color:#c3291f;}
.txt_blue {color:#11335f;}
/*
====  font size  ====
*/
.txt_11px {
	font-size:91%;
	line-height:1.4em;
}
.txt_10px {
	font-size:83%;
	line-height:1.4em;
}
/*--------------------------------------------------------------------------------
 各種text end
 --------------------------------------------------------------------------------*/