@charset "EUC-JP";

/****************************
  GRID  For Monthly Pages
*****************************/
/* ¾å½ñ¤­ */

body {
	margin:      15px 0 10px 0;
}

#container {
	width:       370px;
	margin:      0 auto;
	padding:     0;
	text-align:  center;
}

#content {
	clear:       both;
	width:       370px;
	margin:      0;
	padding:     0;
}

* html #grid_top {
	background:  url(../images/monthly/bg_grid_monthly_01.gif) no-repeat;
}
* html #grid {
	background:  url(../images/monthly/bg_grid_monthly_02.gif) repeat-y;
}
* html #grid_bottom {
	background:  url(../images/monthly/bg_grid_monthly_03.gif) no-repeat;
}

#grid_top {
	clear:       both;
	width:       370px;
	height:      11px;
	font-size:   1px;
	background:  url(../images/monthly/bg_grid_monthly_01.png) no-repeat;
}
#grid {
	clear:       both;
	width:       359px;
	padding:     5px 0 0 11px;
	background:  url(../images/monthly/bg_grid_monthly_02.png) repeat-y;
}
#grid_bottom {
	clear:       both;
	width:       370px;
	height:      21px;
	margin:      0;
	font-size:   1px;
	background:  url(../images/monthly/bg_grid_monthly_03.png) no-repeat;
}

/****************************/

#grid_contents {
	clear:        both;
	width:        338px;
	margin:       0;
	padding:      0;
	background:   #290f07;
}

/****************************
  monthly PAGE
*****************************/

#grid_contents h1 {
	margin:      0 0 6px 0;
	padding:     0;
	font-size:   140%;
	text-align:  center;
}

#grid_contents p {
	margin:      0 0 10px 0;
	padding:     0;
	text-align:  center;
}

#grid_contents .close {
	height:      24px;
	margin:      0;
	padding:     0;
	font-size:   1px;
	line-height: 100%;
	text-align:  center;
}

#grid_contents .column {
	width:       280px;
	margin:      0px auto 15px auto;
	padding:     30px 0 0px 0;
	background:  url(../images/monthly/bg_monthly_body.gif) no-repeat 0 0;
}

#grid_contents .column h2 {
	width:       260px;
	margin:      0 auto 10px auto;
	padding:     0;
	font-size:   120%;
	color:       #290f07;
	text-align:  center;
}

#grid_contents .column p {
	width:       260px;
	margin:      0 auto;
	padding:     0;
	font-size:   90%;
	line-height: 150%;
	text-align:  left;
	color:       #290f07;
}

#grid_contents .line {
	width:       280px;
	height:      2px;
	margin:      0px auto 10px auto;
	padding:     0;
	font-size:   1px;
	background:  url(../images/monthly/line_monthly.gif) no-repeat 0 0;
}

#grid_contents .line2 {
	width:       337px;
	height:      2px;
	margin:      1px 0 3px 0;
	padding:     0;
	font-size:   1px;
	border-bottom: 2px solid #766257;
}

/****************************/