/*-- option css - Ver.3.0 --*/

/*-- archive --*/

div#archive {
	font-family: verdana;
	font-size: 10px;
	position: relative;
	margin: 0px 0px 10px;
}
	div.c_2008-2008,
	div.c_2009-2009,
	div.c_2010-2010,
	div.c_2011-2011,
	div.c_2012-2012,
	div.c_2013-2013,
	div.c_2014-2014,
	div.c_2015-2015,
	div.c_2016-2016 {
		height: 100px;
	}
	div.c_2008-2009,
	div.c_2009-2010,
	div.c_2010-2011,
	div.c_2011-2012,
	div.c_2012-2013,
	div.c_2013-2014,
	div.c_2014-2015,
	div.c_2015-2016,
	div.c_2016-2017 {
		height: 150px;
	}
	div.c_2008-2010,
	div.c_2009-2011,
	div.c_2010-2012,
	div.c_2011-2013,
	div.c_2012-2014,
	div.c_2013-2015,
	div.c_2014-2016,
	div.c_2015-2017,
	div.c_2016-2018 {
		height: 200px;
	}
	div.c_2008-2011,
	div.c_2009-2012,
	div.c_2010-2013,
	div.c_2011-2014,
	div.c_2012-2015,
	div.c_2013-2016,
	div.c_2014-2017,
	div.c_2015-2018,
	div.c_2016-2019 {
		height: 250px;
	}
	div.c_2008-2012,
	div.c_2009-2013,
	div.c_2010-2014,
	div.c_2011-2015,
	div.c_2012-2016,
	div.c_2013-2017,
	div.c_2014-2018,
	div.c_2015-2019,
	div.c_2016-2020 {
		height: 300px;
	}
	div.c_2008-2013,
	div.c_2009-2014,
	div.c_2010-2015,
	div.c_2011-2016,
	div.c_2012-2017,
	div.c_2013-2018,
	div.c_2014-2019,
	div.c_2015-2020,
	div.c_2016-2021 {
		height: 300px;
	}
	div.c_2008-2014,
	div.c_2009-2015,
	div.c_2010-2016,
	div.c_2011-2017,
	div.c_2012-2018,
	div.c_2013-2019,
	div.c_2014-2020,
	div.c_2015-2021,
	div.c_2016-2022 {
		height: 350px;
	}
	div.c_2008-2015,
	div.c_2009-2016,
	div.c_2010-2017,
	div.c_2011-2018,
	div.c_2012-2019,
	div.c_2013-2020,
	div.c_2014-2021,
	div.c_2015-2022,
	div.c_2016-2023 {
		height: 400px;
	}
	div.c_2008-2016,
	div.c_2009-2017,
	div.c_2010-2018,
	div.c_2011-2019,
	div.c_2012-2020,
	div.c_2013-2021,
	div.c_2014-2022,
	div.c_2015-2023,
	div.c_2016-2024 {
		height: 450px;
	}


/*-- archive year --*/

div#archive span {
	position: absolute;
	left: 0px;
}

/*-- archive year 2008 --*/

	div.s_2008 .y_2008,
	div.s_2009 .y_2009,
	div.s_2010 .y_2010,
	div.s_2011 .y_2011,
	div.s_2012 .y_2012,
	div.s_2013 .y_2013,
	div.s_2014 .y_2014,
	div.s_2015 .y_2015,
	div.s_2016 .y_2016{
		top: 10px;
	}
	div.s_2008 .y_2009,
	div.s_2009 .y_2010,
	div.s_2010 .y_2011,
	div.s_2011 .y_2012,
	div.s_2012 .y_2013,
	div.s_2013 .y_2014,
	div.s_2014 .y_2015,
	div.s_2015 .y_2016 {
		top: 60px;
	}
	div.s_2008 .y_2010,
	div.s_2009 .y_2011,
	div.s_2010 .y_2012,
	div.s_2011 .y_2013,
	div.s_2012 .y_2014,
	div.s_2013 .y_2015,
	div.s_2014 .y_2016 {
		top: 110px;
	}
	div.s_2008 .y_2011,
	div.s_2009 .y_2012,
	div.s_2010 .y_2013,
	div.s_2011 .y_2014,
	div.s_2012 .y_2015,
	div.s_2013 .y_2016 {
		top: 160px;
	}
	div.s_2008 .y_2012,
	div.s_2009 .y_2013,
	div.s_2010 .y_2014,
	div.s_2011 .y_2015,
	div.s_2012 .y_2016 {
		top: 210px;
	}
	div.s_2008 .y_2013,
	div.s_2009 .y_2014,
	div.s_2010 .y_2015,
	div.s_2011 .y_2016 {
		top: 260px;
	}
	div.s_2008 .y_2014,
	div.s_2009 .y_2015,
	div.s_2010 .y_2016 {
		top: 310px;
	}
	div.s_2008 .y_2015,
	div.s_2009 .y_2016 {
		top: 360px;
	}
	div.s_2008 .y_2016 {
		top: 410px;
	}

/*-- archive month --*/

	.m_01 a{
		margin-left: 0px;
	}
	.m_02 a{
		margin-left: 24px;
	}
	.m_03 a{
		margin-left: 48px;
	}
	.m_04 a{
		margin-left: 72px;
	}
	.m_05 a{
		margin-left: 96px;
	}
	.m_06 a{
		margin-left: 120px;
	}
	.m_07 a{
		position: relative;
		top: 18px;
	}
	.m_08 a{
		position: relative;
		top: 18px;
		margin-left: 24px;
	}
	.m_09 a{
		position: relative;
		top: 18px;
		margin-left: 48px;
	}
	.m_10 a{
		position: relative;
		top: 18px;
		margin-left: 72px;
	}
	.m_11 a{
		position: relative;
		top: 18px;
		margin-left: 96px;
	}
	.m_12 a{
		position: relative;
		top: 18px;
		margin-left: 120px;
	}

/*-- bookmark --*/

div.book-mark {
	font-family: verdana;
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.book-mark ul ,
div.book-mark dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	div.book-mark ul li,
	div.book-mark dl dd {
		margin: 0px;
		width: 100%;
	}

div.book-mark div ,
div.book-mark p {
	margin: 0px;
	padding: 0px;
}

div.book-mark h3 ,
div.book-mark h4 ,
div.book-mark h5 ,
div.book-mark h6 {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.book-mark a {
	display: block;
	*zoom: 1;
	font-family: verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0px 5px;
	padding: 3px 2px;
	background: #FFF;
	border: 1px solid #EEE;
}

div.book-mark a:hover {
	text-decoration: none;
	background: #EEE;
	border: 1px solid #CCC;
}


/*-- pagemenu --*/

#pagemenu {
	margin: 30px 0px 15px;
	font-weight: bold;
	text-align: center;
}

#pagemenu .current_page {
	padding: 2px 6px;
	font-size: 100%; 
	color: #fff;
	border: 1px solid #999;
	background: #999;
	text-decoration: none;
}

#pagemenu a {
	padding: 2px 6px;
	font-size: 100%; 
	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff;
}

#pagemenu a:hover {
	background: #EEE;
}

div.center {
	text-align: center;
}