@charset "utf-8";


body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
}


a:link		{ color: #39F; text-decoration: none; }
a:visited	{ color: #39F; text-decoration: none; }
a:active	{ color: #39F; text-decoration: underline; }
a:hover		{ color: #F69; text-decoration: underline; }


#wrapper {
	width: 980px;
	margin: 0 auto;
	background: #fff url("../img/bg.jpg") repeat-y center top;
}


#header {
	position: relative;
	width: 950px;
	height: 760px;
	margin: 0 auto;
}
#logo_com {
	position: absolute;
	top: 12px;
	left: 32px;
}
#logo_saison {
	position: absolute;
	top: 14px;
	right: 25px;
}
#header h2 {
	position: absolute;
	top: 425px;
	left: 32px;
}
#header ol {
	position: absolute;
	top: 502px;
	left: 59px;
}
#header ol li {
	list-style-type: none;
	float: left;
	margin-right: 23px;
}

/* pattern4 */
#header-pattern4 {
	position: relative;
	width: 950px;
	height: 620px;
	margin: 0 auto;
}
#header-pattern4 #logo_com {
	top: 19px;
	left: 33px;
}
#header-pattern4 #logo_saison {
	position: absolute;
	top: 28px;
}
#header-pattern4 h2 {
	position: absolute;
	top: 295px;
	left: 33px;
}
#header-pattern4 ol {
	position: absolute;
	top: 373px;
	left: 59px;
}
#header-pattern4 ol li {
	list-style-type: none;
	float: left;
	margin-right: 23px;
}


/* pattern3 */
#header ol li#point2 {
	margin-right: 13px;
}


#content {
	width: 886px;
	margin: 0 auto;
}
/* pattern4 */
.pattern4 {
	padding-bottom: 30px;
}

#system {
	position: relative;
	width: 830px;
	height: 670px;
}
#system p {
	position: absolute;
	top: 90px;
	left: 29px;
}
#system ul {
	position: absolute;
	top: 143px;
	left: 26px;
}
#system ul li {
	list-style-type: none;
}


#faq {
	position: relative;
	width: 886px;
	height: 531px;
}
#faq h3 {
	position: absolute;
	top: 20px;
	left: 50px;
}
#faq p {
	position: absolute;
}
#faq p#faq1 {
	top: 46px;
	left: 256px;
}
#faq p#faq2 {
	top: 233px;
	left: 255px;
}
#faq p#faq3 {
	top: 355px;
	left: 110px;
}


#ec {
	position: relative;
	width: 886px;
	height: 470px;
	background: #D1EAFC url("../img/ec_line.gif") no-repeat center bottom;
}
#ec p {
	position: absolute;
	top: 91px;
	right: 308px;
}
#ec ul {
	position: absolute;
	top: 142px;
	left: 45px;
	width: 801px;
}
#ec ul li {
	list-style-type: none;
	float: left;
	margin-right: 3px;
	margin-bottom: 15px;
}


#ecsearch {
	position: relative;
	width: 886px;
	height: 220px;	
	background: #D1EAFC url("../img/ec_bg.jpg") no-repeat center bottom;
}
#ecsearch h4 {
	position: absolute;
	top: 20px;
	left: 66px;
}
#ecsearch p#ec_txt3 {
	position: absolute;
	top: 47px;
	left: 554px;
}

#search {
	position: absolute;
	top: 118px;
	left: 280px;
}
#search input#ec_btn {
	margin-top: -14px;
}
#keywords2	{
	width: 290px;
	height: 34px;
	line-height: 30px;
	background: #FFFFFF;
	border: 1px #2F81CE solid; /* ボックスの境界線 */
	padding: 0px 0px 0px 3px;
	margin-right: 5px;
	vertical-align: top;
	text-align: left;
	color: #333333;
}


#action {
	position: relative;
	width: 886px;
	height: 540px;
}
#action p {
	position: absolute;
}
#action p#btn1 {
	top: 52px;
	left: 76px;
}
#action p#btn2 {
	top: 52px;
	left: 463px;
}
#action p#cm {
	top: 268px;
	left: 207px;
}







	#fNav {
	width: 950px;
	margin: 50px auto 20px auto;
	}
	
	#gFooter {
	width: 950px;
	margin: 0 auto;
	}
	
/* ---------------------------------old */

/* fNav */

	#fNav li {
		display: inline;
		margin-right: 20px;
		padding: 2px 0 3px 20px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		zoom: 1;
	}
	* html #fNav li { background-position: left 2px; }
	*+html #fNav li { background-position: left 2px; }
	#fNav li#pagetop {
		display: block;
		margin: 0;
		margin-top: 20px;
		padding: 0;
		text-align: right;
	}
	.pagetop a,
	#fNav li#pagetop a {
		display: inline-block;
		overflow: hidden;
		width: 103px;
		height: 17px;
		text-indent: -9999px;
		text-align: left;
		background-color: transparent;
		background-image: url("../img/pagetop.gif");
		background-repeat: no-repeat;
		background-position: left top;
	}
	.mozilla #fNav li#pagetop a {
		display: block;
		margin-left: auto;
	}

	.pagetop a:hover,
	#fNav li#pagetop a:hover {
		background-position: left -17px;
	}
	.pagetop {
		margin-top: 10px;
	}
	.pagetop a {
		display: block;
		margin-left: auto;
	}
	#fNav a {
		display: inline-block;
	}
	#fNav strong {
		display: inline-block;
		font-weight: bold;
		color: #ff6699;
	}
	#fNav span {
		display: inline-block;
		color: #cccccc;
	}



/* gFooterArea */
	#gFooterArea {
		clear: both;
		padding: 19px 0 35px;
		background-color: #ecf4f9;
		background-image: url("../img/bg.gif");
		background-repeat: repeat-x;
		background-position: center top;
	}
	* html #gFooterArea { padding-bottom: 15px; }
	*+html #gFooterArea { padding-bottom: 15px; }

/* gFooterRight */
	#gFooterRight {
		float: right;
		width: 490px;
		text-align: right;
	}

/* ftrCopyright */
	#footerTxt,
	#ftrCopyright {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		text-align: left;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#footerTxt {
		margin-bottom: 10px;
		margin-left: auto;
		width: 261px;
		height: 12px;
		background-image: url("../img/ftr-about.gif");
	}

/* ftrLinks */
	#ftrLinks li {
		display: inline;
		padding-left: 4px;
		font-size: 87%;
		color: #8e9295;
	}
	body.ie8 #ftrLinks li { font-size: 94%; }
	#ftrLinks li a {
		display: inline-block;
		margin-right: 8px;
		color: #3399ff;
	}
	#ftrLinks li a:hover {
		color: #ff6699;
	}

/* ftrCopyright */
	#ftrCopyright {
		display: block;
		overflow: hidden;
		width: 272px;
		height: 19px;
		text-indent: -9999px;
		text-align: left;
		background-image: url("../img/copyright.gif");
		background-image: 
	}
	#ftrCopyright a {
		display: inline-block;
		width: 134px;
		height: 17px;
	}

/* ---------------------------------old END */




.clearfix {zoom:1;}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}