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

body {
	font-size: 13px;
	background: #fff url(../images/0708_bg.jpg) repeat;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

.img_anchor {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

ul { list-style: none; }

/* clearfix hack */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}

.error {
	color: #ff0000;
}

/* center */
div.center_box {
	margin: 15px auto;
	text-align: center;
}

ul.horizon_center li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	/margin-left: 3px;
}
	ul.horizon_center li * {
		float: left;
	}

/* header
--------------------------------------------------------- */
#header {
	background: url(../images/0708_img_bg.jpg) center top no-repeat;
	width: 100%;
}
	#header .tool_header {
		width: 850px;
		margin: 0px auto;
	}
	#header .tool_header h1#logo{
		display: block;
		position: relative;
		width: 300px;
		top: 30px;
		left: 300px;
	}
	#header .tool_header #btn_signup {
		display: block;
		position: relative;
		top: 30px;
		left: 210px;
	}
	
	/* calendaer */
	#header #calendar {
		margin-top: 50px;
		padding: 5px;
		background: url(../images/0708_bg_calendar.png);
		width: 500px;
		height: 220px;
		margin-left:200px;
	}
	#header #calendar caption {
		width: 500px;
		padding: 5px 0px;
		background: url(../images/0708_bg_calendar.png);
		font-size: 217%;
		font-weight: bolder;
		text-align: center;
	}
	#header #calendar caption .title {
	}
	#header #calendar caption .month {
		color: #4764B4;
		text-align:right;
	}
	#header #calendar caption img {
		margin:0 0 0 110px; 
	}

	#header #calendar th {}
	#header #calendar td {
		text-align: center;
	}
	#header #calendar td.eventday {
		background: url(../images/0708_mark_list_niku.png) center center no-repeat;
	}
	#header #calendar td.eventday a ,#header #calendar td.eventday a:hover{
		display: block;
		width:100%;
	}

		#header #calendar .img_week {
			display: block;
			background: url(../images/0708_calendar_sprite.png) no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			margin: 0px auto;
		}
		#header #calendar th .daysun { width: 55px; height: 21px; background-position: 0px 0px ; }
		#header #calendar th .daymon { width: 60px; height: 21px; background-position: -55px 0px ; }
		#header #calendar th .daytue { width: 54px; height: 21px; background-position: -115px 0px ; }
		#header #calendar th .daywed { width: 59px; height: 20px; background-position: -169px 0px ; }
		#header #calendar th .daythu { width: 55px; height: 21px; background-position: -228px 0px ; }
		#header #calendar th .dayfri { width: 42px; height: 20px; background-position: -283px 0px ; }
		#header #calendar th .daysat { width: 51px; height: 21px; background-position: -325px 0px ; }
		
		#header #calendar .img_day {
			display: block;
			width: 33px;
			height: 21px;
			background: url(../images/0708_calendar_sprite.png) no-repeat;
			overflow: hidden;
			text-indent: -9999px;
			margin: 0px auto;
		}
		#header #calendar td .day01 { background-position: 0px -21px;}
		#header #calendar td .day02 { background-position: -33px -21px;}
		#header #calendar td .day03 { background-position: -66px -21px;}
		#header #calendar td .day04 { background-position: -99px -21px;}
		#header #calendar td .day05 { background-position: -132px -21px;}
		#header #calendar td .day06 { background-position: -165px -21px;}
		#header #calendar td .day07 { background-position: -198px -21px;}
		#header #calendar td .day08 { background-position: -231px -21px;}
		#header #calendar td .day09 { background-position: -264px -21px;}
		#header #calendar td .day10 { background-position: -297px -21px;}
		#header #calendar td .day11 { background-position: 0px -42px; }
		#header #calendar td .day12 { background-position: -33px -42px;}
		#header #calendar td .day13 { background-position: -66px -42px;}
		#header #calendar td .day14 { background-position: -99px -42px;}
		#header #calendar td .day15 { background-position: -132px -42px;}
		#header #calendar td .day16 { background-position: -165px -42px;}
		#header #calendar td .day17 { background-position: -198px -42px;}
		#header #calendar td .day18 { background-position: -231px -42px;}
		#header #calendar td .day19 { background-position: -264px -42px;}
		#header #calendar td .day20 { background-position: -297px -42px;}
		#header #calendar td .day21 { background-position: 0px -63px; }
		#header #calendar td .day22 { background-position: -33px -63px;}
		#header #calendar td .day23 { background-position: -66px -63px;}
		#header #calendar td .day24 { background-position: -99px -63px;}
		#header #calendar td .day25 { background-position: -132px -63px;}
		#header #calendar td .day26 { background-position: -165px -63px;}
		#header #calendar td .day27 { background-position: -198px -63px;}
		#header #calendar td .day28 { background-position: -231px -63px;}
		#header #calendar td .day29 { background-position: -264px -63px;}
		#header #calendar td .day30 { background-position: -297px -63px;}
		#header #calendar td .day31 { background-position: -330px -63px;}

#header h3 {
	width: 580px;
	height: 55px;
	margin-top: 60px;
	background: url(../images/0708_calendar_sprite.png) 0px -85px no-repeat;
	color: #fff;
	font-size: 217%;
	font-weight: bolder;
	text-align: center;
	line-height: 55px;
}

#header #description {
	width: 790px;
	margin: 18px 10px 22px 20px;
	font-size: 107.8%;
	font-weight: bolder;
}

/* contents
--------------------------------------------------------- */
#contents {
	width: 850px;
	margin: 0px auto;
	background: #fff url(../images/0708_bg_contents.jpg);
}
	
	/* detail_event */
	#contents .detail_event {
		margin: 0px 20px 10px;
		background: #fff;
		border: #0000FF 1px solid;
	}
		#contents .detail_event h4 {
			padding: 0.2em;
			padding-left: 1.5em;
			background: #669933 url(../images/0708_bg_h4.jpg);
			border-bottom: #0000FF 1px solid;
			color: #FFFF00;
			font-size: 200%;
			font-weight: bolder;
		}
		#contents .detail_event dl {
			float: left;
			display: inline;
			width: 550px;
			margin: 10px;
		}		
			#contents .detail_event dl dt {
				margin-top: 10px;
				padding-left: 35px;
				height: 30px;
				background: url(../images/0708_mark_list_niku.png) left center no-repeat;
				color: #663300;
				font-size: 138.5%;
				font-weight: bolder;
				line-height: 30px;
			}
			#contents .detail_event dl dd {
				padding-left: 35px;
				font-size: 107.8%;
				font-weight: bolder;
			}
			#contents .detail_event dl dd .btn_news {
				display: block;
				width: 214px;
				height: 34px;
				margin: 20px auto 5px;
			}
		#contents .detail_event p {
			float: right;
			display: inline;
		}
		#contents .detail_event p .img_ss {
			display: block;
			width: 220px;
			height: 225px;
			background: url(../images/0708_calendar_sprite.png) no-repeat;
			overflow: hidden;
			margin: 5px;
		}
		
		#contents .detail_event p .ss01 { background-position: 0px -140px; }
		#contents .detail_event p .ss02 { background-position: -220px -140px; }
		#contents .detail_event p .ss03 { background-position: -440px -140px; }
		#contents .detail_event p .ss04 { background-position: 0px -365px; }
		#contents .detail_event p .ss05 { background-position: -220px -365px; }
		#contents .detail_event p .ss06 { background-position: -440px -365px; }
		#contents .detail_event p .ss07 { background-position: 0px -590px; }
		#contents .detail_event p .ss08 { background-position: -220px -590px; }
		#contents .detail_event p .ss09 { background-position: -440px -590px; }
		#contents .detail_event p .ss10 { background-position: -0 -815px;}
		#contents .detail_event p .ss11 { background-position: -440px -814px ;}
		#contents .detail_event p .ss12 { background-position: -220px -814px;}

/*100803 Added*/
/***************************************/
#contents a.aug_img {
	background-image: url("/landing/images/100803_sprite.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 220px;
	height: 0px;
	padding-top: 225px;
	display: block;
	overflow: hidden;
	margin: 5px;
}

/*100819 Added*/
/***************************************/
#contents a.aug_img02 {
	background-image: url("/landing/images/100819_sprite.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 220px;
	height: 0px;
	padding-top: 225px;
	display: block;
	overflow: hidden;
	margin: 5px;
}

#contents a.ss01a { background-position: 0 0;}
#contents a.ss02a { background-position: -220px 0;}
#contents a.ss03a { background-position: -440px 0;}


/* footer
--------------------------------------------------------- */
#footer {
	width: 850px;
	margin: 0px auto;
	background: #fff url(../images/0708_bg_contents.jpg);
}
* html #footer {
	width: 830px;
}

	#footer #official {
		margin: 0px 20px;
	}
	* html #footer #official {
		margin: 0px;
		margin-left: 20px;
	}
	#footer #official .btn_dl {
		vertical-align: top;
	}
	#footer #official .btn_official {
		/* float: right; */
		margin-left: 15px;
	}
	* html #footer #official .btn_official {
		float: none;
		margin-left: 15px;
	}
	#footer #official .btn_official label {
		clear: both;
		margin-top: 5px;
	}
	
	#footer .footermenu {
		margin: 0px 20px;
		padding-top: 50px;
		padding-bottom: 20px;
	}
	#footer .footermenu .logo {
			float: left;
			display: inline;
		},
		#footer .footermenu .siteinformation {
			float: right;
			display: inline;
		}
		#footer .footermenu .logo #easyfun,
		#footer .footermenu .logo #cyberstep {
			float: left;
			display: inline;
		}
		#footer .footermenu .logo #cyberstep {
			margin-left: 5px;
		}
		#footer .footermenu .siteinformation ul {
			font-size: 77%;
			text-align: right;
		}
		#footer .footermenu #copyright {
			clear: both;
			font-size: 77%;
			text-align: center;
		}