@charset "UTF-8";
/* ここからmargin/paddingリセット */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote {
margin: 0;
padding: 0;
}

/* ここまでmargin/paddingリセット */


/*
↓これはclear:bothを書ける箱がない時用に
疑似要素で箱作ってそれにclear:both書いてる
clearfix手法というやつです
使わないとclearできないシチュエーションでお使い下さい
*/

.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
/*↑ここまで */

/* clearできる箱がある場合 */
.clear{
clear:both;
}
/* ↑ここまで */

/* ここから960グリッドシステム 
12カラムバージョン
*/
.grid_1 {
     width:60px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_2 {
     width:140px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_3 {
     width:220px;
     float: left;
     margin-left: 10px;
     margin-right: 10px

}

.grid_4 {
     width:300px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_5 {
     width:380px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_6 {
     width:460px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_7 {
     width:540px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_8 {
     width:620px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_9 {
     width:700px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_10 {
     width:780px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_11 {
     width:860px;
     float: left;
     margin-left: 10px;
     margin-right: 10px
}

.grid_12 {
     width:940px;
     margin-left: 10px;
     margin-right: 10px
}

/* 箱の中に箱を作るとき一番右、一番左になる箱のmarginをなくす
一番左の箱にはalphaを一番右の箱にはomegaを追加

*/


.alpha {
     margin-left: 0;
}

.omega {
     margin-right: 0;
}

/* ここまで960_12カラムグリッドシステム */

#body {
	margin:0 auto;
	background-color:#CAE8AE;
}

#container{
	margin:0 auto;
	width:787px;
	height:560px;
	padding-top:30px;
}

li{
list-style-type: none;
padding:30px 0;
}