@charset "utf-8";

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 index
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* layout */
/*
#page {	width: 966px;}
#header {	padding: 17px 3px 0 3px;}
#gNav {	padding: 0 3px;}
#contents {	width: 966px;}
#main {	width: 742px;}
#side {	width: 214px;}
*/
/*
#page {	width: 960px;}
#header {	padding: 17px 0px 0 0px;}
#gNav {	padding: 0 0px;}
#contents {	width: 960px;}
#main {	width: 736px; margin-left: -3px;}
#side {	width: 208px;}
*/
/* .#main */
.mainVisual	{
	width: 718px;
	height: 330px;
	padding: 12px;
	margin-bottom: 16px;
	background: url(../img/bg_68.png) 0 0 no-repeat;
	position: relative; left: -3px;
	overflow: hidden;
	}
	.mainVisual .visual	{ margin-bottom: 16px;}

	.mainVisual ul {
		width: 718px;
		height: 302px;
		position: relative;
	}
	.mainVisual ul li {
		width: 718px;
		height: 302px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mainVisual ul li img {
		width: 718px;
	}

	.mainVisual .nav	{
		width: 718px;
		text-align: center;
		position: absolute;
		top: 330px;
		left: 0;
		}
		.mainVisual .nav a	{
			display: inline-block;
			width: 13px;
			height: 13px;
			margin: 0 3px;
			overflow: hidden;
		}
		.mainVisual .nav a:hover {
			opacity: 1;
		}
		.mainVisual .nav a:hover img	{
			margin-top: -13px;
		}
		.mainVisual .nav a.cr img	{
			margin-top: -26px;
		}

.pickup {
	padding: 0 3px;
	margin-bottom: 32px;
	}
	.pickup h1 {
		margin-bottom: 6px;
	}
	.pickup {
		height: 136px;
		position: relative;
	}
	.pickup .pickIn {
		width: 660px;
		height: 100px;
		padding-top: 5px;
		position: absolute;
		top: 36px;
		left: 40px;
		}
		.pickup ul li {
			float: left;
			list-style: none;
			width: 145px;
			height: 90px;
			padding: 0 10px;
		}
		#flickbackbtn1 {
			position: absolute;
			left: 0;
		}
		#flicknextbtn1 {
			position: absolute;
			right: 0;
		}


/* #side */
.myStation {
	/*padding: 0 3px;*/
}


.loginBox { /*padding: 0 3px;*/ margin-bottom: 16px;} /**/
.bnrArea { /*padding: 0 3px;*/}
	.bnrArea li { list-style: none;}


/* CSS -micro clearfix */
.cf:before, .cf:after { content: ""; display: table;}
.cf:after { clear:both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */}