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

/* 初期設定　全体とヘッダ固定
----------------------------------------- */


/* html,bodyタグの設定 */
html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;
    height:100%;
	font-size:12px;
	line-height:170%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:5d5d5d;
	background:url(../img/mk_back.jpg);
	background-repeat:repeat-x;
	background-position: center top;
}


/* ヘッダーの固定 */
div#header-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 140px;              /* 縦幅140px */
}
 
 
div#header-bk { 
	background-color:#F3F3EF;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:110px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
 
 
div#header { 
	border: 0px; 
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	width: 960px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
}

div#logo { 
	border: 0px; 
	width: 149px;
	margin-right:70px;
	float: left;
}

div#menu { 
	border: 0px;
	margin-top:47px;
	margin-right:40px;
	float: left;
}

div#link { 
	border: 0px;
	margin-top:39px;
	float: left;
}




/* ボディの定義 */
div#body-bk{
    padding:160px 0 160px 0;    /* 上下に160pxを余白を取る */
}
 
div#body{
    width:960px;
    margin:auto;
}

div#top_blank{
	width:960px;
	height:670px;
}

div#top_poem{
	width:450px;
	margin: 0 auto;
	text-align:center;
}

div#poem_first{
	margin-top:40px;
	margin-bottom:20px;
}

div#poem{
	margin-bottom:20px;
}


/* 初期設定　グリッドシステム
----------------------------------------- */


/* グリッドシステム */
.container { width: 940px; margin: 0 auto;}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13 {
  float: left;
  display: inline;
  margin-left: 20px;
  margin-top:20px;
  border:0;
}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.grid12 {width: 940px;}
.grid13 {width: 940px; text-align:center}
.first {margin-left: 0;clear: left;}
.margin {clear: left; margin:33px 40px 40px}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}


/* マウスオーバー */
.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}




/* フッターの固定 */
div#footer-fixed
{
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 40px;              /* 縦幅140px */
}
 
div#footer-bk
{
	background-color:#F3F3EF;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:10px;              /* 縦の高さ140px */
	width:100%;                /* 横の幅を100% */
}
 
div#footer { 
	border: 0px;    /* 表示領域を白枠で囲う */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	width: 960px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
	text-align:center;
	color:#999;
	font-size:11px;
}