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


body,h1,h2,ul,li,p{
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	}
	
ul li{
	list-style-type:none;	
	}

html,body {
    width:  100%;
    height: 100%;　/* 内容量に関わらず縦画面いっぱいに広げるための指定 */
    margin: 0;
	/*background:blue; ***作業用の青*****/
}


/* ヘッダーを幅いっぱいにする為のボックス*/
div#header {
    /* width: 960px;*/
    height: 45px;
	min-width: 960px;/* 横スクロールしてもヘッダーを幅いっぱいにする*/
	background-image:url(images/headerline.png);
	background-repeat:repeat-x;
	text-indent:-9999px;
}


/*div#container {
  min-height: 100%;  /*最小値を指定 */
  width: 800px;  /*横幅*/
  height: 700px;  /*縦幅*/
  min-width:100%;
　max-width:100%;
  margin: 0 auto 0 auto;
  padding-top:20px;
  padding-left:20px;
  /*background:yellow;  ***作業用の黄色******/
}
*/


/* メインボックス*/
#container {
  min-height: 100%;  /*最小値を指定 */
  width: 800px;  /*横幅*/
  height: 1200px;  /*縦幅*/
  margin: 0 auto 0 auto;
  padding-top:20px;
  padding-left:20px;
 background:red;  /****作業用の赤******/
}

 
div#footer {
	position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image:url(images/footerimg.png);
	background-repeat:repeat-x;
	text-align:center;
}






/****** グローバルナビ *******/


#nav {
    font-size: 13px;
	width:800px; white-space: nowrap;
	margin-left:auto;
	margin-right:auto;
	}
    
    
#nav ul {
    padding-bottom: 20px;
	position:relative;
	/*top:200px;*/
    }

#nav li {
    float: left;
    list-style-type:none;
    overflow:hidden;　/* リンク時の点線を消す*/
  　outline:none;　/* リンク時の点線を消す*/
    }

#nav li a {
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 130px;
    line-height: 70px;
	letter-spacing: 0.3em;
	font-weight:bold;
    }

#nav li.first a {
	letter-spacing: 0.3em;
	color:#B22222;
    }

#nav li.first a:link {
	letter-spacing: 0.3em;
	color:#B22222;
    }
    
#nav li.koujichu a {
	letter-spacing: 0.3em;
	color:#ababab;
    }    
    

#nav li.others a:hover {
	 letter-spacing: 0.3em;
	 background-image:url(images/akamaru.png);
	 background-repeat:no-repeat;
	 background-position:center center;
	 color:#808080;
     }
	 
#pagetitle{
  clear:both;
  margin:10px auto auto auto;	
	}
	
	
	
/****「しごと」見出し画像*********/
	
p#pagetitle {
	width:100%;
   	border-bottom: 1px dashed #000;
      	margin-bottom:10px;
}

/****「しごと」見出し画像ここまで******/

#textarea a{
	text-decoration:none;
}

	
#textarea{
   	padding-left:40px;
	width:900px;
	height:1200px;
	margin-left:auto;
	margin-right:auto;
	/*background:pink;*********作業用のピンク*****/
	}	
	
	
#textarea p{
	margin-top:10px;
	font-size:13px;
	color:#000;
	font-weight:500;
	letter-spacing:0.1em; 
	line-height:2em;
	}
	
#textarea h3{
	font-size:13px;
	font-weight:600;
	letter-spacing:0.1em; 
	line-height:1.8em;
	/* 画像置き換えする時用
	background-image:url(images/magagine_book.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	*/
	}

#left{
	float:left;
	}

#right{
	float:left;
	margin-left:20px;
	}


/**********グリッド設計**********/


table{
	margin-top:20px;
	width:400px;
	height:500px;
}



/**********こどもの写真やさん***********/



#kodomolink{
	margin-top:600px;
	margin-left:650px;
	width:220px;
	height:200px;
/*background:green;  ***作業用の緑*****/
	}



#kodomolink li{
	float:left;
	}

#eigyochu{
	position:relative;
	left:130px;
	top:-100px;
	}



/***** コピーライト ******/

#footer img{
	position:relative;
	left:0;
	bottom:-28px;