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

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
	display: block;
}


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*フォントを変更します*/
	color:#630; /*色を変更します*/
	line-height:25px; /*行間を25pxに指定します*/
	font-size:0.95em; /*フォントサイズを変更します*/
}


img {
	border:0px; /*画像ファイルの周囲に枠線が表示されるのを防ぎます*/
}



/*リンク色の変更と装飾*/

a {
text-decoration:none;
}

a:link {
color:#630;
}

a:visited {
color:#630;
}

a:hover {
color:#630;
text-decoration:underline;
}

a:active {
color:#630;
}





/*h要素*/

h1 {
	font-size:0.9em; /*フォントサイズを変更します*/
	margin:0px; /*領域間余白を0pxに指定します*/
}

h2 {
	font-size:0.9em; /*フォントサイズを変更します*/
	margin:0px 0px 20px 0px; /*領域間余白を下方向以外0pxに指定します*/
}

h3 {
	font-size:1.9em; /*フォントサイズを変更します*/
	margin:0px; /*領域間余白を0pxに指定します*/
}



#wrap {
	margin:0 auto; /*領域間余白を0pxに指定し、中央寄せにします*/
	width:960px; /*横幅960pxを指定します*/
}



/*ヘッダー*/


#menu {
	margin:0px; /*領域間余白を0pxに指定します*/
	padding:0px; /*領域内余白を0pxに指定します*/
}

#menu li {
	float:left; /*回り込みさせます*/
	list-style-type:none; /*リストスタイルを無しにします*/
}



/*メインビジュアル*/

#mainimg {
	width: 960px; /*横幅960pxを指定します*/
	height: 350px; /*縦幅350pxを指定します*/
	float: left; /*回り込みさせます*/
	margin: 10px 0px 15px 0px; /*上方向に10pxの領域間余白を、下方向に15pxの領域間余白を指定します*/
}



/*コンテンツ*/

#contents {
	width:615px; /*横幅615pxを指定します*/
	float:left; /*回り込みさせます*/
}


#newsbox {
	width:593px; /*横幅は615pxですが、paddingを10px（左右合計20px）、borderを1px（左右合計2px）指定しているため、615-22=593となります。そのため、heightは593pxを指定します*/
	height:auto; /*縦幅を自動的に調整します*/
	border:solid 1px #CCC; /*上下左右に1px、#CCCの1本線を表示します*/
	padding:10px; /*上下左右に10pxの領域内余白を指定します*/
	margin-bottom:15px; /*下方向に15pxの領域間余白を指定します*/
	background-color:#FFF; /*背景色を#FFFにします*/
}

#newsbox p {
	border-bottom:dashed  1px #CCC; /*newsboxの中のpにだけ、下線を表示します*/
}


.contentsbox {
	width:593px; /*横幅は615pxですが、paddingを10px（左右合計20px）、borderを1px（左右合計2px）指定しているため、615-22=593となります。そのため、heightは593pxを指定します*/
	height:auto; /*縦幅を自動的に調整します*/
	border:solid 1px #CCC; /*上下左右に1px、#CCCの1本線を表示します*/
	padding:10px; /*上下左右に10pxの領域内余白を指定します*/
	margin-bottom:15px; /*下方向に15pxの領域間余白を指定します*/
	background-color:#FFF; /*背景色を#FFFに指定します*/
}


.minibox {
	width:135px; /*135pxの横幅を指定します*/
	height:135px; /*135pxの縦幅を指定します*/
	margin:0px 10px 10px 0px; /*右方向、下方向に10pxの領域間余白を指定します*/
	float:left;
}

.imgbox {
	width:230px; /*230pxの横幅を指定します*/
	height:167px; /*167pxの縦幅を指定します*/
	float:right; /*回り込みさせます*/
	margin:10px 0px 10px 25px; /*上方向、下方向に10pxの領域間余白を、左方向に25pxの領域間余白を指定します*/
}



.midashi {
	border-bottom:dashed 2px #C30; /*下に2px、#C30の破線を表示します*/
	font-weight:bold; /*太字にします*/
	color:#C30; /*色を変更します*/
	font-size:1.2em; /*フォントサイズを変更します*/
}



.tablestyle { /*テーブルのスタイルです*/
	text-align:left;
	width:593px;
}

.tablestyle td { /*行間に破線を表示します*/
	border-bottom:dashed 1px #CCC;
}

.tablestyle th { /*tableのthにだけ、スタイルを適用します*/
	background-color:#630;
	color:#FFF;
	text-align:center;
}


.clear {
	clear:both;　/*回り込み要素を解除します*/
}



/*サイドナビ*/

#goannai {
	font-size:1.2em; /*フォントサイズを変更します*/
	margin:0px 0px 15px 0px; /*下方向にだけ、15pxの領域間余白を指定します*/
	color:#C30; /*色を変更します*/
}


#sidenavi {
	width:330px; /*330pxの横幅を指定します*/
	border-top:solid 2px skyblue; /*下に2px、#C30の1本線を表示します*/
	border-left:solid 15px skyblue; /*下に2px、#C30の1本線を表示します*/
	margin-top:10px; /*左方向に15pxの領域間余白を指定します*/
	margin-left:100px; /*左方向に15pxの領域間余白を指定します*/
	float:left; /*回り込みさせます*/
}

.sidebox { /*汎用のサイドナビボックスです*/
	width:330px; /*330pxの横幅を指定します*/
	height:130px; /*130pxの縦幅を指定します*/
	margin-bottom:15px; /*下方向に15pxの領域間余白を指定します*/
}

/*フッター*/

footer {
	clear:both; /*回り込みを解除します*/
	height:50px; /*縦幅は80pxですが、padding-topを30px指定しているため、80-30=50となります。そのため、heightは50pxを指定します*/
	padding-top:30px; /*要素内余白を上だけ30pxに指定します*/
	text-align:center; /*テキストを中央寄せにします*/
	font-size:0.85em; /*テキストのサイズを変更します*/
	background-image:url(img/footer.gif); /*背景画像を挿入します*/
	background-repeat:no-repeat; /*背景画像を繰り返し表示させません*/
	display:block; /*ブロック要素として認識させます*/
}


#menu {
  list-style: none;
  overflow: hidden;
}
 
#menu li {
  width: 140px;
  text-align: center;
  background-color: skyblue;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#menu li a {
  color: #fff;
  font-weight: bold;
  padding: 20px;
}

#menu li2 {
  width: 140px;
  text-align: center;
  background-color: darkblue;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#menu li2 a {
  color: #fff;
  font-weight: bold;
  padding: 20px;
}



figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
    margin: 7px 7px 7px 0px; /* 外側に余白を加える(右に7px・下に7px) */
    background-color: #fff;  /* 背景色 */
}
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
figcaption {
    font-size: 0.9em;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
}
div.imagearea:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}



* {
	margin: 0;
	padding: 0;
}

#grid {
	width: 500;
}
#grid li {
	margin: 10px;
	float: left;
	list-style: none;
}